@radui/ui 0.6.0 → 1.0.1

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-COEgTo6S.js";import{u as t}from"./useComponentClass-QwNivz0h.js";import{c as s}from"./clsx-BaVHROc5.js";import a from"./Separator.js";import"./index-Db-tduwt.js";import"./floating-ui.react-Byzse64h.js";import"react-dom";import"./index-wRElCyvx.js";import"./index-UODM4mVT.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-CfC8-kd8.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 M=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})}));M.displayName="DropdownMenuSeparator";const D=e(((o,e)=>(console.warn("Direct usage of DropdownMenu is not supported. Please use DropdownMenu.Root, DropdownMenu.Item instead."),null)));D.displayName="DropdownMenu",D.Root=i,D.Trigger=d,D.Content=c,D.Portal=p,D.Item=m,D.Sub=w,D.SubTrigger=h,D.Separator=M;export{D 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-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};

package/dist/components/Em.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),r=require("./useComponentClass-B0DF90tm.cjs");require("./ThemeContext-t7IX-w6i.cjs");const t=s.forwardRef((({children:s,customRootClass:t,className:a,...o},c)=>{const u=r.useComponentClass(t,"Em");return e.jsx("em",{ref:c,className:r.clsx(u,a),...o,children:s})}));t.displayName="Em",exports.default=t;

package/dist/components/Em.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import r from"react";import{u as e}from"./useComponentClass-QwNivz0h.js";import{c as m}from"./clsx-BaVHROc5.js";import"./ThemeContext-Sm-iNANd.js";const o=r.forwardRef((({children:r,customRootClass:o,className:t,...a},c)=>{const i=e(o,"Em");return s("em",{ref:c,className:m(i,t),...a,children:r})}));o.displayName="Em";export{o as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import s from"react";import{u as r,c as m}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const o=s.forwardRef((({children:s,customRootClass:o,className:t,...a},c)=>{const n=r(o,"Em");return e("em",{ref:c,className:m(n,t),...a,children:s})}));o.displayName="Em";export{o as default};

package/dist/components/Fieldset.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./useComponentClass-B0DF90tm.cjs"),r=require("./index-c6NFMS_0.cjs");require("./ThemeContext-t7IX-w6i.cjs");const i=s.createContext({rootClass:"",invalid:!1}),a=e=>{const{registerDescription:t}=s.useContext(i);s.useEffect((()=>{if(t&&e)return t(e)}),[t,e])},o="Fieldset",l=s.forwardRef((({children:a,className:l="",customRootClass:d="",color:n="",disabled:c=!1,invalid:u=!1,size:f="",variant:p="","aria-describedby":x,...m},C)=>{const v=t.useComponentClass(d,o),[N,g]=s.useState([]),b=s.useCallback((e=>(g((s=>s.includes(e)?s:[...s,e])),()=>g((s=>s.filter((s=>s!==e)))))),[]),j=[x,...N].filter(Boolean).join(" ")||void 0,h=s.useMemo((()=>({rootClass:v,invalid:u,registerDescription:b})),[v,u,b]),y=r.createDataAttributes("fieldset",{disabled:c,invalid:u,size:f,variant:p}),R=r.createDataAccentColorAttribute(n),D=r.composeAttributes(y,R,{"aria-invalid":u||void 0,"aria-describedby":j,"data-slot":"fieldset-root"});return e.jsx(i.Provider,{value:h,children:e.jsx("fieldset",{ref:C,className:t.clsx(v,l),...m,disabled:c,...D,children:a})})}));l.displayName=o;const d=s.forwardRef((({children:r,className:a,...o},l)=>{const{rootClass:d}=s.useContext(i);return e.jsx("legend",{ref:l,className:t.clsx(d&&`${d}-legend`,a),...o,"data-slot":"fieldset-legend",children:r})}));d.displayName="FieldsetLegend";const n=s.forwardRef((({children:r,className:o,id:l,...d},n)=>{const c=s.useId(),u=l??c;a(u);const{rootClass:f}=s.useContext(i);return e.jsx("p",{ref:n,id:u,className:t.clsx(f&&`${f}-description`,o),...d,"data-slot":"fieldset-description",children:r})}));n.displayName="FieldsetDescription";const c=s.forwardRef((({children:r,className:o,id:l,invalid:d,role:n,...c},u)=>{const f=s.useId(),p=l??f;a(p);const{rootClass:x,invalid:m}=s.useContext(i),C=d??m;return e.jsx("p",{ref:u,id:p,className:t.clsx(x&&`${x}-message`,o),...c,role:n??(C?"alert":void 0),"data-invalid":C?"":void 0,"data-slot":"fieldset-message",children:r})}));c.displayName="FieldsetMessage";const u="Fieldset",f=s.forwardRef(((s,t)=>e.jsx(l,{ref:t,...s})));f.displayName=u,f.Root=l,f.Legend=d,f.Description=n,f.Message=c,exports.COMPONENT_NAME=u,exports.Description=n,exports.Legend=d,exports.Message=c,exports.Root=l,exports.default=f;

package/dist/components/Fieldset.d.ts

@@ -39,5 +39,5 @@ type FieldsetComponent = React.ForwardRefExoticComponent<FieldsetProps & React.R
 };
 declare const Fieldset: FieldsetComponent;
 
-export { COMPONENT_NAME, Fieldset as default };
+export { COMPONENT_NAME, FieldsetDescription as Description, FieldsetLegend as Legend, FieldsetMessage as Message, FieldsetRoot as Root, Fieldset as default };
 export type { FieldsetDescriptionProps, FieldsetLegendProps, FieldsetMessageProps, FieldsetProps, FieldsetRootProps };

package/dist/components/Fieldset.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import{forwardRef as s}from"react";import{c as i}from"./clsx-BaVHROc5.js";import{u as a}from"./useComponentClass-QwNivz0h.js";import{c as t,a as d,b as l}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const o="Fieldset",r=s((({children:s,className:r="",customRootClass:n="",color:c="",disabled:m=!1,invalid:p=!1,size:f="",variant:v="",...h},g)=>{const N=a(n,o),u=t("fieldset",{disabled:m,invalid:p,size:f,variant:v}),j=l(c),x=d(u,j,{"aria-invalid":p||void 0,"data-slot":"fieldset-root"});return e("fieldset",{ref:g,className:i(N,r),...h,disabled:m,...x,children:s})}));r.displayName=o;const n=s((({children:s,...i},a)=>e("legend",{ref:a,...i,"data-slot":"fieldset-legend",children:s})));n.displayName="FieldsetLegend";const c=s((({children:s,...i},a)=>e("p",{ref:a,...i,"data-slot":"fieldset-description",children:s})));c.displayName="FieldsetDescription";const m=s((({children:s,invalid:i,role:a,...t},d)=>e("p",{ref:d,...t,role:a??(i?"alert":void 0),"data-invalid":i?"":void 0,"data-slot":"fieldset-message",children:s})));m.displayName="FieldsetMessage";const p="Fieldset",f=s(((s,i)=>e(r,{ref:i,...s})));f.displayName=p,f.Root=r,f.Legend=n,f.Description=c,f.Message=m;export{p as COMPONENT_NAME,f as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import s,{forwardRef as a,useContext as i}from"react";import{u as t,c as d}from"./useComponentClass-C0isGl1z.js";import{c as l,a as o,b as r}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const n=s.createContext({rootClass:"",invalid:!1}),c=e=>{const{registerDescription:a}=s.useContext(n);s.useEffect((()=>{if(a&&e)return a(e)}),[a,e])},m="Fieldset",f=a((({children:a,className:i="",customRootClass:c="",color:f="",disabled:p=!1,invalid:u=!1,size:v="",variant:g="","aria-describedby":N,...C},h)=>{const b=t(c,m),[y,x]=s.useState([]),j=s.useCallback((e=>(x((s=>s.includes(e)?s:[...s,e])),()=>x((s=>s.filter((s=>s!==e)))))),[]),D=[N,...y].filter(Boolean).join(" ")||void 0,F=s.useMemo((()=>({rootClass:b,invalid:u,registerDescription:j})),[b,u,j]),M=l("fieldset",{disabled:p,invalid:u,size:v,variant:g}),L=r(f),R=o(M,L,{"aria-invalid":u||void 0,"aria-describedby":D,"data-slot":"fieldset-root"});return e(n.Provider,{value:F,children:e("fieldset",{ref:h,className:d(b,i),...C,disabled:p,...R,children:a})})}));f.displayName=m;const p=a((({children:s,className:a,...t},l)=>{const{rootClass:o}=i(n);return e("legend",{ref:l,className:d(o&&`${o}-legend`,a),...t,"data-slot":"fieldset-legend",children:s})}));p.displayName="FieldsetLegend";const u=a((({children:a,className:t,id:l,...o},r)=>{const m=s.useId(),f=l??m;c(f);const{rootClass:p}=i(n);return e("p",{ref:r,id:f,className:d(p&&`${p}-description`,t),...o,"data-slot":"fieldset-description",children:a})}));u.displayName="FieldsetDescription";const v=a((({children:a,className:t,id:l,invalid:o,role:r,...m},f)=>{const p=s.useId(),u=l??p;c(u);const{rootClass:v,invalid:g}=i(n),N=o??g;return e("p",{ref:f,id:u,className:d(v&&`${v}-message`,t),...m,role:r??(N?"alert":void 0),"data-invalid":N?"":void 0,"data-slot":"fieldset-message",children:a})}));v.displayName="FieldsetMessage";const g="Fieldset",N=a(((s,a)=>e(f,{ref:a,...s})));N.displayName=g,N.Root=f,N.Legend=p,N.Description=u,N.Message=v;export{g as COMPONENT_NAME,u as Description,p as Legend,v as Message,f as Root,N as default};

package/dist/components/Heading.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),s=require("./useComponentClass-B0DF90tm.cjs");require("./ThemeContext-t7IX-w6i.cjs");const r=["h1","h2","h3","h4","h5","h6"],t=e.forwardRef((({children:t,as:a="h1",customRootClass:o="",className:c="",...l},n)=>{const u=r.includes(a)?a:"h1",h=s.useComponentClass(o,u);return e.createElement(u,{className:s.clsx(h,c),ref:n,...l},t)}));t.displayName="Heading",exports.default=t;

package/dist/components/Heading.js

@@ -1 +1 @@
-'use client';import s from"react";import{c as e}from"./clsx-BaVHROc5.js";import{u as a}from"./useComponentClass-QwNivz0h.js";import"./ThemeContext-Sm-iNANd.js";const o=s.forwardRef((({children:o,as:t="h1",customRootClass:r="",className:m="",...c},h)=>{const l=a(r,t),n=["h1","h2","h3","h4","h5","h6"].includes(t)?t:"h1";return s.createElement(n,{className:e(l,m),ref:h,...c},o)}));o.displayName="Heading";export{o as default};
+'use client';import e from"react";import{u as s,c as a}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const t=["h1","h2","h3","h4","h5","h6"],o=e.forwardRef((({children:o,as:r="h1",customRootClass:m="",className:c="",...h},n)=>{const l=t.includes(r)?r:"h1",i=s(m,l);return e.createElement(l,{className:a(i,c),ref:n,...h},o)}));o.displayName="Heading";export{o as default};

