primereact/panel/index.mjs

A rich set of premium UI Components for React.

'use client';

var j=Object.defineProperty;var v=(e,o)=>{for(var r in o)j(e,r,{get:o[r],enumerable:!0})};import{createOptionalContext as k}from"@primereact/core/utils";var[I,n]=k();var M={};v(M,{Content:()=>d,Footer:()=>u,Header:()=>x,Indicator:()=>g,Root:()=>h,Title:()=>R,Trigger:()=>y});import{Component as q,withComponent as A}from"@primereact/core/component";import{useMotion as B}from"@primereact/core/motion";import{mergeProps as D}from"@primeuix/utils";import*as H from"react";var s={as:"div"};var d=A({name:"Panel.Content",defaultProps:s,setup(e){let o=n(),r=B({cssVarPrefix:"px-panel-content",...o?.props.motionProps,elementRef:e.elementRef,visible:o?.state.open});return{panel:o,motion:r}},render(e){let{props:o,ptmi:r,panel:t,motion:p}=e,a=D(t?.contentProps,{className:t?.cx("content")},t?.ptm("content"),r("root"),p?.rootProps);return H.createElement(q,{pIf:t?.props.lazy?p.state.rendered:!0,instance:e,attrs:a,children:o.children})}});import{Component as E,withComponent as G}from"@primereact/core/component";import{mergeProps as J}from"@primeuix/utils";import*as F from"react";var m={as:"div"};var u=G({name:"Panel.Footer",defaultProps:m,setup(){return{panel:n()}},render(e){let{props:o,ptmi:r,panel:t}=e,p=J({className:t?.cx("footer")},t?.ptm("footer"),r("root"));return F.createElement(E,{instance:e,attrs:p,children:o.children})}});import{Component as K,withComponent as L}from"@primereact/core/component";import{mergeProps as Q}from"@primeuix/utils";import*as w from"react";var i={as:"div"};var x=L({name:"Panel.Header",defaultProps:i,setup(){return{panel:n()}},render(e){let{props:o,ptmi:r,panel:t}=e,p=Q({className:t?.cx("header")},t?.ptm("header"),r("root"));return w.createElement(K,{instance:e,attrs:p,children:o.children})}});import{Component as U,withComponent as W}from"@primereact/core/component";import{mergeProps as X}from"@primeuix/utils";import*as N from"react";var l={as:"span",match:"always"};var g=W({name:"Panel.Indicator",defaultProps:l,setup(){return{panel:n()}},render(e){let{id:o,props:r,ptmi:t,panel:p}=e;if(r.match&&r.match!=="always"){let V=p?.state.open??!1?"open":"closed";if(r.match!==V)return null}let a=X(p?.indicatorProps,{id:o,className:p?.cx("indicator")},p?.ptm("indicator"),t("root"));return N.createElement(U,{instance:e,attrs:a,children:r.children})}});import{Component as Y,withComponent as Z}from"@primereact/core/component";import{usePanel as _}from"@primereact/headless/panel";import{mergeProps as $}from"@primeuix/utils";import*as C from"react";import*as O from"@primereact/headless/panel";var P={...O.defaultProps,as:"div",lazy:!1,motionProps:void 0};var h=Z({name:"Panel.Root",defaultProps:P,setup(e){return _(e?.inProps)},render(e){let{id:o,props:r,ptmi:t,cx:p,rootProps:a}=e,T=$(a,{id:o,className:p("root")},t("root"));return C.createElement(I,{value:e},C.createElement(Y,{instance:e,attrs:T,children:r.children}))}});import{Component as ee,withComponent as oe}from"@primereact/core/component";import{mergeProps as re}from"@primeuix/utils";import*as b from"react";var f={as:"div"};var R=oe({name:"Panel.Title",defaultProps:f,setup(){return{panel:n()}},render(e){let{props:o,ptmi:r,panel:t}=e,p=re({className:t?.cx("title")},t?.ptm("title"),r("root"));return b.createElement(ee,{instance:e,attrs:p,children:o.children})}});import{Component as te,withComponent as pe}from"@primereact/core/component";import{mergeProps as ne}from"@primeuix/utils";import*as z from"react";var c={as:"button"};var y=pe({name:"Panel.Trigger",defaultProps:c,setup(){return{panel:n()}},render(e){let{props:o,ptmi:r,panel:t}=e,p=ne(t?.triggerProps,{className:t?.cx("trigger")},t?.ptm("trigger"),r("root"));return z.createElement(te,{instance:e,attrs:p,children:o.children})}});var S={};v(S,{defaultContentProps:()=>s,defaultFooterProps:()=>m,defaultHeaderProps:()=>i,defaultIndicatorProps:()=>l,defaultRootProps:()=>P,defaultTitleProps:()=>f,defaultTriggerProps:()=>c});export{M as Panel,d as PanelContent,u as PanelFooter,x as PanelHeader,g as PanelIndicator,S as PanelProps,I as PanelProvider,h as PanelRoot,R as PanelTitle,y as PanelTrigger,s as defaultContentProps,m as defaultFooterProps,i as defaultHeaderProps,l as defaultIndicatorProps,P as defaultRootProps,f as defaultTitleProps,c as defaultTriggerProps,n as usePanelContext};