@radui/ui 0.6.0 → 1.0.1

package/dist/components/ContextMenu.d.ts

@@ -32,12 +32,6 @@ declare const ContextMenuRoot: React.ForwardRefExoticComponent<{
     rtl?: boolean;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-type MenuPrimitiveTriggerProps = {
-    children: React.ReactNode;
-    className?: string;
-    asChild?: boolean;
-};
-
 type ContextMenuTriggerProps = {
     children: React.ReactNode;
     className?: string;
@@ -45,7 +39,11 @@ type ContextMenuTriggerProps = {
 declare const ContextMenuTrigger: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     className?: string;
-} & Omit<MenuPrimitiveTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+} & Omit<{
+    children: React.ReactNode;
+    className?: string;
+    asChild?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
 type ContextMenuContentProps = {
     children: React.ReactNode;
@@ -78,15 +76,6 @@ declare const ContextMenuPortal: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
 } & _floating_ui_react.FloatingPortalProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-type MenuPrimitiveItemProps = {
-    children: React.ReactNode;
-    className?: string;
-    label?: string;
-    disabled?: boolean;
-    asChild?: boolean;
-    onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-};
-
 type ContextMenuItemProps = {
     children: React.ReactNode;
     className?: string;
@@ -96,7 +85,14 @@ declare const ContextMenuItem: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     className?: string;
     label?: string;
-} & Omit<MenuPrimitiveItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<{
+    children: React.ReactNode;
+    className?: string;
+    label?: string;
+    disabled?: boolean;
+    asChild?: boolean;
+    onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children" | "onSelect" | "disabled"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 type ContextMenuSubProps = {
     children: React.ReactNode;
@@ -134,7 +130,11 @@ type ContextMenuSubTriggerProps = {
 declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     className?: string;
-} & Omit<MenuPrimitiveTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<{
+    children: React.ReactNode;
+    className?: string;
+    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 = {
@@ -164,5 +164,5 @@ type ContextMenuComponent = React.ForwardRefExoticComponent<ContextMenuProps & R
 };
 declare const ContextMenu: ContextMenuComponent;
 
-export { ContextMenu as default };
+export { ContextMenuContent as Content, ContextMenuItem as Item, ContextMenuPortal as Portal, ContextMenuRoot as Root, ContextMenuSeparator as Separator, ContextMenuSub as Sub, ContextMenuSubTrigger as SubTrigger, ContextMenuTrigger as Trigger, ContextMenu as default };
 export type { ContextMenuContentProps, ContextMenuElement, ContextMenuItemProps, ContextMenuPortalProps, ContextMenuProps, ContextMenuRootProps, ContextMenuSeparatorProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuTriggerProps };

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-COEgTo6S.js";import{u as r}from"./useComponentClass-QwNivz0h.js";import{c as a}from"./clsx-BaVHROc5.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-Byzse64h.js";import{c}from"./index-eAZUMNef.js";import m from"./Separator.js";import"./index-Db-tduwt.js";import"./index-UODM4mVT.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-CfC8-kd8.js";import"./ThemeContext-Sm-iNANd.js";import"react-dom";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)}},onClick:e=>{e.preventDefault(),f(!1)},role:"button",tabIndex:0,"aria-haspopup":"menu",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 N=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})}));N.displayName="ContextMenuSubTrigger";const b=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})}));b.displayName="ContextMenuSeparator";const j=t(((e,t)=>(console.warn("Direct usage of ContextMenu is not supported. Please use ContextMenu.Root, ContextMenu.Item instead."),null)));j.displayName="ContextMenu",j.Root=p,j.Trigger=x,j.Content=h,j.Portal=f,j.Item=g,j.Sub=M,j.SubTrigger=N,j.Separator=b;export{j 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-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};

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/DataList.d.ts

@@ -1,22 +1,28 @@
 import * as React from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import React__default, { ComponentPropsWithoutRef } from 'react';
 
-interface DataListRootProps extends ComponentPropsWithoutRef<'div'> {
+interface DataListRootProps extends ComponentPropsWithoutRef<'dl'> {
     customRootClass?: string;
     size?: string;
 }
+declare const DataListRoot: React__default.ForwardRefExoticComponent<DataListRootProps & React__default.RefAttributes<HTMLElement>>;
 
 type DataListItemProps = ComponentPropsWithoutRef<'div'>;
+declare const DataListItem: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type DataListLabelProps = ComponentPropsWithoutRef<'dt'> & {
     color?: string;
 };
+declare const DataListLabel: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    color?: string;
+} & React__default.RefAttributes<HTMLElement>>;
 
 type DataListValueProps = ComponentPropsWithoutRef<'dd'>;
+declare const DataListValue: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 declare const DataList: {
     (): null;
-    Root: React.ForwardRefExoticComponent<DataListRootProps & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<DataListRootProps & React.RefAttributes<HTMLElement>>;
     Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Label: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         color?: string;
@@ -24,5 +30,5 @@ declare const DataList: {
     Value: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 };
 
-export { DataList as default };
+export { DataListItem as Item, DataListLabel as Label, DataListRoot as Root, DataListValue as Value, DataList as default };
 export type { DataListItemProps, DataListLabelProps, DataListRootProps, DataListValueProps };

package/dist/components/DataList.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import{createContext as a,forwardRef as t,useContext as e}from"react";import{u as o}from"./useComponentClass-QwNivz0h.js";import{c as r,b as l}from"./index-eAZUMNef.js";import{c as i}from"./clsx-BaVHROc5.js";import"./ThemeContext-Sm-iNANd.js";const c=a({rootClass:"DataList"}),n=t((({children:a,className:t="",customRootClass:e="",size:l="",...n},m)=>{const d=o(e,"DataList"),u=r("datalist",{size:l});return s(c.Provider,{value:{rootClass:d},children:s("div",{ref:m,className:i(d,t),...u,...n,children:a})})}));n.displayName="DataListRoot";const m=t((({children:a,className:t="",...o},r)=>{const{rootClass:l}=e(c);return s("div",{ref:r,className:i(l&&`${l}-item`,t),...o,children:a})}));m.displayName="DataListItem";const d=t((({children:a,className:t="",color:o="",...r},n)=>{const{rootClass:m}=e(c),d=l(o);return s("dt",{ref:n,className:i(m&&`${m}-label`,t),...d,...r,children:a})}));d.displayName="DataListLabel";const u=t((({children:a,className:t="",...o},r)=>{const{rootClass:l}=e(c);return s("dd",{ref:r,className:i(l&&`${l}-value`,t),...o,children:a})}));u.displayName="DataListValue";const p=()=>(console.warn("Direct usage of DataList is not supported. Please use DataList.Root, DataList.Item, etc. instead."),null);p.Root=n,p.Item=m,p.Label=d,p.Value=u;export{p as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as s,forwardRef as t,useContext as e}from"react";import{u as o,c as l}from"./useComponentClass-C0isGl1z.js";import{c as r,b as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const c=s({rootClass:"DataList"}),n=t((({children:s,className:t="",customRootClass:e="",size:i="",...n},m)=>{const d=o(e,"DataList"),u=r("datalist",{size:i});return a(c.Provider,{value:{rootClass:d},children:a("dl",{ref:m,className:l(d,t),...u,...n,children:s})})}));n.displayName="DataListRoot";const m=t((({children:s,className:t="",...o},r)=>{const{rootClass:i}=e(c);return a("div",{ref:r,className:l(i&&`${i}-item`,t),...o,children:s})}));m.displayName="DataListItem";const d=t((({children:s,className:t="",color:o="",...r},n)=>{const{rootClass:m}=e(c),d=i(o);return a("dt",{ref:n,className:l(m&&`${m}-label`,t),...d,...r,children:s})}));d.displayName="DataListLabel";const u=t((({children:s,className:t="",...o},r)=>{const{rootClass:i}=e(c);return a("dd",{ref:r,className:l(i&&`${i}-value`,t),...o,children:s})}));u.displayName="DataListValue";const p=()=>(console.warn("Direct usage of DataList is not supported. Please use DataList.Root, DataList.Item, etc. instead."),null);p.Root=n,p.Item=m,p.Label=d,p.Value=u;export{m as Item,d as Label,n as Root,u as Value,p as default};

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-CukraWfT.cjs"),i=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-CbKtybdA.cjs"),o=require("./index-BudP4FIn.cjs");require("./index-BwNOI8cB.cjs"),require("./index-CbdoW3TC.cjs"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs"),require("./index-WGIYLuwZ.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

@@ -12,6 +12,11 @@ type DialogPrimitiveRootProps$1 = {
     className?: string;
     /** When true, outside pointer events and escape key will not close the dialog. */
     disablePointerDismissal?: boolean;
+    /**
+     * When false, pressing outside the content (including the overlay) does not
+     * close the dialog, while Escape still does. Used by AlertDialog.
+     */
+    dismissOnOutsidePress?: boolean;
 };
 
 type DialogPrimitiveRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
@@ -115,5 +120,5 @@ interface DialogComponent extends React.ForwardRefExoticComponent<DialogProps &
 }
 declare const Dialog: DialogComponent;
 
-export { Dialog as default };
+export { DialogClose as Close, DialogContent as Content, DialogDescription as Description, DialogFooter as Footer, DialogOverlay as Overlay, DialogPortal as Portal, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger, Dialog as default };
 export type { DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogRootProps, DialogTitleProps, DialogTriggerProps };

package/dist/components/Dialog.js

@@ -1 +1 @@
-'use client';import{createContext as s,forwardRef as e,useContext as o}from"react";import{jsx as r}from"react/jsx-runtime";import{D as a}from"./index-CD_nZA9X.js";import{c as t}from"./clsx-BaVHROc5.js";import{u as l}from"./useComponentClass-QwNivz0h.js";import{P as i}from"./index-XF8itt-H.js";import"./index-Db-tduwt.js";import"./floating-ui.react-Byzse64h.js";import"react-dom";import"./index-wRElCyvx.js";import"./index-UODM4mVT.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-CfC8-kd8.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const n=s({rootClass:""}),c="Dialog",m=e((({children:s,customRootClass:e="",className:o="",...i},m)=>{const d=l(e,c),p={rootClass:d};return r(a.Root,{ref:m,className:t(d,o),...i,children:r(n.Provider,{value:p,children:s})})}));m.displayName=c;const d=e((({children:s,asChild:e,className:l="",...i},c)=>{const{rootClass:m}=o(n);return r(a.Trigger,{ref:c,className:t(m&&`${m}-trigger`,l),asChild:e,...i,children:s})}));d.displayName="DialogTrigger";const p=e((({children:s,...e},o)=>r(a.Portal,{...e,children:s})));p.displayName="DialogPortal";const N=e((({className:s="",...e},l)=>{const{rootClass:i}=o(n);return r(a.Overlay,{ref:l,className:t(i&&`${i}-overlay`,s),...e})}));N.displayName="DialogOverlay";const g=e((({children:s,className:e="",...l},i)=>{const{rootClass:c}=o(n);return r(a.Content,{ref:i,className:t(c&&`${c}-content`,e),...l,children:s})}));g.displayName="DialogContent";const C=e((({children:s,className:e="",...a},l)=>{const{rootClass:c}=o(n);return r(i.h2,{ref:l,className:t(c&&`${c}-title`,e),...a,children:s})}));C.displayName="DialogTitle";const h=e((({children:s,className:e="",...a},l)=>{const{rootClass:c}=o(n);return r(i.p,{ref:l,className:t(c&&`${c}-description`,e),...a,children:s})}));h.displayName="DialogDescription";const u=e((({children:s,asChild:e,className:l="",...i},c)=>{const{rootClass:m}=o(n);return r(a.Cancel,{ref:c,className:t(m&&`${m}-close`,l),asChild:e,...i,children:s})}));u.displayName="DialogClose";const f=e((({children:s,className:e="",...l},i)=>{const{rootClass:c}=o(n);return r(a.Footer,{ref:i,className:t(c&&`${c}-footer`,e),...l,children:s})}));f.displayName="DialogFooter";const D=e(((s,e)=>(console.warn("Direct usage of Dialog is not supported. Please use Dialog.Root, Dialog.Content, etc. instead."),null)));D.displayName="Dialog";const y=D;y.Root=m,y.Trigger=d,y.Portal=p,y.Overlay=N,y.Content=g,y.Title=C,y.Description=h,y.Footer=f,y.Close=u;export{y 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-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};

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-BeakeOqt.cjs"),o=require("./index-CoPhBYnZ.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-CbKtybdA.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-WGIYLuwZ.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.d.ts

@@ -1,28 +1,36 @@
 import React from 'react';
 
+type DisclosureItemValue = number | string;
+
 type DisclosureRootProps = React.ComponentPropsWithoutRef<'div'> & {
     customRootClass?: string;
-    defaultOpen?: number | null;
+    defaultOpen?: DisclosureItemValue | null;
     loop?: boolean;
 };
 declare const DisclosureRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
-    defaultOpen?: number | null;
+    defaultOpen?: DisclosureItemValue | null;
     loop?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type DisclosureItemProps = React.ComponentPropsWithoutRef<'div'> & {
-    value: number;
+    value: DisclosureItemValue;
 };
 declare const DisclosureItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    value: number;
+    value: DisclosureItemValue;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type DisclosureTriggerProps = React.ComponentPropsWithoutRef<'button'>;
 declare const DisclosureTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type DisclosureContentProps = React.ComponentPropsWithoutRef<'div'>;
-declare const DisclosureContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type DisclosureContentProps = React.ComponentPropsWithoutRef<'div'> & {
+    /** Keep the content mounted while closed. */
+    forceMount?: boolean;
+};
+declare const DisclosureContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Keep the content mounted while closed. */
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 
 type DisclosureProps = DisclosureRootProps & {
     items: {
@@ -38,5 +46,5 @@ interface DisclosureComponent extends React.ForwardRefExoticComponent<Disclosure
 }
 declare const Disclosure: DisclosureComponent;
 
-export { Disclosure as default };
+export { DisclosureContent as Content, DisclosureItem as Item, DisclosureRoot as Root, DisclosureTrigger as Trigger, Disclosure as default };
 export type { DisclosureContentProps, DisclosureItemProps, DisclosureProps, DisclosureRootProps, DisclosureTriggerProps };

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,useEffect as n,useId as c}from"react";import{u as d}from"./useComponentClass-QwNivz0h.js";import{c as m}from"./clsx-BaVHROc5.js";import{R as u}from"./index-m8Mhi26u.js";import{C as p}from"./index-YhJvxumL.js";import"./ThemeContext-Sm-iNANd.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-CfC8-kd8.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./index-wRElCyvx.js";const f=o({}),h=t.forwardRef((({children:r,className:t,customRootClass:o,defaultOpen:l=null,"aria-label":n,loop:c=!0,...p},h)=>{const g=s(null),C=d(o,"Disclosure"),[v,N]=a(l),R=i((e=>{g.current=e,"function"==typeof h?h(e):h&&(h.current=e)}),[h]);return e(f.Provider,{value:{rootClass:C,activeItem:v,setActiveItem:N,disclosureRef:g},children:e(u.Root,{loop:c,children:e(u.Group,{className:m(C&&`${C}-root`),children:e("div",{...p,className:m(C&&`${C}-root`,t),ref:R,role:"region","aria-label":n,"data-slot":"disclosure-root","data-testid":"disclosure-root",children:r})})})})}));h.displayName="DisclosureRoot";const g=o({}),C=t.forwardRef((({children:r,className:t="",value:o,...s},i)=>{const{activeItem:d,rootClass:u}=l(f),[h,C]=a(o),[v,N]=a(d===o);n((()=>{N(d===h)}),[d,h]);const R=c();return e(g.Provider,{value:{itemValue:h,setItemValue:C},children:e(p.Root,{open:v,onOpenChange:N,asChild:!0,children:e("div",{...s,className:m(u&&`${u}-item`,t),ref:i,"data-state":v?"open":"closed","data-slot":"disclosure-item",id:`disclosure-data-item-${R}`,role:"region","aria-labelledby":`disclosure-trigger-${R}`,children:r})})})}));C.displayName="DisclosureItem";const v=t.forwardRef((({children:r,className:t,onClick:o,...s},a)=>{const{activeItem:i,setActiveItem:n,rootClass:c}=l(f),{itemValue:d}=l(g);return e(u.Item,{children:e(p.Trigger,{asChild:!0,children:e("button",{...s,ref:a,type:"button",className:m(c&&`${c}-trigger`,t),onClick:e=>{i===d?n(null):i!==d&&n(d),o&&o(e)},"data-state":i===d?"open":"closed","data-slot":"disclosure-trigger","aria-expanded":i===d,"aria-haspopup":"true",children:r})})})}));v.displayName="DisclosureTrigger";const N=t.forwardRef((({children:r,className:t="",...o},s)=>{const{activeItem:a,rootClass:i}=l(f),{itemValue:n}=l(g);return n!==a?null:e(p.Content,{...o,ref:s,className:m(i&&`${i}-content`,t),"data-state":"open","data-slot":"disclosure-content",role:"region","aria-hidden":a!==n,children:r})}));N.displayName="DisclosureContent";const R=t.forwardRef((({items:t,...o},s)=>e(h,{ref:s,...o,children:t.map(((t,o)=>r(C,{value:o,children:[e(v,{children:t.title}),e(N,{children:t.content})]},o)))})));R.Root=h,R.Item=C,R.Trigger=v,R.Content=N,R.displayName="Disclosure";export{R 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-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};

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-CukraWfT.cjs"),i=require("./index-BudP4FIn.cjs"),o=require("./index-CbKtybdA.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs"),require("./index-BwNOI8cB.cjs"),require("./index-WGIYLuwZ.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 T=n.useComponentClass(o,x),E=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}}(E)),[E]),R=e.useContext(g),q=void 0!==c,[F,j]=e.useState(u),I=q?c:F;r.useRegisterDocumentOverlayOpen(I);const H=e.useRef(I);H.current=I;const Y=e.useRef(null),A=e.useRef(!1),X=e.useRef(P);e.useEffect((()=>{X.current=P}),[P]);const[$,L]=e.useState(!1),z=e.useCallback(((e="close-press")=>{A.current=!0,Y.current=e}),[]),W=e.useCallback(((e,t)=>{const n=Y.current??(e?"trigger-press":"none");Y.current=null;const r=A.current;if(A.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),H.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?.(H.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:T,side:E,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,T,U,Ce,ce,J,ve,E,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(T,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 T(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 E(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,H=Boolean(a?.length)&&!("left"===(Y=r)||"right"===Y);var Y;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 A=e.useCallback((e=>{b(e),j.current.onSwipingChange?.(e)}),[]),X=e.useCallback((e=>{const t=n.current;t&&(H?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,H]),$=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,A(!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,A]),V=e.useCallback(((e,t)=>{const s=n.current;if(A(!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:H?m:0});null!==i&&s.style.setProperty(l.strength,String(i))}),[m,r,n,A,H]),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},A(!0)}),[A]),B=e.useCallback(((e,t)=>{const n=d(r,e,t),s=(H?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,H,X,$]),Z=e.useCallback(((e,t)=>{const s=D.current;if(D.current=null,R.current=null,!s)return void A(!1);if(!s.dragging)return k.current=0,void A(!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,A]),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=T(t,s);i&&!E(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 A(!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,A,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=T(s,i);R.current=!(o&&!E(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 A(!1);t.axis=s}if(d(r,i,o)<0)return R.current=!1,D.current=null,void A(!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,A]),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,A(!1))}),[I,A]),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:T,modal:E,snapPoints:N,activeSnapPoint:q,setActiveSnapPoint:F,snapToSequentialPoints:j,setPopupHeight:I,registerContentElement:H,shouldKeepMounted:Y,requestClose:A,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(T?"open":"closed"),Q=e.useCallback((e=>{Z.current=e,_(e),H(e)}),[H]),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((()=>{A("swipe")}),[A]),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:T&&!w,disabledByNestedDrawer:X>0,snapPoints:ne,popupHeight:te,activeSnapPointOffset:re,snapToSequentialPoints:j,onDismiss:oe,onSettle:ae,onSwipingChange:L}),pe=T||d||Y,[fe,me]=e.useState(T);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(!T)return void J("closed");const e=requestAnimationFrame((()=>J("open")));return()=>cancelAnimationFrame(e)}),[T,fe]),e.useEffect((()=>{if(T||!x?.current)return;const e=requestAnimationFrame((()=>{x.current?.focus()}));return()=>cancelAnimationFrame(e)}),[x,T]);const he=f??!1!==E,ge=m??z,ve=h??W,Ce={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},xe=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:we,...ye}=V()??{};if(!fe)return null;const be=!1!==E;return t.jsx(S.Provider,{value:xe,children:t.jsx(i.Floater.FocusManager,{context:B,disabled:!T||"open"!==G,modal:be,initialFocus:g,returnFocus:!x,children:t.jsx(o.Primitive.div,{ref:ee,asChild:c,...ye,...ce,...de,style:Ce,role:p,"aria-modal":he,"aria-hidden":T?void 0:"true","aria-labelledby":T?ge:void 0,"aria-describedby":T?ve: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 H=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"})})}));H.displayName="DrawerHandle";const Y=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})}));Y.displayName="DrawerSwipeZone";const A=e.forwardRef(((e,t)=>(console.warn("Direct usage of Drawer is not supported. Please use Drawer.Root, Drawer.Content, etc. instead."),null)));A.displayName="Drawer";const X=A;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=H,X.SwipeZone=Y,exports.Close=I,exports.Content=q,exports.Description=j,exports.Handle=H,exports.Overlay=P,exports.Portal=b,exports.Root=w,exports.SwipeZone=Y,exports.Title=F,exports.Trigger=y,exports.default=X;

package/dist/components/Drawer.d.ts

@@ -227,5 +227,5 @@ interface DrawerComponent extends React.ForwardRefExoticComponent<DrawerProps &
 }
 declare const Drawer: DrawerComponent;
 
-export { Drawer as default };
+export { DrawerClose as Close, DrawerContent as Content, DrawerDescription as Description, DrawerHandle as Handle, DrawerOverlay as Overlay, DrawerPortal as Portal, DrawerRoot as Root, DrawerSwipeZone as SwipeZone, DrawerTitle as Title, DrawerTrigger as Trigger, Drawer as default };
 export type { DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerHandleProps, DrawerOverlayProps, DrawerPortalProps, DrawerRootActions, DrawerRootProps, DrawerSnapPoint, DrawerSwipeZoneProps, DrawerTitleProps, DrawerTriggerProps };

package/dist/components/Drawer.js

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

package/dist/components/DropdownMenu.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react/jsx-runtime"),o=require("./MenuPrimitive-B1-7Sfhj.cjs"),n=require("./useComponentClass-B0DF90tm.cjs"),s=require("./Separator.cjs");require("./index-BudP4FIn.cjs"),require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom"),require("./index-BwNOI8cB.cjs"),require("./index-CbdoW3TC.cjs"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs"),require("./index-CbKtybdA.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-WGIYLuwZ.cjs"),require("./ThemeContext-t7IX-w6i.cjs");const t=e.createContext(null),u="DropdownMenu",a=e.forwardRef((({children:e,customRootClass:s,className:a,...i},l)=>{const c=n.useComponentClass(s,u);return r.jsx(t.Provider,{value:{rootClass:c},children:r.jsx(o.MenuPrimitive.Root,{ref:l,className:n.clsx(c&&`${c}-root`,a),...i,children:e})})}));a.displayName=u;const i=e.forwardRef((({children:s,className:u,...a},i)=>{const l=e.useContext(t);if(!l)return console.warn("DropdownMenuTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:c}=l;return r.jsx(o.MenuPrimitive.Trigger,{ref:i,className:n.clsx(c&&`${c}-trigger`,u),...a,children:s})}));i.displayName="DropdownMenuTrigger";const l=e.forwardRef((({children:s,className:u,...a},i)=>{const l=e.useContext(t);if(!l)return console.warn("DropdownMenuContent should be used in the DropdownMenuRoot"),null;const{rootClass:c}=l;return r.jsx(o.MenuPrimitive.Content,{ref:i,className:n.clsx(c&&`${c}-content`,u),...a,children:s})}));l.displayName="DropdownMenuContent";const c=e.forwardRef((({children:n,...s},u)=>{const a=e.useContext(t);if(!a)return console.warn("DropdownMenuPortal should be used in the DropdownMenuRoot"),null;const{rootClass:i}=a;return r.jsx(o.MenuPrimitive.Portal,{ref:u,...s,children:n})}));c.displayName="DropdownMenuPortal";const d=e.forwardRef((({children:s,className:u,label:a,...i},l)=>{const c=e.useContext(t);if(!c)return console.warn("DropdownMenuItem should be used in the DropdownMenuRoot"),null;const{rootClass:d}=c;return r.jsx(o.MenuPrimitive.Item,{ref:l,className:n.clsx(d&&`${d}-item`,u),label:a,...i,children:s})}));d.displayName="DropdownMenuItem";const p=e.forwardRef((({children:s,className:u,...a},i)=>{const l=e.useContext(t);if(!l)return console.warn("DropdownMenuSub should be used in the DropdownMenuRoot"),null;const{rootClass:c}=l;return r.jsx(o.MenuPrimitive.Sub,{ref:i,className:n.clsx(c&&`${c}-sub`,u),...a,children:s})}));p.displayName="DropdownMenuSub";const m=e.forwardRef((({children:s,className:u,...a},i)=>{const l=e.useContext(t);if(!l)return console.warn("DropdownMenuSubTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:c}=l;return r.jsx(o.MenuPrimitive.Trigger,{ref:i,className:n.clsx(c&&`${c}-sub-trigger`,u),...a,children:s})}));m.displayName="DropdownMenuSubTrigger";const w=e.forwardRef((({className:o,...n},u)=>{const a=e.useContext(t);if(!a)return console.warn("DropdownMenuSeparator should be used within DropdownMenuRoot"),null;const{rootClass:i}=a;return r.jsx(s.default,{ref:u,customRootClass:i,className:o,...n})}));w.displayName="DropdownMenuSeparator";const x=e.forwardRef(((e,r)=>(console.warn("Direct usage of DropdownMenu is not supported. Please use DropdownMenu.Root, DropdownMenu.Item instead."),null)));x.displayName="DropdownMenu",x.Root=a,x.Trigger=i,x.Content=l,x.Portal=c,x.Item=d,x.Sub=p,x.SubTrigger=m,x.Separator=w,exports.Content=l,exports.Item=d,exports.Portal=c,exports.Root=a,exports.Separator=w,exports.Sub=p,exports.SubTrigger=m,exports.Trigger=i,exports.default=x;

package/dist/components/DropdownMenu.d.ts

@@ -28,12 +28,6 @@ declare const DropdownMenuRoot: React.ForwardRefExoticComponent<{
     rtl?: boolean;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-type MenuPrimitiveTriggerProps = {
-    children: React.ReactNode;
-    className?: string;
-    asChild?: boolean;
-};
-
 type DropdownMenuTriggerProps = {
     children: React.ReactNode;
     className?: string;
@@ -41,7 +35,11 @@ type DropdownMenuTriggerProps = {
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     className?: string;
-} & Omit<MenuPrimitiveTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<{
+    children: React.ReactNode;
+    className?: string;
+    asChild?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 type DropdownMenuContentProps = {
     children: React.ReactNode;
@@ -66,15 +64,6 @@ declare const DropdownMenuPortal: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
 } & _floating_ui_react.FloatingPortalProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-type MenuPrimitiveItemProps = {
-    children: React.ReactNode;
-    className?: string;
-    label?: string;
-    disabled?: boolean;
-    asChild?: boolean;
-    onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-};
-
 type DropdownMenuItemProps = {
     children: React.ReactNode;
     className?: string;
@@ -84,7 +73,14 @@ declare const DropdownMenuItem: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     className?: string;
     label?: string;
-} & Omit<MenuPrimitiveItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<{
+    children: React.ReactNode;
+    className?: string;
+    label?: string;
+    disabled?: boolean;
+    asChild?: boolean;
+    onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children" | "onSelect" | "disabled"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 type DropdownMenuSubProps = {
     children: React.ReactNode;
@@ -122,7 +118,11 @@ type DropdownMenuSubTriggerProps = {
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     className?: string;
-} & Omit<MenuPrimitiveTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<{
+    children: React.ReactNode;
+    className?: string;
+    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 = {
@@ -152,5 +152,5 @@ type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMenuProps &
 };
 declare const DropdownMenu: DropdownMenuComponent;
 
-export { DropdownMenu as default };
+export { DropdownMenuContent as Content, DropdownMenuItem as Item, DropdownMenuPortal as Portal, DropdownMenuRoot as Root, DropdownMenuSeparator as Separator, DropdownMenuSub as Sub, DropdownMenuSubTrigger as SubTrigger, DropdownMenuTrigger as Trigger, DropdownMenu as default };
 export type { DropdownMenuContentProps, DropdownMenuElement, DropdownMenuItemProps, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps };