@radui/ui 1.0.1 → 1.1.0

package/dist/components/Dialog.d.ts

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

package/dist/components/Dialog.js

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

package/dist/components/Disclosure.cjs

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

package/dist/components/Disclosure.js

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

package/dist/components/Drawer.cjs

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

package/dist/components/Drawer.d.ts

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

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{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};
+'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-CXv1Y-O3.js";import{F as f}from"./index-B_OPdW20.js";import{P as h}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-wRElCyvx.js";import"./index-DH-14XDv.js";import"./floating-ui.react-CZf-mCiA.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:A},H)=>{const Y=c(n,N),q=r((()=>function(e){switch(e){case"up":return"top";case"down":return"bottom";default:return e}}(F)),[F]),X=r((()=>function(e){switch(e){case"top":return"up";case"bottom":return"down";default:return e}}(q)),[q]),$=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=>{A&&"current"in A&&(A.current=e)}),[A]);s((()=>{if(!A)return;oe({close:()=>{U("imperative-action"),G(!1)},unmount:()=>{Z(!1),z.current&&!k&&(U("imperative-action"),G(!1)),_(P??w[0]??null)}})}),[A,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:Y,side:q,dismissDirection:X,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,X,M,G,B,R,U,S,$.depth,ne,ae,ye,Y,te,Se,ge,ie,be,q,w,b,me,we]);return l(D.Provider,{value:ve,children:l(p.Root,{ref:H,open:R,onOpenChange:G,className:u(Y,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 A=e({element:null,height:0,resolvedSnapPoints:[],activeSnapPointOffset:0,activeSnapPoint:null,setActiveSnapPoint:()=>{},expanded:!1,dismissDirection:"right",pointerProps:{onPointerDown:()=>{}},touchProps:{onTouchStart:()=>{},onTouchMove:()=>{},onTouchEnd:()=>{},onTouchCancel:()=>{}}});function H(){return"undefined"==typeof window?0:window.innerHeight||document.documentElement.clientHeight||0}function Y(){if("undefined"==typeof window)return 16;const e=Number.parseFloat(window.getComputedStyle(document.documentElement).fontSize);return Number.isFinite(e)&&e>0?e:16}function q(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(H()),d(Y());const t=()=>{c(H()),d(Y())};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 X(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),A=o(null),H=o({onDismiss:f,onSettle:h,onSwipingChange:g,onProgress:x});H.current={onDismiss:f,onSettle:h,onSwipingChange:g,onProgress:x};const Y=l&&!c,q=Boolean(u?.length)&&!("left"===(j=n)||"right"===j);var j;s((()=>{if(!u||u.length<2)return void(A.current=null);const e=u.map((e=>e.offset)).sort(((e,t)=>e-t)),t=e[1]-e[0];A.current=t>0?{min:e[0],range:t}:null}),[u]);const R=a((e=>{D(e),H.current.onSwipingChange?.(e)}),[]),z=a((e=>{const n=t.current;n&&(q?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,q]),W=a((e=>{const r=t.current;if(!r)return;const i=A.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)),H.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(),H.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:q?p:0});null!==o&&i.style.setProperty(v.strength,String(o))}),[p,n,t,R,q]),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=(q?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,q,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 H.current.onSettle?.(e.snapPoint),Z(v,o),void H.current.onDismiss();if("settle"===e.type)return H.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),H.current.onDismiss()):B()}),[p,Z,n,t,d,B,u,m,R]),Q=a((e=>{if(!Y||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},X(e)))}),[Y,n,t,U]);s((()=>{const e=t.current;if(!e||!Y)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,X(e)),G(i,o)},o=e=>{null!==n&&e.pointerId!==n||(n=null,J({x:e.clientX,y:e.clientY},X(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)}}),[Y,G,r,t,J,K,R,B]);const _=a((e=>{const r=e.touches[0];if(!Y||!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},X(e))}),[Y,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,X(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},X(e))}),[J,B]),ne=a((()=>{E.current=!1,N.current=null,M.current=0,B()}),[B]);return s((()=>()=>{I.current&&clearTimeout(I.current)}),[]),s((()=>{Y||(N.current=null,E.current=null,M.current=0,F.current=null,R(!1))}),[Y,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:H,snapPoints:Y,activeSnapPoint:X,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}=q(Y,E,se,X),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]);const[Pe,Ce]=i(!1);s((()=>{if(!I||"open"!==ne||!ee)return void Ce(!1);let e=0,t=0;const n=()=>{"hidden"!==getComputedStyle(ee).visibility||t>=30?Ce(!0):(t+=1,e=requestAnimationFrame(n))};return n(),()=>cancelAnimationFrame(e)}),[ne,ee,I]),s((()=>{if(I||!x?.current)return;const e=requestAnimationFrame((()=>{x.current?.focus()}));return()=>cancelAnimationFrame(e)}),[x,I]);const xe=y??!1!==H,be=w??Z,Se=P??U,De={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},Oe=r((()=>({element:ee,height:se,resolvedSnapPoints:ae,activeSnapPointOffset:le,activeSnapPoint:X,setActiveSnapPoint:$,expanded:ce,dismissDirection:E,pointerProps:he,touchProps:ge})),[X,le,E,ee,ce,he,se,ae,$,ge]),{style:Te,...Ne}=G()??{};if(!ye)return null;const Me=!1!==H;return l(A.Provider,{value:Oe,children:l(f.FocusManager,{context:Q,disabled:!I||!Pe,modal:Me,initialFocus:C,returnFocus:!x,children:l(h.div,{ref:oe,asChild:c,...Ne,...he,...ge,style:De,role:p,"aria-modal":xe,"aria-hidden":I?void 0:"true","aria-labelledby":I?be:void 0,"aria-describedby":I?Se: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(A),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