package/dist/components/HoverCard.cjs

@@ -0,0 +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;

package/dist/components/HoverCard.d.ts

@@ -5,6 +5,7 @@ import Floater from '~/core/primitives/Floater';
 
 type HoverCardRootProps = ComponentPropsWithoutRef<'div'> & {
     open?: boolean;
+    defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     customRootClass?: string;
     openDelay?: number;
@@ -14,6 +15,7 @@ type HoverCardRootProps = ComponentPropsWithoutRef<'div'> & {
 };
 declare const HoverCardRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     open?: boolean;
+    defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     customRootClass?: string;
     openDelay?: number;
@@ -53,5 +55,5 @@ type HoverCardComponent = React.ForwardRefExoticComponent<HoverCardProps & React
 };
 declare const HoverCard: HoverCardComponent;
 
-export { HoverCard as default };
+export { HoverCardArrow as Arrow, HoverCardContent as Content, HoverCardPortal as Portal, HoverCardRoot as Root, HoverCardTrigger as Trigger, HoverCard as default };
 export type { HoverCardArrowProps, HoverCardContentProps, HoverCardElement, HoverCardPortalProps, HoverCardProps, HoverCardRootProps, HoverCardTriggerProps };

package/dist/components/HoverCard.js

@@ -1 +1 @@
-'use client';import{createContext as e,forwardRef as r,useRef as o,useState as t,useEffect as n,useContext as s}from"react";import{jsx as a}from"react/jsx-runtime";import{F as l}from"./index-Db-tduwt.js";import{u as i}from"./useComponentClass-QwNivz0h.js";import{u as c}from"./index-wRElCyvx.js";import{c as u}from"./clsx-BaVHROc5.js";import{P as d}from"./index-XF8itt-H.js";import{T as m}from"./ThemeContext-Sm-iNANd.js";import{c as g}from"./index-eAZUMNef.js";import"./floating-ui.react-Byzse64h.js";import"react-dom";import"./mergeProps-0RucjqeH.js";const f=e({}),p="HoverCard",h=r((({children:e,open:r,onOpenChange:s,customRootClass:d="",className:m="",openDelay:g=100,closeDelay:h=200,collisionBoundary:y=null,collisionPadding:C=4,...v},R)=>{const P=i(d,p),w=i(d,`${p}-trigger`),x=o(null),T=(Array.isArray(y)?y:[y]).filter((e=>null!=e)),N={padding:C,boundary:T,altBoundary:T.length>0},[D,j]=c(r,!1,s),H=e=>{j(e)},{refs:W,floatingStyles:A,context:E}=l.useFloating({open:D,onOpenChange:H,placement:"bottom",strategy:"fixed",middleware:[l.arrow({element:x}),l.offset(10),l.flip({mainAxis:!0,...N}),l.shift({...N})],whileElementsMounted:l.autoUpdate}),[F,M]=t(!1),O=o(null),L=o(null),b=l.useRole(E,{role:"dialog"}),S=l.useDismiss(E),{getReferenceProps:$,getFloatingProps:z}=l.useInteractions([b,S]);n((()=>()=>{O.current&&clearTimeout(O.current),L.current&&clearTimeout(L.current)}),[]);const B={isOpen:D,handleOpenChange:H,floatingRefs:W,floatingStyles:A,floatingContext:E,arrowRef:x,getReferenceProps:$,getFloatingProps:z,rootClass:P,rootTriggerClass:w,closeWithDelay:()=>{M(!0),L.current&&clearTimeout(L.current),h<=0?H(!1):L.current=setTimeout((()=>{M((e=>(e&&H(!1),e)))}),h)},closeWithoutDelay:()=>{H(!1)},openWithDelay:()=>{M(!1),L.current&&clearTimeout(L.current),O.current&&clearTimeout(O.current),g<=0?H(!0):O.current=setTimeout((()=>{H(!0)}),g)}};return a(f.Provider,{value:B,children:a("div",{ref:R,className:u(P&&`${P}-root`,m),"data-slot":"hover-card-root",...v,children:e})})}));h.displayName=p;const y=r((({children:e,className:r="",...o},t)=>{const{floatingRefs:n,getReferenceProps:i,closeWithDelay:c,openWithDelay:m,rootTriggerClass:g}=s(f),p=l.useMergeRefs([n.setReference,t]);return a(d.span,{ref:p,className:u(g,r),...i({"data-slot":"hover-card-trigger",onMouseEnter:m,onMouseLeave:c,...o}),children:e})}));y.displayName="HoverCardTrigger";const C=r((({children:e,rootElement:r,...o},i)=>{const c=s(m),[u,d]=t(null);return n((()=>{const e=(r&&"current"in r?r.current:r)||c?.portalRootRef.current||c?.containerRef.current||document.body;d(e)}),[r,c]),u?a(l.Portal,{root:u,...o,children:e}):null}));C.displayName="HoverCardPortal";const v=r((({children:e,className:r,size:o="",...t},i)=>{const{isOpen:c,floatingRefs:d,floatingStyles:m,getFloatingProps:p,rootClass:h,closeWithDelay:y,openWithDelay:C,closeWithoutDelay:v}=s(f);n((()=>{if(!c)return;const e=()=>v();return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[v,c]);const R=l.useMergeRefs([d.setFloating,i]),P=g("hover-card",{size:o});return c?a("div",{className:u(h,r),ref:R,style:m,...P,...p({"data-slot":"hover-card-content",onPointerEnter:C,onPointerLeave:y,...t}),children:e}):null}));v.displayName="HoverCardContent";const R=r(((e,r)=>{const{floatingContext:o,arrowRef:t,rootClass:n}=s(f),i=l.useMergeRefs([t,r]);return a(l.Arrow,{className:u(n&&`${n}-arrow`),"data-slot":"hover-card-arrow",...e,context:o,ref:i})}));R.displayName="HoverCardArrow";const P=r(((e,r)=>(console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null)));P.displayName="HoverCard",P.Root=h,P.Trigger=y,P.Portal=C,P.Content=v,P.Arrow=R;export{P as default};
+'use client';import{createContext as e,forwardRef as r,useRef as o,useEffect as t,useContext as n,useState as s}from"react";import{jsx as a}from"react/jsx-runtime";import{F as l}from"./index-D8I-rMwz.js";import{u as i,c}from"./useComponentClass-C0isGl1z.js";import{u}from"./index-wRElCyvx.js";import{P as d}from"./index-XF8itt-H.js";import{T as m}from"./ThemeContext-Sm-iNANd.js";import{c as g}from"./index-eAZUMNef.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./mergeProps-0RucjqeH.js";const f=e({}),p="HoverCard",h=r((({children:e,open:r,defaultOpen:n=!1,onOpenChange:s,customRootClass:d="",className:m="",openDelay:g=100,closeDelay:h=200,collisionBoundary:y=null,collisionPadding:C=4,...v},R)=>{const P=i(d,p),w=i(d,`${p}-trigger`),x=o(null),N=(Array.isArray(y)?y:[y]).filter((e=>null!=e)),D={padding:C,boundary:N,altBoundary:N.length>0},[T,j]=u(r,n,s),H=o(T);H.current=T;const F=e=>{H.current!==e&&(H.current=e,j(e))},{refs:W,floatingStyles:A,context:E}=l.useFloating({open:T,onOpenChange:F,placement:"bottom",strategy:"fixed",middleware:[l.arrow({element:x}),l.offset(10),l.flip({mainAxis:!0,...D}),l.shift({...D})],whileElementsMounted:l.autoUpdate}),M=o(!1),O=o(null),B=o(null),L=l.useRole(E,{role:"dialog"}),b=l.useDismiss(E),{getReferenceProps:S}=l.useInteractions([b]),{getFloatingProps:$}=l.useInteractions([L,b]),z=()=>{O.current&&(clearTimeout(O.current),O.current=null),B.current&&(clearTimeout(B.current),B.current=null)};t((()=>z),[]);const I={isOpen:T,handleOpenChange:F,floatingRefs:W,floatingStyles:A,floatingContext:E,arrowRef:x,getReferenceProps:S,getFloatingProps:$,rootClass:P,rootTriggerClass:w,closeWithDelay:()=>{M.current=!0,z(),h<=0?F(!1):B.current=setTimeout((()=>{B.current=null,M.current&&F(!1)}),h)},closeWithoutDelay:()=>{z(),F(!1)},openWithDelay:()=>{M.current=!1,z(),g<=0?F(!0):O.current=setTimeout((()=>{O.current=null,F(!0)}),g)}};return a(f.Provider,{value:I,children:a("div",{ref:R,className:c(P&&`${P}-root`,m),"data-slot":"hover-card-root",...v,children:e})})}));h.displayName=p;const y=r((({children:e,className:r="",...o},t)=>{const{floatingRefs:s,getReferenceProps:i,closeWithDelay:u,openWithDelay:m,rootTriggerClass:g}=n(f),p=l.useMergeRefs([s.setReference,t]);return a(d.span,{ref:p,className:c(g,r),...i({"data-slot":"hover-card-trigger",onMouseEnter:m,onMouseLeave:u,onFocus:m,onBlur:u,...o}),children:e})}));y.displayName="HoverCardTrigger";const C=r((({children:e,rootElement:r,...o},i)=>{const c=n(m),[u,d]=s(null);return t((()=>{const e=(r&&"current"in r?r.current:r)||c?.portalRootRef.current||c?.containerRef.current||document.body;d(e)}),[r,c]),u?a(l.Portal,{root:u,...o,children:e}):null}));C.displayName="HoverCardPortal";const v=r((({children:e,className:r,size:o="",...s},i)=>{const{isOpen:u,floatingRefs:d,floatingStyles:m,getFloatingProps:p,rootClass:h,closeWithDelay:y,openWithDelay:C,closeWithoutDelay:v}=n(f);t((()=>{if(!u)return;const e=()=>v();return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[v,u]);const R=l.useMergeRefs([d.setFloating,i]),P=g("hover-card",{size:o});return u?a("div",{className:c(h,r),ref:R,style:m,...P,...p({"data-slot":"hover-card-content",onPointerEnter:C,onPointerLeave:y,onFocus:C,onBlur:y,...s}),children:e}):null}));v.displayName="HoverCardContent";const R=r(((e,r)=>{const{floatingContext:o,arrowRef:t,rootClass:s}=n(f),i=l.useMergeRefs([t,r]);return a(l.Arrow,{className:c(s&&`${s}-arrow`),"data-slot":"hover-card-arrow",...e,context:o,ref:i})}));R.displayName="HoverCardArrow";const P=r(((e,r)=>(console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null)));P.displayName="HoverCard",P.Root=h,P.Trigger=y,P.Portal=C,P.Content=v,P.Arrow=R;export{R as Arrow,v as Content,C as Portal,h as Root,y as Trigger,P as default};

package/dist/components/Kbd.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),r=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-c6NFMS_0.cjs");require("./ThemeContext-t7IX-w6i.cjs");const a=s.forwardRef((({children:s,customRootClass:a,className:c,size:i="",...o},u)=>{const n=r.useComponentClass(a,"Kbd"),d=t.createDataAttributes("kbd",{size:i});return e.jsx("kbd",{ref:u,className:r.clsx(n,c),...d,...o,children:s})}));a.displayName="Kbd",exports.default=a;

package/dist/components/Kbd.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{u as o}from"./useComponentClass-QwNivz0h.js";import{c as r}from"./clsx-BaVHROc5.js";import{c as t}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const m=e((({children:e,customRootClass:m,className:a,size:i="",...c},n)=>{const d=o(m,"Kbd"),l=t("kbd",{size:i});return s("kbd",{ref:n,className:r(d,a),...l,...c,children:e})}));m.displayName="Kbd";export{m as default};
+'use client';import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{u as o,c as r}from"./useComponentClass-C0isGl1z.js";import{c as t}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const a=e((({children:e,customRootClass:a,className:m,size:i="",...c},n)=>{const d=o(a,"Kbd"),l=t("kbd",{size:i});return s("kbd",{ref:n,className:r(d,m),...l,...c,children:e})}));a.displayName="Kbd";export{a as default};

package/dist/components/Link.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-c6NFMS_0.cjs"),i=require("./index-CbKtybdA.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const a="Link",c=r.forwardRef((({children:r,href:c="#",customRootClass:o,className:u,size:l="",color:n="",asChild:d=!1,...m},C)=>{const j=s.useComponentClass(o,a),p=t.composeAttributes(t.createDataAttributes("link",{size:l}),t.createDataAccentColorAttribute(n)),x=i.Primitive.a;return e.jsx(x,{ref:C,asChild:d,href:c,className:s.clsx(j,u),...p,...m,children:r})}));c.displayName=a,exports.default=c;

package/dist/components/Link.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import r from"react";import{c as o}from"./clsx-BaVHROc5.js";import{u as e}from"./useComponentClass-QwNivz0h.js";import{a,b as m,c as i}from"./index-eAZUMNef.js";import{P as t}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const c="Link",l=r.forwardRef((({children:r,href:l="#",customRootClass:n,className:f,size:p="",color:d="",asChild:h=!1,...j},u)=>{const x=e(n,c),C=a(i("link",{size:p}),m(d)),N=t.a;return s(N,{ref:u,asChild:h,href:l,className:o(x,f),...C,...j,children:r})}));l.displayName=c;export{l as default};
+'use client';import{jsx as s}from"react/jsx-runtime";import r from"react";import{u as e,c as o}from"./useComponentClass-C0isGl1z.js";import{a,b as i,c as m}from"./index-eAZUMNef.js";import{P as t}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const n="Link",c=r.forwardRef((({children:r,href:c="#",customRootClass:l,className:f,size:p="",color:d="",asChild:h=!1,...j},u)=>{const C=e(l,n),x=a(m("link",{size:p}),i(d)),N=t.a;return s(N,{ref:u,asChild:h,href:c,className:o(C,f),...x,...j,children:r})}));c.displayName=n;export{c as default};

package/dist/components/LiveRegion.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./useComponentClass-B0DF90tm.cjs"),i=require("./index-CbKtybdA.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const s="LiveRegion",a={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},o=r.forwardRef((({children:r,customRootClass:o,className:n,politeness:l="polite",role:c=("assertive"===l?"alert":"status"),atomic:u=!0,relevant:d="additions text",busy:p,visuallyHidden:m=!0,style:v,...x},h)=>{const j=t.useComponentClass(o,s),y=m?{...a,...v}:v;return e.jsx(i.Primitive.div,{ref:h,role:c,"aria-live":l,"aria-atomic":u,"aria-relevant":d,"aria-busy":p,"data-slot":"live-region-root",className:t.clsx(j,n),style:y,...x,children:r})}));o.displayName=s,exports.default=o;

package/dist/components/LiveRegion.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{c as o}from"./clsx-BaVHROc5.js";import{P as i}from"./index-XF8itt-H.js";import{u as r}from"./useComponentClass-QwNivz0h.js";import"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";const s="LiveRegion",a={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},n=t((({children:t,customRootClass:n,className:l,politeness:m="polite",role:p=("assertive"===m?"alert":"status"),atomic:c=!0,relevant:d="additions text",busy:u,visuallyHidden:v=!0,style:h,...x},f)=>{const g=r(n,s),j=v?{...a,...h}:h;return e(i.div,{ref:f,role:p,"aria-live":m,"aria-atomic":c,"aria-relevant":d,"aria-busy":u,"data-slot":"live-region-root",className:o(g,l),style:j,...x,children:t})}));n.displayName=s;export{n as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{u as i,c as o}from"./useComponentClass-C0isGl1z.js";import{P as a}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const r="LiveRegion",s={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},n=t((({children:t,customRootClass:n,className:l,politeness:p="polite",role:m=("assertive"===p?"alert":"status"),atomic:c=!0,relevant:d="additions text",busy:u,visuallyHidden:v=!0,style:h,...x},f)=>{const g=i(n,r),y=v?{...s,...h}:h;return e(a.div,{ref:f,role:m,"aria-live":p,"aria-atomic":c,"aria-relevant":d,"aria-busy":u,"data-slot":"live-region-root",className:o(g,l),style:y,...x,children:t})}));n.displayName=r;export{n as default};

package/dist/components/MenuPrimitive-B1-7Sfhj.cjs

@@ -0,0 +1 @@
+'use client';"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("./index-BudP4FIn.cjs"),o=require("./index-BwNOI8cB.cjs"),i=require("./index-CbdoW3TC.cjs"),s=require("./index-CbKtybdA.cjs"),r=require("./index-WGIYLuwZ.cjs"),l=require("react-dom"),a=require("./floating-ui.react-Kw0_L48Q.cjs"),d=require("./ThemeContext-t7IX-w6i.cjs");const u=t.createContext(null),c=t.forwardRef((({children:s,className:r,open:l,onOpenChange:a,defaultOpen:d=!1,crossAxisOffset:c,mainAxisOffset:f,collisionBoundary:m=null,collisionPadding:g=4,loop:x=!0,placement:p="bottom-start",avoidCollision:v=!0,rtl:h=!1,isSubmenu:F=!1,...R},y)=>{const[P,b]=o.useControllableState(l,d,a);i.useRegisterDocumentOverlayOpen(P);const[C,N]=t.useState(null),[O,I]=t.useState(void 0),j=t.useRef([]),M=t.useRef([]),w=t.useRef([]),T=t.useRef(null),A=n.Floater.useFloatingNodeId(),S=n.Floater.useFloatingParentNodeId(),k=F,q=c??0,D=void 0!==f?f:k?14:4,H=(Array.isArray(m)?m:[m]).filter((e=>null!=e)),B=H.length>0?{boundary:H,altBoundary:!0}:{},E={mainAxis:v,crossAxis:v&&!k,padding:g,...B},L={padding:g,crossAxis:!k,...B},K={padding:g,...B},{refs:$,floatingStyles:z,context:U}=n.Floater.useFloating({open:P,nodeId:A,onOpenChange:b,strategy:"fixed",transform:!1,placement:k?"right-start":p,middleware:[n.Floater.offset({mainAxis:D,crossAxis:q}),...v?[n.Floater.flip(E),n.Floater.shift(L)]:[],...k?[]:[n.Floater.size({...K,apply({availableHeight:e,elements:t}){I(e),t.floating.style.maxHeight=`${e}px`}})]],whileElementsMounted:n.Floater.autoUpdate}),W=n.Floater.useListNavigation(U,{listRef:M,activeIndex:C,nested:k,rtl:h,loop:x,onNavigate:N}),X=n.Floater.useClick(U,{}),Y=n.Floater.useHover(U,{enabled:k,delay:{open:75},handleClose:n.Floater.safePolygon({blockPointerEvents:!0})}),G=n.Floater.useDismiss(U,{bubbles:k}),J=n.Floater.useTypeahead(U,{listRef:w,onMatch:P?N:void 0,activeIndex:C}),Q=n.Floater.useRole(U,{role:"menu"}),{getReferenceProps:V,getFloatingProps:Z,getItemProps:_}=n.Floater.useInteractions([G,X,W,Y,J,Q]),ee=t.useContext(u),te=t.useCallback((()=>k&&ee?ee.getRootTrigger():$.domReference.current),[k,ee,$.domReference]),ne={isOpen:P,setIsOpen:b,refs:$,floatingStyles:z,maxHeight:O,getReferenceProps:V,getFloatingProps:Z,getItemProps:_,activeIndex:C,setActiveIndex:N,listRef:j,elementsRef:M,labelsRef:w,virtualItemRef:T,nodeId:A,isNested:k,floatingContext:U,rtl:h,getRootTrigger:te},oe=n.Floater.useFloatingTree();return t.useEffect((()=>{if(oe)return oe.events.on("click",e),()=>{oe.events.off("click",e)};function e(){b(!1)}}),[oe,A,S]),e.jsx("div",{ref:y,className:r,"data-tree":"true",...R,children:e.jsx(u.Provider,{value:ne,children:e.jsx(n.Floater.FloatingNode,{id:A,children:s})})})}));c.displayName="MenuComponentRoot";const f=t.forwardRef((({children:t,className:o,open:i,onOpenChange:s,defaultOpen:r=!1,crossAxisOffset:l,mainAxisOffset:a,collisionBoundary:d,collisionPadding:u,...f},m)=>{const g=n.Floater.useFloatingTree(),x=e.jsx(c,{ref:m,className:o,open:i,onOpenChange:s,defaultOpen:r,crossAxisOffset:l,mainAxisOffset:a,collisionBoundary:d,collisionPadding:u,...f,children:t});return g?x:e.jsx(n.Floater.FloatingTree,{children:x})}));f.displayName="MenuPrimitiveRoot";const m=t.forwardRef((({children:o,className:i,label:r,disabled:l,asChild:a=!1,onSelect:d,...c},f)=>{const m=t.useContext(u),g=l?null:r,{ref:x,index:p}=n.Floater.useListItem({label:g}),v=n.Floater.useFloatingTree(),h=t.useCallback((e=>{"function"==typeof x?x(e):x&&(x.current=e),"function"==typeof f?f(e):f&&(f.current=e)}),[x,f]);if(!m)return null;const{activeIndex:F,getItemProps:R}=m,y=F===p,{onClick:P,onKeyDown:b,...C}=c;return e.jsx(s.Primitive.button,{ref:h,tabIndex:y?0:-1,className:i,role:"menuitem","aria-disabled":!!l||void 0,"data-disabled":l?"":void 0,"data-highlighted":y&&!l?"":void 0,...R({...C,disabled:l,onClick(e){l||(P?.(e),e.defaultPrevented||(d?.(e),e.defaultPrevented||v?.events.emit("click")))},onKeyDown(e){b?.(e)}}),asChild:a,children:o})}));m.displayName="MenuPrimitiveItem";const g=t.forwardRef((({children:o,className:i,asChild:s,...l},a)=>{const d=t.useContext(u),{ref:c,index:f}=n.Floater.useListItem(),m=n.Floater.useMergeRefs([d?.refs.setReference,c,a]);if(!d)return null;const{activeIndex:g,getReferenceProps:x,isNested:p,isOpen:v}=d;return e.jsx(r.ButtonPrimitive,{ref:m,...x({...l,className:i,"data-state":v?"open":"closed",role:l.role??(p?"menuitem":void 0),tabIndex:p?g===f?0:-1:l.tabIndex}),asChild:s,children:o})}));g.displayName="MenuPrimitiveTrigger";const x=t.forwardRef((({children:o,className:i,initialFocus:s,focusManagerDisabled:r=!1,...d},c)=>{const f=t.useContext(u),m=n.Floater.useFloatingTree(),g=n.Floater.useMergeRefs([f?.refs.setFloating,c]);if(!f||!f.isOpen)return null;const{floatingStyles:x,getFloatingProps:p,elementsRef:v,labelsRef:h,isNested:F,floatingContext:R,maxHeight:y,getRootTrigger:P}=f,b=d.style,C={...d};delete C.style;const N={overflowY:"auto",overflowX:"hidden",maxHeight:void 0!==y?`${y}px`:void 0,WebkitOverflowScrolling:"touch",overscrollBehavior:"contain"};return e.jsx(e.Fragment,{children:e.jsx(n.Floater.FloatingList,{elementsRef:v,labelsRef:h,children:e.jsx(n.Floater.FocusManager,{context:R,disabled:r,modal:!1,initialFocus:s??(F?-1:0),returnFocus:!F,children:e.jsx("div",{ref:g,...p({...C,className:i,"data-state":"open",onKeyDown:e=>{C.onKeyDown?.(e),(e=>{if("Tab"!==e.key||e.defaultPrevented)return;const t=P();if(!(t instanceof HTMLElement))return;e.preventDefault(),l.flushSync((()=>{m?.events.emit("click")}));const n=!e.shiftKey;queueMicrotask((()=>{if(t.focus(),!n)return;const e=a.getNextTabbable(t);e instanceof HTMLElement&&e!==t&&e.focus()}))})(e)},style:{...b,...x}}),children:e.jsx("div",{style:N,children:o})})})})})}));x.displayName="MenuPrimitiveContent";const p=t.forwardRef((({children:n,className:o,open:i,onOpenChange:s,defaultOpen:r=!1,...l},a)=>{const d=t.useContext(u);return e.jsx(c,{ref:a,className:o,open:i,onOpenChange:s,defaultOpen:r,rtl:d&&d.rtl||!1,...l,isSubmenu:!0,children:n})}));p.displayName="MenuPrimitiveSub";const v=t.forwardRef((({children:o,...i},s)=>{const r=t.useContext(u),l=t.useContext(d.ThemeContext),[a,c]=t.useState(null);if(t.useEffect((()=>{c(l?.portalRootRef.current??l?.containerRef.current??document.body)}),[l]),!r)return null;const{isOpen:f}=r;return f&&a?e.jsx(n.Floater.Portal,{root:a,...i,children:e.jsx("div",{ref:s,children:o})}):null}));v.displayName="MenuPrimitivePortal";const h=()=>(console.warn("Direct usage of MenuPrimitive is not supported. Please use MenuPrimitive.Root, MenuPrimitive.Item instead."),null);h.Root=f,h.Item=m,h.Trigger=g,h.Content=x,h.Sub=p,h.Portal=v,exports.MenuPrimitive=h,exports.MenuPrimitiveRootPrimitiveContext=u;

package/dist/components/MenuPrimitive-D9VMz2TZ.js

@@ -0,0 +1 @@
+'use client';import{jsx as e,Fragment as t}from"react/jsx-runtime";import n,{forwardRef as i,useState as o,useRef as s,useContext as l,useEffect as r}from"react";import{F as a}from"./index-D8I-rMwz.js";import{u as d}from"./index-wRElCyvx.js";import{u as c}from"./index-CBcSLg6O.js";import{P as u}from"./index-XF8itt-H.js";import{B as f}from"./index-FITGoHty.js";import{flushSync as m}from"react-dom";import{g}from"./floating-ui.react-2kiGB4sW.js";import{T as p}from"./ThemeContext-Sm-iNANd.js";const h=n.createContext(null),v=i((({children:t,className:i,open:r,onOpenChange:u,defaultOpen:f=!1,crossAxisOffset:m,mainAxisOffset:g,collisionBoundary:p=null,collisionPadding:v=4,loop:x=!0,placement:y="bottom-start",avoidCollision:P=!0,rtl:b=!1,isSubmenu:R=!1,...N},C)=>{const[I,O]=d(r,f,u);c(I);const[M,F]=o(null),[T,A]=o(void 0),k=s([]),w=s([]),S=s([]),j=s(null),D=a.useFloatingNodeId(),H=a.useFloatingParentNodeId(),B=R,L=m??0,E=void 0!==g?g:B?14:4,K=(Array.isArray(p)?p:[p]).filter((e=>null!=e)),$=K.length>0?{boundary:K,altBoundary:!0}:{},q={mainAxis:P,crossAxis:P&&!B,padding:v,...$},z={padding:v,crossAxis:!B,...$},U={padding:v,...$},{refs:W,floatingStyles:X,context:Y}=a.useFloating({open:I,nodeId:D,onOpenChange:O,strategy:"fixed",transform:!1,placement:B?"right-start":y,middleware:[a.offset({mainAxis:E,crossAxis:L}),...P?[a.flip(q),a.shift(z)]:[],...B?[]:[a.size({...U,apply({availableHeight:e,elements:t}){A(e),t.floating.style.maxHeight=`${e}px`}})]],whileElementsMounted:a.autoUpdate}),G=a.useListNavigation(Y,{listRef:w,activeIndex:M,nested:B,rtl:b,loop:x,onNavigate:F}),J=a.useClick(Y,{}),Q=a.useHover(Y,{enabled:B,delay:{open:75},handleClose:a.safePolygon({blockPointerEvents:!0})}),V=a.useDismiss(Y,{bubbles:B}),Z=a.useTypeahead(Y,{listRef:S,onMatch:I?F:void 0,activeIndex:M}),_=a.useRole(Y,{role:"menu"}),{getReferenceProps:ee,getFloatingProps:te,getItemProps:ne}=a.useInteractions([V,J,G,Q,Z,_]),ie=l(h),oe=n.useCallback((()=>B&&ie?ie.getRootTrigger():W.domReference.current),[B,ie,W.domReference]),se={isOpen:I,setIsOpen:O,refs:W,floatingStyles:X,maxHeight:T,getReferenceProps:ee,getFloatingProps:te,getItemProps:ne,activeIndex:M,setActiveIndex:F,listRef:k,elementsRef:w,labelsRef:S,virtualItemRef:j,nodeId:D,isNested:B,floatingContext:Y,rtl:b,getRootTrigger:oe},le=a.useFloatingTree();return n.useEffect((()=>{if(le)return le.events.on("click",e),()=>{le.events.off("click",e)};function e(){O(!1)}}),[le,D,H]),e("div",{ref:C,className:i,"data-tree":"true",...N,children:e(h.Provider,{value:se,children:e(a.FloatingNode,{id:D,children:t})})})}));v.displayName="MenuComponentRoot";const x=i((({children:t,className:n,open:i,onOpenChange:o,defaultOpen:s=!1,crossAxisOffset:l,mainAxisOffset:r,collisionBoundary:d,collisionPadding:c,...u},f)=>{const m=a.useFloatingTree(),g=e(v,{ref:f,className:n,open:i,onOpenChange:o,defaultOpen:s,crossAxisOffset:l,mainAxisOffset:r,collisionBoundary:d,collisionPadding:c,...u,children:t});return m?g:e(a.FloatingTree,{children:g})}));x.displayName="MenuPrimitiveRoot";const y=i((({children:t,className:i,label:o,disabled:s,asChild:l=!1,onSelect:r,...d},c)=>{const f=n.useContext(h),m=s?null:o,{ref:g,index:p}=a.useListItem({label:m}),v=a.useFloatingTree(),x=n.useCallback((e=>{"function"==typeof g?g(e):g&&(g.current=e),"function"==typeof c?c(e):c&&(c.current=e)}),[g,c]);if(!f)return null;const{activeIndex:y,getItemProps:P}=f,b=y===p,{onClick:R,onKeyDown:N,...C}=d;return e(u.button,{ref:x,tabIndex:b?0:-1,className:i,role:"menuitem","aria-disabled":!!s||void 0,"data-disabled":s?"":void 0,"data-highlighted":b&&!s?"":void 0,...P({...C,disabled:s,onClick(e){s||(R?.(e),e.defaultPrevented||(r?.(e),e.defaultPrevented||v?.events.emit("click")))},onKeyDown(e){N?.(e)}}),asChild:l,children:t})}));y.displayName="MenuPrimitiveItem";const P=i((({children:t,className:n,asChild:i,...o},s)=>{const r=l(h),{ref:d,index:c}=a.useListItem(),u=a.useMergeRefs([r?.refs.setReference,d,s]);if(!r)return null;const{activeIndex:m,getReferenceProps:g,isNested:p,isOpen:v}=r;return e(f,{ref:u,...g({...o,className:n,"data-state":v?"open":"closed",role:o.role??(p?"menuitem":void 0),tabIndex:p?m===c?0:-1:o.tabIndex}),asChild:i,children:t})}));P.displayName="MenuPrimitiveTrigger";const b=i((({children:n,className:i,initialFocus:o,focusManagerDisabled:s=!1,...r},d)=>{const c=l(h),u=a.useFloatingTree(),f=a.useMergeRefs([c?.refs.setFloating,d]);if(!c||!c.isOpen)return null;const{floatingStyles:p,getFloatingProps:v,elementsRef:x,labelsRef:y,isNested:P,floatingContext:b,maxHeight:R,getRootTrigger:N}=c,C=r.style,I={...r};delete I.style;const O={overflowY:"auto",overflowX:"hidden",maxHeight:void 0!==R?`${R}px`:void 0,WebkitOverflowScrolling:"touch",overscrollBehavior:"contain"};return e(t,{children:e(a.FloatingList,{elementsRef:x,labelsRef:y,children:e(a.FocusManager,{context:b,disabled:s,modal:!1,initialFocus:o??(P?-1:0),returnFocus:!P,children:e("div",{ref:f,...v({...I,className:i,"data-state":"open",onKeyDown:e=>{I.onKeyDown?.(e),(e=>{if("Tab"!==e.key||e.defaultPrevented)return;const t=N();if(!(t instanceof HTMLElement))return;e.preventDefault(),m((()=>{u?.events.emit("click")}));const n=!e.shiftKey;queueMicrotask((()=>{if(t.focus(),!n)return;const e=g(t);e instanceof HTMLElement&&e!==t&&e.focus()}))})(e)},style:{...C,...p}}),children:e("div",{style:O,children:n})})})})})}));b.displayName="MenuPrimitiveContent";const R=i((({children:t,className:n,open:i,onOpenChange:o,defaultOpen:s=!1,...r},a)=>{const d=l(h);return e(v,{ref:a,className:n,open:i,onOpenChange:o,defaultOpen:s,rtl:d&&d.rtl||!1,...r,isSubmenu:!0,children:t})}));R.displayName="MenuPrimitiveSub";const N=i((({children:t,...n},i)=>{const s=l(h),d=l(p),[c,u]=o(null);if(r((()=>{u(d?.portalRootRef.current??d?.containerRef.current??document.body)}),[d]),!s)return null;const{isOpen:f}=s;return f&&c?e(a.Portal,{root:c,...n,children:e("div",{ref:i,children:t})}):null}));N.displayName="MenuPrimitivePortal";const C=()=>(console.warn("Direct usage of MenuPrimitive is not supported. Please use MenuPrimitive.Root, MenuPrimitive.Item instead."),null);C.Root=x,C.Item=y,C.Trigger=P,C.Content=b,C.Sub=R,C.Portal=N;export{C as M,h as a};

package/dist/components/Menubar.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./useComponentClass-B0DF90tm.cjs"),n=require("./index-BudP4FIn.cjs"),o=require("./MenuPrimitive-B1-7Sfhj.cjs"),s=require("./Separator.cjs");require("./ThemeContext-t7IX-w6i.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");const a=r.createContext(null),u=r.forwardRef((({children:o,customRootClass:s,className:u,dir:i,loop:l,rtl:c,onKeyDown:d,...m},p)=>{const f=t.useComponentClass(s,"Menubar"),[b,x]=r.useState([]),[g,M]=r.useState(0),[h,C]=r.useState(),v=r.useRef({}),I=r.useCallback((e=>[...e].sort(((e,r)=>{const t=v.current[e.id],n=v.current[r.id];if(!t||!n)return 0;const o=t.compareDocumentPosition(n);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))),[]),N=r.useCallback(((e,r="closed")=>{x((t=>{const n=t.find((r=>r.id===e));return n?n.state===r?t:t.map((t=>t.id===e?{...t,state:r}:t)):I([...t,{id:e,state:r}])}))}),[I]),w=r.useCallback((e=>{x((r=>r.some((r=>r.id===e))?r.filter((r=>r.id!==e)):r))}),[]),j=r.useCallback(((e,r)=>{"open"===r&&C(void 0),x((t=>t.map((t=>t.id===e?{...t,state:r}:t))))}),[]),P=r.useCallback(((e,r)=>{r?v.current[e]=r:delete v.current[e]}),[]),R=r.useCallback((e=>{if(e===g)return;const r=b[g],t=b[e];if(r&&j(r.id,"closed"),t){const e="open"===r?.state;j(t.id,e?"open":"closed"),e&&C(-1)}M(e)}),[g,b,j]),y=r.useCallback((e=>{const r=b[e];r&&(C(-1),x((r=>r.map(((r,t)=>({...r,state:t===e?"open":"closed"}))))),M(e),v.current[r.id]?.focus())}),[b]),S=r.useCallback((e=>{if(0===b.length)return;const r=g>=0?g:b.findIndex((e=>"open"===e.state));-1!==r&&y((r+e+b.length)%b.length)}),[g,b,y]),k=r.useCallback((e=>{const r=b.findIndex((r=>r.id===e));if(-1===r)return;b.some((r=>r.id!==e&&"open"===r.state))&&"open"!==b[r].state&&y(r)}),[b,y]),T=r.useCallback((e=>{const r=b.findIndex((r=>r.id===e));-1!==r&&M(r)}),[b]),O=r.useCallback((e=>{if(d?.(e),e.defaultPrevented)return;if("Home"!==e.key&&"End"!==e.key)return;if(!Object.values(v.current).includes(e.target))return;const r="Home"===e.key?0:b.length-1,t=b[r];t&&(e.preventDefault(),R(r),v.current[t.id]?.focus())}),[R,b,d]),q=r.useMemo((()=>({rootClass:f,registerItem:N,unregisterItem:w,items:b,updateItemState:j,updateItemTrigger:P,navigateMenu:S,openMenuOnHover:k,activeIndex:g,setActiveItem:T,contentInitialFocus:h})),[f,N,w,b,j,P,S,k,g,T,h]);return e.jsx(a.Provider,{value:q,children:e.jsx(n.Floater.Composite,{ref:p,role:"menubar",className:t.clsx(f&&`${f}-root`,u),dir:i,loop:l,rtl:c??"rtl"===i,orientation:"horizontal",...m,activeIndex:g,onNavigate:R,onKeyDown:O,children:o})})}));u.displayName="MenubarRoot";const i=r.createContext(null),l=r.forwardRef((({children:s,className:u,onFocus:l,onPointerEnter:c,...d},m)=>{const p=r.useContext(a),f=r.useContext(i);if(!p)return console.warn("MenubarTrigger should be used in the MenubarRoot"),null;const{rootClass:b,updateItemTrigger:x,items:g,activeIndex:M,setActiveItem:h,openMenuOnHover:C}=p;if(!f)return console.warn("MenubarTrigger should be used in the MenubarMenu"),null;const{id:v,isOpen:I}=f,N=r.useCallback((e=>{x(v,e),"function"==typeof m?m(e):m&&(m.current=e)}),[v,m,x]),w=g.findIndex((e=>e.id===v)),j=w===M||0===w&&(M<0||M>=g.length),P=e=>{l?.(e),h(v)},R=e=>{c?.(e),e.defaultPrevented||"touch"===e.pointerType||C(v)};return e.jsx(n.Floater.CompositeItem,{render:()=>e.jsx(o.MenuPrimitive.Trigger,{ref:N,className:t.clsx(b&&`${b}-trigger`,u),role:"menuitem","aria-haspopup":"menu","aria-expanded":I,tabIndex:j?0:-1,"data-state":I?"open":"closed","data-active":I,onFocus:P,onPointerEnter:R,...d,children:s})})}));l.displayName="MenubarTrigger";const c=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"]),d=r.forwardRef((({children:n,className:s,...u},i)=>{const l=r.useContext(a);if(!l)return console.warn("MenubarContent should be used in the MenubarRoot"),null;const{rootClass:d,navigateMenu:m,contentInitialFocus:p}=l,{onKeyDown:f,...b}=u,x=r.useCallback((e=>{"function"==typeof i?i(e):i&&(i.current=e)}),[i]);return e.jsx(o.MenuPrimitive.Content,{ref:x,role:"menu","aria-orientation":"vertical",className:t.clsx(d&&`${d}-content`,s),initialFocus:p,onKeyDown:e=>{if(f?.(e),c.has(e.key)&&e.stopPropagation(),!e.defaultPrevented)return"ArrowLeft"===e.key?(e.preventDefault(),void m(-1)):void("ArrowRight"===e.key&&(e.preventDefault(),m(1)))},...b,children:n})}));d.displayName="MenubarContent";const m=r.forwardRef((({children:t,...n},s)=>r.useContext(a)?e.jsx(o.MenuPrimitive.Portal,{ref:s,...n,children:t}):(console.warn("MenubarPortal should be used in the MenubarRoot"),null)));m.displayName="MenubarPortal";const p=r.forwardRef((({children:n,className:s,label:u,...i},l)=>{const c=r.useContext(a);if(!c)return console.warn("MenubarItem should be used in the MenubarRoot"),null;const{rootClass:d}=c;return e.jsx(o.MenuPrimitive.Item,{ref:l,role:"menuitem",className:t.clsx(d&&`${d}-item`,s),label:u,...i,children:n})}));p.displayName="MenubarItem";const f=r.forwardRef((({children:n,className:s,...u},i)=>{const l=r.useContext(a);if(!l)return console.warn("MenubarSub should be used in the MenubarRoot"),null;const{rootClass:c}=l;return e.jsx(o.MenuPrimitive.Sub,{ref:i,role:"none",className:t.clsx(c&&`${c}-sub`,s),...u,children:n})}));f.displayName="MenubarSub";const b=r.forwardRef((({children:n,className:s,...u},i)=>{const l=r.useContext(a);if(!l)return console.warn("MenubarSubTrigger should be used in the MenubarRoot"),null;const{rootClass:c}=l;return e.jsx(o.MenuPrimitive.Trigger,{ref:i,role:"menuitem","aria-haspopup":"menu",className:t.clsx(c&&`${c}-sub-trigger`,s),...u,children:n})}));b.displayName="MenubarSubTrigger";const x=r.forwardRef((({children:s,className:u,onOpenChange:l,...c},d)=>{const m=r.useContext(a),p=n.Floater.useId(),f=r.useId(),b=p??f;if(!m)return console.warn("MenubarMenu should be used in the MenubarRoot"),null;const{rootClass:x,registerItem:g,unregisterItem:M,items:h,updateItemState:C}=m;r.useEffect((()=>{if(b)return g(b),()=>M(b)}),[b]);const v="open"===h.find((e=>e.id===b))?.state;return e.jsx(o.MenuPrimitive.Root,{ref:d,role:"none",className:t.clsx(x&&`${x}-menu`,u),"data-id":b,"data-active":v,open:v,onOpenChange:e=>{b&&C(b,e?"open":"closed"),l?.(e)},...c,children:e.jsx(i.Provider,{value:{id:b,isOpen:v},children:s})})}));x.displayName="MenubarMenu";const g=r.forwardRef((({className:t,...n},o)=>{const u=r.useContext(a);if(!u)return console.warn("MenubarSeparator should be used within MenubarRoot"),null;const{rootClass:i}=u;return e.jsx(s.default,{ref:o,customRootClass:i,className:t,...n})}));g.displayName="MenubarSeparator";const M=()=>(console.warn("Direct usage of Menubar is not supported. Please use Menubar.Root, Menubar.Item instead."),null);M.Root=u,M.Menu=x,M.Trigger=l,M.Content=d,M.Portal=m,M.Item=p,M.Sub=f,M.SubTrigger=b,M.Separator=g,exports.Content=d,exports.Item=p,exports.Menu=x,exports.Portal=m,exports.Root=u,exports.Separator=g,exports.Sub=f,exports.SubTrigger=b,exports.Trigger=l,exports.default=M;

package/dist/components/Menubar.d.ts

@@ -1,65 +1,139 @@
+import * as _floating_ui_react from '@floating-ui/react';
 import * as React$1 from 'react';
 import React__default, { ComponentPropsWithoutRef } from 'react';
-import * as _floating_ui_react from '@floating-ui/react';
 import Floater from '~/core/primitives/Floater';
 import MenuPrimitive from '~/core/primitives/Menu/MenuPrimitive';
 import Primitive from '~/core/primitives/Primitive';
 
-type MenuPrimitiveItemProps = {
-    children: React__default.ReactNode;
-    className?: string;
-    label?: string;
-    disabled?: boolean;
-    asChild?: boolean;
-    onSelect?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
-};
-
-type MenuPrimitiveTriggerProps = {
-    children: React__default.ReactNode;
-    className?: string;
-    asChild?: boolean;
-};
-
 type MenubarRootProps = {
     children: React__default.ReactNode;
     customRootClass?: string;
     className?: string;
 } & ComponentPropsWithoutRef<typeof Floater.Composite>;
-
-type MenubarMenuProps = {
+declare const MenubarRoot: React__default.ForwardRefExoticComponent<{
     children: React__default.ReactNode;
+    customRootClass?: string;
     className?: string;
-} & ComponentPropsWithoutRef<typeof MenuPrimitive.Root>;
+} & Omit<Omit<React__default.HTMLProps<HTMLElement> & _floating_ui_react.CompositeProps, "ref"> & React__default.RefAttributes<HTMLElement>, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 type MenubarTriggerProps = {
     children: React__default.ReactNode;
     className?: string;
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
+declare const MenubarTrigger: React__default.ForwardRefExoticComponent<{
+    children: React__default.ReactNode;
+    className?: string;
+} & Omit<{
+    children: React__default.ReactNode;
+    className?: string;
+    asChild?: boolean;
+} & Omit<Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
 type MenubarContentProps = {
     children: React__default.ReactNode;
     className?: string;
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Content>;
+declare const MenubarContent: React__default.ForwardRefExoticComponent<{
+    children: React__default.ReactNode;
+    className?: string;
+} & Omit<{
+    children: React__default.ReactNode;
+    className?: string;
+    initialFocus?: number;
+    focusManagerDisabled?: boolean;
+} & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type MenubarPortalProps = {
     children: React__default.ReactNode;
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
+declare const MenubarPortal: React__default.ForwardRefExoticComponent<{
+    children: React__default.ReactNode;
+} & Omit<{
+    children: React__default.ReactNode;
+} & _floating_ui_react.FloatingPortalProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type MenubarItemProps = {
     children: React__default.ReactNode;
     className?: string;
     label?: string;
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;
+declare const MenubarItem: React__default.ForwardRefExoticComponent<{
+    children: React__default.ReactNode;
+    className?: string;
+    label?: string;
+} & Omit<{
+    children: React__default.ReactNode;
+    className?: string;
+    label?: string;
+    disabled?: boolean;
+    asChild?: boolean;
+    onSelect?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+} & Omit<Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children" | "onSelect" | "disabled"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
 type MenubarSubProps = {
     children: React__default.ReactNode;
     className?: string;
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Sub>;
+declare const MenubarSub: React__default.ForwardRefExoticComponent<{
+    children: React__default.ReactNode;
+    className?: string;
+} & Omit<{
+    children: React__default.ReactNode;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+} & {
+    children: React__default.ReactNode;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    crossAxisOffset?: number;
+    mainAxisOffset?: number;
+    collisionBoundary?: Element | null | Array<Element | null>;
+    collisionPadding?: number;
+    loop?: boolean;
+    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__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type MenubarSubTriggerProps = {
     children: React__default.ReactNode;
     className?: string;
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
+declare const MenubarSubTrigger: React__default.ForwardRefExoticComponent<{
+    children: React__default.ReactNode;
+    className?: string;
+} & Omit<{
+    children: React__default.ReactNode;
+    className?: string;
+    asChild?: boolean;
+} & Omit<Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+type MenubarMenuProps = {
+    children: React__default.ReactNode;
+    className?: string;
+} & ComponentPropsWithoutRef<typeof MenuPrimitive.Root>;
+declare const MenubarMenu: React__default.ForwardRefExoticComponent<{
+    children: React__default.ReactNode;
+    className?: string;
+} & Omit<{
+    children: React__default.ReactNode;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    crossAxisOffset?: number;
+    mainAxisOffset?: number;
+    collisionBoundary?: Element | null | Array<Element | null>;
+    collisionPadding?: number;
+    loop?: boolean;
+    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__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
 type SeparatorProps = {
@@ -73,6 +147,7 @@ declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps
 type MenubarSeparatorProps = {
     className?: string;
 } & ComponentPropsWithoutRef<typeof Separator>;
+declare const MenubarSeparator: React__default.ForwardRefExoticComponent<MenubarSeparatorProps & React__default.RefAttributes<HTMLElement>>;
 
 declare const Menubar: {
     (): null;
@@ -102,7 +177,11 @@ declare const Menubar: {
     Trigger: React$1.ForwardRefExoticComponent<{
         children: React.ReactNode;
         className?: string;
-    } & Omit<MenuPrimitiveTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+    } & Omit<{
+        children: React.ReactNode;
+        className?: string;
+        asChild?: boolean;
+    } & Omit<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
     Content: React$1.ForwardRefExoticComponent<{
         children: React.ReactNode;
         className?: string;
@@ -121,7 +200,14 @@ declare const Menubar: {
         children: React.ReactNode;
         className?: string;
         label?: string;
-    } & Omit<MenuPrimitiveItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+    } & Omit<{
+        children: React.ReactNode;
+        className?: string;
+        label?: string;
+        disabled?: boolean;
+        asChild?: boolean;
+        onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    } & Omit<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children" | "onSelect" | "disabled"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
     Sub: React$1.ForwardRefExoticComponent<{
         children: React.ReactNode;
         className?: string;
@@ -149,9 +235,13 @@ declare const Menubar: {
     SubTrigger: React$1.ForwardRefExoticComponent<{
         children: React.ReactNode;
         className?: string;
-    } & Omit<MenuPrimitiveTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+    } & Omit<{
+        children: React.ReactNode;
+        className?: string;
+        asChild?: boolean;
+    } & Omit<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "className" | "children"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
     Separator: React$1.ForwardRefExoticComponent<MenubarSeparatorProps & React$1.RefAttributes<HTMLElement>>;
 };
 
-export { Menubar as default };
+export { MenubarContent as Content, MenubarItem as Item, MenubarMenu as Menu, MenubarPortal as Portal, MenubarRoot as Root, MenubarSeparator as Separator, MenubarSub as Sub, MenubarSubTrigger as SubTrigger, MenubarTrigger as Trigger, Menubar as default };
 export type { MenubarContentProps, MenubarItemProps, MenubarMenuProps, MenubarPortalProps, MenubarRootProps, MenubarSeparatorProps, MenubarSubProps, MenubarSubTriggerProps, MenubarTriggerProps };

package/dist/components/Menubar.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import t,{forwardRef as n}from"react";import{u as r}from"./useComponentClass-QwNivz0h.js";import{c as o}from"./clsx-BaVHROc5.js";import{F as s}from"./index-Db-tduwt.js";import{M as a}from"./MenuPrimitive-COEgTo6S.js";import u from"./Separator.js";import"./ThemeContext-Sm-iNANd.js";import"./floating-ui.react-Byzse64h.js";import"react-dom";import"./index-wRElCyvx.js";import"./index-UODM4mVT.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-CfC8-kd8.js";const l=t.createContext(null),i=n((({children:n,customRootClass:a,className:u,dir:i,loop:c,...d},m)=>{const p=r(a,"Menubar"),[b,f]=t.useState([]),[h,g]=t.useState(0),[M,C]=t.useState(),v=t.useRef({}),N=t.useCallback(((e,t="closed")=>{f((n=>{const r=n.find((t=>t.id===e));return r?r.state===t?n:n.map((n=>n.id===e?{...n,state:t}:n)):[...n,{id:e,state:t}]}))}),[]),x=t.useCallback(((e,t)=>{"open"===t&&C((e=>-1===e?e:void 0)),f((n=>n.map((n=>n.id===e?{...n,state:t}:n))))}),[]),y=t.useCallback(((e,t)=>{t?v.current[e]=t:delete v.current[e]}),[]),w=t.useCallback((e=>{const t=b[h],n=b[e];if(t&&x(t.id,"closed"),n){const e="open"===t?.state;x(n.id,e?"open":"closed")}g(e)}),[h,b,x]),I=t.useCallback((e=>{if(0===b.length)return;const t=h>=0?h:b.findIndex((e=>"open"===e.state));if(-1===t)return;const n=(t+e+b.length)%b.length,r=b[n];r&&(C(-1),f((e=>e.map(((e,t)=>({...e,state:t===n?"open":"closed"}))))),g(n),v.current[r.id]?.focus())}),[h,b]),R=t.useMemo((()=>({rootClass:p,registerItem:N,items:b,updateItemState:x,updateItemTrigger:y,navigateMenu:I,contentInitialFocus:M})),[p,N,b,x,y,I,M]);return e(l.Provider,{value:R,children:e(s.Composite,{ref:m,className:o(p&&`${p}-root`,u),dir:i,loop:c,...d,activeIndex:h,onNavigate:w,children:n})})}));i.displayName="MenubarRoot";const c=t.createContext(null),d=n((({children:n,className:r,...u},i)=>{const d=t.useContext(l),m=t.useContext(c);if(!d)return console.warn("MenubarTrigger should be used in the MenubarRoot"),null;const{rootClass:p,updateItemTrigger:b}=d;if(!m)return console.warn("MenubarTrigger should be used in the MenubarMenu"),null;const{id:f,isOpen:h}=m,g=t.useCallback((e=>{b(f,e),"function"==typeof i?i(e):i&&(i.current=e)}),[f,i,b]);return e(s.CompositeItem,{render:()=>e(a.Trigger,{ref:g,className:o(p&&`${p}-trigger`,r),"data-active":h,...u,children:n})})}));d.displayName="MenubarTrigger";const m=n((({children:n,className:r,...s},u)=>{const i=t.useContext(l);if(!i)return console.warn("MenubarContent should be used in the MenubarRoot"),null;const{rootClass:c,navigateMenu:d,contentInitialFocus:m}=i,{onKeyDown:p,...b}=s,f=t.useCallback((e=>{"function"==typeof u?u(e):u&&(u.current=e)}),[u]);t.useEffect((()=>{const e=e=>{if(!e.defaultPrevented)return"ArrowLeft"===e.key?(e.preventDefault(),void d(-1)):void("ArrowRight"===e.key&&(e.preventDefault(),d(1)))};return document.addEventListener("keydown",e,!0),()=>{document.removeEventListener("keydown",e,!0)}}),[d]);return e(a.Content,{ref:f,className:o(c&&`${c}-content`,r),focusManagerDisabled:-1===m,initialFocus:m,onKeyDown:e=>{if(p?.(e),!e.defaultPrevented)return"ArrowLeft"===e.key?(e.preventDefault(),void d(-1)):void("ArrowRight"===e.key&&(e.preventDefault(),d(1)))},...b,children:n})}));m.displayName="MenubarContent";const p=n((({children:n,...r},o)=>t.useContext(l)?e(a.Portal,{ref:o,...r,children:n}):(console.warn("MenubarPortal should be used in the MenubarRoot"),null)));p.displayName="MenubarPortal";const b=n((({children:n,className:r,label:s,...u},i)=>{const c=t.useContext(l);if(!c)return console.warn("MenubarItem should be used in the MenubarRoot"),null;const{rootClass:d}=c;return e(a.Item,{ref:i,className:o(d&&`${d}-item`,r),label:s,...u,children:n})}));b.displayName="MenubarItem";const f=n((({children:n,className:r,...s},u)=>{const i=t.useContext(l);if(!i)return console.warn("MenubarSub should be used in the MenubarRoot"),null;const{rootClass:c}=i;return e(a.Sub,{ref:u,className:o(c&&`${c}-sub`,r),...s,children:n})}));f.displayName="MenubarSub";const h=n((({children:n,className:r,...s},u)=>{const i=t.useContext(l);if(!i)return console.warn("MenubarSubTrigger should be used in the MenubarRoot"),null;const{rootClass:c}=i;return e(a.Trigger,{ref:u,className:o(c&&`${c}-sub-trigger`,r),...s,children:n})}));h.displayName="MenubarSubTrigger";const g=n((({children:n,className:r,...u},i)=>{const d=t.useContext(l),m=s.useId(),p=t.useId(),b=m??p;if(!d)return console.warn("MenubarMenu should be used in the MenubarRoot"),null;const{rootClass:f,registerItem:h,items:g,updateItemState:M}=d;t.useEffect((()=>{b&&h(b)}),[b]);const C="open"===g.find((e=>e.id===b))?.state;return e(a.Root,{ref:i,className:o(f&&`${f}-menu`,r),"data-id":b,"data-active":C,open:C,onOpenChange:e=>b&&M(b,e?"open":"closed"),...u,children:e(c.Provider,{value:{id:b,isOpen:C},children:n})})}));g.displayName="MenubarMenu";const M=n((({className:n,...r},o)=>{const s=t.useContext(l);if(!s)return console.warn("MenubarSeparator should be used within MenubarRoot"),null;const{rootClass:a}=s;return e(u,{ref:o,customRootClass:a,className:n,...r})}));M.displayName="MenubarSeparator";const C=()=>(console.warn("Direct usage of Menubar is not supported. Please use Menubar.Root, Menubar.Item instead."),null);C.Root=i,C.Menu=g,C.Trigger=d,C.Content=m,C.Portal=p,C.Item=b,C.Sub=f,C.SubTrigger=h,C.Separator=M;export{C as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{forwardRef as n}from"react";import{u as r,c as o}from"./useComponentClass-C0isGl1z.js";import{F as a}from"./index-D8I-rMwz.js";import{M as s}from"./MenuPrimitive-D9VMz2TZ.js";import u from"./Separator.js";import"./ThemeContext-Sm-iNANd.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";const i=t.createContext(null),l=n((({children:n,customRootClass:s,className:u,dir:l,loop:c,rtl:d,onKeyDown:m,...p},b)=>{const f=r(s,"Menubar"),[g,h]=t.useState([]),[C,M]=t.useState(0),[I,N]=t.useState(),v=t.useRef({}),x=t.useCallback((e=>[...e].sort(((e,t)=>{const n=v.current[e.id],r=v.current[t.id];if(!n||!r)return 0;const o=n.compareDocumentPosition(r);return o&Node.DOCUMENT_POSITION_FOLLOWING?-1:o&Node.DOCUMENT_POSITION_PRECEDING?1:0}))),[]),w=t.useCallback(((e,t="closed")=>{h((n=>{const r=n.find((t=>t.id===e));return r?r.state===t?n:n.map((n=>n.id===e?{...n,state:t}:n)):x([...n,{id:e,state:t}])}))}),[x]),y=t.useCallback((e=>{h((t=>t.some((t=>t.id===e))?t.filter((t=>t.id!==e)):t))}),[]),S=t.useCallback(((e,t)=>{"open"===t&&N(void 0),h((n=>n.map((n=>n.id===e?{...n,state:t}:n))))}),[]),P=t.useCallback(((e,t)=>{t?v.current[e]=t:delete v.current[e]}),[]),k=t.useCallback((e=>{if(e===C)return;const t=g[C],n=g[e];if(t&&S(t.id,"closed"),n){const e="open"===t?.state;S(n.id,e?"open":"closed"),e&&N(-1)}M(e)}),[C,g,S]),R=t.useCallback((e=>{const t=g[e];t&&(N(-1),h((t=>t.map(((t,n)=>({...t,state:n===e?"open":"closed"}))))),M(e),v.current[t.id]?.focus())}),[g]),T=t.useCallback((e=>{if(0===g.length)return;const t=C>=0?C:g.findIndex((e=>"open"===e.state));-1!==t&&R((t+e+g.length)%g.length)}),[C,g,R]),O=t.useCallback((e=>{const t=g.findIndex((t=>t.id===e));if(-1===t)return;g.some((t=>t.id!==e&&"open"===t.state))&&"open"!==g[t].state&&R(t)}),[g,R]),j=t.useCallback((e=>{const t=g.findIndex((t=>t.id===e));-1!==t&&M(t)}),[g]),D=t.useCallback((e=>{if(m?.(e),e.defaultPrevented)return;if("Home"!==e.key&&"End"!==e.key)return;if(!Object.values(v.current).includes(e.target))return;const t="Home"===e.key?0:g.length-1,n=g[t];n&&(e.preventDefault(),k(t),v.current[n.id]?.focus())}),[k,g,m]),A=t.useMemo((()=>({rootClass:f,registerItem:w,unregisterItem:y,items:g,updateItemState:S,updateItemTrigger:P,navigateMenu:T,openMenuOnHover:O,activeIndex:C,setActiveItem:j,contentInitialFocus:I})),[f,w,y,g,S,P,T,O,C,j,I]);return e(i.Provider,{value:A,children:e(a.Composite,{ref:b,role:"menubar",className:o(f&&`${f}-root`,u),dir:l,loop:c,rtl:d??"rtl"===l,orientation:"horizontal",...p,activeIndex:C,onNavigate:k,onKeyDown:D,children:n})})}));l.displayName="MenubarRoot";const c=t.createContext(null),d=n((({children:n,className:r,onFocus:u,onPointerEnter:l,...d},m)=>{const p=t.useContext(i),b=t.useContext(c);if(!p)return console.warn("MenubarTrigger should be used in the MenubarRoot"),null;const{rootClass:f,updateItemTrigger:g,items:h,activeIndex:C,setActiveItem:M,openMenuOnHover:I}=p;if(!b)return console.warn("MenubarTrigger should be used in the MenubarMenu"),null;const{id:N,isOpen:v}=b,x=t.useCallback((e=>{g(N,e),"function"==typeof m?m(e):m&&(m.current=e)}),[N,m,g]),w=h.findIndex((e=>e.id===N)),y=w===C||0===w&&(C<0||C>=h.length),S=e=>{u?.(e),M(N)},P=e=>{l?.(e),e.defaultPrevented||"touch"===e.pointerType||I(N)};return e(a.CompositeItem,{render:()=>e(s.Trigger,{ref:x,className:o(f&&`${f}-trigger`,r),role:"menuitem","aria-haspopup":"menu","aria-expanded":v,tabIndex:y?0:-1,"data-state":v?"open":"closed","data-active":v,onFocus:S,onPointerEnter:P,...d,children:n})})}));d.displayName="MenubarTrigger";const m=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"]),p=n((({children:n,className:r,...a},u)=>{const l=t.useContext(i);if(!l)return console.warn("MenubarContent should be used in the MenubarRoot"),null;const{rootClass:c,navigateMenu:d,contentInitialFocus:p}=l,{onKeyDown:b,...f}=a,g=t.useCallback((e=>{"function"==typeof u?u(e):u&&(u.current=e)}),[u]);return e(s.Content,{ref:g,role:"menu","aria-orientation":"vertical",className:o(c&&`${c}-content`,r),initialFocus:p,onKeyDown:e=>{if(b?.(e),m.has(e.key)&&e.stopPropagation(),!e.defaultPrevented)return"ArrowLeft"===e.key?(e.preventDefault(),void d(-1)):void("ArrowRight"===e.key&&(e.preventDefault(),d(1)))},...f,children:n})}));p.displayName="MenubarContent";const b=n((({children:n,...r},o)=>t.useContext(i)?e(s.Portal,{ref:o,...r,children:n}):(console.warn("MenubarPortal should be used in the MenubarRoot"),null)));b.displayName="MenubarPortal";const f=n((({children:n,className:r,label:a,...u},l)=>{const c=t.useContext(i);if(!c)return console.warn("MenubarItem should be used in the MenubarRoot"),null;const{rootClass:d}=c;return e(s.Item,{ref:l,role:"menuitem",className:o(d&&`${d}-item`,r),label:a,...u,children:n})}));f.displayName="MenubarItem";const g=n((({children:n,className:r,...a},u)=>{const l=t.useContext(i);if(!l)return console.warn("MenubarSub should be used in the MenubarRoot"),null;const{rootClass:c}=l;return e(s.Sub,{ref:u,role:"none",className:o(c&&`${c}-sub`,r),...a,children:n})}));g.displayName="MenubarSub";const h=n((({children:n,className:r,...a},u)=>{const l=t.useContext(i);if(!l)return console.warn("MenubarSubTrigger should be used in the MenubarRoot"),null;const{rootClass:c}=l;return e(s.Trigger,{ref:u,role:"menuitem","aria-haspopup":"menu",className:o(c&&`${c}-sub-trigger`,r),...a,children:n})}));h.displayName="MenubarSubTrigger";const C=n((({children:n,className:r,onOpenChange:u,...l},d)=>{const m=t.useContext(i),p=a.useId(),b=t.useId(),f=p??b;if(!m)return console.warn("MenubarMenu should be used in the MenubarRoot"),null;const{rootClass:g,registerItem:h,unregisterItem:C,items:M,updateItemState:I}=m;t.useEffect((()=>{if(f)return h(f),()=>C(f)}),[f]);const N="open"===M.find((e=>e.id===f))?.state;return e(s.Root,{ref:d,role:"none",className:o(g&&`${g}-menu`,r),"data-id":f,"data-active":N,open:N,onOpenChange:e=>{f&&I(f,e?"open":"closed"),u?.(e)},...l,children:e(c.Provider,{value:{id:f,isOpen:N},children:n})})}));C.displayName="MenubarMenu";const M=n((({className:n,...r},o)=>{const a=t.useContext(i);if(!a)return console.warn("MenubarSeparator should be used within MenubarRoot"),null;const{rootClass:s}=a;return e(u,{ref:o,customRootClass:s,className:n,...r})}));M.displayName="MenubarSeparator";const I=()=>(console.warn("Direct usage of Menubar is not supported. Please use Menubar.Root, Menubar.Item instead."),null);I.Root=l,I.Menu=C,I.Trigger=d,I.Content=p,I.Portal=b,I.Item=f,I.Sub=g,I.SubTrigger=h,I.Separator=M;export{p as Content,f as Item,C as Menu,b as Portal,l as Root,M as Separator,g as Sub,h as SubTrigger,d as Trigger,I as default};

package/dist/components/Minimap.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./useComponentClass-B0DF90tm.cjs"),s=require("./index-CbKtybdA.cjs"),o=require("./index-BeakeOqt.cjs"),n=require("./mergeProps-DW5qFqqJ.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-WGIYLuwZ.cjs"),require("./keyboard-BBlFllyi.cjs"),require("./mergeRefs-BUn-enYe.cjs");const l=t.createContext({rootClass:"",rootRef:null}),i=t.forwardRef((({children:i,className:a,customRootClass:c="",...u},d)=>{const m=r.useComponentClass(c,"Minimap"),f=t.useRef(null),p=t.useMemo((()=>n.composeRefs(f,d)),[d]),x=t.useMemo((()=>({rootClass:m,rootRef:f})),[m]);return e.jsx(l.Provider,{value:x,children:e.jsx(o.RovingFocusGroupUtility.Root,{loop:!0,orientation:"both",children:e.jsx(o.RovingFocusGroupUtility.Group,{children:e.jsx(s.Primitive.div,{ref:p,className:r.clsx(m,a),...u,children:i})})})})}));i.displayName="Minimap.Root";const a=t.createContext({value:"",isVisible:!1}),c=t.createContext({visibleItems:[],handleInView:()=>{},handleOutView:()=>{},scrollToItem:()=>{},registerRef:()=>{}}),u=t.forwardRef((({children:n,className:i="",value:u,...d},m)=>{const{rootClass:f}=t.useContext(l)||{rootClass:""},{visibleItems:p,scrollToItem:x}=t.useContext(c),h=p.includes(u),C=t.useMemo((()=>({value:u,isVisible:h})),[u,h]),v=t.useCallback((()=>{x(u)}),[u,x]);return e.jsx(a.Provider,{value:C,children:e.jsx(o.RovingFocusGroupUtility.Item,{children:e.jsx(s.Primitive.button,{ref:m,onClick:v,className:r.clsx(f&&`${f}-item`,i),"data-in-view":h?"true":"false",...d,children:n})})})}));u.displayName="Minimap.Item";const d=t.forwardRef((({children:s,className:o="",...n},i)=>{const{rootClass:a}=t.useContext(l);return e.jsx("span",{ref:i,className:r.clsx(a&&`${a}-track`,o),...n,children:s})}));d.displayName="Minimap.Track";const m=t.forwardRef((({children:s,className:o="",...n},i)=>{const{rootClass:u}=t.useContext(l)||{rootClass:""},{value:d}=t.useContext(a)||{value:""},{visibleItems:m}=t.useContext(c),f=m.indexOf(d),p=-1!==f,x=-1!==f&&f<m.length-1,h=p&&x;return e.jsx("span",{ref:i,className:r.clsx(u&&`${u}-line`,o),"data-in-view":h?"true":"false",...n,children:s})}));m.displayName="Minimap.Line";const f=t.forwardRef((({children:s,className:o="",...n},i)=>{const{rootClass:a}=t.useContext(l);return e.jsx("span",{ref:i,className:r.clsx(a&&`${a}-content`,o),...n,children:s})}));f.displayName="Minimap.Content";const p=t.forwardRef((({children:s,className:o="",...n},i)=>{const{rootClass:c}=t.useContext(l)||{rootClass:""},{isVisible:u}=t.useContext(a)||{isVisible:!1};return e.jsx("span",{ref:i,className:r.clsx(c&&`${c}-bubble`,o),"data-in-view":u?"true":"false",...n,children:s})}));p.displayName="Minimap.Bubble";const x=({children:r,className:s="",scrollable:o,...n})=>{const[l,i]=t.useState([]),a=t.useRef(new Map),u=t.useRef(null),d=t.useCallback(((e,t)=>{t?a.current.set(e,t):a.current.delete(e)}),[]),m=t.useCallback((e=>{i((t=>{if(null===e||t.includes(e))return t;return[...t,e].sort(((e,t)=>{const r=a.current.get(e),s=a.current.get(t);if(!r||!s)return 0;return r.compareDocumentPosition(s)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))}))}),[]),f=t.useCallback((e=>{i((t=>null!==e&&t.includes(e)?t.filter((t=>t!==e)):t))}),[]),p=t.useCallback((e=>{const t=a.current.get(e);if(!t)return;let r=null;if(o&&u.current)r=u.current;else{const e=t=>{if(!t||t===document.body)return null;const r=window.getComputedStyle(t);return("auto"===r.overflow||"scroll"===r.overflow||"auto"===r.overflowY||"scroll"===r.overflowY)&&t.scrollHeight>t.clientHeight?t:e(t.parentElement)};r=e(t.parentElement)}if(r){const e=t.getBoundingClientRect(),s=r.getBoundingClientRect(),o=e.top-s.top+r.scrollTop,n=r.scrollHeight-r.clientHeight,l=Math.max(0,Math.min(o,n));Math.abs(l-r.scrollTop)>1&&r.scrollTo({top:l,behavior:"smooth"})}else"function"==typeof t.scrollIntoView&&t.scrollIntoView({behavior:"smooth",block:"start"})}),[o]),x=t.useMemo((()=>({visibleItems:l,handleInView:m,handleOutView:f,scrollToItem:p,registerRef:d})),[l,m,f,p,d]);return e.jsx(c.Provider,{value:x,children:e.jsx("div",{ref:u,className:`${s}`,...n,children:r})})};function h(e){if(!e)return null;const t=window.getComputedStyle(e).overflowY;return"auto"===t||"scroll"===t?e:h(e.parentElement)}function C({onEnter:e,onLeave:r,threshold:s=0,rootMargin:o="0px",root:n}){const l=t.useRef(null);return t.useEffect((()=>{if("undefined"==typeof window||!("IntersectionObserver"in window))return;if(!l.current)return;const t=n??h(l.current),i=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting?e?.():r?.()}))}),{threshold:s,rootMargin:o,root:t});return i.observe(l.current),()=>{l.current&&i.unobserve(l.current),i.disconnect()}}),[e,r,s,o,n]),l}const v=({children:s,className:o="",value:n="",...l})=>{const{handleInView:i,handleOutView:a,registerRef:u}=t.useContext(c),d=C({onEnter:t.useCallback((()=>{n&&i(n)}),[n,i]),onLeave:t.useCallback((()=>{n&&a(n)}),[n,a]),threshold:.1}),m=t.useCallback((e=>{d&&"current"in d&&(d.current=e),n&&u(n,e)}),[d,n,u]);return e.jsx("div",{ref:m,className:r.clsx(o),...l,children:s})},b=Object.assign((()=>(console.warn("Direct usage of Minimap is not supported. Please use Minimap.Root, Minimap.Item instead."),null)),{Root:i,Item:u,Track:d,Line:m,Content:f,Bubble:p,Provider:x,Waypoint:v});exports.Bubble=p,exports.Content=f,exports.Item=u,exports.Line=m,exports.Provider=x,exports.Root=i,exports.Track=d,exports.Waypoint=v,exports.default=b;

package/dist/components/Minimap.d.ts

@@ -1,27 +1,31 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type MinimapRootProps = React.HTMLAttributes<HTMLDivElement> & {
     customRootClass?: string;
 };
-declare const MinimapRoot: ({ children, className, customRootClass, ...props }: MinimapRootProps) => react_jsx_runtime.JSX.Element;
+declare const MinimapRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    customRootClass?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 
 type MinimapItemProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     value: string;
 };
-declare const MinimapItem: ({ children, className, value, ...props }: MinimapItemProps) => react_jsx_runtime.JSX.Element;
+declare const MinimapItem: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    value: string;
+} & React.RefAttributes<HTMLButtonElement>>;
 
-type MinimapTrackProps = React.HTMLAttributes<HTMLDivElement>;
-declare const MinimapTrack: ({ children, className, ...props }: MinimapTrackProps) => react_jsx_runtime.JSX.Element;
+type MinimapTrackProps = React.HTMLAttributes<HTMLElement>;
+declare const MinimapTrack: React.ForwardRefExoticComponent<MinimapTrackProps & React.RefAttributes<HTMLElement>>;
 
-type MinimapLineProps = React.HTMLAttributes<HTMLDivElement>;
-declare const MinimapLine: ({ children, className, ...props }: MinimapLineProps) => react_jsx_runtime.JSX.Element;
+type MinimapLineProps = React.HTMLAttributes<HTMLElement>;
+declare const MinimapLine: React.ForwardRefExoticComponent<MinimapLineProps & React.RefAttributes<HTMLElement>>;
 
-type MinimapContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare const MinimapContent: ({ children, className, ...props }: MinimapContentProps) => react_jsx_runtime.JSX.Element;
+type MinimapContentProps = React.HTMLAttributes<HTMLElement>;
+declare const MinimapContent: React.ForwardRefExoticComponent<MinimapContentProps & React.RefAttributes<HTMLElement>>;
 
-type MinimapBubbleProps = React.HTMLAttributes<HTMLDivElement>;
-declare const MinimapBubble: ({ children, className, ...props }: MinimapBubbleProps) => react_jsx_runtime.JSX.Element;
+type MinimapBubbleProps = React.HTMLAttributes<HTMLElement>;
+declare const MinimapBubble: React.ForwardRefExoticComponent<MinimapBubbleProps & React.RefAttributes<HTMLElement>>;
 
 type MinimapProviderProps = React.HTMLAttributes<HTMLDivElement> & {
     children: React.ReactNode;
@@ -47,5 +51,5 @@ type MinimapComponentType = typeof MinimapComponent & {
 };
 declare const Minimap: MinimapComponentType;
 
-export { Minimap as default };
+export { MinimapBubble as Bubble, MinimapContent as Content, MinimapItem as Item, MinimapLine as Line, MinimapProvider as Provider, MinimapRoot as Root, MinimapTrack as Track, MinimapWaypoint as Waypoint, Minimap as default };
 export type { MinimapBubbleProps, MinimapContentProps, MinimapItemProps, MinimapLineProps, MinimapProviderProps, MinimapRootProps, MinimapTrackProps, MinimapWaypointProps };