plume-ui-react 0.6.0 → 0.7.0

package/README.md

@@ -38,7 +38,7 @@ export function App() {
 
 ## Components
 
-`Badge`, `Button`, `Card` (with `CardHeader`, `CardBody` and `CardFooter`), `Checkbox`, `Chip`, `DatePicker`, `Dropdown` (with `DropdownItem`, `DropdownLabel`, `DropdownMenu`, `DropdownSeparator` and `DropdownTrigger`), `Field`, `Icon`, `Input`, `List` (with `ListDivider`, `ListItem`, `ListItemButton`, `ListItemIcon`, `ListItemText` and `ListSubheader`), `Modal` (with `ModalBody`, `ModalClose`, `ModalContent`, `ModalFooter`, `ModalHeader` and `ModalTrigger`), `Popover` (with `PopoverClose`, `PopoverContent` and `PopoverTrigger`), `Radio`, `RadioGroup`, `Select` (with `SelectContent`, `SelectGroup`, `SelectOption`, `SelectTrigger` and `SelectValue`), `Spinner`, `Tabs` (with `TabList`, `Tab`, `TabPanels` and `TabPanel`), `Textarea`, `ToastProvider` (with the `useToast` hook), `Toggle` and `Tooltip`.
+`Accordion` (with `AccordionContent`, `AccordionItem` and `AccordionTrigger`), `Badge`, `Button`, `Card` (with `CardHeader`, `CardBody` and `CardFooter`), `Checkbox`, `Chip`, `DatePicker`, `Dropdown` (with `DropdownItem`, `DropdownLabel`, `DropdownMenu`, `DropdownSeparator` and `DropdownTrigger`), `Field`, `Icon`, `Input`, `List` (with `ListDivider`, `ListItem`, `ListItemButton`, `ListItemIcon`, `ListItemText` and `ListSubheader`), `Modal` (with `ModalBody`, `ModalClose`, `ModalContent`, `ModalFooter`, `ModalHeader` and `ModalTrigger`), `Popover` (with `PopoverClose`, `PopoverContent` and `PopoverTrigger`), `ProgressBar`, `Radio`, `RadioGroup`, `Select` (with `SelectContent`, `SelectGroup`, `SelectOption`, `SelectTrigger` and `SelectValue`), `Skeleton`, `Spinner`, `Tabs` (with `TabList`, `Tab`, `TabPanels` and `TabPanel`), `Textarea`, `ToastProvider` (with the `useToast` hook), `Toggle` and `Tooltip`.
 
 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-DNENE4UC.mjs

@@ -0,0 +1 @@
+var _={accordion:"_accordion_zrxkm_43",sm:"_sm_zrxkm_51",md:"_md_zrxkm_57",lg:"_lg_zrxkm_63",outline:"_outline_zrxkm_69",item:"_item_zrxkm_75",filled:"_filled_zrxkm_79",heading:"_heading_zrxkm_91",trigger:"_trigger_zrxkm_96",icon:"_icon_zrxkm_119",body:"_body_zrxkm_127",content:"_content_zrxkm_132"};export{_ as a};

package/dist/components/form/select/select.mjs

@@ -1 +1 @@
-"use client";import{useCallback as i,useId as ie,useMemo as G,useState as L}from"react";import{useOpenState as ae}from"../../../overlay/use-open-state.mjs";import{SelectContext as ce}from"./select-context.mjs";import{useSelectKeyboard as ue}from"./use-select-keyboard.mjs";import{useSelectRegistry as de}from"./use-select-registry.mjs";import{useSelectValue as fe}from"./use-select-value.mjs";import{jsx as Se}from"react/jsx-runtime";function pe(s,l,S){return S?s.includes(l)?s.filter(c=>c!==l):[...s,l]:l===s[0]?void 0:[l]}function Pe({"aria-describedby":s,"aria-invalid":l,children:S,clearable:c=!1,closeOnSelect:J,colorScheme:x="secondary",defaultOpen:U=!1,defaultValue:W,disabled:g=!1,flip:M=!0,id:X,multiple:n=!1,name:V,offset:O=4,onOpenChange:Y,onValueChange:Z,open:_,placement:R="bottom-start",readOnly:b=!1,required:I=!1,searchable:m=!1,shape:E="rounded",shift:T=!0,size:H="md",value:j,variant:v="outline"}){let ee=ie(),y=X??ee,[f,te]=L(null),[oe,ne]=L(null),[N,le]=L({}),[h,p]=ae({defaultOpen:U,onOpenChange:Y,open:_}),{commit:r,selected:e}=fe({defaultValue:W,multiple:n,onValueChange:Z,value:j}),{options:u,register:q}=de(),t=!g&&!b,z=J??!n,P=i(o=>{(!o||t)&&p(o)},[t,p]),d=i(o=>{p(!1),o&&f?.querySelector('[role="combobox"]')?.focus()},[p,f]),C=i(o=>{if(!t)return;let a=pe(e,o,n);a&&r(a),z&&d(!0)},[t,d,r,n,e,z]),K=i(()=>{t&&e.length>0&&r([])},[t,r,e]),k=i(o=>{t&&r(e.filter(a=>a!==o))},[t,r,e]),re=i(()=>{!t||e.length===0||r(n?e.slice(0,-1):[])},[t,r,n,e]),w=i(o=>e.includes(o),[e]),{activeId:A,onListKeyDown:B,query:D,setActiveId:Q,setQuery:$}=ue({canEdit:t,canRemove:t&&(n||c),clearLast:re,close:d,commit:o=>r([o]),listbox:oe,multiple:n,open:h,openList:()=>P(!0),options:u,searchable:m,select:C,selected:e}),F=G(()=>e.flatMap(o=>u.find(a=>a.value===o)??[]),[u,e]),se=G(()=>({activeId:A,canClear:c&&t,clear:K,close:d,colorScheme:x,controlId:y,describedBy:s,disabled:g,flip:M,invalid:l===!0||l==="true",isSelected:w,isStyled:v!=="unstyled",labelling:N,listboxId:`${y}-listbox`,multiple:n,name:V,offset:O,onListKeyDown:B,open:h,options:u,placement:R,query:D,readOnly:b,register:q,remove:k,required:I,searchable:m,select:C,selected:e,selectedOptions:F,setActiveId:Q,setLabelling:le,setListbox:ne,setOpen:P,setQuery:$,setTrigger:te,shape:E,shift:T,size:H,trigger:f,variant:v}),[A,l,y,t,F,K,c,d,x,s,g,M,w,N,n,V,O,B,h,u,R,D,b,q,k,I,m,C,e,Q,P,$,E,T,H,f,v]);return Se(ce.Provider,{value:se,children:S})}export{Pe as Select};
+"use client";import{useCallback as i,useId as ie,useMemo as G,useState as L}from"react";import{useOpenState as ae}from"../../../overlay/use-open-state.mjs";import{useSelectionState as ce}from"../../../overlay/use-selection-state.mjs";import{SelectContext as de}from"./select-context.mjs";import{useSelectKeyboard as ue}from"./use-select-keyboard.mjs";import{useSelectRegistry as fe}from"./use-select-registry.mjs";import{jsx as Se}from"react/jsx-runtime";function pe(s,l,S){return S?s.includes(l)?s.filter(c=>c!==l):[...s,l]:l===s[0]?void 0:[l]}function Pe({"aria-describedby":s,"aria-invalid":l,children:S,clearable:c=!1,closeOnSelect:J,colorScheme:x="secondary",defaultOpen:U=!1,defaultValue:W,disabled:g=!1,flip:M=!0,id:X,multiple:n=!1,name:O,offset:R=4,onOpenChange:Y,onValueChange:Z,open:_,placement:V="bottom-start",readOnly:b=!1,required:I=!1,searchable:m=!1,shape:E="rounded",shift:T=!0,size:H="md",value:j,variant:v="outline"}){let ee=ie(),y=X??ee,[f,te]=L(null),[oe,ne]=L(null),[N,le]=L({}),[h,p]=ae({defaultOpen:U,onOpenChange:Y,open:_}),{commit:r,selected:e}=ce({defaultValue:W,multiple:n,onValueChange:Z,value:j}),{options:d,register:q}=fe(),t=!g&&!b,z=J??!n,P=i(o=>{(!o||t)&&p(o)},[t,p]),u=i(o=>{p(!1),o&&f?.querySelector('[role="combobox"]')?.focus()},[p,f]),C=i(o=>{if(!t)return;let a=pe(e,o,n);a&&r(a),z&&u(!0)},[t,u,r,n,e,z]),K=i(()=>{t&&e.length>0&&r([])},[t,r,e]),k=i(o=>{t&&r(e.filter(a=>a!==o))},[t,r,e]),re=i(()=>{!t||e.length===0||r(n?e.slice(0,-1):[])},[t,r,n,e]),w=i(o=>e.includes(o),[e]),{activeId:A,onListKeyDown:B,query:D,setActiveId:Q,setQuery:$}=ue({canEdit:t,canRemove:t&&(n||c),clearLast:re,close:u,commit:o=>r([o]),listbox:oe,multiple:n,open:h,openList:()=>P(!0),options:d,searchable:m,select:C,selected:e}),F=G(()=>e.flatMap(o=>d.find(a=>a.value===o)??[]),[d,e]),se=G(()=>({activeId:A,canClear:c&&t,clear:K,close:u,colorScheme:x,controlId:y,describedBy:s,disabled:g,flip:M,invalid:l===!0||l==="true",isSelected:w,isStyled:v!=="unstyled",labelling:N,listboxId:`${y}-listbox`,multiple:n,name:O,offset:R,onListKeyDown:B,open:h,options:d,placement:V,query:D,readOnly:b,register:q,remove:k,required:I,searchable:m,select:C,selected:e,selectedOptions:F,setActiveId:Q,setLabelling:le,setListbox:ne,setOpen:P,setQuery:$,setTrigger:te,shape:E,shift:T,size:H,trigger:f,variant:v}),[A,l,y,t,F,K,c,u,x,s,g,M,w,N,n,O,R,B,h,d,V,D,b,q,k,I,m,C,e,Q,P,$,E,T,H,f,v]);return Se(de.Provider,{value:se,children:S})}export{Pe as Select};

package/dist/components/navigation/accordion/accordion-content.mjs

@@ -0,0 +1 @@
+"use client";import{a as t}from"../../../chunk-DNENE4UC.mjs";import{forwardRef as m}from"react";import{joinClasses as r}from"../../../overlay/class-names.mjs";import{useAccordionContext as l,useAccordionItemContext as A}from"./accordion-context.mjs";import{jsx as e}from"react/jsx-runtime";var C=m(({bodyClassName:c,children:i,className:d,style:s,...p},a)=>{let{isStyled:n}=l("AccordionContent"),o=A("AccordionContent");return e("section",{"aria-labelledby":o.triggerId,className:r(n&&t.content,d),"data-open":o.open?"":void 0,"data-plume-accordion-content":"",id:o.contentId,ref:a,style:s,...p,children:e("div",{"data-plume-accordion-clip":"",children:e("div",{className:r(n&&t.body,c),children:i})})})});C.displayName="AccordionContent";export{C as AccordionContent};

package/dist/components/navigation/accordion/accordion-context.mjs

@@ -0,0 +1 @@
+"use client";import{createContext as o,useContext as n}from"react";var i=o(void 0),r=o(void 0);function d(t){let e=n(i);if(!e)throw new Error(`${t} must be used within a <Accordion>`);return e}function a(t){let e=n(r);if(!e)throw new Error(`${t} must be used within an <AccordionItem>`);return e}export{i as AccordionContext,r as AccordionItemContext,d as useAccordionContext,a as useAccordionItemContext};

package/dist/components/navigation/accordion/accordion-item.mjs

@@ -0,0 +1 @@
+"use client";import{a as d}from"../../../chunk-DNENE4UC.mjs";import{forwardRef as f,useId as I,useMemo as u}from"react";import{joinClasses as b}from"../../../overlay/class-names.mjs";import{AccordionItemContext as P,useAccordionContext as y}from"./accordion-context.mjs";import{jsx as n}from"react/jsx-runtime";var v=f(({children:c,className:s,disabled:m=!1,style:p,value:e,...a},l)=>{let o=y("AccordionItem"),t=I(),r=o.isOpen(e),i=o.disabled||m,A=u(()=>({contentId:`${t}-content`,disabled:i,open:r,triggerId:`${t}-trigger`,value:e}),[t,i,r,e]);return n(P.Provider,{value:A,children:n("div",{className:b(o.isStyled&&d.item,s),"data-disabled":i?"":void 0,"data-open":r?"":void 0,"data-plume-accordion-item":"",ref:l,style:p,...a,children:c})})});v.displayName="AccordionItem";export{v as AccordionItem};

package/dist/components/navigation/accordion/accordion-trigger.mjs

@@ -0,0 +1 @@
+"use client";import{a as d}from"../../../chunk-DNENE4UC.mjs";import{createElement as y,forwardRef as b}from"react";import{joinClasses as l}from"../../../overlay/class-names.mjs";import{ChevronDownIcon as E}from"../../../overlay/icons.mjs";import{useAccordionContext as h,useAccordionItemContext as H}from"./accordion-context.mjs";import{jsx as s,jsxs as x}from"react/jsx-runtime";var L={ArrowDown:1,ArrowUp:-1};function w(e){let t=e.closest("[data-plume-accordion]");return t?Array.from(t.querySelectorAll("[data-plume-accordion-trigger]:enabled")).filter(o=>o.closest("[data-plume-accordion]")===t):[]}function M(e,t,o){if(o==="Home")return e[0];if(o==="End")return e[e.length-1];let n=L[o];if(n===void 0)return;let i=e.indexOf(t);return e[(i+n+e.length)%e.length]}var P=b(({children:e,className:t,classNames:o,headingLevel:n=3,icon:i,style:m,...g},T)=>{let u=h("AccordionTrigger"),r=H("AccordionTrigger"),{isStyled:a}=u,f=c=>{let p=M(w(c.currentTarget),c.currentTarget,c.key);p&&(c.preventDefault(),p.focus())},A=x("button",{"aria-controls":r.contentId,"aria-expanded":r.open,className:l(a&&d.trigger,t),"data-open":r.open?"":void 0,"data-plume-accordion-trigger":"",disabled:r.disabled,id:r.triggerId,onClick:()=>u.toggle(r.value),onKeyDown:f,ref:T,style:m,type:"button",...g,children:[s("span",{"data-plume-accordion-title":"",children:e}),i===null?null:s("span",{"aria-hidden":"true",className:l(a&&d.icon,o?.icon),"data-plume-accordion-icon":"",children:i??s(E,{})})]});return y(`h${n}`,{className:l(a&&d.heading,o?.heading)},A)});P.displayName="AccordionTrigger";export{P as AccordionTrigger};

package/dist/components/navigation/accordion/accordion.mjs

@@ -0,0 +1 @@
+"use client";import{a as l}from"../../../chunk-DNENE4UC.mjs";import{forwardRef as w,useCallback as A,useMemo as H}from"react";import{joinClasses as L}from"../../../overlay/class-names.mjs";import{useSelectionState as R}from"../../../overlay/use-selection-state.mjs";import{AccordionContext as T}from"./accordion-context.mjs";import{jsx as f}from"react/jsx-runtime";var O=(o,s)=>({"--accordion-solid":`var(--plume-color-${o}-solid)`,"--accordion-text":`var(--plume-color-${o}-text)`,"--accordion-tint":`var(--plume-color-${o}-tint)`,"--accordion-tint-text":`var(--plume-color-${o}-tint-text)`,...s}),$=w(({children:o,className:s,collapsible:d=!0,colorScheme:P="primary",defaultValue:v,disabled:p=!1,onValueChange:g,size:a="md",style:C,type:S="single",value:y,variant:i="outline",...b},x)=>{let n=S==="multiple",t=i!=="unstyled",{commit:c,selected:e}=R({defaultValue:v,multiple:n,onValueChange:g,value:y}),u=A(r=>{e.includes(r)?n?c(e.filter(h=>h!==r)):d&&c([]):c(n?[...e,r]:[r])},[d,c,n,e]),m=A(r=>e.includes(r),[e]),M=H(()=>({disabled:p,isOpen:m,isStyled:t,size:a,toggle:u,variant:i}),[p,m,t,a,u,i]),V=L(t&&l.accordion,t&&l[i],t&&l[a],s);return f(T.Provider,{value:M,children:f("div",{className:V,"data-plume-accordion":"",ref:x,style:O(P,C),...b,children:o})})});$.displayName="Accordion";export{$ as Accordion};

package/dist/components/navigation/accordion/index.mjs

@@ -0,0 +1 @@
+import{Accordion as c}from"./accordion.mjs";import{AccordionContent as e}from"./accordion-content.mjs";import{AccordionItem as p}from"./accordion-item.mjs";import{AccordionTrigger as d}from"./accordion-trigger.mjs";export{c as Accordion,e as AccordionContent,p as AccordionItem,d as AccordionTrigger};

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

@@ -0,0 +1 @@
+import{ProgressBar as e}from"./progressbar.mjs";export{e as ProgressBar};

package/dist/components/utility/progressbar/progressbar.mjs

@@ -0,0 +1 @@
+import{forwardRef as C}from"react";import{joinClasses as d}from"../../../overlay/class-names.mjs";var r={progressbar:"_progressbar_1o6r5_16",sm:"_sm_1o6r5_21",md:"_md_1o6r5_25",lg:"_lg_1o6r5_29",rounded:"_rounded_1o6r5_33",indicator:"_indicator_1o6r5_34",pill:"_pill_1o6r5_38",striped:"_striped_1o6r5_47",animated:"_animated_1o6r5_65","progressbar-stripes":"_progressbar-stripes_1o6r5_1","progressbar-indeterminate":"_progressbar-indeterminate_1o6r5_1"};import{jsx as l}from"react/jsx-runtime";var h=(s,o)=>({"--progressbar-solid":`var(--plume-color-${s}-solid)`,...o}),x=(s,o)=>Math.min(Math.max(s,0),o),M=C(({animated:s=!1,className:o,colorScheme:m="primary",indeterminate:a=!1,indicatorClassName:_,max:n=100,shape:c="pill",size:u="md",style:g,value:b=0,valueText:P,variant:t="solid",...f},S)=>{let e=t!=="unstyled",i=n>0?n:100,p=x(b,i),y=p/i*100,v=d(e&&r.progressbar,e&&r[u],e&&r[c],o),B=d(e&&r.indicator,e&&t==="striped"&&r.striped,e&&t==="striped"&&s&&r.animated,_);return l("div",{"aria-valuemax":i,"aria-valuemin":0,"aria-valuenow":a?void 0:p,"aria-valuetext":a?void 0:P,className:v,"data-indeterminate":a?"":void 0,"data-plume-progressbar":"",ref:S,role:"progressbar",style:h(m,g),...f,children:l("div",{className:B,"data-plume-progressbar-indicator":"",style:a?void 0:{inlineSize:`${y}%`}})})});M.displayName="ProgressBar";export{M as ProgressBar};

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

@@ -0,0 +1 @@
+import{Skeleton as o}from"./skeleton.mjs";export{o as Skeleton};

package/dist/components/utility/skeleton/skeleton.mjs

@@ -0,0 +1 @@
+import{forwardRef as y}from"react";import{joinClasses as l}from"../../../overlay/class-names.mjs";var e={lines:"_lines_x6s3l_13",skeleton:"_skeleton_x6s3l_17",text:"_text_x6s3l_22",last:"_last_x6s3l_32",rect:"_rect_x6s3l_36",circle:"_circle_x6s3l_41",pulse:"_pulse_x6s3l_48","skeleton-pulse":"_skeleton-pulse_x6s3l_1",wave:"_wave_x6s3l_52","skeleton-wave":"_skeleton-wave_x6s3l_1"};import{jsx as i}from"react/jsx-runtime";var k=t=>typeof t=="number"?`${t}px`:t,h=y(({className:t,height:u,lineClassName:x,lines:c=1,shape:n="text",style:S,variant:a="pulse",width:f,...p},d)=>{let s=a!=="unstyled",r=n==="text"?Math.max(1,Math.floor(c)):1,m=o=>l(s&&e.skeleton,s&&e[a],o),_={"--skeleton-height":k(u),"--skeleton-width":k(f),...S};return r>1?i("div",{"aria-hidden":"true",className:l(s&&e.lines,t),"data-plume-skeleton-lines":"","data-shape":n,ref:d,style:_,...p,children:[...new Array(r).keys()].map(o=>i("span",{className:m(l(s&&e.text,s&&o===r-1&&e.last,x)),"data-plume-skeleton":""},o))}):i("div",{"aria-hidden":"true",className:m(l(s&&e[n],t)),"data-plume-skeleton":"","data-shape":n,ref:d,style:_,...p})});h.displayName="Skeleton";export{h as Skeleton};

package/dist/index.d.mts

@@ -232,6 +232,57 @@ declare function lazyLoadContent(content: ReactNode): LazyExoticComponent<() =>
  */
 declare function deepMerge<T>(target: T, ...sources: (Partial<T> | undefined)[]): T;
 
+type AccordionVariant = 'outline' | 'filled' | 'unstyled';
+
+interface AccordionBaseProps {
+    collapsible?: boolean;
+    colorScheme?: ColorScheme;
+    disabled?: boolean;
+    size?: Size;
+    variant?: AccordionVariant;
+}
+interface AccordionSingleProps {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    type?: 'single';
+    value?: string;
+}
+interface AccordionMultipleProps {
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    type: 'multiple';
+    value?: string[];
+}
+type AccordionOwnProps = AccordionBaseProps & (AccordionMultipleProps | AccordionSingleProps);
+type AccordionRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'children' | 'hidden' | 'id' | 'title'>;
+type AccordionProps = Omit<ComponentProps, 'index'> & AccordionRootAttributes & AccordionOwnProps;
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+
+interface AccordionContentOwnProps {
+    bodyClassName?: string;
+}
+type AccordionContentRootAttributes = Pick<HTMLAttributes<HTMLElement>, 'children' | 'title'>;
+type AccordionContentProps = Omit<ComponentProps, 'index'> & AccordionContentRootAttributes & AccordionContentOwnProps;
+declare const AccordionContent: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & AccordionContentRootAttributes & AccordionContentOwnProps & react.RefAttributes<HTMLElement>>;
+
+interface AccordionItemOwnProps {
+    disabled?: boolean;
+    value: string;
+}
+type AccordionItemRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'children' | 'hidden' | 'id' | 'title'>;
+type AccordionItemProps = Omit<ComponentProps, 'index'> & AccordionItemRootAttributes & AccordionItemOwnProps;
+declare const AccordionItem: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & AccordionItemRootAttributes & AccordionItemOwnProps & react.RefAttributes<HTMLDivElement>>;
+
+type AccordionTriggerPart = 'heading' | 'icon';
+interface AccordionTriggerOwnProps {
+    classNames?: Partial<Record<AccordionTriggerPart, string>>;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    icon?: ReactNode;
+}
+type AccordionTriggerRootAttributes = Pick<HTMLAttributes<HTMLButtonElement>, 'children' | 'title'>;
+type AccordionTriggerProps = Omit<ComponentProps, 'index'> & AccordionTriggerRootAttributes & AccordionTriggerOwnProps;
+declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & AccordionTriggerRootAttributes & AccordionTriggerOwnProps & react.RefAttributes<HTMLButtonElement>>;
+
 interface BadgeOwnProps {
     colorScheme?: ColorScheme;
     dot?: boolean;
@@ -582,6 +633,23 @@ interface PopoverTriggerProps {
 }
 declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLElement>>;
 
+type ProgressBarVariant = 'solid' | 'striped' | 'unstyled';
+interface ProgressBarOwnProps {
+    animated?: boolean;
+    colorScheme?: ColorScheme;
+    indeterminate?: boolean;
+    indicatorClassName?: string;
+    max?: number;
+    shape?: Shape;
+    size?: Size;
+    value?: number;
+    valueText?: string;
+    variant?: ProgressBarVariant;
+}
+type ProgressBarRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'hidden' | 'id' | 'title'>;
+type ProgressBarProps = Omit<ComponentProps, 'index'> & ProgressBarRootAttributes & ProgressBarOwnProps;
+declare const ProgressBar: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ProgressBarRootAttributes & ProgressBarOwnProps & react.RefAttributes<HTMLDivElement>>;
+
 interface RadioOwnProps {
     inputClassName?: string;
     labelClassName?: string;
@@ -714,6 +782,20 @@ interface SelectValueProps {
 }
 declare function SelectValue({ children, placeholder }: Readonly<SelectValueProps>): ReactNode;
 
+type SkeletonShape = 'text' | 'rect' | 'circle';
+type SkeletonVariant = 'pulse' | 'wave' | 'unstyled';
+interface SkeletonOwnProps {
+    height?: number | string;
+    lineClassName?: string;
+    lines?: number;
+    shape?: SkeletonShape;
+    variant?: SkeletonVariant;
+    width?: number | string;
+}
+type SkeletonRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'hidden' | 'id'>;
+type SkeletonProps = Omit<ComponentProps, 'index'> & SkeletonRootAttributes & SkeletonOwnProps;
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SkeletonRootAttributes & SkeletonOwnProps & react.RefAttributes<HTMLDivElement>>;
+
 interface SpinnerOwnProps {
     color?: ColorShade;
     size?: Size;
@@ -856,4 +938,4 @@ 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 { Badge, type BadgeProps, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipPart, type ChipProps, type ChipVariant, 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 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, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, 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, type Size, type Sizes, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, 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 };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionOwnProps, type AccordionProps, AccordionTrigger, type AccordionTriggerPart, type AccordionTriggerProps, type AccordionVariant, Badge, type BadgeProps, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipPart, type ChipProps, type ChipVariant, 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 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, 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, 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, type Size, type Sizes, Skeleton, type SkeletonProps, type SkeletonShape, type SkeletonVariant, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, 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 };

package/dist/index.d.ts

@@ -232,6 +232,57 @@ declare function lazyLoadContent(content: ReactNode): LazyExoticComponent<() =>
  */
 declare function deepMerge<T>(target: T, ...sources: (Partial<T> | undefined)[]): T;
 
+type AccordionVariant = 'outline' | 'filled' | 'unstyled';
+
+interface AccordionBaseProps {
+    collapsible?: boolean;
+    colorScheme?: ColorScheme;
+    disabled?: boolean;
+    size?: Size;
+    variant?: AccordionVariant;
+}
+interface AccordionSingleProps {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    type?: 'single';
+    value?: string;
+}
+interface AccordionMultipleProps {
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    type: 'multiple';
+    value?: string[];
+}
+type AccordionOwnProps = AccordionBaseProps & (AccordionMultipleProps | AccordionSingleProps);
+type AccordionRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'children' | 'hidden' | 'id' | 'title'>;
+type AccordionProps = Omit<ComponentProps, 'index'> & AccordionRootAttributes & AccordionOwnProps;
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+
+interface AccordionContentOwnProps {
+    bodyClassName?: string;
+}
+type AccordionContentRootAttributes = Pick<HTMLAttributes<HTMLElement>, 'children' | 'title'>;
+type AccordionContentProps = Omit<ComponentProps, 'index'> & AccordionContentRootAttributes & AccordionContentOwnProps;
+declare const AccordionContent: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & AccordionContentRootAttributes & AccordionContentOwnProps & react.RefAttributes<HTMLElement>>;
+
+interface AccordionItemOwnProps {
+    disabled?: boolean;
+    value: string;
+}
+type AccordionItemRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'children' | 'hidden' | 'id' | 'title'>;
+type AccordionItemProps = Omit<ComponentProps, 'index'> & AccordionItemRootAttributes & AccordionItemOwnProps;
+declare const AccordionItem: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & AccordionItemRootAttributes & AccordionItemOwnProps & react.RefAttributes<HTMLDivElement>>;
+
+type AccordionTriggerPart = 'heading' | 'icon';
+interface AccordionTriggerOwnProps {
+    classNames?: Partial<Record<AccordionTriggerPart, string>>;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    icon?: ReactNode;
+}
+type AccordionTriggerRootAttributes = Pick<HTMLAttributes<HTMLButtonElement>, 'children' | 'title'>;
+type AccordionTriggerProps = Omit<ComponentProps, 'index'> & AccordionTriggerRootAttributes & AccordionTriggerOwnProps;
+declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & AccordionTriggerRootAttributes & AccordionTriggerOwnProps & react.RefAttributes<HTMLButtonElement>>;
+
 interface BadgeOwnProps {
     colorScheme?: ColorScheme;
     dot?: boolean;
@@ -582,6 +633,23 @@ interface PopoverTriggerProps {
 }
 declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLElement>>;
 
+type ProgressBarVariant = 'solid' | 'striped' | 'unstyled';
+interface ProgressBarOwnProps {
+    animated?: boolean;
+    colorScheme?: ColorScheme;
+    indeterminate?: boolean;
+    indicatorClassName?: string;
+    max?: number;
+    shape?: Shape;
+    size?: Size;
+    value?: number;
+    valueText?: string;
+    variant?: ProgressBarVariant;
+}
+type ProgressBarRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'hidden' | 'id' | 'title'>;
+type ProgressBarProps = Omit<ComponentProps, 'index'> & ProgressBarRootAttributes & ProgressBarOwnProps;
+declare const ProgressBar: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ProgressBarRootAttributes & ProgressBarOwnProps & react.RefAttributes<HTMLDivElement>>;
+
 interface RadioOwnProps {
     inputClassName?: string;
     labelClassName?: string;
@@ -714,6 +782,20 @@ interface SelectValueProps {
 }
 declare function SelectValue({ children, placeholder }: Readonly<SelectValueProps>): ReactNode;
 
+type SkeletonShape = 'text' | 'rect' | 'circle';
+type SkeletonVariant = 'pulse' | 'wave' | 'unstyled';
+interface SkeletonOwnProps {
+    height?: number | string;
+    lineClassName?: string;
+    lines?: number;
+    shape?: SkeletonShape;
+    variant?: SkeletonVariant;
+    width?: number | string;
+}
+type SkeletonRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'hidden' | 'id'>;
+type SkeletonProps = Omit<ComponentProps, 'index'> & SkeletonRootAttributes & SkeletonOwnProps;
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SkeletonRootAttributes & SkeletonOwnProps & react.RefAttributes<HTMLDivElement>>;
+
 interface SpinnerOwnProps {
     color?: ColorShade;
     size?: Size;
@@ -856,4 +938,4 @@ 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 { Badge, type BadgeProps, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipPart, type ChipProps, type ChipVariant, 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 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, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, 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, type Size, type Sizes, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, 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 };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionOwnProps, type AccordionProps, AccordionTrigger, type AccordionTriggerPart, type AccordionTriggerProps, type AccordionVariant, Badge, type BadgeProps, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipPart, type ChipProps, type ChipVariant, 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 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, 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, 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, type Size, type Sizes, Skeleton, type SkeletonProps, type SkeletonShape, type SkeletonVariant, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, 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 };