@radui/ui 1.0.0 → 1.1.0

package/dist/components/Command.d.ts

@@ -14,7 +14,18 @@ type CommandRootProps = React.ComponentPropsWithoutRef<typeof Primitive.div> & {
     filter?: CommandFilter;
     loop?: boolean;
 };
-declare const CommandRoot: React.ForwardRefExoticComponent<CommandRootProps & React.RefAttributes<HTMLElement>>;
+declare const CommandRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    customRootClass?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: CommandFilter;
+    loop?: boolean;
+} & React.RefAttributes<HTMLElement>>;
 
 type DialogPrimitiveRootProps$1 = {
     children: React.ReactNode;
@@ -57,13 +68,15 @@ type CommandInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'valu
     value?: string;
     onValueChange?: (value: string) => void;
 };
-declare const CommandInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & {
     value?: string;
     onValueChange?: (value: string) => void;
 } & React.RefAttributes<HTMLElement>>;
 
 type CommandListProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
-declare const CommandList: React.ForwardRefExoticComponent<CommandListProps & React.RefAttributes<HTMLElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type CommandItemProps = React.HTMLAttributes<HTMLDivElement> & {
     value?: string;
@@ -84,21 +97,36 @@ type CommandGroupProps = React.ComponentPropsWithoutRef<typeof Primitive.div> &
     heading?: React.ReactNode;
     forceMount?: boolean;
 };
-declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    heading?: React.ReactNode;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLElement>>;
 
 type CommandEmptyProps = React.ComponentPropsWithoutRef<typeof Primitive.div> & {
     forceMount?: boolean;
 };
-declare const CommandEmpty: React.ForwardRefExoticComponent<CommandEmptyProps & React.RefAttributes<HTMLElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLElement>>;
 
 type CommandLoadingProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
