plume-ui-react 0.11.0 → 0.13.0

package/README.md

@@ -38,7 +38,7 @@ export function App() {
 
 ## Components
 
-`Accordion` (with `AccordionContent`, `AccordionItem` and `AccordionTrigger`), `Badge`, `Breadcrumb` (with `BreadcrumbItem`, `BreadcrumbLink` and `BreadcrumbSeparator`), `Button`, `Card` (with `CardHeader`, `CardBody` and `CardFooter`), `Carousel` (with `CarouselDots`, `CarouselNext`, `CarouselPlayPause`, `CarouselPrev`, `CarouselSlide` and `CarouselSlides`), `Checkbox`, `Chip`, `Collapse`, `DatePicker`, `Dropdown` (with `DropdownItem`, `DropdownLabel`, `DropdownMenu`, `DropdownSeparator` and `DropdownTrigger`), `Field`, `FileUpload`, `Icon`, `Input`, `List` (with `ListDivider`, `ListItem`, `ListItemButton`, `ListItemIcon`, `ListItemText` and `ListSubheader`), `Modal` (with `ModalBody`, `ModalClose`, `ModalContent`, `ModalFooter`, `ModalHeader` and `ModalTrigger`), `Navbar` (with `NavbarBrand`, `NavbarContent`, `NavbarItem` and `NavbarToggle`), `NumberInput`, `PinInput`, `Popover` (with `PopoverClose`, `PopoverContent` and `PopoverTrigger`), `ProgressBar`, `Radio`, `RadioGroup`, `Rating`, `Select` (with `SelectContent`, `SelectGroup`, `SelectOption`, `SelectTrigger` and `SelectValue`), `Sidebar` (with `SidebarContent`, `SidebarItem`, `SidebarProvider` and `SidebarToggle`), `Skeleton`, `Spinner`, `Stepper` (with `Step`, `StepDescription`, `StepIndicator`, `StepSeparator` and `StepTitle`), `Table` (with `TableBody`, `TableCaption`, `TableCell`, `TableFooter`, `TableHead`, `TableHeader` and `TableRow`), `Tabs` (with `TabList`, `Tab`, `TabPanels` and `TabPanel`), `Textarea`, `ToastProvider` (with the `useToast` hook), `Toggle` and `Tooltip`.
+`Accordion` (with `AccordionContent`, `AccordionItem` and `AccordionTrigger`), `Badge`, `Breadcrumb` (with `BreadcrumbItem`, `BreadcrumbLink` and `BreadcrumbSeparator`), `Button`, `Card` (with `CardHeader`, `CardBody` and `CardFooter`), `Carousel` (with `CarouselDots`, `CarouselNext`, `CarouselPlayPause`, `CarouselPrev`, `CarouselSlide` and `CarouselSlides`), `Checkbox`, `Chip`, `Collapse`, `DatePicker`, `Dropdown` (with `DropdownItem`, `DropdownLabel`, `DropdownMenu`, `DropdownSeparator` and `DropdownTrigger`), `EmptyState`, `Field`, `FileUpload`, `Icon`, `Input`, `List` (with `ListDivider`, `ListItem`, `ListItemButton`, `ListItemIcon`, `ListItemText` and `ListSubheader`), `Modal` (with `ModalBody`, `ModalClose`, `ModalContent`, `ModalFooter`, `ModalHeader` and `ModalTrigger`), `Navbar` (with `NavbarBrand`, `NavbarContent`, `NavbarItem` and `NavbarToggle`), `NumberInput`, `Paginator`, `PinInput`, `Popover` (with `PopoverClose`, `PopoverContent` and `PopoverTrigger`), `ProgressBar`, `Radio`, `RadioGroup`, `Rating`, `Select` (with `SelectContent`, `SelectGroup`, `SelectOption`, `SelectTrigger` and `SelectValue`), `Sidebar` (with `SidebarContent`, `SidebarItem`, `SidebarProvider` and `SidebarToggle`), `Skeleton`, `Slider`, `Spinner`, `Stepper` (with `Step`, `StepDescription`, `StepIndicator`, `StepSeparator` and `StepTitle`), `Table` (with `TableBody`, `TableCaption`, `TableCell`, `TableEmpty`, `TableFooter`, `TableHead`, `TableHeader`, `TableRow` and the `useTableState` hook), `Tabs` (with `TabList`, `Tab`, `TabPanels` and `TabPanel`), `Textarea`, `ToastProvider` (with the `useToast` hook), `Toggle`, `Tooltip` and `Tree` (with `TreeItem`, `TreeItemGroup` and `TreeItemLabel`).
 
 The [documentation site](https://darioegb.github.io/plume-ui-react/) has a live playground, props and examples for each one, plus the color palette, design tokens and framework integration guides.
 

package/dist/chunk-4DL6M5ND.mjs

@@ -0,0 +1 @@
+var _={tree:"_tree_15e0r_22",sm:"_sm_15e0r_29",md:"_md_15e0r_34",lg:"_lg_15e0r_39",item:"_item_15e0r_44",label:"_label_15e0r_48",checkbox:"_checkbox_15e0r_63",icon:"_icon_15e0r_84",chevron:"_chevron_15e0r_89",solid:"_solid_15e0r_107",ghost:"_ghost_15e0r_116",accent:"_accent_15e0r_121"};export{_ as a};

package/dist/chunk-QDAOFE7Q.mjs

@@ -0,0 +1 @@
+var _={slider:"_slider_msy5t_15",sm:"_sm_msy5t_22",md:"_md_msy5t_27",lg:"_lg_msy5t_32",horizontal:"_horizontal_msy5t_37",body:"_body_msy5t_37",vertical:"_vertical_msy5t_42",track:"_track_msy5t_47",range:"_range_msy5t_66",outline:"_outline_msy5t_85",marks:"_marks_msy5t_94",mark:"_mark_msy5t_94",markLabel:"_markLabel_msy5t_131",thumb:"_thumb_msy5t_157",invalid:"_invalid_msy5t_246",disabled:"_disabled_msy5t_252"};export{_ as a};

package/dist/components/form/slider/index.mjs

@@ -0,0 +1 @@
+import{Slider as t}from"./slider.mjs";export{t as Slider};

package/dist/components/form/slider/slider-marks.mjs

@@ -0,0 +1 @@
+import{a as u}from"../../../chunk-QDAOFE7Q.mjs";import{joinClasses as m}from"../../../overlay/class-names.mjs";import{fractionOf as b}from"./slider-math.mjs";import{jsx as i}from"react/jsx-runtime";var c=(a,n,t,e)=>{if(!a)return[];if(a===!0){let r=e>0?Math.floor((t-n)/e):0;return Array.from({length:r+1},(s,o)=>({value:n+o*e}))}return a.map(r=>typeof r=="number"?{value:r}:r)};function S({classNames:a,marks:n,max:t,min:e,step:r,values:s}){let o=c(n,e,t,r);if(o.length===0)return null;let p=s.length>1?Math.min(...s):e,d=Math.max(...s);return i("span",{"aria-hidden":"true",className:u.marks,"data-plume-slider-marks":"",children:o.map(l=>i("span",{className:m(u.mark,a?.mark),"data-active":l.value>p&&l.value<d?"":void 0,"data-plume-slider-mark":"",style:{"--slider-mark":b(l.value,e,t)},children:l.label===void 0?null:i("span",{className:m(u.markLabel,a?.markLabel),children:l.label})},l.value))})}export{S as SliderMarks};

package/dist/components/form/slider/slider-math.mjs

@@ -0,0 +1 @@
+var u=(e,r,n)=>Math.min(Math.max(e,r),n),o=e=>{let r=String(e),n=/e-(\d+)$/.exec(r);return n?Number(n[1]):r.split(".")[1]?.length??0},c=(e,r,n,t)=>{if(t<=0)return u(e,r,n);let b=Math.min(Math.round((e-r)/t),Math.floor((n-r)/t)),m=Math.max(o(t),o(r));return u(Number((r+b*t).toFixed(m)),r,n)},s=(e,r,n)=>n>r?(u(e,r,n)-r)/(n-r):0,a=e=>typeof e=="number"?[e]:[...e];export{u as clamp,s as fractionOf,c as snap,a as toValues};

package/dist/components/form/slider/slider.mjs

@@ -0,0 +1 @@
+"use client";import{a}from"../../../chunk-QDAOFE7Q.mjs";import{forwardRef as ne,useId as ie,useRef as se}from"react";import{joinClasses as p}from"../../../overlay/class-names.mjs";import{mergeRefs as de}from"../../../overlay/trigger.mjs";import{useControllableState as ue}from"../../../overlay/use-controllable-state.mjs";import{useFieldContext as me}from"../field/field-context.mjs";import{SliderMarks as pe}from"./slider-marks.mjs";import{clamp as A,fractionOf as be,snap as ce,toValues as fe}from"./slider-math.mjs";import{useTrackPress as Se}from"./use-track-press.mjs";import{Fragment as Pe,jsx as b,jsxs as O}from"react/jsx-runtime";var ye=s=>s===0?"Minimum":"Maximum",ve=(s,c)=>({"--slider-solid":`var(--plume-color-${s}-solid)`,"--slider-text":`var(--plume-color-${s}-text)`,"--slider-tint":`var(--plume-color-${s}-tint)`,...c}),ge=ne(({"aria-describedby":s,"aria-invalid":c,"aria-label":S,"aria-labelledby":w,className:z,classNames:f,colorScheme:$="primary",defaultValue:F,disabled:u=!1,formatValue:U,getThumbLabel:B=ye,id:k,invalid:K=!1,marks:j,max:l=100,min:t=0,name:q,onValueChange:x,onValueCommit:V,orientation:y="horizontal",readOnly:v=!1,size:D="md",step:g=1,style:G,value:J,variant:M="solid",...Q},W)=>{let R=me(),X=ie(),P=se([]),[I,Y]=ue({defaultValue:F??t,onChange:x,value:J}),o=Array.isArray(I),n=fe(I).map(e=>A(e,t,l)),i=M!=="unstyled",T=K||c===!0||c==="true",L=k??X,Z=R?.controlId===k?R?.labelId:void 0,N=w??(S?void 0:Z),m=n.map(e=>be(e,t,l)),_=o?"fieldset":"div",ee=e=>e===0?[t,n[1]??l]:[n[0]??t,l],E=(e,r)=>{let d=ce(r,t,l,g),C=o?A(d,...ee(e)):d;if(C===n[e])return;let H=n.map((le,oe)=>oe===e?C:le);Y(o?[H[0]??t,H[1]??l]:C)},re=e=>de(e===0?W??void 0:void 0,r=>{P.current[e]=r}),h=()=>{if(!V)return;let e=P.current.map((r,d)=>Number(r?.value??n[d]));V(o?[e[0]??t,e[1]??l]:e[0]??t)},te=Se({commit:h,disabled:u,inputs:P,isRange:o,max:l,min:t,orientation:y,readOnly:v,update:E,values:n}),ae={"--slider-end":m[m.length-1],"--slider-start":o?m[0]:0,...ve($,G)};return b(_,{...Q,...o?{"aria-label":S,"aria-labelledby":N,disabled:u}:{},className:p(i&&a.slider,i&&a[M],i&&a[D],i&&a[y],i&&T&&a.invalid,i&&u&&a.disabled,z),"data-disabled":u?"":void 0,"data-orientation":y,"data-plume-slider":"","data-range":o?"":void 0,...te,style:ae,children:O("div",{className:p(i&&a.body),"data-plume-slider-body":"",children:[i?O(Pe,{children:[b("span",{className:p(a.track,f?.track),"data-plume-slider-track":"",children:b("span",{className:p(a.range,f?.range),"data-plume-slider-range":""})}),b(pe,{classNames:f,marks:j,max:l,min:t,step:g,values:n})]}):null,n.map((e,r)=>b("input",{"aria-describedby":s,"aria-invalid":T||void 0,"aria-label":o?B(r):S,"aria-labelledby":o?void 0:N,"aria-readonly":v||void 0,"aria-valuetext":U?.(e),className:p(i&&a.thumb,f?.thumb),"data-front":r===0&&m[0]!==void 0&&m[0]>.5?"":void 0,"data-plume-slider-thumb":"",disabled:u,id:r===0?L:`${L}-${r}`,max:l,min:t,name:q,onChange:d=>{v||E(r,Number(d.target.value))},onKeyUp:h,onPointerUp:h,ref:re(r),step:g,type:"range",value:e},r===0?"start":"end"))]})})});ge.displayName="Slider";export{ge as Slider};

package/dist/components/form/slider/use-track-press.mjs

@@ -0,0 +1 @@
+"use client";import{useRef as f}from"react";import{clamp as M}from"./slider-math.mjs";function L({commit:a,disabled:m,inputs:d,isRange:P,max:i,min:o,orientation:v,readOnly:b,update:c,values:l}){let t=f(null),u=e=>{let n=e.currentTarget.getBoundingClientRect(),r=v==="vertical"?(n.bottom-e.clientY)/n.height:(e.clientX-n.left)/n.width;return o+M(r,0,1)*(i-o)},p=e=>{let n=l[0]??o,r=l[1]??i;return e<=r&&Math.abs(e-n)<=Math.abs(e-r)?0:1},E=e=>{if(!P||m||b||e.target instanceof HTMLInputElement)return;let n=u(e);t.current=p(n),e.currentTarget.setPointerCapture?.(e.pointerId),c(t.current,n)},T=e=>{t.current!==null&&c(t.current,u(e))},s=e=>{let n=t.current;n!==null&&(t.current=null,e.currentTarget.releasePointerCapture?.(e.pointerId),d.current[n]?.focus(),a())};return{onPointerCancel:s,onPointerDown:E,onPointerMove:T,onPointerUp:s}}export{L as useTrackPress};

package/dist/components/interaction/button/button.mjs

@@ -1,2 +1,2 @@
-import{forwardRef as v}from"react";import{Spinner as B}from"../../presentation/spinner/index.mjs";var o={button:"_button_1l5be_3",sm:"_sm_1l5be_18",md:"_md_1l5be_24",lg:"_lg_1l5be_29",rounded:"_rounded_1l5be_35",pill:"_pill_1l5be_39",solid:"_solid_1l5be_43 _button_1l5be_3",outline:"_outline_1l5be_49 _button_1l5be_3",ghost:"_ghost_1l5be_55 _button_1l5be_3",link:"_link_1l5be_60 _button_1l5be_3",icon:"_icon_1l5be_67 _button_1l5be_3",disabled:"_disabled_1l5be_111",iconMargin:"_iconMargin_1l5be_116",hidden:"_hidden_1l5be_120",spinnerMargin:"_spinnerMargin_1l5be_124"};import{Fragment as P,jsx as p,jsxs as _}from"react/jsx-runtime";var y=(t,l,s,r,u,a)=>{let e=u?o.iconMarginNone:o.iconMargin,d=l&&!t?o.hidden:e,n=l&&t?t:a;return _(P,{children:[s?p("span",{className:e,children:s}):null,n?p("span",{className:d,children:n}):null,r?p("span",{className:e,children:r}):null]})},M=(t,l,s,r,u,a)=>{let e=s||r?o.disabled:"",d=t!=="unstyled"?o[a]:"",n=t!=="unstyled"?o[u]:"",i=t!=="unstyled"?o[t]:"";return`${n} ${d} ${i} 
-    ${e} ${l}`.trim()},$=t=>({"--button-color":`var(--plume-color-${t}-text)`,"--button-contrast-color":`var(--plume-color-${t}-solid-contrast)`,"--button-solid-bg":`var(--plume-color-${t}-solid)`,"--button-solid-hover":`var(--plume-color-${t}-solid-hover)`,"--button-solid-active":`var(--plume-color-${t}-solid-active)`,"--button-hover-color":`var(--plume-color-${t}-text-hover)`,"--button-focus-color":`var(--plume-color-${t}-text-active)`,"--button-hover-alt-color":`var(--plume-color-${t}-tint)`,"--button-focus-alt-color":`var(--plume-color-${t}-tint-strong)`}),N=v(({children:t,iconLeft:l,iconRight:s,label:r,style:u,busyText:a="",className:e="",colorScheme:d="secondary",disabled:n=!1,isBusy:i=!1,shape:c="rounded",size:m="md",type:g="button",variant:b="solid",...C},h)=>{let f=M(b,e,n,i,m,c);return _("button",{className:f,disabled:n||i,ref:h,style:{...$(d),...u},type:g,...C,children:[y(a,i,l,s,b==="unstyled",r),t,i?p(B,{style:{"--spinner-scheme":"var(--button-contrast-color)"},...a&&{className:o.spinnerMargin},size:"sm"}):null]})});N.displayName="Button";export{N as Button};
+import{forwardRef as v}from"react";import{Spinner as B}from"../../presentation/spinner/index.mjs";var o={button:"_button_1l5be_3",sm:"_sm_1l5be_18",md:"_md_1l5be_24",lg:"_lg_1l5be_29",rounded:"_rounded_1l5be_35",pill:"_pill_1l5be_39",solid:"_solid_1l5be_43 _button_1l5be_3",outline:"_outline_1l5be_49 _button_1l5be_3",ghost:"_ghost_1l5be_55 _button_1l5be_3",link:"_link_1l5be_60 _button_1l5be_3",icon:"_icon_1l5be_67 _button_1l5be_3",disabled:"_disabled_1l5be_111",iconMargin:"_iconMargin_1l5be_116",hidden:"_hidden_1l5be_120",spinnerMargin:"_spinnerMargin_1l5be_124"};import{Fragment as P,jsx as p,jsxs as _}from"react/jsx-runtime";var y=(t,l,r,s,u,a)=>{let e=u?o.iconMarginNone:o.iconMargin,d=l&&!t?o.hidden:e,n=l&&t?t:a;return _(P,{children:[r?p("span",{className:e,children:r}):null,n?p("span",{className:d,children:n}):null,s?p("span",{className:e,children:s}):null]})},M=(t,l,r,s,u,a)=>{let e=r||s?o.disabled:"",d=t!=="unstyled"?o[a]:"",n=t!=="unstyled"?o[u]:"",i=t!=="unstyled"?o[t]:"";return`${n} ${d} ${i} 
+    ${e} ${l}`.trim()},$=t=>({"--button-color":`var(--plume-color-${t}-text)`,"--button-contrast-color":`var(--plume-color-${t}-solid-contrast)`,"--button-solid-bg":`var(--plume-color-${t}-solid)`,"--button-solid-hover":`var(--plume-color-${t}-solid-hover)`,"--button-solid-active":`var(--plume-color-${t}-solid-active)`,"--button-hover-color":`var(--plume-color-${t}-text-hover)`,"--button-focus-color":`var(--plume-color-${t}-text-active)`,"--button-hover-alt-color":`var(--plume-color-${t}-tint)`,"--button-focus-alt-color":`var(--plume-color-${t}-tint-strong)`}),N=v(({children:t,iconLeft:l,iconRight:r,label:s,style:u,busyText:a="",className:e="",colorScheme:d="secondary",disabled:n=!1,isBusy:i=!1,shape:c="rounded",size:m="md",type:g="button",variant:b="solid",...C},h)=>{let f=M(b,e,n,i,m,c);return _("button",{className:f,disabled:n||i,ref:h,style:{...$(d),...u},type:g,...C,children:[y(a,i,l,r,b==="unstyled",s),t,i?p(B,{style:{"--spinner-scheme":"var(--button-contrast-color)"},...a&&{className:o.spinnerMargin},size:"sm"}):null]})});N.displayName="Button";export{N as Button};

package/dist/components/interaction/paginator/index.mjs

@@ -0,0 +1 @@
+import{Paginator as r}from"./paginator.mjs";export{r as Paginator};

package/dist/components/interaction/paginator/paginator-range.mjs

@@ -0,0 +1 @@
+var g=(e,s)=>Array.from({length:Math.max(s-e+1,0)},(a,i)=>e+i);function f({boundaryCount:e,count:s,page:a,siblingCount:i}){let h=g(1,Math.min(e,s)),t=g(Math.max(s-e+1,e+1),s),l=Math.max(Math.min(a-i,s-e-i*2-1),e+2),p=Math.min(Math.max(a+i,e+i*2+2),t.length>0?(t[0]??s)-2:s-1),m=[];l>e+2?m.push("start-ellipsis"):e+1<s-e&&m.push(e+1);let r=[];return p<s-e-1?r.push("end-ellipsis"):s-e>e&&r.push(s-e),[...h,...m,...g(l,p),...r,...t]}export{f as getPaginatorItems};

package/dist/components/interaction/paginator/paginator.mjs

@@ -0,0 +1 @@
+"use client";import{forwardRef as q}from"react";import{joinClasses as u}from"../../../overlay/class-names.mjs";import{ChevronLeftIcon as D,ChevronRightIcon as G,ChevronsLeftIcon as J,ChevronsRightIcon as K}from"../../../overlay/icons.mjs";import{useControllableState as Q}from"../../../overlay/use-controllable-state.mjs";import{Button as _}from"../button/index.mjs";var n={paginator:"_paginator_1uwnr_10",sm:"_sm_1uwnr_15",md:"_md_1uwnr_19",lg:"_lg_1uwnr_23",list:"_list_1uwnr_27",page:"_page_1uwnr_31",edge:"_edge_1uwnr_32",ellipsis:"_ellipsis_1uwnr_37",outline:"_outline_1uwnr_45",ghost:"_ghost_1uwnr_46"};import{getPaginatorItems as U}from"./paginator-range.mjs";import{jsx as a,jsxs as ee}from"react/jsx-runtime";var W=(o,i)=>i?`Page ${o}, current page`:`Page ${o}`,X=(o,i,p)=>Math.min(Math.max(o,i),p),Y={ghost:{current:"ghost",other:"ghost"},outline:{current:"outline",other:"outline"},solid:{current:"solid",other:"ghost"},unstyled:{current:"unstyled",other:"unstyled"}};function b({children:o,className:i,isStyled:p}){return a("li",{className:u(p&&n.item,i),"data-plume-paginator-item":"",children:o})}var Z=q(({"aria-label":o,"aria-labelledby":i,boundaryCount:p=1,className:L,classNames:l,colorScheme:v="primary",count:C,defaultPage:R=1,disabled:P=!1,firstLabel:S="First page",getPageLabel:w=W,lastLabel:x="Last page",nextLabel:N="Next page",onPageChange:I,page:M,pageSize:V=10,previousLabel:k="Previous page",shape:h="rounded",showEdges:f=!1,siblingCount:B=1,size:d="md",total:H,variant:m="solid",...T},z)=>{let[A,E]=Q({defaultValue:R,onChange:I,value:M}),s=C??Math.ceil((H??0)/Math.max(V,1)),r=m!=="unstyled",t=X(A,1,Math.max(s,1)),c=Y[m];if(s<1)return null;let y=e=>{e!==t&&E(e)},g=(e,F,O,$,j)=>a(b,{className:l?.item,isStyled:r,children:a(_,{"aria-label":F,className:u(r&&n.edge,l?.[e]),colorScheme:"secondary","data-plume-paginator-part":e,disabled:P||$,onClick:()=>y(O),shape:h,size:d,variant:c.other,children:j})});return a("nav",{"aria-label":o??(i?void 0:"Pagination"),"aria-labelledby":i,className:u(r&&n.paginator,r&&n[m],r&&n[d],L),"data-plume-paginator":"",ref:z,...T,children:ee("ul",{className:u(r&&n.list,l?.list),"data-plume-paginator-list":"",children:[f?g("first",S,1,t===1,a(J,{})):null,g("previous",k,t-1,t===1,a(D,{})),U({boundaryCount:p,count:s,page:t,siblingCount:B}).map(e=>typeof e=="number"?a(b,{className:l?.item,isStyled:r,children:a(_,{"aria-current":e===t?"page":void 0,"aria-label":w(e,e===t),className:u(r&&n.page,l?.page),colorScheme:e===t?v:"secondary","data-current":e===t?"":void 0,"data-plume-paginator-part":"page",disabled:P,onClick:()=>y(e),shape:h,size:d,variant:e===t?c.current:c.other,children:e})},e):a(b,{className:l?.item,isStyled:r,children:a("span",{"aria-hidden":"true",className:u(r&&n.ellipsis,l?.ellipsis),"data-plume-paginator-part":"ellipsis",children:"\u2026"})},e)),g("next",N,t+1,t===s,a(G,{})),f?g("last",x,s,t===s,a(K,{})):null]})})});Z.displayName="Paginator";export{Z as Paginator};

package/dist/components/interaction/tree/index.mjs

@@ -0,0 +1 @@
+import{Tree as t}from"./tree.mjs";import{TreeItem as o}from"./tree-item.mjs";import{TreeItemGroup as m}from"./tree-item-group.mjs";import{TreeItemLabel as I}from"./tree-item-label.mjs";export{t as Tree,o as TreeItem,m as TreeItemGroup,I as TreeItemLabel};

package/dist/components/interaction/tree/tree-checks.mjs

@@ -0,0 +1 @@
+var f=(e,n,o)=>{let t=new Set(e);if(!o)return t;for(let r of e)for(let l of n[r]??[])t.add(l.value);return t},i=(e,n,o,t)=>{let r=o[e];if(!t||!r||r.length===0)return n.has(e);let l=r.filter(s=>n.has(s.value)).length;return l===r.length?!0:l===0?!1:"mixed"},d=(e,n)=>{let o=Object.entries(n).sort(([,t],[,r])=>t.length-r.length);for(let[t,r]of o)r.every(l=>e.has(l.value))?e.add(t):e.delete(t);return Array.from(e)},c=(e,n,o,t)=>{let r=t?(o[e]??[]).filter(a=>!a.disabled):[],l=r.length>0?r.every(a=>n.has(a.value)):i(e,n,o,t)===!0,s=new Set(n);for(let a of[e,...r.map(u=>u.value)])l?s.delete(a):s.add(a);return t?d(s,o):Array.from(s)},g=e=>{let n={};if(!e)return n;for(let o of Array.from(e.querySelectorAll('[role="treeitem"]'))){let t=o.nextElementSibling,r=o.dataset.plumeTreeValue;r===void 0||t?.getAttribute("role")!=="group"||(n[r]=Array.from(t.querySelectorAll('[role="treeitem"]')).map(l=>({disabled:l.getAttribute("aria-disabled")==="true",value:l.dataset.plumeTreeValue??""})))}return n};export{i as checkStateOf,f as expandChecked,g as readStructure,c as toggleChecked};

package/dist/components/interaction/tree/tree-context.mjs

@@ -0,0 +1 @@
+"use client";import{createContext as n,useContext as r}from"react";var o=n(void 0);function l(t){let e=r(o);if(!e)throw new Error(`${t} must be used within a <Tree>`);return e}var i=n(void 0);function d(t){let e=r(i);if(!e)throw new Error(`${t} must be used within a <TreeItem>`);return e}var s=n(0);export{o as TreeContext,i as TreeItemContext,s as TreeLevelContext,l as useTreeContext,d as useTreeItemContext};

package/dist/components/interaction/tree/tree-item-group.mjs

@@ -0,0 +1 @@
+"use client";import{forwardRef as l}from"react";import{Collapse as n}from"../../utility/collapse/index.mjs";import{TreeLevelContext as s,useTreeItemContext as u}from"./tree-context.mjs";import{jsx as t}from"react/jsx-runtime";var d=l(({children:r,className:o,style:p,...m},i)=>{let e=u("TreeItemGroup");return t(n,{className:o,id:e.groupId,open:e.expanded,ref:i,role:"group",style:p,variant:"unstyled",...m,children:t(s.Provider,{value:e.level,children:r})})});d.displayName="TreeItemGroup";export{d as TreeItemGroup};

package/dist/components/interaction/tree/tree-item-label.mjs

@@ -0,0 +1 @@
+"use client";import{a}from"../../../chunk-4DL6M5ND.mjs";import{forwardRef as d}from"react";import{joinClasses as o}from"../../../overlay/class-names.mjs";import{CheckIcon as u,ChevronRightIcon as h,MinusIcon as b}from"../../../overlay/icons.mjs";import{useTreeContext as T,useTreeItemContext as f}from"./tree-context.mjs";import{jsx as t,jsxs as x}from"react/jsx-runtime";var I=e=>e==="mixed"?t(b,{}):e?t(u,{}):null,L=e=>e==="mixed"?"mixed":e?"checked":"unchecked",k=d(({children:e,className:l,icon:s,style:i,...m},c)=>{let{isStyled:n,selection:p}=T("TreeItemLabel"),r=f("TreeItemLabel");return x("span",{className:o(n&&a.label,l),"data-plume-tree-label":"",id:r.labelId,ref:c,style:i,...m,children:[t("span",{"aria-hidden":"true",className:o(n&&a.chevron),"data-plume-tree-chevron":"","data-visible":r.hasChildren?"":void 0,children:r.hasChildren?t(h,{}):null}),p==="checkbox"?t("span",{"aria-hidden":"true",className:o(n&&a.checkbox),"data-plume-tree-checkbox":"","data-state":L(r.checked),children:I(r.checked)}):null,s?t("span",{"aria-hidden":"true",className:o(n&&a.icon),children:s}):null,e]})});k.displayName="TreeItemLabel";export{k as TreeItemLabel};

package/dist/components/interaction/tree/tree-item.mjs

@@ -0,0 +1 @@
+"use client";import{a as u}from"../../../chunk-4DL6M5ND.mjs";import{Children as b,forwardRef as g,isValidElement as S,useContext as w,useId as T,useMemo as R}from"react";import{joinClasses as k}from"../../../overlay/class-names.mjs";import{TreeItemContext as M,TreeLevelContext as A,useTreeContext as E}from"./tree-context.mjs";import{TreeItemGroup as H}from"./tree-item-group.mjs";import{jsx as I,jsxs as F}from"react/jsx-runtime";var L=r=>r==="single"||r==="multiple",D=r=>S(r)&&r.type===H,N=g(({"aria-label":r,children:x,className:C,disabled:i=!1,style:h,value:t,...v},y)=>{let e=E("TreeItem"),a=w(A)+1,l=T(),c=T(),p=b.toArray(x),m=p.find(D),o=m!==void 0,s=o&&e.expanded.includes(t),f=e.selected.includes(t),d=e.checkState(t),P=R(()=>({checked:d,disabled:i,expanded:s,groupId:l,hasChildren:o,labelId:c,level:a}),[d,i,s,l,o,c,a]);return I(M.Provider,{value:P,children:F("div",{"data-plume-tree-node":"",children:[I("div",{...v,"aria-checked":d,"aria-disabled":i||void 0,"aria-expanded":o?s:void 0,"aria-label":r,"aria-labelledby":r?void 0:c,"aria-level":a,"aria-owns":o?l:void 0,"aria-selected":L(e.selection)?f:void 0,className:k(e.isStyled&&u.item,C),"data-checked":d===void 0?void 0:String(d),"data-expanded":s?"":void 0,"data-plume-tree-item":"","data-plume-tree-value":t,"data-selected":f?"":void 0,onClick:n=>{if(i)return;n.target.closest("[data-plume-tree-chevron]")&&o&&e.selection==="checkbox"?e.toggleExpanded(t):e.activate(t,o)},onFocus:n=>{n.target===n.currentTarget&&e.setActive(t)},onKeyDown:n=>{i||e.onItemKeyDown(n,t,o)},ref:y,role:"treeitem",style:{"--tree-level":a,...h},tabIndex:!i&&e.activeValue===t?0:-1,children:p.filter(n=>n!==m)}),m]})})});N.displayName="TreeItem";export{N as TreeItem};

package/dist/components/interaction/tree/tree-navigation.mjs

@@ -0,0 +1 @@
+var s='[role="treeitem"]',d=e=>e?Array.from(e.querySelectorAll(s)).filter(t=>t.getAttribute("aria-disabled")!=="true"&&!t.parentElement?.closest('[role="group"]:not([data-open])')):[],u=e=>{let t=e.closest('[role="group"]')?.previousElementSibling;return t?.matches(s)?t:null},c=e=>e.querySelector("[data-plume-tree-label]")?.textContent?.trim().toLowerCase()??"",E=(e,t,a)=>{let n=a.toLowerCase(),r=[...n].every(l=>l===n[0]),i=r?n[0]??"":n,o=r||n.length===1?t+1:t;return[...e.slice(o),...e.slice(0,o)].find(l=>c(l).startsWith(i))};export{E as findTypeaheadMatch,c as labelOf,u as parentItem,d as visibleItems};

package/dist/components/interaction/tree/tree.mjs

@@ -0,0 +1 @@
+"use client";import{a as l}from"../../../chunk-4DL6M5ND.mjs";import{forwardRef as D,useCallback as I,useEffect as O,useMemo as B,useRef as F,useState as K}from"react";import{joinClasses as N}from"../../../overlay/class-names.mjs";import{mergeRefs as z}from"../../../overlay/trigger.mjs";import{TreeContext as j}from"./tree-context.mjs";import{visibleItems as q}from"./tree-navigation.mjs";import{useTreeKeyboard as G}from"./use-tree-keyboard.mjs";import{useTreeState as J}from"./use-tree-state.mjs";import{jsx as C}from"react/jsx-runtime";var Q=(e,o)=>({"--tree-contrast":`var(--plume-color-${e}-solid-contrast)`,"--tree-hover":`var(--plume-color-${e}-solid-hover)`,"--tree-solid":`var(--plume-color-${e}-solid)`,"--tree-text":`var(--plume-color-${e}-text)`,"--tree-tint":`var(--plume-color-${e}-tint)`,"--tree-tint-text":`var(--plume-color-${e}-tint-text)`,...o}),U=D(({cascade:e=!0,children:o,className:y,colorScheme:S="primary",defaultExpanded:b,defaultValue:V,expanded:E,onExpandedChange:M,onValueChange:h,selection:a="single",size:d="md",style:A,value:R,variant:v="solid",...w},H)=>{let s=F(null),[i,T]=K(void 0),n=v!=="unstyled",{activate:p,checkState:g,expanded:t,select:u,selected:m,toggleExpanded:c}=J({cascade:e,children:o,defaultExpanded:b,defaultValue:V,expanded:E,onExpandedChange:M,onValueChange:h,root:s,selection:a,value:R}),x=I(r=>c(r,!t.includes(r)),[t,c]),P=G({activate:p,expanded:t,root:s,select:u,toggleExpanded:c});O(()=>{let r=q(s.current),$=r.map(f=>f.dataset.plumeTreeValue);if(i!==void 0&&$.includes(i))return;let k=r.find(f=>f.getAttribute("aria-selected")==="true")??r[0];T(k?.dataset.plumeTreeValue)},[i,o,t,m]);let L=B(()=>({activate:p,activeValue:i,checkState:g,expanded:t,isStyled:n,onItemKeyDown:P,select:u,selected:m,selection:a,setActive:T,size:d,toggleExpanded:x}),[p,i,g,t,n,P,u,m,a,d,x]);return C(j.Provider,{value:L,children:C("div",{"aria-multiselectable":a==="multiple"?!0:void 0,className:N(n&&l.tree,n&&l[v],n&&l[d],y),"data-plume-tree":"",ref:z(H,s),role:"tree",style:Q(S,A),...w,children:o})})});U.displayName="Tree";export{U as Tree};

package/dist/components/interaction/tree/use-tree-keyboard.mjs

@@ -0,0 +1 @@
+"use client";import{useCallback as m,useEffect as p,useRef as f}from"react";import{findTypeaheadMatch as b,parentItem as g,visibleItems as T}from"./tree-navigation.mjs";var K=500,h={ArrowDown:({index:e,items:t})=>t[e+1]?.focus(),ArrowLeft:({current:e,hasChildren:t,isOpen:n,toggleExpanded:o,value:a})=>{t&&n?o(a,!1):g(e)?.focus()},ArrowRight:({hasChildren:e,index:t,isOpen:n,items:o,toggleExpanded:a,value:i})=>{e&&(n?o[t+1]?.focus():a(i,!0))},ArrowUp:({index:e,items:t})=>t[e-1]?.focus(),End:({items:e})=>e[e.length-1]?.focus(),Enter:({activate:e,hasChildren:t,value:n})=>e(n,t),Home:({items:e})=>e[0]?.focus()," ":({select:e,value:t})=>e(t)},E=e=>e.key.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey;function C({activate:e,expanded:t,root:n,select:o,toggleExpanded:a}){let i=f(""),s=f(void 0);return p(()=>()=>clearTimeout(s.current),[]),m((r,c,y)=>{if(r.target!==r.currentTarget)return;let u=T(n.current),l=u.indexOf(r.currentTarget),d=h[r.key];if(d&&!r.altKey&&!r.ctrlKey&&!r.metaKey){r.preventDefault(),d({activate:e,current:r.currentTarget,hasChildren:y,index:l,isOpen:t.includes(c),items:u,select:o,toggleExpanded:a,value:c});return}E(r)&&(r.preventDefault(),clearTimeout(s.current),i.current+=r.key,s.current=setTimeout(()=>{i.current=""},K),b(u,l,i.current)?.focus())},[e,t,n,o,a])}export{C as useTreeKeyboard};

package/dist/components/interaction/tree/use-tree-state.mjs

@@ -0,0 +1 @@
+"use client";import{useCallback as u,useEffect as V,useMemo as j,useState as J}from"react";import{useSelectionState as m}from"../../../overlay/use-selection-state.mjs";import{checkStateOf as M,expandChecked as N,readStructure as R,toggleChecked as w}from"./tree-checks.mjs";function z({cascade:r,children:h,defaultExpanded:x,defaultValue:v,expanded:k,onExpandedChange:T,onValueChange:C,root:p,selection:d,value:b}){let t=d==="checkbox",[l,y]=J({}),{commit:S,selected:i}=m({defaultValue:x,multiple:!0,onValueChange:T,value:k}),{commit:c,selected:o}=m({defaultValue:v,multiple:d==="multiple"||t,onValueChange:C,value:b}),s=j(()=>N(o,l,t&&r),[r,t,o,l]);V(()=>{if(!t||!r)return;let e=R(p.current);y(n=>JSON.stringify(n)===JSON.stringify(e)?n:e)},[r,h,t,p]);let a=u((e,n)=>{n!==i.includes(e)&&S(n?[...i,e]:i.filter(g=>g!==e))},[S,i]),f=u(e=>{let n=o.includes(e);t?c(w(e,s,l,r)):d==="single"&&!n?c([e]):d==="multiple"&&c(n?o.filter(g=>g!==e):[...o,e])},[r,s,c,t,o,d,l]),E=u((e,n)=>{f(e),n&&!t&&a(e,!i.includes(e))},[i,t,f,a]),O=u(e=>t?M(e,s,l,r):void 0,[r,s,t,l]);return{activate:E,checkState:O,expanded:i,select:f,selected:o,toggleExpanded:a}}export{z as useTreeState};

package/dist/components/presentation/emptystate/emptystate.mjs

@@ -0,0 +1 @@
+import{forwardRef as E}from"react";import{joinClasses as i}from"../../../overlay/class-names.mjs";var t={emptystate:"_emptystate_1rwkb_13",sm:"_sm_1rwkb_21",md:"_md_1rwkb_27",lg:"_lg_1rwkb_33",outline:"_outline_1rwkb_39",filled:"_filled_1rwkb_43",icon:"_icon_1rwkb_47",title:"_title_1rwkb_52",description:"_description_1rwkb_58",action:"_action_1rwkb_64"};import{jsx as p,jsxs as b}from"react/jsx-runtime";var S=E(({action:o,className:s,classNames:a,description:r,icon:l,size:d="md",style:y,title:m,titleAs:c="div",variant:n="plain",..._},u)=>{let e=n!=="unstyled";return b("div",{className:i(e&&t.emptystate,e&&t[d],e&&t[n],s),"data-plume-emptystate":"",ref:u,style:y,..._,children:[l?p("span",{"aria-hidden":"true",className:i(e&&t.icon,a?.icon),"data-plume-emptystate-icon":"",children:l}):null,m?p(c,{className:i(e&&t.title,a?.title),"data-plume-emptystate-title":"",children:m}):null,r?p("p",{className:i(e&&t.description,a?.description),"data-plume-emptystate-description":"",children:r}):null,o?p("div",{className:i(e&&t.action,a?.action),"data-plume-emptystate-action":"",children:o}):null]})});S.displayName="EmptyState";export{S as EmptyState};

package/dist/components/presentation/emptystate/index.mjs

@@ -0,0 +1 @@
+import{EmptyState as p}from"./emptystate.mjs";export{p as EmptyState};

package/dist/components/presentation/spinner/spinner.mjs

@@ -1,5 +1,5 @@
-import{forwardRef as S}from"react";import{colorVar as z}from"../../../theme/index.mjs";var i={"spinner-border-width":"3px","spinner-border-style":"solid","primary-border-color":"currentColor","border-color":"transparent",spinner:"_spinner_q8rz1_7",spin:"_spin_q8rz1_7",sm:"_sm_q8rz1_18",md:"_md_q8rz1_23",lg:"_lg_q8rz1_28",solid:"_solid_q8rz1_33 _spinner_q8rz1_7",dashed:"_dashed_q8rz1_38 _spinner_q8rz1_7",dotted:"_dotted_q8rz1_43 _spinner_q8rz1_7",double:"_double_q8rz1_48 _spinner_q8rz1_7",loader:"_loader_q8rz1_63",l7:"_l7_q8rz1_1",l5:"_l5_q8rz1_1",l11:"_l11_q8rz1_1",l27:"_l27_q8rz1_1",animloader:"_animloader_q8rz1_1"};import{jsx as c}from"react/jsx-runtime";var u=({color:o,style:t,speed:r,thickness:e})=>({"--spinner-scheme":z(o),...e&&{"--spinner-border-width":`${e}px`},"--spinner-animation-duration":r?.length?r:"1s",...t??{}}),y=S(({color:o="secondary.900",style:t,speed:r,className:e="",thickness:p=3,variant:n="solid",size:s=n!=="unstyled"?"md":void 0,..._},l)=>{let d=s&&(s!=="md"||n==="unstyled")?i[s]:"",a=n!=="unstyled"?i[n]:"",m=`
+import{forwardRef as S}from"react";import{colorVar as z}from"../../../theme/index.mjs";var s={"spinner-border-width":"3px","spinner-border-style":"solid","primary-border-color":"currentColor","border-color":"transparent",spinner:"_spinner_q8rz1_7",spin:"_spin_q8rz1_7",sm:"_sm_q8rz1_18",md:"_md_q8rz1_23",lg:"_lg_q8rz1_28",solid:"_solid_q8rz1_33 _spinner_q8rz1_7",dashed:"_dashed_q8rz1_38 _spinner_q8rz1_7",dotted:"_dotted_q8rz1_43 _spinner_q8rz1_7",double:"_double_q8rz1_48 _spinner_q8rz1_7",loader:"_loader_q8rz1_63",l7:"_l7_q8rz1_1",l5:"_l5_q8rz1_1",l11:"_l11_q8rz1_1",l27:"_l27_q8rz1_1",animloader:"_animloader_q8rz1_1"};import{jsx as c}from"react/jsx-runtime";var u=({color:o,style:t,speed:r,thickness:e})=>({"--spinner-scheme":z(o),...e&&{"--spinner-border-width":`${e}px`},"--spinner-animation-duration":r?.length?r:"1s",...t??{}}),y=S(({color:o="secondary.900",style:t,speed:r,className:e="",thickness:p=3,variant:n="solid",size:i=n!=="unstyled"?"md":void 0,...l},_)=>{let d=i&&(i!=="md"||n==="unstyled")?s[i]:"",a=n!=="unstyled"?s[n]:"",m=`
       ${d} 
       ${a} 
       ${e}
-    `.trim();return c("output",{"aria-label":"loading",className:m,ref:l,style:u({color:o,style:t,speed:r,thickness:p}),..._})});y.displayName="Spinner";export{y as Spinner};
+    `.trim();return c("output",{"aria-label":"loading",className:m,ref:_,style:u({color:o,style:t,speed:r,thickness:p}),...l})});y.displayName="Spinner";export{y as Spinner};

package/dist/components/utility/table/index.mjs

@@ -1 +1 @@
-import{Table as r}from"./table.mjs";import{TableBody as a}from"./table-body.mjs";import{TableCaption as l}from"./table-caption.mjs";import{TableCell as T}from"./table-cell.mjs";import{TableFooter as s}from"./table-footer.mjs";import{TableHead as f}from"./table-head.mjs";import{TableHeader as x}from"./table-header.mjs";import{TableRow as i}from"./table-row.mjs";export{r as Table,a as TableBody,l as TableCaption,T as TableCell,s as TableFooter,f as TableHead,x as TableHeader,i as TableRow};
+import{Table as o}from"./table.mjs";import{TableBody as r}from"./table-body.mjs";import{TableCaption as l}from"./table-caption.mjs";import{TableCell as T}from"./table-cell.mjs";import{TableEmpty as s}from"./table-empty.mjs";import{TableFooter as f}from"./table-footer.mjs";import{TableHead as P}from"./table-head.mjs";import{TableHeader as n}from"./table-header.mjs";import{TableRow as F}from"./table-row.mjs";import{useTableState as C}from"./use-table-state.mjs";export{o as Table,r as TableBody,l as TableCaption,T as TableCell,s as TableEmpty,f as TableFooter,P as TableHead,n as TableHeader,F as TableRow,C as useTableState};

package/dist/components/utility/table/table-empty.mjs

@@ -0,0 +1 @@
+import{forwardRef as E}from"react";import{EmptyState as f}from"../../presentation/emptystate/index.mjs";import{jsx as t}from"react/jsx-runtime";var P=E(({action:e,children:a,className:p,classNames:o,colSpan:r=100,description:l,emptyStateClassName:m,icon:s,size:i,style:n,title:y,titleAs:d,variant:c,...b},T)=>t("tr",{"data-plume-table-empty":"",children:t("td",{className:p,colSpan:r,"data-plume-table-empty-cell":"",ref:T,style:n,...b,children:t(f,{action:e,className:m,classNames:o,description:l,icon:s,role:"status",size:i,title:y??a,titleAs:d,variant:c})})}));P.displayName="TableEmpty";export{P as TableEmpty};

package/dist/components/utility/table/table-state.mjs

@@ -0,0 +1 @@
+var w=n=>n==null||n===""||Array.isArray(n)&&n.length===0,l=n=>n==null;function d(n,e){return typeof n=="number"&&typeof e=="number"?n-e:n instanceof Date&&e instanceof Date?n.getTime()-e.getTime():String(n).localeCompare(String(e),void 0,{numeric:!0,sensitivity:"base"})}var p=n=>typeof n=="string"?n:typeof n=="number"||typeof n=="boolean"||typeof n=="bigint"?String(n):"";function y(n,e){return Array.isArray(e)?e.includes(n):typeof e=="string"?p(n).toLowerCase().includes(e.trim().toLowerCase()):n===e}function R(n,e,a,s){let t=Object.entries(e).filter(([,r])=>!w(r));return t.length===0?[...n]:n.filter(r=>t.every(([o,i])=>{let u=s[o];return u?u(r,i):y(a(r,o),i)}))}function g(n,e,a,s){if(!e)return[...n];let{column:t,direction:r}=e,o=r==="ascending"?1:-1,i=s[t];return[...n].sort((u,b)=>{if(i)return o*i(u,b);let c=a(u,t),f=a(b,t);return l(c)||l(f)?Number(l(c))-Number(l(f)):o*d(c,f)})}function m(n,e){return n?.column!==e?{column:e,direction:"ascending"}:n.direction==="ascending"?{column:e,direction:"descending"}:null}export{d as compareValues,R as filterRows,w as isEmptyFilter,y as matchesFilter,m as nextSort,g as sortRows};

package/dist/components/utility/table/table.mjs

@@ -1 +1 @@
-"use client";import{forwardRef as v,useEffect as H,useState as p}from"react";import{joinClasses as b}from"../../../overlay/class-names.mjs";var l={container:"_container_10igk_61",table:"_table_10igk_65",sm:"_sm_10igk_71",md:"_md_10igk_76",lg:"_lg_10igk_81",plain:"_plain_10igk_120",bordered:"_bordered_10igk_135",striped:"_striped_10igk_150"};import{jsx as f}from"react/jsx-runtime";function P(e){let[r,n]=p(!1);return H(()=>{if(!e)return;let i=()=>n(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight);if(i(),typeof ResizeObserver>"u")return;let t=new ResizeObserver(i);return t.observe(e),e.firstElementChild&&t.observe(e.firstElementChild),()=>t.disconnect()},[e]),r}var w=v(({"aria-label":e,"aria-labelledby":r,children:n,className:i,containerClassName:t,hoverable:m=!1,maxHeight:o,size:u="md",stickyHeader:c=!1,style:_,variant:d="plain",...T},y)=>{let a=d!=="unstyled",[g,h]=p(null),s=P(g),k=o===void 0?void 0:{maxHeight:o};return f("section",{"aria-label":s?e:void 0,"aria-labelledby":s?r:void 0,className:b(a&&l.container,t),"data-plume-table-container":"",ref:h,style:k,...s&&{tabIndex:0},children:f("table",{"aria-label":e,"aria-labelledby":r,className:b(a&&l.table,a&&l[d],a&&l[u],i),"data-hoverable":m?"":void 0,"data-plume-table":"","data-sticky":c?"":void 0,ref:y,style:_,...T,children:n})})});w.displayName="Table";export{w as Table};
+"use client";import{forwardRef as S,useEffect as w,useState as p}from"react";import{joinClasses as f}from"../../../overlay/class-names.mjs";import{Spinner as E}from"../../presentation/spinner/index.mjs";var a={container:"_container_1boml_71",table:"_table_1boml_75",sm:"_sm_1boml_81",md:"_md_1boml_86",lg:"_lg_1boml_91",plain:"_plain_1boml_130",bordered:"_bordered_1boml_145",striped:"_striped_1boml_160"};import{jsx as d,jsxs as O}from"react/jsx-runtime";function L(e){let[r,i]=p(!1);return w(()=>{if(!e)return;let n=()=>i(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight);if(n(),typeof ResizeObserver>"u")return;let l=new ResizeObserver(n);return l.observe(e),e.firstElementChild&&l.observe(e.firstElementChild),()=>l.disconnect()},[e]),r}var M=S(({"aria-label":e,"aria-labelledby":r,children:i,className:n,containerClassName:l,hoverable:u=!1,loading:o=!1,loadingClassName:c,loadingLabel:_="Loading",maxHeight:b,size:y="md",stickyHeader:T=!1,style:g,variant:m="plain",...v},h)=>{let t=m!=="unstyled",[C,H]=p(null),s=L(C),P=b===void 0?void 0:{maxHeight:b};return O("section",{"aria-label":s?e:void 0,"aria-labelledby":s?r:void 0,className:f(t&&a.container,l),"data-plume-table-container":"",ref:H,style:P,...s&&{tabIndex:0},children:[o?d("div",{"data-plume-table-loading":"",children:d(E,{"aria-label":_,className:c,color:"primary",variant:t?"solid":"unstyled"})}):null,d("table",{"aria-busy":o?!0:void 0,"aria-label":e,"aria-labelledby":r,className:f(t&&a.table,t&&a[m],t&&a[y],n),"data-hoverable":u?"":void 0,"data-loading":o?"":void 0,"data-plume-table":"","data-sticky":T?"":void 0,ref:h,style:g,...v,children:i})]})});M.displayName="Table";export{M as Table};

package/dist/components/utility/table/use-table-state.mjs

@@ -0,0 +1 @@
+"use client";import{useCallback as t,useMemo as d,useState as m}from"react";import{filterRows as $,isEmptyFilter as I,nextSort as ee,sortRows as te}from"./table-state.mjs";var oe=[],w={},se=(l,T)=>l[T],le=l=>String(l.id);function ae({defaultFilters:l,defaultPage:T=1,defaultPageSize:y=10,defaultSort:G=null,filterFns:z=w,getRowId:a=le,getValue:f=se,manual:u=!1,rows:i=oe,sortFns:k=w,total:N}={}){let[n,M]=m(l??w),[H,b]=m(T),[q,A]=m(y),r=q,[E,V]=m(G),o=E,[p,P]=m([]),F=d(()=>u?i:te($(i,n,f,z),o,f,k),[z,n,f,u,i,o,k]),O=u?N??i.length:F.length,C=Math.max(1,Math.ceil(O/r)),c=Math.min(Math.max(1,H),C),h=d(()=>u?[...i]:F.slice((c-1)*r,c*r),[u,c,r,F,i]),_=t(e=>b(Math.max(1,e)),[]),j=t(e=>{A(Math.max(1,e)),b(1)},[]),v=t(e=>{V(e),b(1)},[]),x=t(e=>{v(ee(o,e))},[v,o]),L=t(e=>({onSort:()=>x(e),sort:o?.column===e?o.direction:"none"}),[o,x]),B=t((e,s)=>{M(S=>({...S,[e]:s})),b(1)},[]),D=t(()=>{M(l??w),b(1)},[l]),J=d(()=>Object.values(n).some(e=>!I(e)),[n]),g=d(()=>h.map(a),[a,h]),U=g.filter(e=>p.includes(e)).length,R=g.length>0&&U===g.length,K=t(e=>p.includes(a(e)),[a,p]),Q=t(e=>{let s=a(e);P(S=>S.includes(s)?S.filter(Z=>Z!==s):[...S,s])},[a]),W=t(()=>{P(e=>R?e.filter(s=>!g.includes(s)):[...e,...g.filter(s=>!e.includes(s))])},[R,g]),X=t(()=>P([]),[]),Y=d(()=>({filters:n,page:c,pageSize:r,sort:o}),[n,c,r,o]);return{allSelected:R,clearSelection:X,filters:n,getSortProps:L,hasFilters:J,isSelected:K,page:c,pageCount:C,pageSize:r,params:Y,resetFilters:D,rows:h,selected:p,setFilter:B,setPage:_,setPageSize:j,setSort:v,someSelected:U>0&&!R,sort:o,toggleAll:W,toggleRow:Q,toggleSort:x,total:O}}export{ae as useTableState};

package/dist/index.d.mts

@@ -339,7 +339,7 @@ interface ButtonOwnProps {
     variant?: ButtonVariant;
 }
 type ButtonVariant = 'solid' | 'outline' | 'link' | 'icon' | 'ghost' | 'unstyled';
-type ButtonRootAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-expanded' | 'aria-haspopup' | 'aria-label' | 'aria-labelledby' | 'children' | 'disabled' | 'hidden' | 'id' | 'onBlur' | 'onClick' | 'onFocus' | 'onKeyDown' | 'onMouseEnter' | 'role' | 'tabIndex' | 'title' | 'type'>;
+type ButtonRootAttributes = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-current' | 'aria-expanded' | 'aria-haspopup' | 'aria-label' | 'aria-labelledby' | 'children' | 'disabled' | 'hidden' | 'id' | 'onBlur' | 'onClick' | 'onFocus' | 'onKeyDown' | 'onMouseEnter' | 'role' | 'tabIndex' | 'title' | 'type'>;
 type ButtonProps = ComponentProps & ButtonRootAttributes & ButtonOwnProps;
 declare const Button: react.ForwardRefExoticComponent<ComponentProps & ButtonRootAttributes & ButtonOwnProps & react.RefAttributes<HTMLButtonElement>>;
 
@@ -563,6 +563,23 @@ interface DropdownTriggerProps {
 }
 declare const DropdownTrigger: react.ForwardRefExoticComponent<DropdownTriggerProps & react.RefAttributes<HTMLElement>>;
 
+type EmptyStateVariant = 'filled' | 'outline' | 'plain' | 'unstyled';
+type EmptyStatePart = 'action' | 'description' | 'icon' | 'title';
+type EmptyStateTitleTag = 'div' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+interface EmptyStateOwnProps {
+    action?: ReactNode;
+    classNames?: Partial<Record<EmptyStatePart, string>>;
+    description?: ReactNode;
+    icon?: ReactNode;
+    size?: Size;
+    title?: ReactNode;
+    titleAs?: EmptyStateTitleTag;
+    variant?: EmptyStateVariant;
+}
+type EmptyStateRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'aria-live' | 'hidden' | 'id' | 'role' | 'title'>;
+type EmptyStateProps = Omit<ComponentProps, 'index'> & Omit<EmptyStateRootAttributes, 'title'> & EmptyStateOwnProps;
+declare const EmptyState: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & Omit<EmptyStateRootAttributes, "title"> & EmptyStateOwnProps & react.RefAttributes<HTMLDivElement>>;
+
 interface FieldOwnProps {
     disabled?: boolean;
     errorText?: ReactNode;
@@ -824,6 +841,34 @@ type NumberInputRootAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'ar
 type NumberInputProps = Omit<ComponentProps, 'index'> & NumberInputRootAttributes & NumberInputOwnProps;
 declare const NumberInput: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & NumberInputRootAttributes & NumberInputOwnProps & react.RefAttributes<HTMLInputElement>>;
 
+type PaginatorVariant = 'ghost' | 'outline' | 'solid' | 'unstyled';
+type PaginatorPart = 'ellipsis' | 'first' | 'item' | 'last' | 'list' | 'next' | 'page' | 'previous';
+interface PaginatorOwnProps {
+    boundaryCount?: number;
+    classNames?: Partial<Record<PaginatorPart, string>>;
+    colorScheme?: ColorScheme;
+    count?: number;
+    defaultPage?: number;
+    disabled?: boolean;
+    firstLabel?: string;
+    getPageLabel?: (page: number, current: boolean) => string;
+    lastLabel?: string;
+    nextLabel?: string;
+    onPageChange?: (page: number) => void;
+    page?: number;
+    pageSize?: number;
+    previousLabel?: string;
+    shape?: Shape;
+    showEdges?: boolean;
+    siblingCount?: number;
+    size?: Size;
+    total?: number;
+    variant?: PaginatorVariant;
+}
+type PaginatorRootAttributes = Pick<HTMLAttributes<HTMLElement>, 'aria-label' | 'aria-labelledby' | 'hidden' | 'id' | 'title'>;
+type PaginatorProps = Omit<ComponentProps, 'children' | 'index'> & PaginatorRootAttributes & PaginatorOwnProps;
+declare const Paginator: react.ForwardRefExoticComponent<Omit<ComponentProps, "children" | "index"> & PaginatorRootAttributes & PaginatorOwnProps & react.RefAttributes<HTMLElement>>;
+
 type PinInputType = 'numeric' | 'alphanumeric' | 'text';
 
 type PinInputVariant = 'outline' | 'filled' | 'underline' | 'unstyled';
@@ -1125,6 +1170,40 @@ type SkeletonRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'hidden' | 'i
 type SkeletonProps = Omit<ComponentProps, 'index'> & SkeletonRootAttributes & SkeletonOwnProps;
 declare const Skeleton: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SkeletonRootAttributes & SkeletonOwnProps & react.RefAttributes<HTMLDivElement>>;
 
+interface SliderMark {
+    label?: ReactNode;
+    value: number;
+}
+
+type SliderValue = number | [number, number];
+type SliderVariant = 'outline' | 'solid' | 'unstyled';
+type SliderOrientation = 'horizontal' | 'vertical';
+type SliderPart = 'mark' | 'markLabel' | 'range' | 'thumb' | 'track';
+interface SliderOwnProps {
+    classNames?: Partial<Record<SliderPart, string>>;
+    colorScheme?: ColorScheme;
+    defaultValue?: SliderValue;
+    disabled?: boolean;
+    formatValue?: (value: number) => string;
+    getThumbLabel?: (index: number) => string;
+    invalid?: boolean;
+    marks?: boolean | number[] | SliderMark[];
+    max?: number;
+    min?: number;
+    name?: string;
+    onValueChange?: (value: SliderValue) => void;
+    onValueCommit?: (value: SliderValue) => void;
+    orientation?: SliderOrientation;
+    readOnly?: boolean;
+    size?: Size;
+    step?: number;
+    value?: SliderValue;
+    variant?: SliderVariant;
+}
+type SliderRootAttributes = Pick<HTMLAttributes<HTMLElement>, 'aria-describedby' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'hidden' | 'id' | 'title'>;
+type SliderProps = Omit<ComponentProps, 'children' | 'index'> & SliderRootAttributes & SliderOwnProps;
+declare const Slider: react.ForwardRefExoticComponent<Omit<ComponentProps, "children" | "index"> & SliderRootAttributes & SliderOwnProps & react.RefAttributes<HTMLInputElement>>;
+
 interface SpinnerOwnProps {
     color?: ColorShade;
     size?: Size;
@@ -1133,7 +1212,7 @@ interface SpinnerOwnProps {
     variant?: SpinnerVariant;
 }
 type SpinnerVariant = 'solid' | 'dashed' | 'dotted' | 'double' | 'unstyled';
-type SpinnerRootAttributes = Pick<HtmlHTMLAttributes<HTMLSpanElement>, 'hidden' | 'id' | 'tabIndex'>;
+type SpinnerRootAttributes = Pick<HtmlHTMLAttributes<HTMLSpanElement>, 'aria-label' | 'hidden' | 'id' | 'tabIndex'>;
 type SpinnerProps = ComponentProps & SpinnerRootAttributes & SpinnerOwnProps;
 declare const Spinner: react.ForwardRefExoticComponent<ComponentProps & SpinnerRootAttributes & SpinnerOwnProps & react.RefAttributes<HTMLOutputElement>>;
 
@@ -1176,6 +1255,9 @@ type TableVariant = 'plain' | 'bordered' | 'striped' | 'unstyled';
 interface TableOwnProps {
     containerClassName?: string;
     hoverable?: boolean;
+    loading?: boolean;
+    loadingClassName?: string;
+    loadingLabel?: string;
     maxHeight?: number | string;
     size?: Size;
     stickyHeader?: boolean;
@@ -1203,6 +1285,14 @@ type TableCellRootAttributes = Pick<TdHTMLAttributes<HTMLTableCellElement>, 'chi
 type TableCellProps = Omit<ComponentProps, 'index'> & TableCellRootAttributes & TableCellOwnProps;
 declare const TableCell: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TableCellRootAttributes & TableCellOwnProps & react.RefAttributes<HTMLTableCellElement>>;
 
+interface TableEmptyOwnProps {
+    colSpan?: number;
+    emptyStateClassName?: string;
+}
+type TableEmptyRootAttributes = Pick<TdHTMLAttributes<HTMLTableCellElement>, 'children' | 'hidden' | 'id'>;
+type TableEmptyProps = Omit<ComponentProps, 'index'> & TableEmptyRootAttributes & Pick<EmptyStateProps, 'action' | 'classNames' | 'description' | 'icon' | 'size' | 'title' | 'titleAs' | 'variant'> & TableEmptyOwnProps;
+declare const TableEmpty: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TableEmptyRootAttributes & Pick<EmptyStateProps, "size" | "icon" | "title" | "variant" | "classNames" | "action" | "description" | "titleAs"> & TableEmptyOwnProps & react.RefAttributes<HTMLTableCellElement>>;
+
 type TableFooterRootAttributes = Pick<HTMLAttributes<HTMLTableSectionElement>, 'children' | 'hidden' | 'id' | 'title'>;
 type TableFooterProps = Omit<ComponentProps, 'index'> & TableFooterRootAttributes;
 declare const TableFooter: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TableFooterRootAttributes & react.RefAttributes<HTMLTableSectionElement>>;
@@ -1229,6 +1319,60 @@ type TableRowRootAttributes = Pick<HTMLAttributes<HTMLTableRowElement>, 'childre
 type TableRowProps = Omit<ComponentProps, 'index'> & TableRowRootAttributes & TableRowOwnProps;
 declare const TableRow: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TableRowRootAttributes & TableRowOwnProps & react.RefAttributes<HTMLTableRowElement>>;
 
+type TableFilters = Record<string, unknown>;
+interface TableSort {
+    column: string;
+    direction: Exclude<TableSortDirection, 'none'>;
+}
+type TableFilterFn<Row> = (row: Row, value: unknown) => boolean;
+type TableValueGetter<Row> = (row: Row, column: string) => unknown;
+
+interface TableParams {
+    filters: TableFilters;
+    page: number;
+    pageSize: number;
+    sort: TableSort | null;
+}
+interface UseTableStateOptions<Row> {
+    defaultFilters?: TableFilters;
+    defaultPage?: number;
+    defaultPageSize?: number;
+    defaultSort?: TableSort | null;
+    filterFns?: Record<string, TableFilterFn<Row>>;
+    getRowId?: (row: Row) => string;
+    getValue?: TableValueGetter<Row>;
+    manual?: boolean;
+    rows?: readonly Row[];
+    sortFns?: Record<string, (first: Row, second: Row) => number>;
+    total?: number;
+}
+interface UseTableStateResult<Row> {
+    allSelected: boolean;
+    clearSelection: () => void;
+    filters: TableFilters;
+    getSortProps: (column: string) => Pick<TableHeadProps, 'onSort' | 'sort'>;
+    hasFilters: boolean;
+    isSelected: (row: Row) => boolean;
+    page: number;
+    pageCount: number;
+    pageSize: number;
+    params: TableParams;
+    resetFilters: () => void;
+    rows: Row[];
+    selected: string[];
+    setFilter: (column: string, value: unknown) => void;
+    setPage: (page: number) => void;
+    setPageSize: (pageSize: number) => void;
+    setSort: (sort: TableSort | null) => void;
+    someSelected: boolean;
+    sort: TableSort | null;
+    toggleAll: () => void;
+    toggleRow: (row: Row) => void;
+    toggleSort: (column: string) => void;
+    total: number;
+}
+declare function useTableState<Row>({ defaultFilters, defaultPage, defaultPageSize, defaultSort, filterFns, getRowId, getValue, manual, rows, sortFns, total: manualTotal, }?: UseTableStateOptions<Row>): UseTableStateResult<Row>;
+
 interface TabsOwnProps {
     alignment?: TabsAlignment;
     colorScheme?: ColorScheme;
@@ -1363,4 +1507,52 @@ interface TooltipProps {
 type TooltipVariant = 'solid' | 'outline' | 'unstyled';
 declare function Tooltip({ children, className, closeDelay, content, defaultOpen, disabled, offset, onOpenChange, open: openProp, openDelay, placement, size, style, variant, }: Readonly<TooltipProps>): ReactNode;
 
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionOwnProps, type AccordionProps, AccordionTrigger, type AccordionTriggerPart, type AccordionTriggerProps, type AccordionVariant, Badge, type BadgeProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbOwnProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbVariant, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Carousel, CarouselDots, type CarouselDotsProps, CarouselNext, type CarouselNextProps, type CarouselOwnProps, CarouselPlayPause, type CarouselPlayPauseProps, CarouselPrev, type CarouselPrevProps, type CarouselProps, CarouselSlide, type CarouselSlideProps, CarouselSlides, type CarouselSlidesProps, type CarouselVariant, Checkbox, type CheckboxProps, Chip, type ChipPart, type ChipProps, type ChipVariant, Collapse, type CollapseOwnProps, type CollapseProps, type CollapseVariant, type ColorMode, type ColorModeSetting, type ColorPalette, type ColorScheme, type ColorShade, type ComponentProps, DatePicker, type DatePickerConfig, type DatePickerProps, type DateRange, type DeepPartial, Dropdown, DropdownItem, type DropdownItemProps, DropdownLabel, type DropdownLabelProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, Field, type FieldControlProps, type FieldOrientation, type FieldProps, type FileRejection, type FileRejectionReason, FileUpload, type FileUploadOwnProps, type FileUploadPart, type FileUploadProps, type FileUploadVariant, type FontSizes, type FontWeights, Icon, type IconProps, Input, type InputProps, type LazyLoadedComponent, type LineHeights, List, ListDivider, type ListDividerProps, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, type MaskChangeHandler, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, ModalTrigger, type ModalTriggerProps, Navbar, NavbarBrand, type NavbarBrandProps, type NavbarBreakpoint, NavbarContent, type NavbarContentProps, NavbarItem, type NavbarItemProps, type NavbarOwnProps, type NavbarProps, NavbarToggle, type NavbarToggleProps, type NavbarVariant, NumberInput, type NumberInputPart, type NumberInputProps, type NumberInputVariant, PinInput, type PinInputProps, type PinInputType, type PinInputVariant, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingPart, type RatingProps, type RatingVariant, Select, SelectContent, type SelectContentPart, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectOption, type SelectOptionPart, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerPart, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, type SelectedOption, type SemanticColors, type Shade, type ShadeLevel, type Shadows, type Shape, Sidebar, type SidebarBreakpoint, SidebarContent, type SidebarContentProps, SidebarItem, type SidebarItemPart, type SidebarItemProps, type SidebarOwnProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, type SidebarSide, SidebarToggle, type SidebarToggleProps, type SidebarVariant, type Size, type Sizes, Skeleton, type SkeletonProps, type SkeletonShape, type SkeletonVariant, type Spaces, Spinner, type SpinnerProps, Step, StepDescription, type StepDescriptionProps, StepIndicator, type StepIndicatorProps, type StepProps, StepSeparator, type StepSeparatorProps, type StepStatus, StepTitle, type StepTitleProps, Stepper, type StepperOrientation, type StepperOwnProps, type StepperProps, type StepperVariant, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableOwnProps, type TableProps, TableRow, type TableRowProps, type TableSortDirection, type TableVariant, Tabs, type TabsProps, Textarea, type TextareaProps, type Theme, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, type ToastAction, type ToastApi, type ToastContent, type ToastIcons, type ToastOptions, type ToastPart, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastStatus, type ToastVariant, Toggle, type ToggleProps, Tooltip, type TooltipProps, type Typography, type UseClickOutsideProps, type UseDebounceProps, type UseMaskProps, type UseMaskResult, type ZIndeces, applyMask, colorVar, deepMerge, defaultDarkTheme, defaultTheme, formatDate, getContrastColor, getContrastRatio, getDarkenColor, getDateFormatByLanguage, getDateFromDateString, getDateStringByLanguage, getDaysOfWeekByLanguage, getLightenColor, getMonthsByLanguage, lazyLoadContent, themeToCssVars, useClickOutside, useDebounce, useMask, useTheme, useToast, validateFormatDate };
+type TreeSelection = 'checkbox' | 'multiple' | 'none' | 'single';
+type TreeVariant = 'accent' | 'ghost' | 'solid' | 'unstyled';
+
+interface TreeBaseProps {
+    cascade?: boolean;
+    colorScheme?: ColorScheme;
+    defaultExpanded?: string[];
+    expanded?: string[];
+    onExpandedChange?: (expanded: string[]) => void;
+    size?: Size;
+    variant?: TreeVariant;
+}
+interface TreeSingleProps {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    selection?: 'none' | 'single';
+    value?: string;
+}
+interface TreeMultipleProps {
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    selection: 'checkbox' | 'multiple';
+    value?: string[];
+}
+type TreeOwnProps = TreeBaseProps & (TreeMultipleProps | TreeSingleProps);
+type TreeRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'children' | 'hidden' | 'id' | 'title'>;
+type TreeProps = Omit<ComponentProps, 'index'> & TreeRootAttributes & TreeOwnProps;
+declare const Tree: react.ForwardRefExoticComponent<TreeProps & react.RefAttributes<HTMLDivElement>>;
+
+interface TreeItemOwnProps {
+    disabled?: boolean;
+    value: string;
+}
+type TreeItemRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'children' | 'hidden' | 'id' | 'title'>;
+type TreeItemProps = Omit<ComponentProps, 'index'> & TreeItemRootAttributes & TreeItemOwnProps;
+declare const TreeItem: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TreeItemRootAttributes & TreeItemOwnProps & react.RefAttributes<HTMLDivElement>>;
+
+type TreeItemGroupRootAttributes = Pick<HTMLAttributes<HTMLElement>, 'children' | 'title'>;
+type TreeItemGroupProps = Omit<ComponentProps, 'index'> & TreeItemGroupRootAttributes;
+declare const TreeItemGroup: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TreeItemGroupRootAttributes & react.RefAttributes<HTMLElement>>;
+
+interface TreeItemLabelOwnProps {
+    icon?: ReactNode;
+}
+type TreeItemLabelRootAttributes = Pick<HTMLAttributes<HTMLSpanElement>, 'children' | 'title'>;
+type TreeItemLabelProps = Omit<ComponentProps, 'index'> & TreeItemLabelRootAttributes & TreeItemLabelOwnProps;
+declare const TreeItemLabel: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TreeItemLabelRootAttributes & TreeItemLabelOwnProps & react.RefAttributes<HTMLSpanElement>>;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionOwnProps, type AccordionProps, AccordionTrigger, type AccordionTriggerPart, type AccordionTriggerProps, type AccordionVariant, Badge, type BadgeProps, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbOwnProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbVariant, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Carousel, CarouselDots, type CarouselDotsProps, CarouselNext, type CarouselNextProps, type CarouselOwnProps, CarouselPlayPause, type CarouselPlayPauseProps, CarouselPrev, type CarouselPrevProps, type CarouselProps, CarouselSlide, type CarouselSlideProps, CarouselSlides, type CarouselSlidesProps, type CarouselVariant, Checkbox, type CheckboxProps, Chip, type ChipPart, type ChipProps, type ChipVariant, Collapse, type CollapseOwnProps, type CollapseProps, type CollapseVariant, type ColorMode, type ColorModeSetting, type ColorPalette, type ColorScheme, type ColorShade, type ComponentProps, DatePicker, type DatePickerConfig, type DatePickerProps, type DateRange, type DeepPartial, Dropdown, DropdownItem, type DropdownItemProps, DropdownLabel, type DropdownLabelProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, EmptyState, type EmptyStatePart, type EmptyStateProps, type EmptyStateTitleTag, type EmptyStateVariant, Field, type FieldControlProps, type FieldOrientation, type FieldProps, type FileRejection, type FileRejectionReason, FileUpload, type FileUploadOwnProps, type FileUploadPart, type FileUploadProps, type FileUploadVariant, type FontSizes, type FontWeights, Icon, type IconProps, Input, type InputProps, type LazyLoadedComponent, type LineHeights, List, ListDivider, type ListDividerProps, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, type MaskChangeHandler, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, ModalTrigger, type ModalTriggerProps, Navbar, NavbarBrand, type NavbarBrandProps, type NavbarBreakpoint, NavbarContent, type NavbarContentProps, NavbarItem, type NavbarItemProps, type NavbarOwnProps, type NavbarProps, NavbarToggle, type NavbarToggleProps, type NavbarVariant, NumberInput, type NumberInputPart, type NumberInputProps, type NumberInputVariant, Paginator, type PaginatorOwnProps, type PaginatorPart, type PaginatorProps, type PaginatorVariant, PinInput, type PinInputProps, type PinInputType, type PinInputVariant, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingPart, type RatingProps, type RatingVariant, Select, SelectContent, type SelectContentPart, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectOption, type SelectOptionPart, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerPart, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, type SelectedOption, type SemanticColors, type Shade, type ShadeLevel, type Shadows, type Shape, Sidebar, type SidebarBreakpoint, SidebarContent, type SidebarContentProps, SidebarItem, type SidebarItemPart, type SidebarItemProps, type SidebarOwnProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, type SidebarSide, SidebarToggle, type SidebarToggleProps, type SidebarVariant, type Size, type Sizes, Skeleton, type SkeletonProps, type SkeletonShape, type SkeletonVariant, Slider, type SliderMark, type SliderOrientation, type SliderOwnProps, type SliderPart, type SliderProps, type SliderValue, type SliderVariant, type Spaces, Spinner, type SpinnerProps, Step, StepDescription, type StepDescriptionProps, StepIndicator, type StepIndicatorProps, type StepProps, StepSeparator, type StepSeparatorProps, type StepStatus, StepTitle, type StepTitleProps, Stepper, type StepperOrientation, type StepperOwnProps, type StepperProps, type StepperVariant, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableEmpty, type TableEmptyProps, type TableFilterFn, type TableFilters, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableOwnProps, type TableParams, type TableProps, TableRow, type TableRowProps, type TableSort, type TableSortDirection, type TableValueGetter, type TableVariant, Tabs, type TabsProps, Textarea, type TextareaProps, type Theme, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, type ToastAction, type ToastApi, type ToastContent, type ToastIcons, type ToastOptions, type ToastPart, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastStatus, type ToastVariant, Toggle, type ToggleProps, Tooltip, type TooltipProps, Tree, TreeItem, TreeItemGroup, type TreeItemGroupProps, TreeItemLabel, type TreeItemLabelOwnProps, type TreeItemLabelProps, type TreeItemOwnProps, type TreeItemProps, type TreeOwnProps, type TreeProps, type TreeSelection, type TreeVariant, type Typography, type UseClickOutsideProps, type UseDebounceProps, type UseMaskProps, type UseMaskResult, type UseTableStateOptions, type UseTableStateResult, type ZIndeces, applyMask, colorVar, deepMerge, defaultDarkTheme, defaultTheme, formatDate, getContrastColor, getContrastRatio, getDarkenColor, getDateFormatByLanguage, getDateFromDateString, getDateStringByLanguage, getDaysOfWeekByLanguage, getLightenColor, getMonthsByLanguage, lazyLoadContent, themeToCssVars, useClickOutside, useDebounce, useMask, useTableState, useTheme, useToast, validateFormatDate };