@@ -1 +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;
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react/jsx-runtime"),o=require("./MenuPrimitive-Ctqo21Vd.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-Bg-UeWCo.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-BZO29jsF.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

@@ -1,7 +1,6 @@
 import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
 import MenuPrimitive from '~/core/primitives/Menu/MenuPrimitive';
 import * as _floating_ui_react from '@floating-ui/react';
-import Primitive from '~/core/primitives/Primitive';
 
 type DropdownMenuRootProps = {
     children: React.ReactNode;
@@ -26,7 +25,8 @@ declare const DropdownMenuRoot: React.ForwardRefExoticComponent<{
     placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     avoidCollision?: boolean;
     rtl?: boolean;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    dir?: "ltr" | "rtl";
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type DropdownMenuTriggerProps = {
     children: React.ReactNode;
@@ -53,6 +53,7 @@ declare const DropdownMenuContent: React.ForwardRefExoticComponent<{
     className?: string;
     initialFocus?: number;
     focusManagerDisabled?: boolean;
+    forceMount?: boolean;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type DropdownMenuPortalProps = {
@@ -60,9 +61,12 @@ type DropdownMenuPortalProps = {
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
 declare const DropdownMenuPortal: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
-} & Omit<{
+} & Omit<Omit<_floating_ui_react.FloatingPortalProps, "root"> & {
     children: React.ReactNode;
-} & _floating_ui_react.FloatingPortalProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    container?: HTMLElement | null;
+    forceMount?: boolean;
+    root?: HTMLElement | null;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type DropdownMenuItemProps = {
     children: React.ReactNode;
@@ -109,7 +113,8 @@ declare const DropdownMenuSub: React.ForwardRefExoticComponent<{
     placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     avoidCollision?: boolean;
     rtl?: boolean;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    dir?: "ltr" | "rtl";
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type DropdownMenuSubTriggerProps = {
     children: React.ReactNode;
@@ -124,19 +129,28 @@ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<{
     asChild?: boolean;
 } & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
-type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
-type SeparatorProps = {
-    orientation?: 'horizontal' | 'vertical';
+declare const Separator: React.ForwardRefExoticComponent<{
+    orientation?: "horizontal" | "vertical";
     customRootClass?: string;
     color?: string;
     decorative?: boolean;
-} & PrimitiveDivProps;
-declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type DropdownMenuSeparatorProps = {
     className?: string;
 } & ComponentPropsWithoutRef<typeof Separator>;
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<{
+    className?: string;
+} & Omit<{
+    orientation?: "horizontal" | "vertical";
+    customRootClass?: string;
+    color?: string;
+    decorative?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type DropdownMenuElement = ElementRef<'div'>;
 type DropdownMenuProps = ComponentPropsWithoutRef<'div'>;

package/dist/components/DropdownMenu.js

@@ -1 +1 @@
-'use client';import o,{forwardRef as e}from"react";import{jsx as n}from"react/jsx-runtime";import{M as r}from"./MenuPrimitive-D9VMz2TZ.js";import{u as t,c as s}from"./useComponentClass-C0isGl1z.js";import a from"./Separator.js";import"./index-D8I-rMwz.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./index-wRElCyvx.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"./ThemeContext-Sm-iNANd.js";const l=o.createContext(null),u="DropdownMenu",i=e((({children:o,customRootClass:e,className:a,...i},d)=>{const c=t(e,u);return n(l.Provider,{value:{rootClass:c},children:n(r.Root,{ref:d,className:s(c&&`${c}-root`,a),...i,children:o})})}));i.displayName=u;const d=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(d&&`${d}-trigger`,t),...a,children:e})}));d.displayName="DropdownMenuTrigger";const c=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuContent should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Content,{ref:u,className:s(d&&`${d}-content`,t),...a,children:e})}));c.displayName="DropdownMenuContent";const p=e((({children:e,...t},s)=>{const a=o.useContext(l);if(!a)return console.warn("DropdownMenuPortal should be used in the DropdownMenuRoot"),null;const{rootClass:u}=a;return n(r.Portal,{ref:s,...t,children:e})}));p.displayName="DropdownMenuPortal";const m=e((({children:e,className:t,label:a,...u},i)=>{const d=o.useContext(l);if(!d)return console.warn("DropdownMenuItem should be used in the DropdownMenuRoot"),null;const{rootClass:c}=d;return n(r.Item,{ref:i,className:s(c&&`${c}-item`,t),label:a,...u,children:e})}));m.displayName="DropdownMenuItem";const w=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuSub should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Sub,{ref:u,className:s(d&&`${d}-sub`,t),...a,children:e})}));w.displayName="DropdownMenuSub";const h=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuSubTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(d&&`${d}-sub-trigger`,t),...a,children:e})}));h.displayName="DropdownMenuSubTrigger";const g=e((({className:e,...r},t)=>{const s=o.useContext(l);if(!s)return console.warn("DropdownMenuSeparator should be used within DropdownMenuRoot"),null;const{rootClass:u}=s;return n(a,{ref:t,customRootClass:u,className:e,...r})}));g.displayName="DropdownMenuSeparator";const M=e(((o,e)=>(console.warn("Direct usage of DropdownMenu is not supported. Please use DropdownMenu.Root, DropdownMenu.Item instead."),null)));M.displayName="DropdownMenu",M.Root=i,M.Trigger=d,M.Content=c,M.Portal=p,M.Item=m,M.Sub=w,M.SubTrigger=h,M.Separator=g;export{c as Content,m as Item,p as Portal,i as Root,g as Separator,w as Sub,h as SubTrigger,d as Trigger,M as default};
+'use client';import o,{forwardRef as e}from"react";import{jsx as n}from"react/jsx-runtime";import{M as r}from"./MenuPrimitive-Cy_MJfjG.js";import{u as t,c as s}from"./useComponentClass-C0isGl1z.js";import a from"./Separator.js";import"./index-B_OPdW20.js";import"./floating-ui.react-CZf-mCiA.js";import"react-dom";import"./index-wRElCyvx.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-BidxkqdT.js";import"./mergeProps-0RucjqeH.js";import"./index-DH-14XDv.js";import"./ThemeContext-Sm-iNANd.js";const l=o.createContext(null),u="DropdownMenu",i=e((({children:o,customRootClass:e,className:a,...i},d)=>{const c=t(e,u);return n(l.Provider,{value:{rootClass:c},children:n(r.Root,{ref:d,className:s(c&&`${c}-root`,a),...i,children:o})})}));i.displayName=u;const d=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(d&&`${d}-trigger`,t),...a,children:e})}));d.displayName="DropdownMenuTrigger";const c=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuContent should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Content,{ref:u,className:s(d&&`${d}-content`,t),...a,children:e})}));c.displayName="DropdownMenuContent";const p=e((({children:e,...t},s)=>{const a=o.useContext(l);if(!a)return console.warn("DropdownMenuPortal should be used in the DropdownMenuRoot"),null;const{rootClass:u}=a;return n(r.Portal,{ref:s,...t,children:e})}));p.displayName="DropdownMenuPortal";const m=e((({children:e,className:t,label:a,...u},i)=>{const d=o.useContext(l);if(!d)return console.warn("DropdownMenuItem should be used in the DropdownMenuRoot"),null;const{rootClass:c}=d;return n(r.Item,{ref:i,className:s(c&&`${c}-item`,t),label:a,...u,children:e})}));m.displayName="DropdownMenuItem";const w=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuSub should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Sub,{ref:u,className:s(d&&`${d}-sub`,t),...a,children:e})}));w.displayName="DropdownMenuSub";const h=e((({children:e,className:t,...a},u)=>{const i=o.useContext(l);if(!i)return console.warn("DropdownMenuSubTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(d&&`${d}-sub-trigger`,t),...a,children:e})}));h.displayName="DropdownMenuSubTrigger";const g=e((({className:e,...r},t)=>{const s=o.useContext(l);if(!s)return console.warn("DropdownMenuSeparator should be used within DropdownMenuRoot"),null;const{rootClass:u}=s;return n(a,{ref:t,customRootClass:u,className:e,...r})}));g.displayName="DropdownMenuSeparator";const M=e(((o,e)=>(console.warn("Direct usage of DropdownMenu is not supported. Please use DropdownMenu.Root, DropdownMenu.Item instead."),null)));M.displayName="DropdownMenu",M.Root=i,M.Trigger=d,M.Content=c,M.Portal=p,M.Item=m,M.Sub=w,M.SubTrigger=h,M.Separator=g;export{c as Content,m as Item,p as Portal,i as Root,g as Separator,w as Sub,h as SubTrigger,d as Trigger,M as default};

package/dist/components/HoverCard.cjs

@@ -1 +1 @@
-'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react/jsx-runtime"),t=require("./index-BudP4FIn.cjs"),o=require("./useComponentClass-B0DF90tm.cjs"),n=require("./index-BwNOI8cB.cjs"),s=require("./index-CbKtybdA.cjs"),a=require("./ThemeContext-t7IX-w6i.cjs"),l=require("./index-c6NFMS_0.cjs");require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom"),require("./mergeProps-DW5qFqqJ.cjs");const i=e.createContext({}),c="HoverCard",u=e.forwardRef((({children:s,open:a,defaultOpen:l=!1,onOpenChange:u,customRootClass:d="",className:f="",openDelay:g=100,closeDelay:p=200,collisionBoundary:m=null,collisionPadding:C=4,...x},h)=>{const R=o.useComponentClass(d,c),y=o.useComponentClass(d,`${c}-trigger`),v=e.useRef(null),w=(Array.isArray(m)?m:[m]).filter((e=>null!=e)),F={padding:C,boundary:w,altBoundary:w.length>0},[P,j]=n.useControllableState(a,l,u),D=e.useRef(P);D.current=P;const N=e=>{D.current!==e&&(D.current=e,j(e))},{refs:T,floatingStyles:q,context:E}=t.Floater.useFloating({open:P,onOpenChange:N,placement:"bottom",strategy:"fixed",middleware:[t.Floater.arrow({element:v}),t.Floater.offset(10),t.Floater.flip({mainAxis:!0,...F}),t.Floater.shift({...F})],whileElementsMounted:t.Floater.autoUpdate}),H=e.useRef(!1),A=e.useRef(null),W=e.useRef(null),M=t.Floater.useRole(E,{role:"dialog"}),O=t.Floater.useDismiss(E),{getReferenceProps:b}=t.Floater.useInteractions([O]),{getFloatingProps:S}=t.Floater.useInteractions([M,O]),B=()=>{A.current&&(clearTimeout(A.current),A.current=null),W.current&&(clearTimeout(W.current),W.current=null)};e.useEffect((()=>B),[]);const L={isOpen:P,handleOpenChange:N,floatingRefs:T,floatingStyles:q,floatingContext:E,arrowRef:v,getReferenceProps:b,getFloatingProps:S,rootClass:R,rootTriggerClass:y,closeWithDelay:()=>{H.current=!0,B(),p<=0?N(!1):W.current=setTimeout((()=>{W.current=null,H.current&&N(!1)}),p)},closeWithoutDelay:()=>{B(),N(!1)},openWithDelay:()=>{H.current=!1,B(),g<=0?N(!0):A.current=setTimeout((()=>{A.current=null,N(!0)}),g)}};return r.jsx(i.Provider,{value:L,children:r.jsx("div",{ref:h,className:o.clsx(R&&`${R}-root`,f),"data-slot":"hover-card-root",...x,children:s})})}));u.displayName=c;const d=e.forwardRef((({children:n,className:a="",...l},c)=>{const{floatingRefs:u,getReferenceProps:d,closeWithDelay:f,openWithDelay:g,rootTriggerClass:p}=e.useContext(i),m=t.Floater.useMergeRefs([u.setReference,c]);return r.jsx(s.Primitive.span,{ref:m,className:o.clsx(p,a),...d({"data-slot":"hover-card-trigger",onMouseEnter:g,onMouseLeave:f,onFocus:g,onBlur:f,...l}),children:n})}));d.displayName="HoverCardTrigger";const f=e.forwardRef((({children:o,rootElement:n,...s},l)=>{const i=e.useContext(a.ThemeContext),[c,u]=e.useState(null);return e.useEffect((()=>{const e=(n&&"current"in n?n.current:n)||i?.portalRootRef.current||i?.containerRef.current||document.body;u(e)}),[n,i]),c?r.jsx(t.Floater.Portal,{root:c,...s,children:o}):null}));f.displayName="HoverCardPortal";const g=e.forwardRef((({children:n,className:s,size:a="",...c},u)=>{const{isOpen:d,floatingRefs:f,floatingStyles:g,getFloatingProps:p,rootClass:m,closeWithDelay:C,openWithDelay:x,closeWithoutDelay:h}=e.useContext(i);e.useEffect((()=>{if(!d)return;const e=()=>h();return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[h,d]);const R=t.Floater.useMergeRefs([f.setFloating,u]),y=l.createDataAttributes("hover-card",{size:a});return d?r.jsx("div",{className:o.clsx(m,s),ref:R,style:g,...y,...p({"data-slot":"hover-card-content",onPointerEnter:x,onPointerLeave:C,onFocus:x,onBlur:C,...c}),children:n}):null}));g.displayName="HoverCardContent";const p=e.forwardRef(((n,s)=>{const{floatingContext:a,arrowRef:l,rootClass:c}=e.useContext(i),u=t.Floater.useMergeRefs([l,s]);return r.jsx(t.Floater.Arrow,{className:o.clsx(c&&`${c}-arrow`),"data-slot":"hover-card-arrow",...n,context:a,ref:u})}));p.displayName="HoverCardArrow";const m=e.forwardRef(((e,r)=>(console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null)));m.displayName="HoverCard",m.Root=u,m.Trigger=d,m.Portal=f,m.Content=g,m.Arrow=p,exports.Arrow=p,exports.Content=g,exports.Portal=f,exports.Root=u,exports.Trigger=d,exports.default=m;
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react/jsx-runtime"),t=require("./index-BudP4FIn.cjs"),o=require("./useComponentClass-B0DF90tm.cjs"),n=require("./index-BwNOI8cB.cjs"),s=require("./index-Bg-UeWCo.cjs"),a=require("./ThemeContext-t7IX-w6i.cjs"),l=require("./index-c6NFMS_0.cjs");require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom"),require("./mergeProps-DW5qFqqJ.cjs");const i=e.createContext({}),c="HoverCard",u=e.forwardRef((({children:s,open:a,defaultOpen:l=!1,onOpenChange:u,customRootClass:d="",className:f="",openDelay:g=100,closeDelay:p=200,collisionBoundary:C=null,collisionPadding:x=4,...m},h)=>{const v=o.useComponentClass(d,c),R=o.useComponentClass(d,`${c}-trigger`),y=e.useRef(null),w=(Array.isArray(C)?C:[C]).filter((e=>null!=e)),F={padding:x,boundary:w,altBoundary:w.length>0},[P,j]=n.useControllableState(a,l,u),D=e.useRef(P);D.current=P;const N=e=>{D.current!==e&&(D.current=e,j(e))},{refs:M,floatingStyles:T,context:q}=t.Floater.useFloating({open:P,onOpenChange:N,placement:"bottom",strategy:"fixed",middleware:[t.Floater.arrow({element:y}),t.Floater.offset(10),t.Floater.flip({mainAxis:!0,...F}),t.Floater.shift({...F})],whileElementsMounted:t.Floater.autoUpdate}),E=e.useRef(!1),H=e.useRef(null),A=e.useRef(null),W=t.Floater.useRole(q,{role:"dialog"}),b=t.Floater.useDismiss(q),{getReferenceProps:O}=t.Floater.useInteractions([b]),{getFloatingProps:S}=t.Floater.useInteractions([W,b]),B=()=>{H.current&&(clearTimeout(H.current),H.current=null),A.current&&(clearTimeout(A.current),A.current=null)};e.useEffect((()=>B),[]);const L={isOpen:P,handleOpenChange:N,floatingRefs:M,floatingStyles:T,floatingContext:q,arrowRef:y,getReferenceProps:O,getFloatingProps:S,rootClass:v,rootTriggerClass:R,closeWithDelay:()=>{E.current=!0,B(),p<=0?N(!1):A.current=setTimeout((()=>{A.current=null,E.current&&N(!1)}),p)},closeWithoutDelay:()=>{B(),N(!1)},openWithDelay:()=>{E.current=!1,B(),g<=0?N(!0):H.current=setTimeout((()=>{H.current=null,N(!0)}),g)}};return r.jsx(i.Provider,{value:L,children:r.jsx("div",{ref:h,className:o.clsx(v&&`${v}-root`,f),"data-slot":"hover-card-root",...m,children:s})})}));u.displayName=c;const d=e.forwardRef((({children:n,className:a="",...l},c)=>{const{floatingRefs:u,getReferenceProps:d,closeWithDelay:f,openWithDelay:g,rootTriggerClass:p}=e.useContext(i),C=t.Floater.useMergeRefs([u.setReference,c]);return r.jsx(s.Primitive.span,{ref:C,className:o.clsx(p,a),...d({"data-slot":"hover-card-trigger",onMouseEnter:g,onMouseLeave:f,onFocus:g,onBlur:f,...l}),children:n})}));d.displayName="HoverCardTrigger";const f=e.createContext({forceMount:!1}),g=e.forwardRef((({children:o,container:n,forceMount:s=!1,rootElement:l,...i},c)=>{const u=e.useContext(a.ThemeContext),[d,g]=e.useState(null);return e.useEffect((()=>{const e=(n??(l&&"current"in l?l.current:l))||u?.portalRootRef.current||u?.containerRef.current||document.body;g(e)}),[n,l,u]),d?r.jsx(f.Provider,{value:{forceMount:s},children:r.jsx(t.Floater.Portal,{root:d,...i,children:o})}):null}));g.displayName="HoverCardPortal";const p=e.forwardRef((({children:n,className:s,forceMount:a=!1,size:c="",...u},d)=>{const{isOpen:g,floatingRefs:p,floatingStyles:C,getFloatingProps:x,rootClass:m,closeWithDelay:h,openWithDelay:v,closeWithoutDelay:R}=e.useContext(i),{forceMount:y}=e.useContext(f);e.useEffect((()=>{if(!g)return;const e=()=>R();return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[R,g]);const w=t.Floater.useMergeRefs([p.setFloating,d]),F=l.createDataAttributes("hover-card",{size:c});return g||a||y?r.jsx("div",{className:o.clsx(m,s),ref:w,"data-state":g?"open":"closed","aria-hidden":g?void 0:"true",style:{...C,visibility:g?void 0:"hidden",pointerEvents:g?void 0:"none"},...F,...x({"data-slot":"hover-card-content",onPointerEnter:v,onPointerLeave:h,onFocus:v,onBlur:h,...u}),children:n}):null}));p.displayName="HoverCardContent";const C=e.forwardRef(((n,s)=>{const{floatingContext:a,arrowRef:l,rootClass:c}=e.useContext(i),u=t.Floater.useMergeRefs([l,s]);return r.jsx(t.Floater.Arrow,{className:o.clsx(c&&`${c}-arrow`),"data-slot":"hover-card-arrow",...n,context:a,ref:u})}));C.displayName="HoverCardArrow";const x=e.forwardRef(((e,r)=>(console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null)));x.displayName="HoverCard",x.Root=u,x.Trigger=d,x.Portal=g,x.Content=p,x.Arrow=C,exports.Arrow=C,exports.Content=p,exports.Portal=g,exports.Root=u,exports.Trigger=d,exports.default=x;