-declare const CommandLoading: React.ForwardRefExoticComponent<CommandLoadingProps & React.RefAttributes<HTMLElement>>;
+declare const CommandLoading: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type CommandSeparatorProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<CommandSeparatorProps & React.RefAttributes<HTMLElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type CommandShortcutProps = React.ComponentPropsWithoutRef<typeof Primitive.span>;
-declare const CommandShortcut: React.ForwardRefExoticComponent<CommandShortcutProps & React.RefAttributes<HTMLElement>>;
+declare const CommandShortcut: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type CommandComponent = typeof CommandRoot & {
     Root: typeof CommandRoot;

package/dist/components/Command.js

@@ -1 +1 @@
-'use client';import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import{u as a,c as r}from"./useComponentClass-C0isGl1z.js";import{P as s}from"./index-XF8itt-H.js";import{u as n}from"./index-wRElCyvx.js";import{m as l}from"./mergeRefs-B8eZ_q-T.js";import{D as i}from"./index-xlB--dex.js";import{K as d,i as c}from"./keyboard-BKF7hXqL.js";import{c as m}from"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";import"./index-D8I-rMwz.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-FITGoHty.js";const u=o.createContext(null),p=()=>{const e=o.useContext(u);if(!e)throw new Error("Command components must be used within Command.Root or Command.Dialog.");return e},f={position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},v=e=>{const{overflowY:t}=getComputedStyle(e);return("auto"===t||"scroll"===t)&&e.scrollHeight>e.clientHeight},g=(e,t,o)=>{const a=t.trim().toLowerCase();if(!a)return 1;return[e,...o].map((e=>e.toLowerCase())).some((e=>e.includes(a)))?1:0},C=o.forwardRef((({children:i,className:d,customRootClass:c="",value:m,defaultValue:p="",onValueChange:C,label:h="Command menu",shouldFilter:b=!0,filter:y=g,loop:I=!1,...N},R)=>{const w=a(c,"Command"),[k,S]=n(m,p,C),[x,M]=o.useState([]),[E,D]=o.useState([]),[j,A]=o.useState(null),$=o.useRef(0),O=o.useRef(null),[L,P]=o.useState(""),V=o.useId(),T=o.useId(),B=o.useCallback((e=>{S(e.trimStart())}),[S]),G=o.useCallback((e=>{const t=$.current++;return M((o=>{const a=o.filter((t=>t.id!==e.id));return a.push({...e,order:t}),a.sort(((e,t)=>e.order-t.order)),a})),()=>{M((t=>t.filter((t=>t.id!==e.id))))}}),[]),K=o.useCallback(((e,t)=>{M((o=>o.map((o=>o.id===e?{...o,...t}:o))))}),[]),H=o.useCallback((e=>{M((t=>t.filter((t=>t.id!==e))))}),[]),W=o.useCallback((e=>{const t=$.current++;return D((o=>{const a=o.filter((t=>t.id!==e));return a.push({id:e,order:t}),a.sort(((e,t)=>e.order-t.order)),a})),()=>{D((t=>t.filter((t=>t.id!==e))))}}),[]),F=k.trim(),_=o.useMemo((()=>x.map((e=>{const t=b&&F?y(e.value,F,e.keywords):1,o=e.forceMount||t>0;return{...e,score:t,visible:o}}))),[y,x,F,b]),U=o.useMemo((()=>_.filter((e=>e.visible&&!e.disabled))),[_]),Y=o.useMemo((()=>U.map((e=>e.id))),[U]),q=o.useMemo((()=>_.reduce(((e,t)=>t.groupId&&t.visible?(e[t.groupId]=(e[t.groupId]||0)+1,e):e),{})),[_]);o.useEffect((()=>{0!==Y.length?A((e=>e&&Y.includes(e)?e:Y[0])):A(null)}),[Y]),o.useEffect((()=>{if(!j)return;const e=x.find((e=>e.id===j)),t=e?.ref.current;t&&((e,t)=>{if(!t)return;let o=e.parentElement;for(;o&&o!==t&&!v(o);)o=o.parentElement;if(!o||o===t&&!v(t))return;const a=o.getBoundingClientRect(),r=e.getBoundingClientRect();r.top<a.top?o.scrollTop-=a.top-r.top:r.bottom>a.bottom&&(o.scrollTop+=r.bottom-a.bottom)})(t,O.current)}),[j,x]);const z=o.useCallback((e=>{if(0===U.length)return;const t=j?U.findIndex((e=>e.id===j)):-1;let o=t+e;-1===t&&(o=1===e?0:U.length-1),I?(o<0&&(o=U.length-1),o>=U.length&&(o=0)):o=Math.max(0,Math.min(U.length-1,o)),A(U[o]?.id||null)}),[j,I,U]),J=o.useCallback((e=>{0!==U.length&&A("start"===e?U[0].id:U[U.length-1].id)}),[U]),Q=o.useCallback((()=>{if(!j)return;const e=U.find((e=>e.id===j));e&&!e.disabled&&e.onSelect?.(e.value)}),[j,U]),X=o.useCallback((e=>{const t=_.find((t=>t.id===e)),o=Boolean(t?.visible),a=j===e;return{active:a,visible:o,selected:a}}),[j,_]),Z=o.useCallback((e=>q[e]||0),[q]),ee=o.useCallback((e=>{const t=E.find((t=>t.id===e));if(!t)return!1;const o=_.some((e=>e.visible&&e.order<t.order)),a=_.some((e=>e.visible&&e.order>t.order));return o&&a}),[_,E]),te=o.useMemo((()=>({rootClass:w,label:h,listId:V,inputId:T,search:k,setSearch:B,loop:I,shouldFilter:b,registerItem:G,updateItem:K,unregisterItem:H,registerSeparator:W,activeItemId:j,setActiveItemId:A,moveActive:z,moveToBoundary:J,selectActiveItem:Q,getItemState:X,visibleItemCount:_.filter((e=>e.visible)).length,getVisibleGroupItemCount:Z,getSeparatorVisible:ee,setEmptyAnnouncement:P})),[j,X,ee,Z,T,h,V,I,z,J,G,W,w,k,Q,B,b,_,H,K]);return e(u.Provider,{value:te,children:t(s.div,{ref:l(R,O),className:r(w,d),"data-slot":"command-root","data-value":F||void 0,...N,children:[i,e("span",{role:"status","aria-live":"polite","aria-atomic":"true","data-slot":"command-announcer",style:f,children:L})]})})}));C.displayName="Command";const h=o.forwardRef((({children:o,className:s,customRootClass:n="",open:l,onOpenChange:d,onClickOutside:c,container:m,overlayClassName:u,contentClassName:p,forceMount:f=!1,contentProps:v,overlayProps:g,...h},b)=>{const y=a(n,"Command");return e(i.Root,{open:l,onOpenChange:d,onClickOutside:c,children:t(i.Portal,{container:m,forceMount:f,children:[e(i.Overlay,{className:r(y&&`${y}-overlay`,u),"data-slot":"command-overlay",...g}),e(i.Content,{ref:b,className:r(y&&`${y}-dialog-content`,p),"data-slot":"command-dialog-content",...v,children:e(C,{customRootClass:n,className:s,...h,children:o})})]})})}));h.displayName="CommandDialog";const b=o.forwardRef((({className:t,value:a,onValueChange:n,onKeyDown:l,...i},c)=>{const{rootClass:m,label:u,listId:f,inputId:v,search:g,setSearch:C,moveActive:h,moveToBoundary:b,selectActiveItem:y,activeItemId:I}=p(),N=a??g;return o.useEffect((()=>{void 0!==a&&a!==g&&C(a)}),[a,g,C]),e(s.input,{ref:c,type:"text",id:v,className:r(m&&`${m}-input`,t),"data-slot":"command-input",role:"combobox","aria-autocomplete":"list","aria-controls":f,"aria-expanded":"true","aria-activedescendant":I??void 0,"aria-label":u,value:N,onChange:e=>{const t=e.currentTarget.value;void 0===a&&C(t),n?.(t)},onKeyDown:e=>{e.key===d.ARROW_DOWN&&(e.preventDefault(),h(1)),e.key===d.ARROW_UP&&(e.preventDefault(),h(-1)),e.key===d.HOME&&(e.preventDefault(),b("start")),e.key===d.END&&(e.preventDefault(),b("end")),e.key===d.ENTER&&(e.preventDefault(),y()),l?.(e)},...i})}));b.displayName="CommandInput";const y=o.forwardRef((({className:t,...o},a)=>{const{rootClass:n,listId:l,label:i}=p();return e(s.div,{ref:a,id:l,className:r(n&&`${n}-list`,t),"data-slot":"command-list",role:"listbox","aria-label":i,...o})}));y.displayName="CommandList";const I=o.createContext(null),N=o.forwardRef((({children:t,className:a,value:n,keywords:l,onSelect:i,disabled:d=!1,forceMount:u=!1,onMouseMove:f,onClick:v,onKeyDown:g,...C},h)=>{const{registerItem:b,updateItem:y,setActiveItemId:N,getItemState:k,rootClass:S}=p(),x=o.useContext(I),M=o.useId(),E=o.useRef(null),D=o.useMemo((()=>l??[]),[l]),j=o.useMemo((()=>{if("string"==typeof n&&n.length>0)return n;const e=R(t).trim();return e.length>0?e:M}),[t,M,n]),A=o.useRef(i);A.current=i;const $=o.useCallback((e=>{A.current?.(e)}),[]),O=o.useMemo((()=>({id:M,value:j,keywords:D,disabled:d,forceMount:u,groupId:x,ref:E,onSelect:$})),[d,u,x,$,j,M,D]),L=o.useRef(O);L.current=O,o.useEffect((()=>b(L.current)),[M,b]);const P=o.useRef(!0);o.useEffect((()=>{P.current?P.current=!1:y(M,O)}),[O,M,y]);const{active:V,visible:T,selected:B}=k(M);return T||u?e(s.div,{ref:m(E,h),id:M,className:r(w(S),a),"data-slot":"command-item","data-disabled":d?"":void 0,"data-selected":B?"":void 0,"data-value":j,role:"option","aria-disabled":d||void 0,"aria-selected":B,tabIndex:-1,hidden:!T,onMouseMove:e=>{d||N(M),f?.(e)},onClick:e=>{d||(N(M),i?.(j)),v?.(e)},onKeyDown:e=>{d||(c(e.key)&&(e.preventDefault(),i?.(j)),g?.(e))},...C,children:t}):null}));function R(e){return"string"==typeof e||"number"==typeof e?String(e):Array.isArray(e)?e.map(R).join(" "):o.isValidElement(e)?R(e.props.children):""}const w=e=>e?`${e}-item`:void 0;N.displayName="CommandItem";const k=o.forwardRef((({children:a,className:n,heading:l,forceMount:i=!1,...d},c)=>{const{rootClass:m,getVisibleGroupItemCount:u}=p(),f=o.useId(),v=o.useId(),g=u(f),C=i||g>0;return e(I.Provider,{value:f,children:t(s.div,{ref:c,className:r(m&&`${m}-group`,n),"data-slot":"command-group",role:"presentation",hidden:!C,...d,children:[l?e(s.div,{className:m?`${m}-group-heading`:void 0,"data-slot":"command-group-heading",id:v,children:l}):null,e(s.div,{className:m?`${m}-group-items`:void 0,"data-slot":"command-group-items",role:"group","aria-labelledby":l?v:void 0,children:a})]})})}));k.displayName="CommandGroup";const S=o.forwardRef((({className:t,forceMount:a=!1,children:n,...i},d)=>{const{rootClass:c,visibleItemCount:m,setEmptyAnnouncement:u}=p(),f=a||0===m,v=o.useRef(null);return o.useEffect((()=>{u(0===m?v.current?.textContent?.trim()??"":"")}),[m,n,u]),o.useEffect((()=>()=>u("")),[u]),f?e(s.div,{ref:l(d,v),className:r(c&&`${c}-empty`,t),"data-slot":"command-empty","data-state":"visible",role:"presentation","aria-hidden":"true",...i,children:n}):null}));S.displayName="CommandEmpty";const x=o.forwardRef((({className:t,...o},a)=>{const{rootClass:n}=p();return e(s.div,{ref:a,className:r(n&&`${n}-loading`,t),"data-slot":"command-loading","aria-live":"polite","aria-busy":"true",...o})}));x.displayName="CommandLoading";const M=o.forwardRef((({className:t,...a},n)=>{const{rootClass:l,registerSeparator:i,getSeparatorVisible:d}=p(),c=o.useId();o.useEffect((()=>i(c)),[i,c]);return d(c)?e(s.div,{ref:n,className:r(l&&`${l}-separator`,t),"data-slot":"command-separator",role:"separator",...a}):null}));M.displayName="CommandSeparator";const E=o.forwardRef((({className:t,...o},a)=>{const{rootClass:n}=p();return e(s.span,{ref:a,className:r(n&&`${n}-shortcut`,t),"data-slot":"command-shortcut",...o})}));E.displayName="CommandShortcut";const D=C;D.Root=C,D.Dialog=h,D.Input=b,D.List=y,D.Item=N,D.Group=k,D.Empty=S,D.Loading=x,D.Separator=M,D.Shortcut=E;export{h as Dialog,S as Empty,k as Group,b as Input,N as Item,y as List,x as Loading,C as Root,M as Separator,E as Shortcut,D as default};
+'use client';import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import{u as a,c as r}from"./useComponentClass-C0isGl1z.js";import{P as s}from"./index-BidxkqdT.js";import{u as n}from"./index-wRElCyvx.js";import{m as l}from"./mergeRefs-B8eZ_q-T.js";import{D as i}from"./index-CXv1Y-O3.js";import{K as d,i as c}from"./keyboard-BKF7hXqL.js";import{c as u}from"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";import"./index-B_OPdW20.js";import"./floating-ui.react-CZf-mCiA.js";import"react-dom";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-DH-14XDv.js";const m=o.createContext(null),p=()=>{const e=o.useContext(m);if(!e)throw new Error("Command components must be used within Command.Root or Command.Dialog.");return e},f={position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},v=e=>{const{overflowY:t}=getComputedStyle(e);return("auto"===t||"scroll"===t)&&e.scrollHeight>e.clientHeight},g=(e,t,o)=>{const a=t.trim().toLowerCase();if(!a)return 1;return[e,...o].map((e=>e.toLowerCase())).some((e=>e.includes(a)))?1:0},C=o.forwardRef((({children:i,className:d,customRootClass:c="",value:u,defaultValue:p="",onValueChange:C,label:h="Command menu",shouldFilter:b=!0,filter:y=g,loop:I=!1,...N},R)=>{const w=a(c,"Command"),[k,S]=n(u,p,C),[x,M]=o.useState([]),[E,D]=o.useState([]),[j,A]=o.useState(null),$=o.useRef(0),O=o.useRef(null),[L,P]=o.useState(""),V=o.useId(),T=o.useId(),B=o.useCallback((e=>{S(e.trimStart())}),[S]),G=o.useCallback((e=>{const t=$.current++;return M((o=>{const a=o.filter((t=>t.id!==e.id));return a.push({...e,order:t}),a.sort(((e,t)=>e.order-t.order)),a})),()=>{M((t=>t.filter((t=>t.id!==e.id))))}}),[]),K=o.useCallback(((e,t)=>{M((o=>o.map((o=>o.id===e?{...o,...t}:o))))}),[]),H=o.useCallback((e=>{M((t=>t.filter((t=>t.id!==e))))}),[]),W=o.useCallback((e=>{const t=$.current++;return D((o=>{const a=o.filter((t=>t.id!==e));return a.push({id:e,order:t}),a.sort(((e,t)=>e.order-t.order)),a})),()=>{D((t=>t.filter((t=>t.id!==e))))}}),[]),F=k.trim(),_=o.useMemo((()=>x.map((e=>{const t=b&&F?y(e.value,F,e.keywords):1,o=e.forceMount||t>0;return{...e,score:t,visible:o}}))),[y,x,F,b]),U=o.useMemo((()=>_.filter((e=>e.visible&&!e.disabled))),[_]),Y=o.useMemo((()=>U.map((e=>e.id))),[U]),q=o.useMemo((()=>_.reduce(((e,t)=>t.groupId&&t.visible?(e[t.groupId]=(e[t.groupId]||0)+1,e):e),{})),[_]);o.useEffect((()=>{0!==Y.length?A((e=>e&&Y.includes(e)?e:Y[0])):A(null)}),[Y]),o.useEffect((()=>{if(!j)return;const e=x.find((e=>e.id===j)),t=e?.ref.current;t&&((e,t)=>{if(!t)return;let o=e.parentElement;for(;o&&o!==t&&!v(o);)o=o.parentElement;if(!o||o===t&&!v(t))return;const a=o.getBoundingClientRect(),r=e.getBoundingClientRect();r.top<a.top?o.scrollTop-=a.top-r.top:r.bottom>a.bottom&&(o.scrollTop+=r.bottom-a.bottom)})(t,O.current)}),[j,x]);const z=o.useCallback((e=>{if(0===U.length)return;const t=j?U.findIndex((e=>e.id===j)):-1;let o=t+e;-1===t&&(o=1===e?0:U.length-1),I?(o<0&&(o=U.length-1),o>=U.length&&(o=0)):o=Math.max(0,Math.min(U.length-1,o)),A(U[o]?.id||null)}),[j,I,U]),J=o.useCallback((e=>{0!==U.length&&A("start"===e?U[0].id:U[U.length-1].id)}),[U]),Q=o.useCallback((()=>{if(!j)return;const e=U.find((e=>e.id===j));e&&!e.disabled&&e.onSelect?.(e.value)}),[j,U]),X=o.useCallback((e=>{const t=_.find((t=>t.id===e)),o=Boolean(t?.visible),a=j===e;return{active:a,visible:o,selected:a}}),[j,_]),Z=o.useCallback((e=>q[e]||0),[q]),ee=o.useCallback((e=>{const t=E.find((t=>t.id===e));if(!t)return!1;const o=_.some((e=>e.visible&&e.order<t.order)),a=_.some((e=>e.visible&&e.order>t.order));return o&&a}),[_,E]),te=o.useMemo((()=>({rootClass:w,label:h,listId:V,inputId:T,search:k,setSearch:B,loop:I,shouldFilter:b,registerItem:G,updateItem:K,unregisterItem:H,registerSeparator:W,activeItemId:j,setActiveItemId:A,moveActive:z,moveToBoundary:J,selectActiveItem:Q,getItemState:X,visibleItemCount:_.filter((e=>e.visible)).length,getVisibleGroupItemCount:Z,getSeparatorVisible:ee,setEmptyAnnouncement:P})),[j,X,ee,Z,T,h,V,I,z,J,G,W,w,k,Q,B,b,_,H,K]);return e(m.Provider,{value:te,children:t(s.div,{ref:l(R,O),className:r(w,d),"data-slot":"command-root","data-value":F||void 0,...N,children:[i,e("span",{role:"status","aria-live":"polite","aria-atomic":"true","data-slot":"command-announcer",style:f,children:L})]})})}));C.displayName="Command";const h=o.forwardRef((({children:o,className:s,customRootClass:n="",open:l,onOpenChange:d,onClickOutside:c,container:u,overlayClassName:m,contentClassName:p,forceMount:f=!1,contentProps:v,overlayProps:g,...h},b)=>{const y=a(n,"Command");return e(i.Root,{open:l,onOpenChange:d,onClickOutside:c,children:t(i.Portal,{container:u,forceMount:f,children:[e(i.Overlay,{className:r(y&&`${y}-overlay`,m),"data-slot":"command-overlay",...g}),e(i.Content,{ref:b,className:r(y&&`${y}-dialog-content`,p),"data-slot":"command-dialog-content",...v,children:e(C,{customRootClass:n,className:s,...h,children:o})})]})})}));h.displayName="CommandDialog";const b=o.forwardRef((({className:t,value:a,onValueChange:n,onKeyDown:l,...i},c)=>{const{rootClass:u,label:m,listId:f,inputId:v,search:g,setSearch:C,moveActive:h,moveToBoundary:b,selectActiveItem:y,activeItemId:I}=p(),N=a??g;return o.useEffect((()=>{void 0!==a&&a!==g&&C(a)}),[a,g,C]),e(s.input,{ref:c,type:"text",id:v,className:r(u&&`${u}-input`,t),"data-slot":"command-input",role:"combobox","aria-autocomplete":"list","aria-controls":f,"aria-expanded":"true","aria-activedescendant":I??void 0,"aria-label":m,value:N,onChange:e=>{const t=e.currentTarget.value;void 0===a&&C(t),n?.(t)},onKeyDown:e=>{e.key===d.ARROW_DOWN&&(e.preventDefault(),h(1)),e.key===d.ARROW_UP&&(e.preventDefault(),h(-1)),e.key===d.HOME&&(e.preventDefault(),b("start")),e.key===d.END&&(e.preventDefault(),b("end")),e.key===d.ENTER&&(e.preventDefault(),y()),l?.(e)},...i})}));b.displayName="CommandInput";const y=o.forwardRef((({className:t,...o},a)=>{const{rootClass:n,listId:l,label:i}=p();return e(s.div,{ref:a,id:l,className:r(n&&`${n}-list`,t),"data-slot":"command-list",role:"listbox","aria-label":i,...o})}));y.displayName="CommandList";const I=o.createContext(null),N=o.forwardRef((({children:t,className:a,value:n,keywords:l,onSelect:i,disabled:d=!1,forceMount:m=!1,onMouseMove:f,onClick:v,onKeyDown:g,...C},h)=>{const{registerItem:b,updateItem:y,setActiveItemId:N,getItemState:k,rootClass:S}=p(),x=o.useContext(I),M=o.useId(),E=o.useRef(null),D=o.useMemo((()=>l??[]),[l]),j=o.useMemo((()=>{if("string"==typeof n&&n.length>0)return n;const e=R(t).trim();return e.length>0?e:M}),[t,M,n]),A=o.useRef(i);A.current=i;const $=o.useCallback((e=>{A.current?.(e)}),[]),O=o.useMemo((()=>({id:M,value:j,keywords:D,disabled:d,forceMount:m,groupId:x,ref:E,onSelect:$})),[d,m,x,$,j,M,D]),L=o.useRef(O);L.current=O,o.useEffect((()=>b(L.current)),[M,b]);const P=o.useRef(!0);o.useEffect((()=>{P.current?P.current=!1:y(M,O)}),[O,M,y]);const{active:V,visible:T,selected:B}=k(M);return T||m?e(s.div,{ref:u(E,h),id:M,className:r(w(S),a),"data-slot":"command-item","data-disabled":d?"":void 0,"data-selected":B?"":void 0,"data-value":j,role:"option","aria-disabled":d||void 0,"aria-selected":B,tabIndex:-1,hidden:!T,onMouseMove:e=>{d||N(M),f?.(e)},onClick:e=>{d||(N(M),i?.(j)),v?.(e)},onKeyDown:e=>{d||(c(e.key)&&(e.preventDefault(),i?.(j)),g?.(e))},...C,children:t}):null}));function R(e){return"string"==typeof e||"number"==typeof e?String(e):Array.isArray(e)?e.map(R).join(" "):o.isValidElement(e)?R(e.props.children):""}const w=e=>e?`${e}-item`:void 0;N.displayName="CommandItem";const k=o.forwardRef((({children:a,className:n,heading:l,forceMount:i=!1,...d},c)=>{const{rootClass:u,getVisibleGroupItemCount:m}=p(),f=o.useId(),v=o.useId(),g=m(f),C=i||g>0;return e(I.Provider,{value:f,children:t(s.div,{ref:c,className:r(u&&`${u}-group`,n),"data-slot":"command-group",role:"presentation",hidden:!C,...d,children:[l?e(s.div,{className:u?`${u}-group-heading`:void 0,"data-slot":"command-group-heading",id:v,children:l}):null,e(s.div,{className:u?`${u}-group-items`:void 0,"data-slot":"command-group-items",role:"group","aria-labelledby":l?v:void 0,children:a})]})})}));k.displayName="CommandGroup";const S=o.forwardRef((({className:t,forceMount:a=!1,children:n,...i},d)=>{const{rootClass:c,visibleItemCount:u,setEmptyAnnouncement:m}=p(),f=a||0===u,v=o.useRef(null);return o.useEffect((()=>{m(0===u?v.current?.textContent?.trim()??"":"")}),[u,n,m]),o.useEffect((()=>()=>m("")),[m]),f?e(s.div,{ref:l(d,v),className:r(c&&`${c}-empty`,t),"data-slot":"command-empty","data-state":"visible",role:"presentation","aria-hidden":"true",...i,children:n}):null}));S.displayName="CommandEmpty";const x=o.forwardRef((({className:t,...o},a)=>{const{rootClass:n}=p();return e(s.div,{ref:a,className:r(n&&`${n}-loading`,t),"data-slot":"command-loading","aria-live":"polite","aria-busy":"true",...o})}));x.displayName="CommandLoading";const M=o.forwardRef((({className:t,...a},n)=>{const{rootClass:l,registerSeparator:i,getSeparatorVisible:d}=p(),c=o.useId();o.useEffect((()=>i(c)),[i,c]);return d(c)?e(s.div,{ref:n,className:r(l&&`${l}-separator`,t),"data-slot":"command-separator","aria-hidden":"true",...a}):null}));M.displayName="CommandSeparator";const E=o.forwardRef((({className:t,...o},a)=>{const{rootClass:n}=p();return e(s.span,{ref:a,className:r(n&&`${n}-shortcut`,t),"data-slot":"command-shortcut",...o})}));E.displayName="CommandShortcut";const D=C;D.Root=C,D.Dialog=h,D.Input=b,D.List=y,D.Item=N,D.Group=k,D.Empty=S,D.Loading=x,D.Separator=M,D.Shortcut=E;export{h as Dialog,S as Empty,k as Group,b as Input,N as Item,y as List,x as Loading,C as Root,M as Separator,E as Shortcut,D as default};

package/dist/components/ContextMenu.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),n=require("./MenuPrimitive-Ctqo21Vd.cjs"),r=require("./useComponentClass-B0DF90tm.cjs"),o=require("./index-BwNOI8cB.cjs"),s=require("./keyboard-BBlFllyi.cjs"),i=require("./floating-ui.react-Kw0_L48Q.cjs"),u=require("./index-c6NFMS_0.cjs"),a=require("./Separator.cjs");require("./index-BudP4FIn.cjs"),require("./index-CbdoW3TC.cjs"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs"),require("./index-Bg-UeWCo.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-BZO29jsF.cjs"),require("react-dom"),require("./ThemeContext-t7IX-w6i.cjs");const l=e.createContext(null),c="ContextMenu",x=e.forwardRef((({children:e,customRootClass:s,className:i,open:u,defaultOpen:a=!1,onOpenChange:x,variant:d,size:C,...f},m)=>{const[p,h]=o.useControllableState(u,a,x),M=r.useComponentClass(s,c);return t.jsx(l.Provider,{value:{rootClass:M,setIsOpen:h,variant:d,size:C},children:t.jsx(n.MenuPrimitive.Root,{ref:m,className:r.clsx(M&&`${M}-root`,i),open:p,onOpenChange:h,...f,children:e})})}));x.displayName=c;const d=e.forwardRef((({children:o,className:u,...a},c)=>{const x=e.useContext(l),d=e.useContext(n.MenuPrimitiveRootPrimitiveContext),C=e.useRef(null),f=i.useMergeRefs([C,c]);if(!x)return console.warn("ContextMenuTrigger should be used in the ContextMenuRoot"),null;const{rootClass:m,setIsOpen:p}=x,h=(e,t)=>{d?.refs.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:e,y:t,top:t,left:e,right:e,bottom:t,toJSON(){return this}})}),p(!0)};return t.jsx(n.MenuPrimitive.Trigger,{className:r.clsx(m&&`${m}-trigger`,u),asChild:!0,...a,children:t.jsx("span",{ref:f,onContextMenu:e=>{e.preventDefault(),h(e.clientX,e.clientY)},onKeyDown:e=>{if(s.isContextMenuKey(e.key,e.shiftKey)){if(e.preventDefault(),!C.current)return;const t=C.current.getBoundingClientRect();h(t.left+t.width/2,t.top+t.height/2),d?.setActiveIndex(0)}},onClick:e=>{e.preventDefault(),p(!1)},role:"button",tabIndex:0,"aria-haspopup":"menu",type:void 0,children:o})})}));d.displayName="ContextMenuTrigger";const C=e.forwardRef((({children:o,className:s,variant:i,size:a,...c},x)=>{const d=e.useContext(l);if(!d)return console.warn("ContextMenuContent should be used in the ContextMenuRoot"),null;const{rootClass:C}=d,f=i??d.variant,m=a??d.size,p=u.createDataAttributes("context-menu-content",{variant:f,size:m});return t.jsx(n.MenuPrimitive.Content,{ref:x,className:r.clsx(C&&`${C}-content`,s),...p,...c,children:o})}));C.displayName="ContextMenuContent";const f=e.forwardRef((({children:r,...o},s)=>{const i=e.useContext(l);if(!i)return console.warn("ContextMenuPortal should be used in the ContextMenuRoot"),null;const{rootClass:u}=i;return t.jsx(n.MenuPrimitive.Portal,{ref:s,...o,children:r})}));f.displayName="ContextMenuPortal";const m=e.forwardRef((({children:o,className:s,label:i,...u},a)=>{const c=e.useContext(l);if(!c)return console.warn("ContextMenuItem should be used in the ContextMenuRoot"),null;const{rootClass:x}=c;return t.jsx(n.MenuPrimitive.Item,{ref:a,className:r.clsx(x&&`${x}-item`,s),label:i,...u,children:o})}));m.displayName="ContextMenuItem";const p=e.forwardRef((({children:o,className:s,...i},u)=>{const a=e.useContext(l);if(!a)return console.warn("ContextMenuSub should be used in the ContextMenuRoot"),null;const{rootClass:c}=a;return t.jsx(n.MenuPrimitive.Sub,{ref:u,className:r.clsx(c&&`${c}-sub`,s),...i,children:o})}));p.displayName="ContextMenuSub";const h=e.forwardRef((({children:o,className:s,...i},u)=>{const a=e.useContext(l);if(!a)return console.warn("ContextMenuSubTrigger should be used in the ContextMenuRoot"),null;const{rootClass:c}=a;return t.jsx(n.MenuPrimitive.Trigger,{ref:u,className:r.clsx(c&&`${c}-sub-trigger`,s),...i,children:o})}));h.displayName="ContextMenuSubTrigger";const M=e.forwardRef((({className:n,...r},o)=>{const s=e.useContext(l);if(!s)return console.warn("ContextMenuSeparator should be used within ContextMenuRoot"),null;const{rootClass:i}=s;return t.jsx(a.default,{ref:o,customRootClass:i,className:n,...r})}));M.displayName="ContextMenuSeparator";const g=e.forwardRef(((e,t)=>(console.warn("Direct usage of ContextMenu is not supported. Please use ContextMenu.Root, ContextMenu.Item instead."),null)));g.displayName="ContextMenu",g.Root=x,g.Trigger=d,g.Content=C,g.Portal=f,g.Item=m,g.Sub=p,g.SubTrigger=h,g.Separator=M,exports.Content=C,exports.Item=m,exports.Portal=f,exports.Root=x,exports.Separator=M,exports.Sub=p,exports.SubTrigger=h,exports.Trigger=d,exports.default=g;

package/dist/components/ContextMenu.d.ts

@@ -1,7 +1,6 @@
 import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
 import MenuPrimitive from '~/core/primitives/Menu/MenuPrimitive';
 import * as _floating_ui_react from '@floating-ui/react';
-import Primitive from '~/core/primitives/Primitive';
 
 type ContextMenuRootProps = {
     children: React.ReactNode;
@@ -30,7 +29,8 @@ declare const ContextMenuRoot: React.ForwardRefExoticComponent<{
     placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     avoidCollision?: boolean;
     rtl?: boolean;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    dir?: "ltr" | "rtl";
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type ContextMenuTriggerProps = {
     children: React.ReactNode;
@@ -65,6 +65,7 @@ declare const ContextMenuContent: React.ForwardRefExoticComponent<{
     className?: string;
     initialFocus?: number;
     focusManagerDisabled?: boolean;
+    forceMount?: boolean;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type ContextMenuPortalProps = {
@@ -72,9 +73,12 @@ type ContextMenuPortalProps = {
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
 declare const ContextMenuPortal: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
-} & Omit<{
+} & Omit<Omit<_floating_ui_react.FloatingPortalProps, "root"> & {
     children: React.ReactNode;
-} & _floating_ui_react.FloatingPortalProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    container?: HTMLElement | null;
+    forceMount?: boolean;
+    root?: HTMLElement | null;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type ContextMenuItemProps = {
     children: React.ReactNode;
@@ -121,7 +125,8 @@ declare const ContextMenuSub: React.ForwardRefExoticComponent<{
     placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     avoidCollision?: boolean;
     rtl?: boolean;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    dir?: "ltr" | "rtl";
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type ContextMenuSubTriggerProps = {
     children: React.ReactNode;
@@ -136,19 +141,28 @@ declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<{
     asChild?: boolean;
 } & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
-type SeparatorProps = {
-    orientation?: 'horizontal' | 'vertical';
+declare const Separator: React.ForwardRefExoticComponent<{
+    orientation?: "horizontal" | "vertical";
     customRootClass?: string;
     color?: string;
     decorative?: boolean;
-} & PrimitiveDivProps;
-declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type ContextMenuSeparatorProps = {
     className?: string;
 } & ComponentPropsWithoutRef<typeof Separator>;
-declare const ContextMenuSeparator: React.ForwardRefExoticComponent<ContextMenuSeparatorProps & React.RefAttributes<HTMLElement>>;
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<{
+    className?: string;
+} & Omit<{
+    orientation?: "horizontal" | "vertical";
+    customRootClass?: string;
+    color?: string;
+    decorative?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type ContextMenuElement = ElementRef<'div'>;
 type ContextMenuProps = ComponentPropsWithoutRef<'div'>;

package/dist/components/ContextMenu.js

@@ -1 +1 @@
-'use client';import e,{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{M as o,a as s}from"./MenuPrimitive-D9VMz2TZ.js";import{u as r,c as a}from"./useComponentClass-C0isGl1z.js";import{u as i}from"./index-wRElCyvx.js";import{a as u}from"./keyboard-BKF7hXqL.js";import{u as l}from"./floating-ui.react-2kiGB4sW.js";import{c}from"./index-eAZUMNef.js";import m from"./Separator.js";import"./index-D8I-rMwz.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-FITGoHty.js";import"react-dom";import"./ThemeContext-Sm-iNANd.js";const d=e.createContext(null),C="ContextMenu",p=t((({children:e,customRootClass:t,className:s,open:u,defaultOpen:l=!1,onOpenChange:c,variant:m,size:p,...x},h)=>{const[f,g]=i(u,l,c),M=r(t,C);return n(d.Provider,{value:{rootClass:M,setIsOpen:g,variant:m,size:p},children:n(o.Root,{ref:h,className:a(M&&`${M}-root`,s),open:f,onOpenChange:g,...x,children:e})})}));p.displayName=C;const x=t((({children:t,className:r,...i},c)=>{const m=e.useContext(d),C=e.useContext(s),p=e.useRef(null),x=l([p,c]);if(!m)return console.warn("ContextMenuTrigger should be used in the ContextMenuRoot"),null;const{rootClass:h,setIsOpen:f}=m,g=(e,t)=>{C?.refs.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:e,y:t,top:t,left:e,right:e,bottom:t,toJSON(){return this}})}),f(!0)};return n(o.Trigger,{className:a(h&&`${h}-trigger`,r),asChild:!0,...i,children:n("span",{ref:x,onContextMenu:e=>{e.preventDefault(),g(e.clientX,e.clientY)},onKeyDown:e=>{if(u(e.key,e.shiftKey)){if(e.preventDefault(),!p.current)return;const t=p.current.getBoundingClientRect();g(t.left+t.width/2,t.top+t.height/2),C?.setActiveIndex(0)}},onClick:e=>{e.preventDefault(),f(!1)},role:"button",tabIndex:0,"aria-haspopup":"menu",type:void 0,children:t})})}));x.displayName="ContextMenuTrigger";const h=t((({children:t,className:s,variant:r,size:i,...u},l)=>{const m=e.useContext(d);if(!m)return console.warn("ContextMenuContent should be used in the ContextMenuRoot"),null;const{rootClass:C}=m,p=r??m.variant,x=i??m.size,h=c("context-menu-content",{variant:p,size:x});return n(o.Content,{ref:l,className:a(C&&`${C}-content`,s),...h,...u,children:t})}));h.displayName="ContextMenuContent";const f=t((({children:t,...s},r)=>{const a=e.useContext(d);if(!a)return console.warn("ContextMenuPortal should be used in the ContextMenuRoot"),null;const{rootClass:i}=a;return n(o.Portal,{ref:r,...s,children:t})}));f.displayName="ContextMenuPortal";const g=t((({children:t,className:s,label:r,...i},u)=>{const l=e.useContext(d);if(!l)return console.warn("ContextMenuItem should be used in the ContextMenuRoot"),null;const{rootClass:c}=l;return n(o.Item,{ref:u,className:a(c&&`${c}-item`,s),label:r,...i,children:t})}));g.displayName="ContextMenuItem";const M=t((({children:t,className:s,...r},i)=>{const u=e.useContext(d);if(!u)return console.warn("ContextMenuSub should be used in the ContextMenuRoot"),null;const{rootClass:l}=u;return n(o.Sub,{ref:i,className:a(l&&`${l}-sub`,s),...r,children:t})}));M.displayName="ContextMenuSub";const b=t((({children:t,className:s,...r},i)=>{const u=e.useContext(d);if(!u)return console.warn("ContextMenuSubTrigger should be used in the ContextMenuRoot"),null;const{rootClass:l}=u;return n(o.Trigger,{ref:i,className:a(l&&`${l}-sub-trigger`,s),...r,children:t})}));b.displayName="ContextMenuSubTrigger";const N=t((({className:t,...o},s)=>{const r=e.useContext(d);if(!r)return console.warn("ContextMenuSeparator should be used within ContextMenuRoot"),null;const{rootClass:a}=r;return n(m,{ref:s,customRootClass:a,className:t,...o})}));N.displayName="ContextMenuSeparator";const R=t(((e,t)=>(console.warn("Direct usage of ContextMenu is not supported. Please use ContextMenu.Root, ContextMenu.Item instead."),null)));R.displayName="ContextMenu",R.Root=p,R.Trigger=x,R.Content=h,R.Portal=f,R.Item=g,R.Sub=M,R.SubTrigger=b,R.Separator=N;export{h as Content,g as Item,f as Portal,p as Root,N as Separator,M as Sub,b as SubTrigger,x as Trigger,R as default};
+'use client';import e,{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{M as o,a as s}from"./MenuPrimitive-Cy_MJfjG.js";import{u as r,c as a}from"./useComponentClass-C0isGl1z.js";import{u as i}from"./index-wRElCyvx.js";import{a as u}from"./keyboard-BKF7hXqL.js";import{u as l}from"./floating-ui.react-CZf-mCiA.js";import{c}from"./index-eAZUMNef.js";import m from"./Separator.js";import"./index-B_OPdW20.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-BidxkqdT.js";import"./mergeProps-0RucjqeH.js";import"./index-DH-14XDv.js";import"react-dom";import"./ThemeContext-Sm-iNANd.js";const d=e.createContext(null),C="ContextMenu",p=t((({children:e,customRootClass:t,className:s,open:u,defaultOpen:l=!1,onOpenChange:c,variant:m,size:p,...x},h)=>{const[f,g]=i(u,l,c),M=r(t,C);return n(d.Provider,{value:{rootClass:M,setIsOpen:g,variant:m,size:p},children:n(o.Root,{ref:h,className:a(M&&`${M}-root`,s),open:f,onOpenChange:g,...x,children:e})})}));p.displayName=C;const x=t((({children:t,className:r,...i},c)=>{const m=e.useContext(d),C=e.useContext(s),p=e.useRef(null),x=l([p,c]);if(!m)return console.warn("ContextMenuTrigger should be used in the ContextMenuRoot"),null;const{rootClass:h,setIsOpen:f}=m,g=(e,t)=>{C?.refs.setPositionReference({getBoundingClientRect:()=>({width:0,height:0,x:e,y:t,top:t,left:e,right:e,bottom:t,toJSON(){return this}})}),f(!0)};return n(o.Trigger,{className:a(h&&`${h}-trigger`,r),asChild:!0,...i,children:n("span",{ref:x,onContextMenu:e=>{e.preventDefault(),g(e.clientX,e.clientY)},onKeyDown:e=>{if(u(e.key,e.shiftKey)){if(e.preventDefault(),!p.current)return;const t=p.current.getBoundingClientRect();g(t.left+t.width/2,t.top+t.height/2),C?.setActiveIndex(0)}},onClick:e=>{e.preventDefault(),f(!1)},role:"button",tabIndex:0,"aria-haspopup":"menu",type:void 0,children:t})})}));x.displayName="ContextMenuTrigger";const h=t((({children:t,className:s,variant:r,size:i,...u},l)=>{const m=e.useContext(d);if(!m)return console.warn("ContextMenuContent should be used in the ContextMenuRoot"),null;const{rootClass:C}=m,p=r??m.variant,x=i??m.size,h=c("context-menu-content",{variant:p,size:x});return n(o.Content,{ref:l,className:a(C&&`${C}-content`,s),...h,...u,children:t})}));h.displayName="ContextMenuContent";const f=t((({children:t,...s},r)=>{const a=e.useContext(d);if(!a)return console.warn("ContextMenuPortal should be used in the ContextMenuRoot"),null;const{rootClass:i}=a;return n(o.Portal,{ref:r,...s,children:t})}));f.displayName="ContextMenuPortal";const g=t((({children:t,className:s,label:r,...i},u)=>{const l=e.useContext(d);if(!l)return console.warn("ContextMenuItem should be used in the ContextMenuRoot"),null;const{rootClass:c}=l;return n(o.Item,{ref:u,className:a(c&&`${c}-item`,s),label:r,...i,children:t})}));g.displayName="ContextMenuItem";const M=t((({children:t,className:s,...r},i)=>{const u=e.useContext(d);if(!u)return console.warn("ContextMenuSub should be used in the ContextMenuRoot"),null;const{rootClass:l}=u;return n(o.Sub,{ref:i,className:a(l&&`${l}-sub`,s),...r,children:t})}));M.displayName="ContextMenuSub";const b=t((({children:t,className:s,...r},i)=>{const u=e.useContext(d);if(!u)return console.warn("ContextMenuSubTrigger should be used in the ContextMenuRoot"),null;const{rootClass:l}=u;return n(o.Trigger,{ref:i,className:a(l&&`${l}-sub-trigger`,s),...r,children:t})}));b.displayName="ContextMenuSubTrigger";const N=t((({className:t,...o},s)=>{const r=e.useContext(d);if(!r)return console.warn("ContextMenuSeparator should be used within ContextMenuRoot"),null;const{rootClass:a}=r;return n(m,{ref:s,customRootClass:a,className:t,...o})}));N.displayName="ContextMenuSeparator";const R=t(((e,t)=>(console.warn("Direct usage of ContextMenu is not supported. Please use ContextMenu.Root, ContextMenu.Item instead."),null)));R.displayName="ContextMenu",R.Root=p,R.Trigger=x,R.Content=h,R.Portal=f,R.Item=g,R.Sub=M,R.SubTrigger=b,R.Separator=N;export{h as Content,g as Item,f as Portal,p as Root,N as Separator,M as Sub,b as SubTrigger,x as Trigger,R as default};

package/dist/components/DataList.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-c6NFMS_0.cjs");require("./ThemeContext-t7IX-w6i.cjs");const r=s.createContext({rootClass:"DataList"}),o=s.forwardRef((({children:s,className:o="",customRootClass:l="",size:c="",...i},n)=>{const u=t.useComponentClass(l,"DataList"),d=a.createDataAttributes("datalist",{size:c});return e.jsx(r.Provider,{value:{rootClass:u},children:e.jsx("dl",{ref:n,className:t.clsx(u,o),...d,...i,children:s})})}));o.displayName="DataListRoot";const l=s.forwardRef((({children:a,className:o="",...l},c)=>{const{rootClass:i}=s.useContext(r);return e.jsx("div",{ref:c,className:t.clsx(i&&`${i}-item`,o),...l,children:a})}));l.displayName="DataListItem";const c=s.forwardRef((({children:o,className:l="",color:c="",...i},n)=>{const{rootClass:u}=s.useContext(r),d=a.createDataAccentColorAttribute(c);return e.jsx("dt",{ref:n,className:t.clsx(u&&`${u}-label`,l),...d,...i,children:o})}));c.displayName="DataListLabel";const i=s.forwardRef((({children:a,className:o="",...l},c)=>{const{rootClass:i}=s.useContext(r);return e.jsx("dd",{ref:c,className:t.clsx(i&&`${i}-value`,o),...l,children:a})}));i.displayName="DataListValue";const n=()=>(console.warn("Direct usage of DataList is not supported. Please use DataList.Root, DataList.Item, etc. instead."),null);n.Root=o,n.Item=l,n.Label=c,n.Value=i,exports.Item=l,exports.Label=c,exports.Root=o,exports.Value=i,exports.default=n;

package/dist/components/Dialog.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),s=require("react/jsx-runtime"),r=require("./index-C_Yiql9j.cjs"),i=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-Bg-UeWCo.cjs"),o=require("./index-BudP4FIn.cjs");require("./index-BwNOI8cB.cjs"),require("./index-CbdoW3TC.cjs"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs"),require("./index-BZO29jsF.cjs"),require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom");const a=e.createContext({rootClass:"",titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),l="Dialog",c=e.forwardRef((({children:t,customRootClass:o="",className:c="",...n},d)=>{const u=i.useComponentClass(o,l),[x,m]=e.useState(void 0),[p,f]=e.useState(void 0),C=e.useMemo((()=>({rootClass:u,titleId:x,descriptionId:p,setTitleId:m,setDescriptionId:f})),[u,x,p]);return s.jsx(r.DialogPrimitive.Root,{ref:d,className:i.clsx(u,c),...n,children:s.jsx(a.Provider,{value:C,children:t})})}));c.displayName=l;const n=e.forwardRef((({children:t,asChild:o,className:l="",...c},n)=>{const{rootClass:d}=e.useContext(a);return s.jsx(r.DialogPrimitive.Trigger,{ref:n,className:i.clsx(d&&`${d}-trigger`,l),asChild:o,...c,children:t})}));n.displayName="DialogTrigger";const d=e.forwardRef((({children:e,...i},t)=>s.jsx(r.DialogPrimitive.Portal,{...i,children:e})));d.displayName="DialogPortal";const u=e.forwardRef((({className:t="",...o},l)=>{const{rootClass:c}=e.useContext(a);return s.jsx(r.DialogPrimitive.Overlay,{ref:l,className:i.clsx(c&&`${c}-overlay`,t),...o})}));u.displayName="DialogOverlay";const x=e.forwardRef((({children:t,className:o="","aria-labelledby":l,"aria-describedby":c,...n},d)=>{const{rootClass:u,titleId:x,descriptionId:m}=e.useContext(a);return s.jsx(r.DialogPrimitive.Content,{ref:d,className:i.clsx(u&&`${u}-content`,o),"aria-labelledby":l??x,"aria-describedby":c??m,...n,children:t})}));x.displayName="DialogContent";const m=e.forwardRef((({children:r,className:l="",id:c,...n},d)=>{const{rootClass:u,setTitleId:x}=e.useContext(a),m=o.Floater.useId(),p=c??m;return e.useEffect((()=>(x(p),()=>x(void 0))),[p,x]),s.jsx(t.Primitive.h2,{ref:d,id:p,className:i.clsx(u&&`${u}-title`,l),...n,children:r})}));m.displayName="DialogTitle";const p=e.forwardRef((({children:r,className:l="",id:c,...n},d)=>{const{rootClass:u,setDescriptionId:x}=e.useContext(a),m=o.Floater.useId(),p=c??m;return e.useEffect((()=>(x(p),()=>x(void 0))),[p,x]),s.jsx(t.Primitive.p,{ref:d,id:p,className:i.clsx(u&&`${u}-description`,l),...n,children:r})}));p.displayName="DialogDescription";const f=e.forwardRef((({children:t,asChild:o,className:l="",...c},n)=>{const{rootClass:d}=e.useContext(a);return s.jsx(r.DialogPrimitive.Cancel,{ref:n,className:i.clsx(d&&`${d}-close`,l),asChild:o,...c,children:t})}));f.displayName="DialogClose";const C=e.forwardRef((({children:t,className:o="",...l},c)=>{const{rootClass:n}=e.useContext(a);return s.jsx(r.DialogPrimitive.Footer,{ref:c,className:i.clsx(n&&`${n}-footer`,o),...l,children:t})}));C.displayName="DialogFooter";const g=e.forwardRef(((e,s)=>(console.warn("Direct usage of Dialog is not supported. Please use Dialog.Root, Dialog.Content, etc. instead."),null)));g.displayName="Dialog";const D=g;D.Root=c,D.Trigger=n,D.Portal=d,D.Overlay=u,D.Content=x,D.Title=m,D.Description=p,D.Footer=C,D.Close=f,exports.Close=f,exports.Content=x,exports.Description=p,exports.Footer=C,exports.Overlay=u,exports.Portal=d,exports.Root=c,exports.Title=m,exports.Trigger=n,exports.default=D;

package/dist/components/Dialog.d.ts

@@ -70,19 +70,38 @@ type DialogPrimitiveContentProps = React.ComponentPropsWithoutRef<typeof DialogP
 type DialogContentProps = DialogPrimitiveContentProps & {
     className?: string;
 };
-declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    children: React.ReactNode;
+    asChild?: boolean;
+    forceMount?: boolean;
+    initialFocus?: boolean | React.RefObject<HTMLElement | null> | (() => boolean | void | HTMLElement | null);
+    finalFocus?: boolean | React.RefObject<HTMLElement | null> | (() => boolean | void | HTMLElement | null);
+    trapFocus?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 
 type PrimitiveHeadingProps = React.ComponentPropsWithoutRef<typeof Primitive.h2>;
 type DialogTitleProps = PrimitiveHeadingProps & {
     className?: string;
 };
-declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
 
 type PrimitiveParagraphProps = React.ComponentPropsWithoutRef<typeof Primitive.p>;
 type DialogDescriptionProps = PrimitiveParagraphProps & {
     className?: string;
 };
-declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
 
 type DialogPrimitiveCancelProps = {
     children: React.ReactNode;
@@ -103,7 +122,13 @@ type DialogPrimitiveFooterProps = React.ComponentPropsWithoutRef<typeof DialogPr
 type DialogFooterProps = DialogPrimitiveFooterProps & {
     className?: string;
 };
-declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 
 type DialogElement = React.ElementRef<'div'>;
 type DialogProps = React.ComponentPropsWithoutRef<'div'>;

package/dist/components/Dialog.js

@@ -1 +1 @@
-'use client';import{createContext as e,forwardRef as s,useState as o,useMemo as a,useContext as t,useEffect as r}from"react";import{jsx as i}from"react/jsx-runtime";import{D as l}from"./index-xlB--dex.js";import{u as n,c as d}from"./useComponentClass-C0isGl1z.js";import{P as c}from"./index-XF8itt-H.js";import{F as m}from"./index-D8I-rMwz.js";import"./index-wRElCyvx.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-FITGoHty.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";const p=e({rootClass:"",titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),g="Dialog",C=s((({children:e,customRootClass:s="",className:t="",...r},c)=>{const m=n(s,g),[C,N]=o(void 0),[h,u]=o(void 0),D=a((()=>({rootClass:m,titleId:C,descriptionId:h,setTitleId:N,setDescriptionId:u})),[m,C,h]);return i(l.Root,{ref:c,className:d(m,t),...r,children:i(p.Provider,{value:D,children:e})})}));C.displayName=g;const N=s((({children:e,asChild:s,className:o="",...a},r)=>{const{rootClass:n}=t(p);return i(l.Trigger,{ref:r,className:d(n&&`${n}-trigger`,o),asChild:s,...a,children:e})}));N.displayName="DialogTrigger";const h=s((({children:e,...s},o)=>i(l.Portal,{...s,children:e})));h.displayName="DialogPortal";const u=s((({className:e="",...s},o)=>{const{rootClass:a}=t(p);return i(l.Overlay,{ref:o,className:d(a&&`${a}-overlay`,e),...s})}));u.displayName="DialogOverlay";const D=s((({children:e,className:s="","aria-labelledby":o,"aria-describedby":a,...r},n)=>{const{rootClass:c,titleId:m,descriptionId:g}=t(p);return i(l.Content,{ref:n,className:d(c&&`${c}-content`,s),"aria-labelledby":o??m,"aria-describedby":a??g,...r,children:e})}));D.displayName="DialogContent";const y=s((({children:e,className:s="",id:o,...a},l)=>{const{rootClass:n,setTitleId:g}=t(p),C=m.useId(),N=o??C;return r((()=>(g(N),()=>g(void 0))),[N,g]),i(c.h2,{ref:l,id:N,className:d(n&&`${n}-title`,s),...a,children:e})}));y.displayName="DialogTitle";const f=s((({children:e,className:s="",id:o,...a},l)=>{const{rootClass:n,setDescriptionId:g}=t(p),C=m.useId(),N=o??C;return r((()=>(g(N),()=>g(void 0))),[N,g]),i(c.p,{ref:l,id:N,className:d(n&&`${n}-description`,s),...a,children:e})}));f.displayName="DialogDescription";const v=s((({children:e,asChild:s,className:o="",...a},r)=>{const{rootClass:n}=t(p);return i(l.Cancel,{ref:r,className:d(n&&`${n}-close`,o),asChild:s,...a,children:e})}));v.displayName="DialogClose";const I=s((({children:e,className:s="",...o},a)=>{const{rootClass:r}=t(p);return i(l.Footer,{ref:a,className:d(r&&`${r}-footer`,s),...o,children:e})}));I.displayName="DialogFooter";const j=s(((e,s)=>(console.warn("Direct usage of Dialog is not supported. Please use Dialog.Root, Dialog.Content, etc. instead."),null)));j.displayName="Dialog";const T=j;T.Root=C,T.Trigger=N,T.Portal=h,T.Overlay=u,T.Content=D,T.Title=y,T.Description=f,T.Footer=I,T.Close=v;export{v as Close,D as Content,f as Description,I as Footer,u as Overlay,h as Portal,C as Root,y as Title,N as Trigger,T as default};
+'use client';import{createContext as e,forwardRef as s,useState as o,useMemo as a,useContext as t,useEffect as r}from"react";import{jsx as i}from"react/jsx-runtime";import{D as l}from"./index-CXv1Y-O3.js";import{u as n,c as d}from"./useComponentClass-C0isGl1z.js";import{P as c}from"./index-BidxkqdT.js";import{F as m}from"./index-B_OPdW20.js";import"./index-wRElCyvx.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-DH-14XDv.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";import"./floating-ui.react-CZf-mCiA.js";import"react-dom";const p=e({rootClass:"",titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),g="Dialog",C=s((({children:e,customRootClass:s="",className:t="",...r},c)=>{const m=n(s,g),[C,N]=o(void 0),[h,u]=o(void 0),D=a((()=>({rootClass:m,titleId:C,descriptionId:h,setTitleId:N,setDescriptionId:u})),[m,C,h]);return i(l.Root,{ref:c,className:d(m,t),...r,children:i(p.Provider,{value:D,children:e})})}));C.displayName=g;const N=s((({children:e,asChild:s,className:o="",...a},r)=>{const{rootClass:n}=t(p);return i(l.Trigger,{ref:r,className:d(n&&`${n}-trigger`,o),asChild:s,...a,children:e})}));N.displayName="DialogTrigger";const h=s((({children:e,...s},o)=>i(l.Portal,{...s,children:e})));h.displayName="DialogPortal";const u=s((({className:e="",...s},o)=>{const{rootClass:a}=t(p);return i(l.Overlay,{ref:o,className:d(a&&`${a}-overlay`,e),...s})}));u.displayName="DialogOverlay";const D=s((({children:e,className:s="","aria-labelledby":o,"aria-describedby":a,...r},n)=>{const{rootClass:c,titleId:m,descriptionId:g}=t(p);return i(l.Content,{ref:n,className:d(c&&`${c}-content`,s),"aria-labelledby":o??m,"aria-describedby":a??g,...r,children:e})}));D.displayName="DialogContent";const y=s((({children:e,className:s="",id:o,...a},l)=>{const{rootClass:n,setTitleId:g}=t(p),C=m.useId(),N=o??C;return r((()=>(g(N),()=>g(void 0))),[N,g]),i(c.h2,{ref:l,id:N,className:d(n&&`${n}-title`,s),...a,children:e})}));y.displayName="DialogTitle";const f=s((({children:e,className:s="",id:o,...a},l)=>{const{rootClass:n,setDescriptionId:g}=t(p),C=m.useId(),N=o??C;return r((()=>(g(N),()=>g(void 0))),[N,g]),i(c.p,{ref:l,id:N,className:d(n&&`${n}-description`,s),...a,children:e})}));f.displayName="DialogDescription";const v=s((({children:e,asChild:s,className:o="",...a},r)=>{const{rootClass:n}=t(p);return i(l.Cancel,{ref:r,className:d(n&&`${n}-close`,o),asChild:s,...a,children:e})}));v.displayName="DialogClose";const I=s((({children:e,className:s="",...o},a)=>{const{rootClass:r}=t(p);return i(l.Footer,{ref:a,className:d(r&&`${r}-footer`,s),...o,children:e})}));I.displayName="DialogFooter";const j=s(((e,s)=>(console.warn("Direct usage of Dialog is not supported. Please use Dialog.Root, Dialog.Content, etc. instead."),null)));j.displayName="Dialog";const T=j;T.Root=C,T.Trigger=N,T.Portal=h,T.Overlay=u,T.Content=D,T.Title=y,T.Description=f,T.Footer=I,T.Close=v;export{v as Close,D as Content,f as Description,I as Footer,u as Overlay,h as Portal,C as Root,y as Title,N as Trigger,T as default};

package/dist/components/Disclosure.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-rUSzFrhJ.cjs"),o=require("./index-K0sE1H4u.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-Bg-UeWCo.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-BZO29jsF.cjs"),require("./keyboard-BBlFllyi.cjs"),require("./mergeRefs-BUn-enYe.cjs"),require("./index-BwNOI8cB.cjs");const i=r.createContext({}),l=r.forwardRef((({children:o,className:l,customRootClass:a,defaultOpen:n=null,"aria-label":c,"aria-labelledby":d,loop:u=!0,...x},m)=>{const p=r.useRef(null),C=s.useComponentClass(a,"Disclosure"),[j,g]=r.useState(n),h=r.useCallback((e=>{p.current=e,"function"==typeof m?m(e):m&&(m.current=e)}),[m]);return e.jsx(i.Provider,{value:{rootClass:C,activeItem:j,setActiveItem:g,disclosureRef:p},children:e.jsx(t.RovingFocusGroupUtility.Root,{loop:u,orientation:"both",children:e.jsx(t.RovingFocusGroupUtility.Group,{children:e.jsx("div",{...x,className:s.clsx(C&&`${C}-root`,l),ref:h,role:c||d?"region":void 0,"aria-label":c,"aria-labelledby":d,"data-slot":"disclosure-root","data-testid":"disclosure-root",children:o})})})})}));l.displayName="DisclosureRoot";const a=r.createContext({}),n=()=>{},c=r.forwardRef((({children:t,className:l="",value:c,...d},u)=>{const{activeItem:x,setActiveItem:m,rootClass:p}=r.useContext(i),C=r.useId(),j=x===c,g=r.useCallback((e=>{m(e?c:null)}),[m,c]);return e.jsx(a.Provider,{value:{itemValue:c,setItemValue:n,triggerId:C},children:e.jsx(o.CollapsiblePrimitive.Root,{open:j,onOpenChange:g,asChild:!0,children:e.jsx("div",{...d,className:s.clsx(p&&`${p}-item`,l),ref:u,"data-state":j?"open":"closed","data-slot":"disclosure-item",children:t})})})}));c.displayName="DisclosureItem";const d=r.forwardRef((({children:l,className:n,id:c,...d},u)=>{const{rootClass:x}=r.useContext(i),{triggerId:m}=r.useContext(a),p=c??m;return e.jsx(t.RovingFocusGroupUtility.Item,{domId:p,children:e.jsx(o.CollapsiblePrimitive.Trigger,{asChild:!0,children:e.jsx("button",{...d,ref:u,id:p,type:"button",className:s.clsx(x&&`${x}-trigger`,n),"data-slot":"disclosure-trigger",children:l})})})}));d.displayName="DisclosureTrigger";const u=r.forwardRef((({children:t,className:l="",...n},c)=>{const{rootClass:d}=r.useContext(i),{triggerId:u}=r.useContext(a);return e.jsx(o.CollapsiblePrimitive.Content,{...n,ref:c,className:s.clsx(d&&`${d}-content`,l),"data-slot":"disclosure-content",role:"region","aria-labelledby":u,children:t})}));u.displayName="DisclosureContent";const x=r.forwardRef((({items:r,...s},t)=>e.jsx(l,{ref:t,...s,children:r.map(((r,s)=>e.jsxs(c,{value:s,children:[e.jsx(d,{children:r.title}),e.jsx(u,{children:r.content})]},s)))})));x.Root=l,x.Item=c,x.Trigger=d,x.Content=u,x.displayName="Disclosure",exports.Content=u,exports.Item=c,exports.Root=l,exports.Trigger=d,exports.default=x;

package/dist/components/Disclosure.js

@@ -1 +1 @@
-'use client';import{jsx as e,jsxs as r}from"react/jsx-runtime";import t,{createContext as o,useRef as s,useState as a,useCallback as i,useContext as l,useId as n}from"react";import{u as d,c}from"./useComponentClass-C0isGl1z.js";import{R as m}from"./index-C7dBo_Ry.js";import{C as u}from"./index-DMX7gpdp.js";import"./ThemeContext-Sm-iNANd.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-FITGoHty.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./index-wRElCyvx.js";const p=o({}),f=t.forwardRef((({children:r,className:t,customRootClass:o,defaultOpen:l=null,"aria-label":n,"aria-labelledby":u,loop:f=!0,...h},g)=>{const C=s(null),R=d(o,"Disclosure"),[b,v]=a(l),I=i((e=>{C.current=e,"function"==typeof g?g(e):g&&(g.current=e)}),[g]);return e(p.Provider,{value:{rootClass:R,activeItem:b,setActiveItem:v,disclosureRef:C},children:e(m.Root,{loop:f,orientation:"both",children:e(m.Group,{children:e("div",{...h,className:c(R&&`${R}-root`,t),ref:I,role:n||u?"region":void 0,"aria-label":n,"aria-labelledby":u,"data-slot":"disclosure-root","data-testid":"disclosure-root",children:r})})})})}));f.displayName="DisclosureRoot";const h=o({}),g=()=>{},C=t.forwardRef((({children:r,className:t="",value:o,...s},a)=>{const{activeItem:d,setActiveItem:m,rootClass:f}=l(p),C=n(),R=d===o,b=i((e=>{m(e?o:null)}),[m,o]);return e(h.Provider,{value:{itemValue:o,setItemValue:g,triggerId:C},children:e(u.Root,{open:R,onOpenChange:b,asChild:!0,children:e("div",{...s,className:c(f&&`${f}-item`,t),ref:a,"data-state":R?"open":"closed","data-slot":"disclosure-item",children:r})})})}));C.displayName="DisclosureItem";const R=t.forwardRef((({children:r,className:t,id:o,...s},a)=>{const{rootClass:i}=l(p),{triggerId:n}=l(h),d=o??n;return e(m.Item,{domId:d,children:e(u.Trigger,{asChild:!0,children:e("button",{...s,ref:a,id:d,type:"button",className:c(i&&`${i}-trigger`,t),"data-slot":"disclosure-trigger",children:r})})})}));R.displayName="DisclosureTrigger";const b=t.forwardRef((({children:r,className:t="",...o},s)=>{const{rootClass:a}=l(p),{triggerId:i}=l(h);return e(u.Content,{...o,ref:s,className:c(a&&`${a}-content`,t),"data-slot":"disclosure-content",role:"region","aria-labelledby":i,children:r})}));b.displayName="DisclosureContent";const v=t.forwardRef((({items:t,...o},s)=>e(f,{ref:s,...o,children:t.map(((t,o)=>r(C,{value:o,children:[e(R,{children:t.title}),e(b,{children:t.content})]},o)))})));v.Root=f,v.Item=C,v.Trigger=R,v.Content=b,v.displayName="Disclosure";export{b as Content,C as Item,f as Root,R as Trigger,v as default};
+'use client';import{jsx as e,jsxs as r}from"react/jsx-runtime";import t,{createContext as o,useRef as s,useState as a,useCallback as i,useContext as l,useId as n}from"react";import{u as d,c}from"./useComponentClass-C0isGl1z.js";import{R as m}from"./index-D8QLtYJh.js";import{C as u}from"./index-CAD0hWja.js";import"./ThemeContext-Sm-iNANd.js";import"./index-BidxkqdT.js";import"./mergeProps-0RucjqeH.js";import"./index-DH-14XDv.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./index-wRElCyvx.js";const p=o({}),f=t.forwardRef((({children:r,className:t,customRootClass:o,defaultOpen:l=null,"aria-label":n,"aria-labelledby":u,loop:f=!0,...h},g)=>{const C=s(null),R=d(o,"Disclosure"),[b,v]=a(l),I=i((e=>{C.current=e,"function"==typeof g?g(e):g&&(g.current=e)}),[g]);return e(p.Provider,{value:{rootClass:R,activeItem:b,setActiveItem:v,disclosureRef:C},children:e(m.Root,{loop:f,orientation:"both",children:e(m.Group,{children:e("div",{...h,className:c(R&&`${R}-root`,t),ref:I,role:n||u?"region":void 0,"aria-label":n,"aria-labelledby":u,"data-slot":"disclosure-root","data-testid":"disclosure-root",children:r})})})})}));f.displayName="DisclosureRoot";const h=o({}),g=()=>{},C=t.forwardRef((({children:r,className:t="",value:o,...s},a)=>{const{activeItem:d,setActiveItem:m,rootClass:f}=l(p),C=n(),R=d===o,b=i((e=>{m(e?o:null)}),[m,o]);return e(h.Provider,{value:{itemValue:o,setItemValue:g,triggerId:C},children:e(u.Root,{open:R,onOpenChange:b,asChild:!0,children:e("div",{...s,className:c(f&&`${f}-item`,t),ref:a,"data-state":R?"open":"closed","data-slot":"disclosure-item",children:r})})})}));C.displayName="DisclosureItem";const R=t.forwardRef((({children:r,className:t,id:o,...s},a)=>{const{rootClass:i}=l(p),{triggerId:n}=l(h),d=o??n;return e(m.Item,{domId:d,children:e(u.Trigger,{asChild:!0,children:e("button",{...s,ref:a,id:d,type:"button",className:c(i&&`${i}-trigger`,t),"data-slot":"disclosure-trigger",children:r})})})}));R.displayName="DisclosureTrigger";const b=t.forwardRef((({children:r,className:t="",...o},s)=>{const{rootClass:a}=l(p),{triggerId:i}=l(h);return e(u.Content,{...o,ref:s,className:c(a&&`${a}-content`,t),"data-slot":"disclosure-content",role:"region","aria-labelledby":i,children:r})}));b.displayName="DisclosureContent";const v=t.forwardRef((({items:t,...o},s)=>e(f,{ref:s,...o,children:t.map(((t,o)=>r(C,{value:o,children:[e(R,{children:t.title}),e(b,{children:t.content})]},o)))})));v.Root=f,v.Item=C,v.Trigger=R,v.Content=b,v.displayName="Disclosure";export{b as Content,C as Item,f as Root,R as Trigger,v as default};

package/dist/components/Drawer.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),n=require("./useComponentClass-B0DF90tm.cjs"),r=require("./index-CbdoW3TC.cjs"),s=require("./index-C_Yiql9j.cjs"),i=require("./index-BudP4FIn.cjs"),o=require("./index-Bg-UeWCo.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs"),require("./index-BwNOI8cB.cjs"),require("./index-BZO29jsF.cjs"),require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom"),require("./mergeProps-DW5qFqqJ.cjs");const a=e.createContext({rootClass:"",side:"right",dismissDirection:"right",isOpen:!1,onOpen:()=>{},snapPoints:[],activeSnapPoint:null,setActiveSnapPoint:()=>{},snapToSequentialPoints:!1,modal:!0,disablePointerDismissal:!1,shouldKeepMounted:!1,requestClose:()=>{},markIntentionalClose:()=>{},setTitleId:()=>{},setDescriptionId:()=>{},popupHeight:0,setPopupHeight:()=>{},registerContentElement:()=>{},childOpenCount:0,nestedSwiping:!1,setNestedSwiping:()=>{},depth:0}),l={movementX:"--rad-ui-drawer-swipe-movement-x",movementY:"--rad-ui-drawer-swipe-movement-y",snapPointOffset:"--rad-ui-drawer-snap-point-offset",progress:"--rad-ui-drawer-swipe-progress",strength:"--rad-ui-drawer-swipe-strength",height:"--rad-ui-drawer-height",nestedDrawers:"--rad-ui-nested-drawers"},u="[data-swipe-ignore],[data-rad-ui-swipe-ignore]";function c(e,t,n){return Math.min(Math.max(e,t),n)}function d(e,t,n){switch(e){case"up":return-n;case"down":return n;case"left":return-t;default:return t}}function p(e,t){return"left"===t||"right"===t?e.offsetWidth:e.offsetHeight}function f(e,t,n){if(!Number.isFinite(t)||t<=0)return null;if("number"==typeof e)return Number.isFinite(e)?e<=1?c(e,0,1)*t:e:null;const r=e.trim();if(r.endsWith("px")){const e=Number.parseFloat(r);return Number.isFinite(e)?e:null}if(r.endsWith("rem")){const e=Number.parseFloat(r);return Number.isFinite(e)?e*n:null}return null}function m(e,t){let n=-1,r=1/0;for(let s=0;s<e.length;s+=1){const i=Math.abs(e[s].offset-t);i<r&&(r=i,n=s)}return n}function h({snapPoints:e,currentOffset:t,popupHeight:n,dragDelta:r,directionalVelocity:s,snapToSequentialPoints:i}){if(!e.length||n<=0)return{type:"stay"};const o=Math.sign(r),a=c(t+r,0,n),l=Math.abs(s)>=.5?300*c(s,-4,4):0,u=i?a:c(a+l,0,n),d=[...e].sort(((e,t)=>e.offset-t.offset));let p=function(e,t){const n=m(e,t);return-1===n?null:e[n]}(d,u),f=u;if(i){const e=m(d,t);if(0!==o&&Math.sign(s)===o&&Math.abs(s)>=.5){const t=c(e+o,0,d.length-1);if(t!==e){const e=d[t];(o>0?u<e.offset:u>e.offset)&&(p=e,f=e.offset)}else if(o>0)return{type:"close",snapPoint:p}}}else if(s>=.5&&r>0)return{type:"close",snapPoint:p};return Math.abs(f-n)<(p?Math.abs(f-p.offset):1/0)?{type:"close",snapPoint:p}:{type:"settle",snapPoint:p}}const g=e.createContext({depth:0,onChildOpenChange:()=>{},onChildSwipingChange:()=>{}});function v(e,t){const n="open"===t?500:400;if(!e||"undefined"==typeof window||!window.getComputedStyle)return n;const r="open"===t?"--rad-ui-drawer-open-duration":"--rad-ui-drawer-close-duration";return function(e){if(!e)return null;const t=e.trim();if(!t||"auto"===t||"normal"===t)return null;const n=Number.parseFloat(t);return Number.isFinite(n)?t.endsWith("ms")?n:t.endsWith("s")?1e3*n:n:null}(window.getComputedStyle(e).getPropertyValue(r))??n}function C(e,t,n){return new Promise((r=>{if(n?.aborted||!e)return void r();let s,i,o,a=!1;const l=()=>{a||(a=!0,void 0!==s&&clearTimeout(s),void 0!==i&&cancelAnimationFrame(i),n&&o&&n.removeEventListener("abort",o),r())},u=e;if("function"!=typeof u.getAnimations)s=setTimeout(l,t);else{let e=[];try{e=u.getAnimations()}catch{e=[]}s=setTimeout(l,t),e.length?Promise.all(e.map((e=>e.finished.catch((()=>{}))))).then(l):i=requestAnimationFrame(l)}n&&(o=l,n.addEventListener("abort",o))}))}const x="Drawer",w=e.forwardRef((({children:i,customRootClass:o="",className:l="",defaultOpen:u=!1,open:c,onOpenChange:d,onOpenChangeComplete:p,snapPoints:f=[],defaultSnapPoint:m=null,snapPoint:h,onSnapPointChange:w,snapToSequentialPoints:y=!1,modal:b=!0,disablePointerDismissal:P=!1,swipeDirection:S="right",triggerId:D,defaultTriggerId:k,actionsRef:M},O)=>{const E=n.useComponentClass(o,x),T=e.useMemo((()=>function(e){switch(e){case"up":return"top";case"down":return"bottom";default:return e}}(S)),[S]),N=e.useMemo((()=>function(e){switch(e){case"top":return"up";case"bottom":return"down";default:return e}}(T)),[T]),R=e.useContext(g),q=void 0!==c,[F,j]=e.useState(u),I=q?c:F;r.useRegisterDocumentOverlayOpen(I);const A=e.useRef(I);A.current=I;const H=e.useRef(null),Y=e.useRef(!1),X=e.useRef(P);e.useEffect((()=>{X.current=P}),[P]);const[$,L]=e.useState(!1),z=e.useCallback(((e="close-press")=>{Y.current=!0,H.current=e}),[]),W=e.useCallback(((e,t)=>{const n=H.current??(e?"trigger-press":"none");H.current=null;const r=Y.current;if(Y.current=!1,!e&&X.current&&!r)return;let s=!1,i=!1;const o={reason:n,cancel:()=>{s=!0},get isCanceled(){return s},preventUnmountOnClose:()=>{i=!0},event:t};d&&(d.length<=1?d(e):d(e,o)),s||(i&&L(!0),q||j(e))}),[q,d]);e.useEffect((()=>{I&&L(!1)}),[I]);const V=void 0!==h,[K,B]=e.useState(m??(f.length>0?f[0]:null)),Z=V?h:K,U=e.useCallback((e=>{V||B(e),w?.(e)}),[V,w]),[_,G]=e.useState(0),J=e.useCallback((e=>{G((t=>t===e?t:e))}),[]),Q=e.useCallback((e=>{M&&"current"in M&&(M.current=e)}),[M]);e.useEffect((()=>{if(!M)return;Q({close:()=>{z("imperative-action"),W(!1)},unmount:()=>{L(!1),A.current&&!q&&(z("imperative-action"),W(!1)),B(m??f[0]??null)}})}),[M,m,W,q,z,Q,f]);const ee=e.useRef(null),te=e.useCallback((e=>{ee.current=e}),[]),ne=e.useRef(p);ne.current=p,e.useEffect((()=>{const e=new AbortController,t=I,n=requestAnimationFrame((()=>{const n=ee.current;ne.current&&C(n,v(n,t?"open":"close"),e.signal).then((()=>{e.signal.aborted||ne.current?.(A.current)}))}));return()=>{e.abort(),cancelAnimationFrame(n)}}),[I]);const re=e.useRef(!1);e.useEffect((()=>{I&&!re.current?(re.current=!0,R.onChildOpenChange(!0)):!I&&re.current&&(re.current=!1,R.onChildOpenChange(!1))}),[I,R]),e.useEffect((()=>()=>{re.current&&(R.onChildOpenChange(!1),re.current=!1)}),[]);const[se,ie]=e.useState(0),oe=e.useCallback((e=>{ie((t=>Math.max(0,t+(e?1:-1)))),R.onChildOpenChange(e)}),[R]),[ae,le]=e.useState(!1),ue=e.useCallback((e=>{le(e),R.onChildSwipingChange(e)}),[R]);e.useEffect((()=>{se||le(!1)}),[se]);const ce=ue,de=e.useMemo((()=>({depth:R.depth+1,onChildOpenChange:oe,onChildSwipingChange:ue})),[oe,ue,R.depth]),pe=e.useCallback(((e,t)=>{z(e),W(!1,t)}),[W,z]),[fe,me]=e.useState(void 0),[he,ge]=e.useState(void 0),ve=e.useCallback((e=>{me((t=>t===e?t:e))}),[]),Ce=e.useCallback((e=>{ge((t=>t===e?t:e))}),[]),xe=e.useMemo((()=>({rootClass:E,side:T,dismissDirection:N,isOpen:I,onOpen:()=>W(!0),snapPoints:f,activeSnapPoint:Z,setActiveSnapPoint:U,snapToSequentialPoints:y,popupHeight:_,setPopupHeight:J,modal:b,disablePointerDismissal:P,registerContentElement:te,shouldKeepMounted:$,requestClose:pe,markIntentionalClose:z,childOpenCount:se,nestedSwiping:ae,setNestedSwiping:ce,titleId:fe,descriptionId:he,setTitleId:ve,setDescriptionId:Ce,depth:R.depth})),[Z,se,he,N,P,W,$,I,z,b,R.depth,_,te,pe,E,U,Ce,ce,J,ve,T,f,y,ae,fe]);return t.jsx(g.Provider,{value:de,children:t.jsx(s.DialogPrimitive.Root,{ref:O,open:I,onOpenChange:W,className:n.clsx(E,l),disablePointerDismissal:P,children:t.jsx(a.Provider,{value:xe,children:i})})})}));w.displayName=x;const y=e.forwardRef((({children:r,asChild:i,className:o="",...l},u)=>{const{rootClass:c}=e.useContext(a);return t.jsx(s.DialogPrimitive.Trigger,{ref:u,className:n.clsx(c&&`${c}-trigger`,o),asChild:i,...l,children:r})}));y.displayName="DrawerTrigger";const b=e.forwardRef((({children:e,...n},r)=>t.jsx(s.DialogPrimitive.Portal,{...n,children:e})));b.displayName="DrawerPortal";const P=e.forwardRef((({className:r="",forceMount:o=!1,...l},u)=>{const{rootClass:c,modal:d,disablePointerDismissal:p,markIntentionalClose:f}=e.useContext(a),{isOpen:m,handleOverlayClick:h}=e.useContext(s.DialogPrimitiveContext),[g,v]=e.useState(m),[C,x]=e.useState(m?"open":"closed"),w=e.useRef(null);if(e.useEffect((()=>(w.current&&clearTimeout(w.current),m?(v(!0),requestAnimationFrame((()=>{requestAnimationFrame((()=>x("open")))}))):(x("closed"),w.current=setTimeout((()=>{v(!1)}),400)),()=>{w.current&&clearTimeout(w.current)})),[m]),!g&&!o)return null;const y=p?void 0:()=>{f(),h()},b=!0===d;return t.jsx(i.Floater.Overlay,{lockScroll:m&&b,ref:u,onClick:y,"data-state":C,style:!1===d?{pointerEvents:"none",background:"transparent"}:void 0,className:n.clsx(c&&`${c}-overlay`,r),...l})}));P.displayName="DrawerOverlay";const S=e.createContext({element:null,height:0,resolvedSnapPoints:[],activeSnapPointOffset:0,activeSnapPoint:null,setActiveSnapPoint:()=>{},expanded:!1,dismissDirection:"right",pointerProps:{onPointerDown:()=>{}},touchProps:{onTouchStart:()=>{},onTouchMove:()=>{},onTouchEnd:()=>{},onTouchCancel:()=>{}}});function D(){return"undefined"==typeof window?0:window.innerHeight||document.documentElement.clientHeight||0}function k(){if("undefined"==typeof window)return 16;const e=Number.parseFloat(window.getComputedStyle(document.documentElement).fontSize);return Number.isFinite(e)&&e>0?e:16}function M(t,n,r,s){const i="up"===n||"down"===n,[o,a]=e.useState(0),[l,u]=e.useState(16);e.useEffect((()=>{if(!i||!t.length)return;a(D()),u(k());const e=()=>{a(D()),u(k())};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[t.length,i]);const d=e.useMemo((()=>i&&t.length?function(e,t,n,r){if(!e.length||n<=0)return[];const s=Math.min(n,t||n),i=e.map((e=>{const i=f(e,t,r);if(null===i)return null;const o=c(i,0,s);return{value:e,height:o,offset:Math.max(0,n-o)}})).filter((e=>null!==e));if(i.length<2)return i;const o=[];for(let e=i.length-1;e>=0;e-=1){const t=i[e];o.some((e=>Math.abs(e.height-t.height)<=1))||o.push(t)}return o.reverse()}(t,o||r,r,l):[]),[r,l,t,i,o]);return e.useMemo((()=>{if(!d.length||null===s)return{resolved:d,active:null,activeOffset:0,expanded:!1};const e=d.find((e=>Object.is(e.value,s)));if(e)return{resolved:d,active:e,activeOffset:e.offset,expanded:1===s};const t=f(s,o||r,l);if(null===t)return{resolved:d,active:null,activeOffset:0,expanded:!1};const n=c(t,0,r||o||t),i=Math.max(0,(r||n)-n);return{resolved:d,active:null,activeOffset:i,expanded:1===s}}),[s,r,d,l,o])}function O(e){return e.timeStamp>0?e.timeStamp:performance.now()}function E(e,t){let n=e;for(;n&&n!==t;){const e=window.getComputedStyle(n),t=("auto"===e.overflowY||"scroll"===e.overflowY)&&n.scrollHeight>n.clientHeight,r=("auto"===e.overflowX||"scroll"===e.overflowX)&&n.scrollWidth>n.clientWidth;if(t||r)return{element:n,axis:t?"y":"x"};n=n.parentElement}return null}function T(e,t,n){return"y"===t?"down"===n?e.scrollTop<=0:e.scrollTop>=e.scrollHeight-e.clientHeight:"right"===n?e.scrollLeft<=0:e.scrollLeft>=e.scrollWidth-e.clientWidth}let N=!1;function R(t){const{elementRef:n,dismissDirection:r,axis:s,enabled:i,disabledByNestedDrawer:o=!1,snapPoints:a,popupHeight:f=0,activeSnapPointOffset:m=0,snapToSequentialPoints:g=!1,onDismiss:v,onSettle:C,onSwipingChange:x,onProgress:w}=t,[y,b]=e.useState(!1),[P,S]=e.useState(!1),D=e.useRef(null),k=e.useRef(0),M=e.useRef(null),R=e.useRef(null),q=e.useRef(null),F=e.useRef(null),j=e.useRef({onDismiss:v,onSettle:C,onSwipingChange:x,onProgress:w});j.current={onDismiss:v,onSettle:C,onSwipingChange:x,onProgress:w};const I=i&&!o,A=Boolean(a?.length)&&!("left"===(H=r)||"right"===H);var H;e.useEffect((()=>{if(!a||a.length<2)return void(F.current=null);const e=a.map((e=>e.offset)).sort(((e,t)=>e-t)),t=e[1]-e[0];F.current=t>0?{min:e[0],range:t}:null}),[a]);const Y=e.useCallback((e=>{b(e),j.current.onSwipingChange?.(e)}),[]),X=e.useCallback((e=>{const t=n.current;t&&(A?t.style.setProperty(l.movementY,`${function(e,t){const n=e+t;return n>=0?t:-Math.sqrt(-n)-e}(m,e)}px`):"x"===s?t.style.setProperty(l.movementX,`${e}px`):t.style.setProperty(l.movementY,`${e}px`))}),[m,s,n,A]),$=e.useCallback((e=>{const t=n.current;if(!t)return;const s=F.current;let i;if(s){const t=c((m||s.min)+e,0,f||m+s.range);i=c((t-s.min)/s.range,0,1)}else{const n=p(t,r);i=n>0?c(1-Math.max(0,e)/n,0,1):1}t.style.setProperty(l.progress,String(i)),j.current.onProgress?.(i)}),[m,r,n,f]),L=e.useCallback((()=>{const e=n.current;e&&(e.style.removeProperty(l.movementX),e.style.removeProperty(l.movementY),e.style.removeProperty(l.strength),e.style.setProperty(l.progress,"1"))}),[n]),z=e.useCallback(((e,t,n)=>{const s=M.current;if(M.current={x:e,y:t,time:n},!s)return 0;const i=Math.max(n-s.time,16);return d(r,(e-s.x)/i,(t-s.y)/i)}),[r]),W=e.useCallback((()=>{const e=n.current;if(k.current=0,Y(!1),!e)return void S(!1);q.current&&clearTimeout(q.current),S(!0),L(),j.current.onProgress?.(1);const t=()=>{e.removeEventListener("transitionend",t),S(!1)};e.addEventListener("transitionend",t),q.current=setTimeout(t,400)}),[L,n,Y]),V=e.useCallback(((e,t)=>{const s=n.current;if(Y(!1),!s)return;const i=function({element:e,direction:t,displacement:n,velocity:r,snapPointOffset:s=0}){const i=p(e,t);if(i<=0)return null;const o=Math.max(0,i-(s+n));if(o<=0)return null;if(r<=.2)return null;const a=c(r,.2,4);return.1+(c(o/a,80,360)-80)/280*.9}({element:s,direction:r,displacement:t,velocity:e,snapPointOffset:A?m:0});null!==i&&s.style.setProperty(l.strength,String(i))}),[m,r,n,Y,A]),K=e.useCallback(((e,t)=>{D.current={start:e,startDisplacement:k.current,startTime:t,axis:null,dragging:!1},k.current=0,M.current={...e,time:t},Y(!0)}),[Y]),B=e.useCallback(((e,t)=>{const n=d(r,e,t),s=(A?m:0)+n;let i;var o;s<0?(o=s,i=Math.sign(o)*Math.sqrt(Math.abs(o))):i=n<0?.2*- -n:n,k.current=i,X(i),$(i)}),[m,r,A,X,$]),Z=e.useCallback(((e,t)=>{const s=D.current;if(D.current=null,R.current=null,!s)return void Y(!1);if(!s.dragging)return k.current=0,void Y(!1);const i=k.current;k.current=0;const o=e.x-s.start.x,l=e.y-s.start.y,u=d(r,o,l),c=t-s.startTime,v=c>0?d(r,o/Math.max(c,50),l/Math.max(c,50)):0;let C=0;const x=M.current;if(x){const n=t-x.time;if(n<=80){const t=Math.max(n,16);C=d(r,(e.x-x.x)/t,(e.y-x.y)/t)}}const w=0!==C?C:v;if(a?.length){const e=h({snapPoints:a,currentOffset:m,popupHeight:f,dragDelta:u,directionalVelocity:w,snapToSequentialPoints:g});if("close"===e.type)return j.current.onSettle?.(e.snapPoint),V(w,i),void j.current.onDismiss();if("settle"===e.type)return j.current.onSettle?.(e.snapPoint),void W()}const y=n.current,b=y?function(e,t){return Math.max(.5*p(e,t),10)}(y,r):0;C>0&&C>=.5||u>=b?(V(w,i),j.current.onDismiss()):W()}),[m,V,r,n,f,W,a,g,Y]),U=e.useCallback((e=>{if(!I||0!==e.button)return;if("touch"===e.pointerType)return;const t=e.target;if(t?.closest?.(u))return;if(t?.closest?.('button,a,input,select,textarea,label,summary,[role="button"],[role="slider"],[contenteditable="true"],[data-no-drag]'))return;const s=n.current;if(!s)return;const i=E(t,s);i&&!T(i.element,i.axis,r)||(e.currentTarget.setPointerCapture?.(e.pointerId),R.current=!0,K({x:e.clientX,y:e.clientY},O(e)))}),[I,r,n,K]);e.useEffect((()=>{const e=n.current;if(!e||!I)return;N||(N=!0,"undefined"!=typeof CSS&&"function"==typeof CSS.registerProperty&&[{name:l.movementX,syntax:"<length>",initialValue:"0px"},{name:l.movementY,syntax:"<length>",initialValue:"0px"},{name:l.snapPointOffset,syntax:"<length>",initialValue:"0px"},{name:l.progress,syntax:"<number>",initialValue:"1"},{name:l.strength,syntax:"<number>",initialValue:"1"}].forEach((e=>{try{CSS.registerProperty({...e,inherits:!1})}catch{}})));let t=null;const r=e=>{const n=D.current;if(!n||null!==t&&e.pointerId!==t)return;if("touch"===e.pointerType)return;null===t&&(t=e.pointerId);const r=e.clientX-n.start.x,i=e.clientY-n.start.y,o="x"===s?Math.abs(r):Math.abs(i),a="x"===s?Math.abs(i):Math.abs(r);if(null===n.axis){if(o<6)return;if(a>o)return D.current=null,R.current=null,void Y(!1);n.axis=s}n.dragging=!0,z(e.clientX,e.clientY,O(e)),B(r,i)},i=e=>{null!==t&&e.pointerId!==t||(t=null,Z({x:e.clientX,y:e.clientY},O(e)))},o=()=>{t=null,D.current=null,k.current=0,W()};return e.addEventListener("pointermove",r),e.addEventListener("pointerup",i),e.addEventListener("pointercancel",o),()=>{e.removeEventListener("pointermove",r),e.removeEventListener("pointerup",i),e.removeEventListener("pointercancel",o)}}),[I,B,s,n,Z,z,Y,W]);const _=e.useCallback((e=>{const t=e.touches[0];if(!I||!t)return void(R.current=!1);const s=e.target;if(s?.closest?.(u))return void(R.current=!1);const i=n.current;if(!i)return void(R.current=!1);const o=E(s,i);R.current=!(o&&!T(o.element,o.axis,r))&&null,!1!==R.current&&K({x:t.clientX,y:t.clientY},O(e))}),[I,r,n,K]),G=e.useCallback((e=>{const t=D.current;if(!1===R.current)return;if(!t)return;const n=e.touches[0];if(!n)return;const i=n.clientX-t.start.x,o=n.clientY-t.start.y,a="x"===s?i:o,l="x"===s?o:i;if(null===t.axis){if(Math.abs(a)<6)return;if(Math.abs(l)>Math.abs(a))return R.current=!1,D.current=null,void Y(!1);t.axis=s}if(d(r,i,o)<0)return R.current=!1,D.current=null,void Y(!1);R.current=!0,t.dragging=!0,e.cancelable&&e.preventDefault(),z(n.clientX,n.clientY,O(e)),B(i,o)}),[B,s,r,z,Y]),J=e.useCallback((e=>{const t=e.changedTouches[0];if(!t)return D.current=null,void W();Z({x:t.clientX,y:t.clientY},O(e))}),[Z,W]),Q=e.useCallback((()=>{R.current=!1,D.current=null,k.current=0,W()}),[W]);return e.useEffect((()=>()=>{q.current&&clearTimeout(q.current)}),[]),e.useEffect((()=>{I||(D.current=null,R.current=null,k.current=0,M.current=null,Y(!1))}),[I,Y]),e.useEffect((()=>{if(i)return;n.current&&L()}),[L,n,i]),{swiping:y,isSnapping:P,pointerProps:{onPointerDown:U},touchProps:{onTouchStart:_,onTouchMove:G,onTouchEnd:J,onTouchCancel:Q}}}const q=e.forwardRef((({children:r,className:u="",asChild:c=!1,forceMount:d=!1,role:p="dialog","aria-modal":f,"aria-labelledby":m,"aria-describedby":h,initialFocus:g=0,finalFocus:x,disableSwipeDismiss:w=!1,style:y,...b},P)=>{const{rootClass:D,side:k,dismissDirection:O,isOpen:E,modal:T,snapPoints:N,activeSnapPoint:q,setActiveSnapPoint:F,snapToSequentialPoints:j,setPopupHeight:I,registerContentElement:A,shouldKeepMounted:H,requestClose:Y,childOpenCount:X,nestedSwiping:$,setNestedSwiping:L,titleId:z,descriptionId:W}=e.useContext(a),{getFloatingProps:V,refs:K,floaterContext:B}=e.useContext(s.DialogPrimitiveContext),Z=e.useRef(null),[U,_]=e.useState(null),[G,J]=e.useState(E?"open":"closed"),Q=e.useCallback((e=>{Z.current=e,_(e),A(e)}),[A]),ee=i.Floater.useMergeRefs([K.setFloating,Q,P]);e.useEffect((()=>{if(!U)return;const e=()=>I(U.offsetHeight);if(e(),"undefined"==typeof ResizeObserver)return;const t=new ResizeObserver(e);return t.observe(U),()=>t.disconnect()}),[U,I]);const te=U?.offsetHeight??0,{resolved:ne,activeOffset:re,expanded:se}=M(N,O,te,q),ie=function(e){return"left"===e||"right"===e?"x":"y"}(k),oe=e.useCallback((()=>{Y("swipe")}),[Y]),ae=e.useCallback((e=>{F(e?e.value:null)}),[F]),{swiping:le,isSnapping:ue,pointerProps:ce,touchProps:de}=R({elementRef:Z,dismissDirection:O,axis:ie,enabled:E&&!w,disabledByNestedDrawer:X>0,snapPoints:ne,popupHeight:te,activeSnapPointOffset:re,snapToSequentialPoints:j,onDismiss:oe,onSettle:ae,onSwipingChange:L}),pe=E||d||H,[fe,me]=e.useState(E);e.useEffect((()=>{if(pe)return void me(!0);const e=new AbortController;return C(U,v(U,"close"),e.signal).then((()=>{e.signal.aborted||me(!1)})),()=>e.abort()}),[U,pe]),e.useEffect((()=>{if(!fe)return void J("closed");if(!E)return void J("closed");const e=requestAnimationFrame((()=>J("open")));return()=>cancelAnimationFrame(e)}),[E,fe]);const[he,ge]=e.useState(!1);e.useEffect((()=>{if(!E||"open"!==G||!U)return void ge(!1);let e=0,t=0;const n=()=>{"hidden"!==getComputedStyle(U).visibility||t>=30?ge(!0):(t+=1,e=requestAnimationFrame(n))};return n(),()=>cancelAnimationFrame(e)}),[G,U,E]),e.useEffect((()=>{if(E||!x?.current)return;const e=requestAnimationFrame((()=>{x.current?.focus()}));return()=>cancelAnimationFrame(e)}),[x,E]);const ve=f??!1!==T,Ce=m??z,xe=h??W,we={outline:"none",[l.nestedDrawers]:String(X),[l.height]:te>0?`${te}px`:void 0,[l.snapPointOffset]:`${re}px`,...X>0?{"--drawer-peek-offset":20*X+"px"}:{},...y},ye=e.useMemo((()=>({element:U,height:te,resolvedSnapPoints:ne,activeSnapPointOffset:re,activeSnapPoint:q,setActiveSnapPoint:F,expanded:se,dismissDirection:O,pointerProps:ce,touchProps:de})),[q,re,O,U,se,ce,te,ne,F,de]),{style:be,...Pe}=V()??{};if(!fe)return null;const Se=!1!==T;return t.jsx(S.Provider,{value:ye,children:t.jsx(i.Floater.FocusManager,{context:B,disabled:!E||!he,modal:Se,initialFocus:g,returnFocus:!x,children:t.jsx(o.Primitive.div,{ref:ee,asChild:c,...Pe,...ce,...de,style:we,role:p,"aria-modal":ve,"aria-hidden":E?void 0:"true","aria-labelledby":E?Ce:void 0,"aria-describedby":E?xe:void 0,"data-state":G,"data-swipe-direction":k,"data-swiping":le?"true":void 0,"data-snapping":ue?"true":void 0,"data-swipe-dismiss":w?void 0:"","data-expanded":ne.length>0?se?"true":"false":void 0,"data-child-open":X>0?"true":void 0,"data-nested-drawer-open":X>0?"true":void 0,"data-nested-drawer-swiping":$?"true":void 0,className:n.clsx(D&&`${D}-content`,u),...b,children:t.jsx("div",{className:n.clsx(D&&`${D}-content-inner`),children:r})})})})}));q.displayName="DrawerContent";const F=e.forwardRef((({children:r,className:s="",id:l,...u},c)=>{const{rootClass:d,setTitleId:p}=e.useContext(a),f=i.Floater.useId(),m=u.id??l??f;return e.useEffect((()=>(p(m),()=>p(void 0))),[p,m]),t.jsx(o.Primitive.h2,{ref:c,id:m,className:n.clsx(d&&`${d}-title`,s),...u,children:r})}));F.displayName="DrawerTitle";const j=e.forwardRef((({children:r,className:s="",id:l,...u},c)=>{const{rootClass:d,setDescriptionId:p}=e.useContext(a),f=i.Floater.useId(),m=u.id??l??f;return e.useEffect((()=>(p(m),()=>p(void 0))),[p,m]),t.jsx(o.Primitive.p,{ref:c,id:m,className:n.clsx(d&&`${d}-description`,s),...u,children:r})}));j.displayName="DrawerDescription";const I=e.forwardRef((({children:r,asChild:i,className:o="",onClick:l,...u},c)=>{const{rootClass:d,markIntentionalClose:p}=e.useContext(a);return t.jsx(s.DialogPrimitive.Cancel,{ref:c,className:n.clsx(d&&`${d}-close`,o),asChild:i,onClick:e=>{p(),l?.(e)},...u,children:r})}));I.displayName="DrawerClose";const A=e.forwardRef((({className:r=""},s)=>{const{rootClass:i}=e.useContext(a),{pointerProps:o,touchProps:l,dismissDirection:u}=e.useContext(S),c=e.useCallback((e=>{"Escape"!==e.key&&"Enter"!==e.key&&" "!==e.key||e.preventDefault()}),[]);return t.jsx("div",{ref:s,"aria-hidden":"true","data-direction":u,onKeyDown:c,className:n.clsx(i&&`${i}-handle`,r),...o,...l,children:t.jsx("div",{className:`${i}-handle-grip`,"aria-hidden":"true"})})}));A.displayName="DrawerHandle";const H=e.forwardRef((({className:r="",openThreshold:s=48,size:i=20,children:o,style:l,disabled:u=!1,...c},d)=>{const{rootClass:p,side:f,isOpen:m,onOpen:h}=e.useContext(a),g=e.useRef(null),v=e.useRef(0),C=e.useRef(null),x=e.useCallback(((e,t)=>{switch(f){case"right":return-e;case"left":return e;case"bottom":return-t;case"top":return t}}),[f]),w=e.useCallback((e=>{const t=C.current;if(!t)return;const n=8*e;switch(f){case"right":t.style.transform=`translateX(${-n}px)`;break;case"left":t.style.transform=`translateX(${n}px)`;break;case"bottom":t.style.transform=`translateY(${-n}px)`;break;case"top":t.style.transform=`translateY(${n}px)`}t.style.setProperty("--swipe-progress",String(e))}),[f]),y=e.useCallback((e=>{const t=C.current;if(t&&(e&&(t.style.transition="transform var(--rad-ui-motion-duration-normal) var(--rad-ui-motion-easing-standard)"),t.style.transform="",t.style.removeProperty("--swipe-progress"),e)){const e=()=>{t.style.transition="",t.removeEventListener("transitionend",e)};t.addEventListener("transitionend",e)}}),[]),b=e.useCallback((e=>{if(0!==e.button||m)return;e.currentTarget.setPointerCapture(e.pointerId),g.current={startX:e.clientX,startY:e.clientY},v.current=0;const t=C.current;t&&(t.style.transition="none")}),[m]),P=e.useCallback((e=>{if(!g.current)return;const t=e.clientX-g.current.startX,n=e.clientY-g.current.startY,r=Math.max(0,x(t,n)),i=Math.min(r/s,1);v.current=i,w(i)}),[x,s,w]),S=e.useCallback((()=>{g.current&&(g.current=null,v.current>=1?(y(!1),h()):y(!0),v.current=0)}),[h,y]),D=e.useCallback((()=>{g.current&&(g.current=null,v.current=0,y(!0))}),[y]),k=(()=>{const e={position:"fixed",zIndex:"var(--rad-ui-z-index-overlay)",touchAction:"none",userSelect:"none"};switch(f){case"right":return{...e,top:0,right:0,bottom:0,width:i};case"left":return{...e,top:0,left:0,bottom:0,width:i};case"bottom":return{...e,left:0,bottom:0,right:0,height:i};case"top":return{...e,left:0,top:0,right:0,height:i}}})();return u||m?null:t.jsx("div",{ref:e=>{C.current=e,"function"==typeof d?d(e):d&&(d.current=e)},"aria-hidden":"true","data-direction":f,onPointerDown:b,onPointerMove:P,onPointerUp:S,onPointerCancel:D,style:{...k,...l},className:n.clsx(p&&`${p}-swipe-zone`,r),...c,children:o})}));H.displayName="DrawerSwipeZone";const Y=e.forwardRef(((e,t)=>(console.warn("Direct usage of Drawer is not supported. Please use Drawer.Root, Drawer.Content, etc. instead."),null)));Y.displayName="Drawer";const X=Y;X.Root=w,X.Trigger=y,X.Portal=b,X.Overlay=P,X.Content=q,X.Title=F,X.Description=j,X.Close=I,X.Handle=A,X.SwipeZone=H,exports.Close=I,exports.Content=q,exports.Description=j,exports.Handle=A,exports.Overlay=P,exports.Portal=b,exports.Root=w,exports.SwipeZone=H,exports.Title=F,exports.Trigger=y,exports.default=X;

package/dist/components/Drawer.d.ts

@@ -140,21 +140,49 @@ type DrawerContentProps = React.ComponentPropsWithoutRef<typeof Primitive.div> &
      */
     disableSwipeDismiss?: boolean;
 };
-declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    className?: string;
+    asChild?: boolean;
+    forceMount?: boolean;
+    /**
+     * Where focus lands when the drawer opens. `0` focuses the first focusable
+     * element, `-1` focuses the popup itself, or pass an element / ref.
+     */
+    initialFocus?: number | React.RefObject<HTMLElement | null>;
+    /** Element focus returns to on close. Defaults to the trigger. */
+    finalFocus?: React.RefObject<HTMLElement | null>;
+    /**
+     * Turns off drag-to-dismiss for this popup. Equivalent to putting
+     * `data-swipe-ignore` on it, but as a prop.
+     */
+    disableSwipeDismiss?: boolean;
+} & React.RefAttributes<HTMLElement>>;
 
 type PrimitiveHeadingProps = React.ComponentPropsWithoutRef<typeof Primitive.h2>;
 type DrawerTitleProps = PrimitiveHeadingProps & {
     className?: string;
     id?: string;
 };
-declare const DrawerTitle: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    className?: string;
+    id?: string;
+} & React.RefAttributes<HTMLElement>>;
 
 type PrimitiveParagraphProps = React.ComponentPropsWithoutRef<typeof Primitive.p>;
 type DrawerDescriptionProps = PrimitiveParagraphProps & {
     className?: string;
     id?: string;
 };
-declare const DrawerDescription: React.ForwardRefExoticComponent<DrawerDescriptionProps & React.RefAttributes<HTMLElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    className?: string;
+    id?: string;
+} & React.RefAttributes<HTMLElement>>;
 
 type DialogPrimitiveCancelProps$1 = {
     children: React.ReactNode;