@radui/ui 1.0.0 → 1.1.0

package/dist/components/Menubar.d.ts

@@ -3,7 +3,6 @@ import * as React$1 from 'react';
 import React__default, { ComponentPropsWithoutRef } from 'react';
 import Floater from '~/core/primitives/Floater';
 import MenuPrimitive from '~/core/primitives/Menu/MenuPrimitive';
-import Primitive from '~/core/primitives/Primitive';
 
 type MenubarRootProps = {
     children: React__default.ReactNode;
@@ -41,6 +40,7 @@ declare const MenubarContent: React__default.ForwardRefExoticComponent<{
     className?: string;
     initialFocus?: number;
     focusManagerDisabled?: boolean;
+    forceMount?: boolean;
 } & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type MenubarPortalProps = {
@@ -48,9 +48,12 @@ type MenubarPortalProps = {
 } & ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
 declare const MenubarPortal: React__default.ForwardRefExoticComponent<{
     children: React__default.ReactNode;
-} & Omit<{
+} & Omit<Omit<_floating_ui_react.FloatingPortalProps, "root"> & {
     children: React__default.ReactNode;
-} & _floating_ui_react.FloatingPortalProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+    container?: HTMLElement | null;
+    forceMount?: boolean;
+    root?: HTMLElement | null;
+} & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type MenubarItemProps = {
     children: React__default.ReactNode;
@@ -97,7 +100,8 @@ declare const MenubarSub: React__default.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__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+    dir?: "ltr" | "rtl";
+} & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type MenubarSubTriggerProps = {
     children: React__default.ReactNode;
@@ -133,21 +137,31 @@ declare const MenubarMenu: React__default.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__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+    dir?: "ltr" | "rtl";
+} & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
-type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
-type SeparatorProps = {
-    orientation?: 'horizontal' | 'vertical';
+declare const Separator: React__default.ForwardRefExoticComponent<{
+    orientation?: "horizontal" | "vertical";
     customRootClass?: string;
     color?: string;
     decorative?: boolean;
-} & PrimitiveDivProps;
-declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps & React__default.RefAttributes<HTMLElement>>;
+} & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React__default.RefAttributes<HTMLElement>, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 type MenubarSeparatorProps = {
     className?: string;
 } & ComponentPropsWithoutRef<typeof Separator>;
-declare const MenubarSeparator: React__default.ForwardRefExoticComponent<MenubarSeparatorProps & React__default.RefAttributes<HTMLElement>>;
+declare const MenubarSeparator: React__default.ForwardRefExoticComponent<{
+    className?: string;
+} & Omit<{
+    orientation?: "horizontal" | "vertical";
+    customRootClass?: string;
+    color?: string;
+    decorative?: boolean;
+} & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React__default.RefAttributes<HTMLElement>, "ref"> & React__default.RefAttributes<HTMLElement>, "ref"> & React__default.RefAttributes<HTMLElement>>;
 
 declare const Menubar: {
     (): null;
@@ -173,7 +187,8 @@ declare const Menubar: {
         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$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+        dir?: "ltr" | "rtl";
+    } & Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
     Trigger: React$1.ForwardRefExoticComponent<{
         children: React.ReactNode;
         className?: string;
@@ -190,12 +205,16 @@ declare const Menubar: {
         className?: string;
         initialFocus?: number;
         focusManagerDisabled?: boolean;
+        forceMount?: boolean;
     } & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
     Portal: React$1.ForwardRefExoticComponent<{
         children: React.ReactNode;
-    } & Omit<{
+    } & Omit<Omit<_floating_ui_react.FloatingPortalProps, "root"> & {
         children: React.ReactNode;
-    } & _floating_ui_react.FloatingPortalProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+        container?: HTMLElement | null;
+        forceMount?: boolean;
+        root?: HTMLElement | null;
+    } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
     Item: React$1.ForwardRefExoticComponent<{
         children: React.ReactNode;
         className?: string;
@@ -231,7 +250,8 @@ declare const Menubar: {
         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$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+        dir?: "ltr" | "rtl";
+    } & Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "dir"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
     SubTrigger: React$1.ForwardRefExoticComponent<{
         children: React.ReactNode;
         className?: string;
@@ -240,7 +260,16 @@ declare const Menubar: {
         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>>;
+    Separator: React$1.ForwardRefExoticComponent<{
+        className?: string;
+    } & Omit<{
+        orientation?: "horizontal" | "vertical";
+        customRootClass?: string;
+        color?: string;
+        decorative?: boolean;
+    } & Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        asChild?: boolean;
+    } & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
 };
 
 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 };

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,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};
+'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-B_OPdW20.js";import{M as s}from"./MenuPrimitive-Cy_MJfjG.js";import u from"./Separator.js";import"./ThemeContext-Sm-iNANd.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";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/Meter.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("react/jsx-runtime"),e=require("react"),t=require("./useComponentClass-B0DF90tm.cjs"),r=require("./index-Bg-UeWCo.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const s=e.createContext({value:0,minValue:0,maxValue:100,rootClass:"",state:"normal"}),l="Meter",i=e.forwardRef((({value:e=0,minValue:i=0,maxValue:o=100,lowValue:u,highValue:m,optimumValue:d,getValueLabel:n,customRootClass:c,className:x,children:v,...h},p)=>{const C=t.useComponentClass(c,l),V=Math.max(i,o),f=((a,e,t)=>t<=e?e:Math.min(Math.max(a,e),t))(e,i,V),j=((a,e,t,r)=>void 0!==r&&a===r?"optimum":void 0!==e&&a<e?"low":void 0!==t&&a>t?"high":"normal")(f,u,m,d),N=n?.(f,i,V),{asChild:M,...w}=h;return a.jsx(s.Provider,{value:{value:f,minValue:i,maxValue:V,lowValue:u,highValue:m,optimumValue:d,rootClass:C,state:j},children:a.jsx(r.Primitive.div,{role:"meter","aria-valuenow":f,"aria-valuemin":i,"aria-valuemax":V,"aria-valuetext":N,"data-state":j,"data-value":f,"data-min":i,"data-max":V,"data-low":u,"data-high":m,"data-optimum":d,className:t.clsx(C,x),asChild:M,ref:p,...w,children:v})})}));i.displayName=l;const o=e.forwardRef((({className:l,style:i,...o},u)=>{const{value:m,minValue:d,maxValue:n,rootClass:c,state:x}=e.useContext(s),v=n===d?0:(m-d)/(n-d)*100,{asChild:h,...p}=o;return a.jsx(r.Primitive.div,{className:t.clsx(c&&`${c}-indicator`,l),style:{transform:`translateX(-${100-v}%)`,...i},"data-state":x,"data-value":m,"data-min":d,"data-max":n,asChild:h,ref:u,...p})}));o.displayName="MeterIndicator";const u="Meter",m=e.forwardRef(((e,t)=>a.jsx(i,{ref:t,...e})));m.displayName=u,m.Root=i,m.Indicator=o,exports.COMPONENT_NAME=u,exports.Indicator=o,exports.Root=i,exports.default=m;

package/dist/components/Meter.d.ts

@@ -0,0 +1,44 @@
+import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
+import Primitive from '~/core/primitives/Primitive';
+
+type MeterRootElement = ElementRef<typeof Primitive.div>;
+type MeterRootProps = {
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    lowValue?: number;
+    highValue?: number;
+    optimumValue?: number;
+    getValueLabel?: (value: number, minValue: number, maxValue: number) => string;
+    customRootClass?: string;
+    children?: React.ReactNode;
+} & ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const MeterRoot: React.ForwardRefExoticComponent<{
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    lowValue?: number;
+    highValue?: number;
+    optimumValue?: number;
+    getValueLabel?: (value: number, minValue: number, maxValue: number) => string;
+    customRootClass?: string;
+    children?: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+
+type MeterIndicatorProps = ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const MeterIndicator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+
+declare const COMPONENT_NAME = "Meter";
+type MeterProps = MeterRootProps;
+type MeterComponent = React.ForwardRefExoticComponent<MeterProps & React.RefAttributes<MeterRootElement>> & {
+    Root: typeof MeterRoot;
+    Indicator: typeof MeterIndicator;
+};
+declare const Meter: MeterComponent;
+
+export { COMPONENT_NAME, MeterIndicator as Indicator, MeterRoot as Root, Meter as default };
+export type { MeterIndicatorProps, MeterProps, MeterRootProps };

package/dist/components/Meter.js

@@ -0,0 +1 @@
+'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as e,forwardRef as t,useContext as l}from"react";import{u as o,c as s}from"./useComponentClass-C0isGl1z.js";import{P as m}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const i=e({value:0,minValue:0,maxValue:100,rootClass:"",state:"normal"}),r="Meter",u=t((({value:e=0,minValue:t=0,maxValue:l=100,lowValue:u,highValue:d,optimumValue:n,getValueLabel:c,customRootClass:h,className:v,children:p,...V},x)=>{const C=o(h,r),f=Math.max(t,l),N=((a,e,t)=>t<=e?e:Math.min(Math.max(a,e),t))(e,t,f),g=((a,e,t,l)=>void 0!==l&&a===l?"optimum":void 0!==e&&a<e?"low":void 0!==t&&a>t?"high":"normal")(N,u,d,n),M=c?.(N,t,f),{asChild:j,...w}=V;return a(i.Provider,{value:{value:N,minValue:t,maxValue:f,lowValue:u,highValue:d,optimumValue:n,rootClass:C,state:g},children:a(m.div,{role:"meter","aria-valuenow":N,"aria-valuemin":t,"aria-valuemax":f,"aria-valuetext":M,"data-state":g,"data-value":N,"data-min":t,"data-max":f,"data-low":u,"data-high":d,"data-optimum":n,className:s(C,v),asChild:j,ref:x,...w,children:p})})}));u.displayName=r;const d=t((({className:e,style:t,...o},r)=>{const{value:u,minValue:d,maxValue:n,rootClass:c,state:h}=l(i),v=n===d?0:(u-d)/(n-d)*100,{asChild:p,...V}=o;return a(m.div,{className:s(c&&`${c}-indicator`,e),style:{transform:`translateX(-${100-v}%)`,...t},"data-state":h,"data-value":u,"data-min":d,"data-max":n,asChild:p,ref:r,...V})}));d.displayName="MeterIndicator";const n="Meter",c=t(((e,t)=>a(u,{ref:t,...e})));c.displayName=n,c.Root=u,c.Indicator=d;export{n as COMPONENT_NAME,d as Indicator,u as Root,c 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-Bg-UeWCo.cjs"),o=require("./index-rUSzFrhJ.cjs"),n=require("./mergeProps-DW5qFqqJ.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-BZO29jsF.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.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as r,useRef as n,useEffect as o}from"react";import{u as s,c as l}from"./useComponentClass-C0isGl1z.js";import{P as a}from"./index-XF8itt-H.js";import{R as i}from"./index-C7dBo_Ry.js";import{c}from"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";import"./index-FITGoHty.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";const u=r({rootClass:"",rootRef:null}),m=t.forwardRef((({children:r,className:n,customRootClass:o="",...m},d)=>{const f=s(o,"Minimap"),p=t.useRef(null),h=t.useMemo((()=>c(p,d)),[d]),C=t.useMemo((()=>({rootClass:f,rootRef:p})),[f]);return e(u.Provider,{value:C,children:e(i.Root,{loop:!0,orientation:"both",children:e(i.Group,{children:e(a.div,{ref:h,className:l(f,n),...m,children:r})})})})}));m.displayName="Minimap.Root";const d=r({value:"",isVisible:!1}),f=r({visibleItems:[],handleInView:()=>{},handleOutView:()=>{},scrollToItem:()=>{},registerRef:()=>{}}),p=t.forwardRef((({children:r,className:n="",value:o,...s},c)=>{const{rootClass:m}=t.useContext(u)||{rootClass:""},{visibleItems:p,scrollToItem:h}=t.useContext(f),C=p.includes(o),b=t.useMemo((()=>({value:o,isVisible:C})),[o,C]),v=t.useCallback((()=>{h(o)}),[o,h]);return e(d.Provider,{value:b,children:e(i.Item,{children:e(a.button,{ref:c,onClick:v,className:l(m&&`${m}-item`,n),"data-in-view":C?"true":"false",...s,children:r})})})}));p.displayName="Minimap.Item";const h=t.forwardRef((({children:r,className:n="",...o},s)=>{const{rootClass:a}=t.useContext(u);return e("span",{ref:s,className:l(a&&`${a}-track`,n),...o,children:r})}));h.displayName="Minimap.Track";const C=t.forwardRef((({children:r,className:n="",...o},s)=>{const{rootClass:a}=t.useContext(u)||{rootClass:""},{value:i}=t.useContext(d)||{value:""},{visibleItems:c}=t.useContext(f),m=c.indexOf(i),p=-1!==m,h=-1!==m&&m<c.length-1,C=p&&h;return e("span",{ref:s,className:l(a&&`${a}-line`,n),"data-in-view":C?"true":"false",...o,children:r})}));C.displayName="Minimap.Line";const b=t.forwardRef((({children:r,className:n="",...o},s)=>{const{rootClass:a}=t.useContext(u);return e("span",{ref:s,className:l(a&&`${a}-content`,n),...o,children:r})}));b.displayName="Minimap.Content";const v=t.forwardRef((({children:r,className:n="",...o},s)=>{const{rootClass:a}=t.useContext(u)||{rootClass:""},{isVisible:i}=t.useContext(d)||{isVisible:!1};return e("span",{ref:s,className:l(a&&`${a}-bubble`,n),"data-in-view":i?"true":"false",...o,children:r})}));v.displayName="Minimap.Bubble";const w=({children:r,className:n="",scrollable:o,...s})=>{const[l,a]=t.useState([]),i=t.useRef(new Map),c=t.useRef(null),u=t.useCallback(((e,t)=>{t?i.current.set(e,t):i.current.delete(e)}),[]),m=t.useCallback((e=>{a((t=>{if(null===e||t.includes(e))return t;return[...t,e].sort(((e,t)=>{const r=i.current.get(e),n=i.current.get(t);if(!r||!n)return 0;return r.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))}))}),[]),d=t.useCallback((e=>{a((t=>null!==e&&t.includes(e)?t.filter((t=>t!==e)):t))}),[]),p=t.useCallback((e=>{const t=i.current.get(e);if(!t)return;let r=null;if(o&&c.current)r=c.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(),n=r.getBoundingClientRect(),o=e.top-n.top+r.scrollTop,s=r.scrollHeight-r.clientHeight,l=Math.max(0,Math.min(o,s));Math.abs(l-r.scrollTop)>1&&r.scrollTo({top:l,behavior:"smooth"})}else"function"==typeof t.scrollIntoView&&t.scrollIntoView({behavior:"smooth",block:"start"})}),[o]),h=t.useMemo((()=>({visibleItems:l,handleInView:m,handleOutView:d,scrollToItem:p,registerRef:u})),[l,m,d,p,u]);return e(f.Provider,{value:h,children:e("div",{ref:c,className:`${n}`,...s,children:r})})};function N(e){if(!e)return null;const t=window.getComputedStyle(e).overflowY;return"auto"===t||"scroll"===t?e:N(e.parentElement)}function g({onEnter:e,onLeave:t,threshold:r=0,rootMargin:s="0px",root:l}){const a=n(null);return o((()=>{if("undefined"==typeof window||!("IntersectionObserver"in window))return;if(!a.current)return;const n=l??N(a.current),o=new IntersectionObserver((r=>{r.forEach((r=>{r.isIntersecting?e?.():t?.()}))}),{threshold:r,rootMargin:s,root:n});return o.observe(a.current),()=>{a.current&&o.unobserve(a.current),o.disconnect()}}),[e,t,r,s,l]),a}const R=({children:r,className:n="",value:o="",...s})=>{const{handleInView:a,handleOutView:i,registerRef:c}=t.useContext(f),u=g({onEnter:t.useCallback((()=>{o&&a(o)}),[o,a]),onLeave:t.useCallback((()=>{o&&i(o)}),[o,i]),threshold:.1}),m=t.useCallback((e=>{u&&"current"in u&&(u.current=e),o&&c(o,e)}),[u,o,c]);return e("div",{ref:m,className:l(n),...s,children:r})},I=Object.assign((()=>(console.warn("Direct usage of Minimap is not supported. Please use Minimap.Root, Minimap.Item instead."),null)),{Root:m,Item:p,Track:h,Line:C,Content:b,Bubble:v,Provider:w,Waypoint:R});export{v as Bubble,b as Content,p as Item,C as Line,w as Provider,m as Root,h as Track,R as Waypoint,I as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as r,useRef as n,useEffect as o}from"react";import{u as s,c as l}from"./useComponentClass-C0isGl1z.js";import{P as a}from"./index-BidxkqdT.js";import{R as i}from"./index-D8QLtYJh.js";import{c}from"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";import"./index-DH-14XDv.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";const u=r({rootClass:"",rootRef:null}),m=t.forwardRef((({children:r,className:n,customRootClass:o="",...m},d)=>{const f=s(o,"Minimap"),p=t.useRef(null),h=t.useMemo((()=>c(p,d)),[d]),C=t.useMemo((()=>({rootClass:f,rootRef:p})),[f]);return e(u.Provider,{value:C,children:e(i.Root,{loop:!0,orientation:"both",children:e(i.Group,{children:e(a.div,{ref:h,className:l(f,n),...m,children:r})})})})}));m.displayName="Minimap.Root";const d=r({value:"",isVisible:!1}),f=r({visibleItems:[],handleInView:()=>{},handleOutView:()=>{},scrollToItem:()=>{},registerRef:()=>{}}),p=t.forwardRef((({children:r,className:n="",value:o,...s},c)=>{const{rootClass:m}=t.useContext(u)||{rootClass:""},{visibleItems:p,scrollToItem:h}=t.useContext(f),C=p.includes(o),b=t.useMemo((()=>({value:o,isVisible:C})),[o,C]),v=t.useCallback((()=>{h(o)}),[o,h]);return e(d.Provider,{value:b,children:e(i.Item,{children:e(a.button,{ref:c,onClick:v,className:l(m&&`${m}-item`,n),"data-in-view":C?"true":"false",...s,children:r})})})}));p.displayName="Minimap.Item";const h=t.forwardRef((({children:r,className:n="",...o},s)=>{const{rootClass:a}=t.useContext(u);return e("span",{ref:s,className:l(a&&`${a}-track`,n),...o,children:r})}));h.displayName="Minimap.Track";const C=t.forwardRef((({children:r,className:n="",...o},s)=>{const{rootClass:a}=t.useContext(u)||{rootClass:""},{value:i}=t.useContext(d)||{value:""},{visibleItems:c}=t.useContext(f),m=c.indexOf(i),p=-1!==m,h=-1!==m&&m<c.length-1,C=p&&h;return e("span",{ref:s,className:l(a&&`${a}-line`,n),"data-in-view":C?"true":"false",...o,children:r})}));C.displayName="Minimap.Line";const b=t.forwardRef((({children:r,className:n="",...o},s)=>{const{rootClass:a}=t.useContext(u);return e("span",{ref:s,className:l(a&&`${a}-content`,n),...o,children:r})}));b.displayName="Minimap.Content";const v=t.forwardRef((({children:r,className:n="",...o},s)=>{const{rootClass:a}=t.useContext(u)||{rootClass:""},{isVisible:i}=t.useContext(d)||{isVisible:!1};return e("span",{ref:s,className:l(a&&`${a}-bubble`,n),"data-in-view":i?"true":"false",...o,children:r})}));v.displayName="Minimap.Bubble";const w=({children:r,className:n="",scrollable:o,...s})=>{const[l,a]=t.useState([]),i=t.useRef(new Map),c=t.useRef(null),u=t.useCallback(((e,t)=>{t?i.current.set(e,t):i.current.delete(e)}),[]),m=t.useCallback((e=>{a((t=>{if(null===e||t.includes(e))return t;return[...t,e].sort(((e,t)=>{const r=i.current.get(e),n=i.current.get(t);if(!r||!n)return 0;return r.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))}))}),[]),d=t.useCallback((e=>{a((t=>null!==e&&t.includes(e)?t.filter((t=>t!==e)):t))}),[]),p=t.useCallback((e=>{const t=i.current.get(e);if(!t)return;let r=null;if(o&&c.current)r=c.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(),n=r.getBoundingClientRect(),o=e.top-n.top+r.scrollTop,s=r.scrollHeight-r.clientHeight,l=Math.max(0,Math.min(o,s));Math.abs(l-r.scrollTop)>1&&r.scrollTo({top:l,behavior:"smooth"})}else"function"==typeof t.scrollIntoView&&t.scrollIntoView({behavior:"smooth",block:"start"})}),[o]),h=t.useMemo((()=>({visibleItems:l,handleInView:m,handleOutView:d,scrollToItem:p,registerRef:u})),[l,m,d,p,u]);return e(f.Provider,{value:h,children:e("div",{ref:c,className:`${n}`,...s,children:r})})};function N(e){if(!e)return null;const t=window.getComputedStyle(e).overflowY;return"auto"===t||"scroll"===t?e:N(e.parentElement)}function g({onEnter:e,onLeave:t,threshold:r=0,rootMargin:s="0px",root:l}){const a=n(null);return o((()=>{if("undefined"==typeof window||!("IntersectionObserver"in window))return;if(!a.current)return;const n=l??N(a.current),o=new IntersectionObserver((r=>{r.forEach((r=>{r.isIntersecting?e?.():t?.()}))}),{threshold:r,rootMargin:s,root:n});return o.observe(a.current),()=>{a.current&&o.unobserve(a.current),o.disconnect()}}),[e,t,r,s,l]),a}const R=({children:r,className:n="",value:o="",...s})=>{const{handleInView:a,handleOutView:i,registerRef:c}=t.useContext(f),u=g({onEnter:t.useCallback((()=>{o&&a(o)}),[o,a]),onLeave:t.useCallback((()=>{o&&i(o)}),[o,i]),threshold:.1}),m=t.useCallback((e=>{u&&"current"in u&&(u.current=e),o&&c(o,e)}),[u,o,c]);return e("div",{ref:m,className:l(n),...s,children:r})},I=Object.assign((()=>(console.warn("Direct usage of Minimap is not supported. Please use Minimap.Root, Minimap.Item instead."),null)),{Root:m,Item:p,Track:h,Line:C,Content:b,Bubble:v,Provider:w,Waypoint:R});export{v as Bubble,b as Content,p as Item,C as Line,w as Provider,m as Root,h as Track,R as Waypoint,I as default};

package/dist/components/NavigationMenu.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("./index-rUSzFrhJ.cjs"),t=require("./index-BwNOI8cB.cjs"),o=require("./useComponentClass-B0DF90tm.cjs"),s=require("./index-DrMwbB8q.cjs"),c=require("./keyboard-BBlFllyi.cjs"),i=require("./mergeRefs-BUn-enYe.cjs");require("./index-Bg-UeWCo.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-BZO29jsF.cjs"),require("./ThemeContext-t7IX-w6i.cjs");const u=n.createContext({isOpen:"",setIsOpen:()=>{},rootClass:"",contentLoop:!0}),l="NavigationMenu",a=n.forwardRef((({children:n,value:s,defaultValue:c="",onValueChange:i,customRootClass:a,loop:d=!0,contentLoop:f=!0,dir:p,className:m,...g},v)=>{const x=o.useComponentClass(a,l),[C,R]=t.useControllableState(s,c,i);return e.jsx("nav",{ref:v,dir:p,...g,children:e.jsx(u.Provider,{value:{isOpen:C,setIsOpen:R,rootClass:x,contentLoop:f,dir:p},children:e.jsx(r.RovingFocusGroupUtility.Root,{loop:d,dir:p,children:e.jsx(r.RovingFocusGroupUtility.Group,{className:o.clsx(x&&`${x}-root`,m),children:n})})})})}));a.displayName=l;const d=n.createContext({itemOpen:!1,handleTrigger:()=>{},triggerRef:{current:null}}),f=n.forwardRef((({value:r,children:t,className:l,onMouseEnter:a,onMouseLeave:f,onBlur:p,...m},g)=>{const{isOpen:v,setIsOpen:x,rootClass:C}=n.useContext(u),R=n.useRef(null),h=n.useRef(null),j=n.useId(),E=v===r,N=n.useRef(!1),y=n.useRef(null),O=()=>{null!==y.current&&(clearTimeout(y.current),y.current=null)};n.useEffect((()=>{E||(N.current=!1,O())}),[E]),n.useEffect((()=>O),[]);const k=n.useRef(new Set),L=n.useRef(!1),I=n.useCallback((e=>(k.current.add(e),()=>{k.current.delete(e)})),[]),F=()=>{const e=Array.from(k.current).filter((e=>e.isConnected));return 0!==e.length&&(e.sort(((e,n)=>e.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1)),e[0].focus(),!0)};n.useEffect((()=>{E||(L.current=!1)}),[E]),n.useEffect((()=>{if(!E)return;const e=R.current,n=e?.ownerDocument??("undefined"!=typeof document?document:null);if(!n)return;const r=r=>{if(r.key!==c.KEYBOARD_KEYS.ESCAPE||r.defaultPrevented)return;const t=n.activeElement,o=!!e&&!!t&&e.contains(t),s=!t||t===n.body;x(""),(o||s)&&h.current?.focus()},t=n=>{const r=n.target;e&&r&&e.contains(r)||x("")};return n.addEventListener("keydown",r),n.addEventListener("pointerdown",t),()=>{n.removeEventListener("keydown",r),n.removeEventListener("pointerdown",t)}}),[E,x]);return e.jsx(d.Provider,{value:{itemOpen:E,handleTrigger:e=>{const n=!!e&&e.detail>0;E&&N.current&&n?N.current=!1:(N.current=!1,x(E?"":r))},triggerRef:h,contentId:j,registerLink:I,openAndFocusFirstLink:()=>{O(),N.current=!1,E?F():(L.current=!0,x(r))},flushPendingFocus:()=>{L.current&&(L.current=!1,F())}},children:e.jsx("div",{ref:i.mergeRefs(R,g),onMouseEnter:s.composeEventHandlers(a,(()=>{O(),E||(N.current=!0,x(r))})),onMouseLeave:s.composeEventHandlers(f,(()=>{O(),E&&(y.current=setTimeout((()=>{y.current=null,N.current=!1,x((e=>e===r?"":e))}),150))})),onBlur:s.composeEventHandlers(p,(e=>{if(!E)return;const n=e.relatedTarget;n&&!e.currentTarget.contains(n)&&x((e=>e===r?"":e))})),className:o.clsx(C&&`${C}-item`,l),...m,children:t})})}));f.displayName="NavigationMenuItem";const p=n.forwardRef((({children:t,className:l,onClick:a,onKeyDown:f,...p},m)=>{const{handleTrigger:g,itemOpen:v,triggerRef:x,contentId:C,openAndFocusFirstLink:R}=n.useContext(d),{rootClass:h}=n.useContext(u);return e.jsx(r.RovingFocusGroupUtility.Item,{children:e.jsx("button",{ref:i.mergeRefs(x,m),onClick:s.composeEventHandlers(a,g),onKeyDown:s.composeEventHandlers(f,(e=>{e.key===c.KEYBOARD_KEYS.ARROW_DOWN&&R&&(e.preventDefault(),R())})),className:o.clsx(h&&`${h}-trigger`,l),"aria-expanded":v,"aria-controls":v?C:void 0,"data-state":v?"open":"closed",...p,children:t})})}));p.displayName="NavigationMenuTrigger";const m=n.forwardRef((({children:t,className:s,loop:c,...i},l)=>{const{itemOpen:a,contentId:f,flushPendingFocus:p}=n.useContext(d),{rootClass:m,contentLoop:g,dir:v}=n.useContext(u),x=n.useRef(null),C=c??g;return n.useImperativeHandle(l,(()=>x.current)),n.useEffect((()=>{a&&p?.()}),[a]),a?e.jsx("div",{ref:x,id:f,className:o.clsx(m&&`${m}-content`,s),"data-state":a?"open":"closed",...i,children:e.jsx(r.RovingFocusGroupUtility.Root,{loop:C,orientation:"both",dir:v,children:e.jsx(r.RovingFocusGroupUtility.Group,{asChild:!1,children:t})})}):null}));m.displayName="NavigationMenuContent";const g=n.forwardRef((({children:t,href:c,className:l,onClick:a,...f},p)=>{const{rootClass:m,setIsOpen:g}=n.useContext(u),{registerLink:v}=n.useContext(d),x=n.useRef(null);n.useEffect((()=>{const e=x.current;if(e&&v)return v(e)}),[v]);return e.jsx(r.RovingFocusGroupUtility.Item,{children:e.jsx("a",{ref:i.mergeRefs(x,p),href:c,className:o.clsx(m&&`${m}-link`,l),...f,onClick:s.composeEventHandlers(a,(()=>g("")),{checkForDefaultPrevented:!1}),children:t})})}));g.displayName="NavigationMenuLink";const v={Root:a,Item:f,Trigger:p,Content:m,Link:g};exports.Content=m,exports.Item=f,exports.Link=g,exports.Root=a,exports.Trigger=p,exports.default=v;

package/dist/components/NavigationMenu.d.ts

@@ -9,6 +9,8 @@ interface NavigationMenuRootProps extends React__default.ComponentPropsWithoutRe
     customRootClass?: string;
     loop?: boolean;
     contentLoop?: boolean;
+    /** Reading direction. In `rtl`, ArrowLeft moves to the next item. Content inherits it. */
+    dir?: 'ltr' | 'rtl';
 }
 declare const NavigationMenuRoot: React__default.ForwardRefExoticComponent<NavigationMenuRootProps & React__default.RefAttributes<HTMLElement>>;
 

package/dist/components/NavigationMenu.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import n from"react";import{R as t}from"./index-C7dBo_Ry.js";import{u as r}from"./index-wRElCyvx.js";import{u as o,c as s}from"./useComponentClass-C0isGl1z.js";import{c as a}from"./index-CXzybYmm.js";import{K as i}from"./keyboard-BKF7hXqL.js";import{m as c}from"./mergeRefs-B8eZ_q-T.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-FITGoHty.js";import"./ThemeContext-Sm-iNANd.js";const u=n.createContext({isOpen:"",setIsOpen:()=>{},rootClass:"",contentLoop:!0}),l="NavigationMenu",d=n.forwardRef((({children:n,value:a,defaultValue:i="",onValueChange:c,customRootClass:d,loop:f=!0,contentLoop:m=!0,className:p,...g},C)=>{const h=o(d,l),[v,N]=r(a,i,c);return e("nav",{ref:C,...g,children:e(u.Provider,{value:{isOpen:v,setIsOpen:N,rootClass:h,contentLoop:m},children:e(t.Root,{loop:f,children:e(t.Group,{className:s(h&&`${h}-root`,p),children:n})})})})}));d.displayName=l;const f=n.createContext({itemOpen:!1,handleTrigger:()=>{},triggerRef:{current:null}}),m=n.forwardRef((({value:t,children:r,className:o,onMouseEnter:l,onMouseLeave:d,onBlur:m,...p},g)=>{const{isOpen:C,setIsOpen:h,rootClass:v}=n.useContext(u),N=n.useRef(null),R=n.useRef(null),k=n.useId(),L=C===t,x=n.useRef(!1),O=n.useRef(null),I=()=>{null!==O.current&&(clearTimeout(O.current),O.current=null)};n.useEffect((()=>{L||(x.current=!1,I())}),[L]),n.useEffect((()=>I),[]);const E=n.useRef(new Set),y=n.useRef(!1),w=n.useCallback((e=>(E.current.add(e),()=>{E.current.delete(e)})),[]),T=()=>{const e=Array.from(E.current).filter((e=>e.isConnected));return 0!==e.length&&(e.sort(((e,n)=>e.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1)),e[0].focus(),!0)};n.useEffect((()=>{L||(y.current=!1)}),[L]),n.useEffect((()=>{if(!L)return;const e=N.current,n=e?.ownerDocument??("undefined"!=typeof document?document:null);if(!n)return;const t=t=>{if(t.key!==i.ESCAPE||t.defaultPrevented)return;const r=n.activeElement,o=!!e&&!!r&&e.contains(r),s=!r||r===n.body;h(""),(o||s)&&R.current?.focus()},r=n=>{const t=n.target;e&&t&&e.contains(t)||h("")};return n.addEventListener("keydown",t),n.addEventListener("pointerdown",r),()=>{n.removeEventListener("keydown",t),n.removeEventListener("pointerdown",r)}}),[L,h]);return e(f.Provider,{value:{itemOpen:L,handleTrigger:e=>{const n=!!e&&e.detail>0;L&&x.current&&n?x.current=!1:(x.current=!1,h(L?"":t))},triggerRef:R,contentId:k,registerLink:w,openAndFocusFirstLink:()=>{I(),x.current=!1,L?T():(y.current=!0,h(t))},flushPendingFocus:()=>{y.current&&(y.current=!1,T())}},children:e("div",{ref:c(N,g),onMouseEnter:a(l,(()=>{I(),L||(x.current=!0,h(t))})),onMouseLeave:a(d,(()=>{I(),L&&(O.current=setTimeout((()=>{O.current=null,x.current=!1,h((e=>e===t?"":e))}),150))})),onBlur:a(m,(e=>{if(!L)return;const n=e.relatedTarget;n&&!e.currentTarget.contains(n)&&h((e=>e===t?"":e))})),className:s(v&&`${v}-item`,o),...p,children:r})})}));m.displayName="NavigationMenuItem";const p=n.forwardRef((({children:r,className:o,onClick:l,onKeyDown:d,...m},p)=>{const{handleTrigger:g,itemOpen:C,triggerRef:h,contentId:v,openAndFocusFirstLink:N}=n.useContext(f),{rootClass:R}=n.useContext(u);return e(t.Item,{children:e("button",{ref:c(h,p),onClick:a(l,g),onKeyDown:a(d,(e=>{e.key===i.ARROW_DOWN&&N&&(e.preventDefault(),N())})),className:s(R&&`${R}-trigger`,o),"aria-expanded":C,"aria-controls":C?v:void 0,"data-state":C?"open":"closed",...m,children:r})})}));p.displayName="NavigationMenuTrigger";const g=n.forwardRef((({children:r,className:o,loop:a,...i},c)=>{const{itemOpen:l,contentId:d,flushPendingFocus:m}=n.useContext(f),{rootClass:p,contentLoop:g}=n.useContext(u),C=n.useRef(null),h=a??g;return n.useImperativeHandle(c,(()=>C.current)),n.useEffect((()=>{l&&m?.()}),[l]),l?e("div",{ref:C,id:d,className:s(p&&`${p}-content`,o),"data-state":l?"open":"closed",...i,children:e(t.Root,{loop:h,orientation:"both",children:e(t.Group,{asChild:!1,children:r})})}):null}));g.displayName="NavigationMenuContent";const C=n.forwardRef((({children:r,href:o,className:i,onClick:l,...d},m)=>{const{rootClass:p,setIsOpen:g}=n.useContext(u),{registerLink:C}=n.useContext(f),h=n.useRef(null);n.useEffect((()=>{const e=h.current;if(e&&C)return C(e)}),[C]);return e(t.Item,{children:e("a",{ref:c(h,m),href:o,className:s(p&&`${p}-link`,i),...d,onClick:a(l,(()=>g("")),{checkForDefaultPrevented:!1}),children:r})})}));C.displayName="NavigationMenuLink";const h={Root:d,Item:m,Trigger:p,Content:g,Link:C};export{g as Content,m as Item,C as Link,d as Root,p as Trigger,h as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import n from"react";import{R as t}from"./index-D8QLtYJh.js";import{u as r}from"./index-wRElCyvx.js";import{u as o,c as s}from"./useComponentClass-C0isGl1z.js";import{c as i}from"./index-CXzybYmm.js";import{K as a}from"./keyboard-BKF7hXqL.js";import{m as c}from"./mergeRefs-B8eZ_q-T.js";import"./index-BidxkqdT.js";import"./mergeProps-0RucjqeH.js";import"./index-DH-14XDv.js";import"./ThemeContext-Sm-iNANd.js";const u=n.createContext({isOpen:"",setIsOpen:()=>{},rootClass:"",contentLoop:!0}),l="NavigationMenu",d=n.forwardRef((({children:n,value:i,defaultValue:a="",onValueChange:c,customRootClass:d,loop:f=!0,contentLoop:m=!0,dir:p,className:g,...C},h)=>{const v=o(d,l),[N,R]=r(i,a,c);return e("nav",{ref:h,dir:p,...C,children:e(u.Provider,{value:{isOpen:N,setIsOpen:R,rootClass:v,contentLoop:m,dir:p},children:e(t.Root,{loop:f,dir:p,children:e(t.Group,{className:s(v&&`${v}-root`,g),children:n})})})})}));d.displayName=l;const f=n.createContext({itemOpen:!1,handleTrigger:()=>{},triggerRef:{current:null}}),m=n.forwardRef((({value:t,children:r,className:o,onMouseEnter:l,onMouseLeave:d,onBlur:m,...p},g)=>{const{isOpen:C,setIsOpen:h,rootClass:v}=n.useContext(u),N=n.useRef(null),R=n.useRef(null),k=n.useId(),L=C===t,x=n.useRef(!1),O=n.useRef(null),I=()=>{null!==O.current&&(clearTimeout(O.current),O.current=null)};n.useEffect((()=>{L||(x.current=!1,I())}),[L]),n.useEffect((()=>I),[]);const E=n.useRef(new Set),y=n.useRef(!1),w=n.useCallback((e=>(E.current.add(e),()=>{E.current.delete(e)})),[]),T=()=>{const e=Array.from(E.current).filter((e=>e.isConnected));return 0!==e.length&&(e.sort(((e,n)=>e.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1)),e[0].focus(),!0)};n.useEffect((()=>{L||(y.current=!1)}),[L]),n.useEffect((()=>{if(!L)return;const e=N.current,n=e?.ownerDocument??("undefined"!=typeof document?document:null);if(!n)return;const t=t=>{if(t.key!==a.ESCAPE||t.defaultPrevented)return;const r=n.activeElement,o=!!e&&!!r&&e.contains(r),s=!r||r===n.body;h(""),(o||s)&&R.current?.focus()},r=n=>{const t=n.target;e&&t&&e.contains(t)||h("")};return n.addEventListener("keydown",t),n.addEventListener("pointerdown",r),()=>{n.removeEventListener("keydown",t),n.removeEventListener("pointerdown",r)}}),[L,h]);return e(f.Provider,{value:{itemOpen:L,handleTrigger:e=>{const n=!!e&&e.detail>0;L&&x.current&&n?x.current=!1:(x.current=!1,h(L?"":t))},triggerRef:R,contentId:k,registerLink:w,openAndFocusFirstLink:()=>{I(),x.current=!1,L?T():(y.current=!0,h(t))},flushPendingFocus:()=>{y.current&&(y.current=!1,T())}},children:e("div",{ref:c(N,g),onMouseEnter:i(l,(()=>{I(),L||(x.current=!0,h(t))})),onMouseLeave:i(d,(()=>{I(),L&&(O.current=setTimeout((()=>{O.current=null,x.current=!1,h((e=>e===t?"":e))}),150))})),onBlur:i(m,(e=>{if(!L)return;const n=e.relatedTarget;n&&!e.currentTarget.contains(n)&&h((e=>e===t?"":e))})),className:s(v&&`${v}-item`,o),...p,children:r})})}));m.displayName="NavigationMenuItem";const p=n.forwardRef((({children:r,className:o,onClick:l,onKeyDown:d,...m},p)=>{const{handleTrigger:g,itemOpen:C,triggerRef:h,contentId:v,openAndFocusFirstLink:N}=n.useContext(f),{rootClass:R}=n.useContext(u);return e(t.Item,{children:e("button",{ref:c(h,p),onClick:i(l,g),onKeyDown:i(d,(e=>{e.key===a.ARROW_DOWN&&N&&(e.preventDefault(),N())})),className:s(R&&`${R}-trigger`,o),"aria-expanded":C,"aria-controls":C?v:void 0,"data-state":C?"open":"closed",...m,children:r})})}));p.displayName="NavigationMenuTrigger";const g=n.forwardRef((({children:r,className:o,loop:i,...a},c)=>{const{itemOpen:l,contentId:d,flushPendingFocus:m}=n.useContext(f),{rootClass:p,contentLoop:g,dir:C}=n.useContext(u),h=n.useRef(null),v=i??g;return n.useImperativeHandle(c,(()=>h.current)),n.useEffect((()=>{l&&m?.()}),[l]),l?e("div",{ref:h,id:d,className:s(p&&`${p}-content`,o),"data-state":l?"open":"closed",...a,children:e(t.Root,{loop:v,orientation:"both",dir:C,children:e(t.Group,{asChild:!1,children:r})})}):null}));g.displayName="NavigationMenuContent";const C=n.forwardRef((({children:r,href:o,className:a,onClick:l,...d},m)=>{const{rootClass:p,setIsOpen:g}=n.useContext(u),{registerLink:C}=n.useContext(f),h=n.useRef(null);n.useEffect((()=>{const e=h.current;if(e&&C)return C(e)}),[C]);return e(t.Item,{children:e("a",{ref:c(h,m),href:o,className:s(p&&`${p}-link`,a),...d,onClick:i(l,(()=>g("")),{checkForDefaultPrevented:!1}),children:r})})}));C.displayName="NavigationMenuLink";const h={Root:d,Item:m,Trigger:p,Content:g,Link:C};export{g as Content,m as Item,C as Link,d as Root,p as Trigger,h as default};

package/dist/components/NumberField.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("./index-BwNOI8cB.cjs"),r=require("./useComponentClass-B0DF90tm.cjs"),o=require("./keyboard-BBlFllyi.cjs");require("./ThemeContext-t7IX-w6i.cjs");const a=n.createContext(null),i="NumberField",l=e=>{if(void 0===e||!Number.isFinite(e))return 0;const n=String(e),t=/e-(\d+)$/i.exec(n);if(t){const[e]=n.split(/e/i);return(e.split(".")[1]||"").length+Number(t[1])}return(n.split(".")[1]||"").length},s=e=>"number"==typeof e&&Number.isFinite(e)&&e>0,u=n.forwardRef((({children:o,customRootClass:u="",name:d,defaultValue:c="",value:m,onValueChange:p,largeStep:b,step:f,min:v,max:w,disabled:x,readOnly:D,required:N,id:h,className:C="",...y},P)=>{const R=r.useComponentClass(u,i),[g,F]=t.useControllableState(m,c,p),k=s(f)?f:1,I=s(b)?b:10*k,E=n.useRef(g);E.current=g;const L=e=>{let n=e;return void 0!==w&&n>w&&(n=w),void 0!==v&&n<v&&(n=v),n},O=e=>{e!==E.current&&(E.current=e,F(e))},j={inputValue:g,handleOnChange:e=>{(""===e||Number.isFinite(e))&&O(e)},handleStep:({type:e,direction:n})=>{if(x||D)return!1;let t="large"===e?I:k;"decrement"===n&&(t*=-1);const r=E.current;let o;return o=L(""===r?0+t:((e,...n)=>{const t=Math.min(Math.max(...n.map(l)),15);return Number(e.toFixed(t))})(r+t,r,k,I,v)),o!==r&&(O(o),!0)},commitValue:()=>{const e=E.current;""!==e&&O(L(e))},setToBound:e=>{if(x||D)return;const n="min"===e?v:w;void 0!==n&&O(n)},canIncrement:!x&&!D&&(void 0===w||""===g||g<w),canDecrement:!x&&!D&&(void 0===v||""===g||g>v),id:h,name:d,min:v,max:w,step:k,disabled:x,readOnly:D,required:N,rootClass:R};return e.jsx("div",{ref:P,className:r.clsx(R&&`${R}-root`,C),"data-disabled":x?"":void 0,"data-readonly":D?"":void 0,...y,children:e.jsx(a.Provider,{value:j,children:o})})}));u.displayName=i;const d=n.forwardRef((({className:t,onKeyDown:i,onChange:l,onBlur:s,...u},d)=>{const c=n.useContext(a);if(!c)return console.error("NumberFieldInput must be used within a NumberField"),null;const{inputValue:m,handleOnChange:p,handleStep:b,commitValue:f,setToBound:v,id:w,name:x,min:D,max:N,step:h,disabled:C,readOnly:y,required:P,rootClass:R}=c;return e.jsx("input",{ref:d,type:"number",id:w,name:x,min:D,max:N,step:h,disabled:C,readOnly:y,required:P,...u,value:""===m?"":m,onKeyDown:e=>{if(i?.(e),!e.defaultPrevented)switch(e.key){case o.KEYBOARD_KEYS.ARROW_UP:e.preventDefault(),b({direction:"increment",type:e.shiftKey?"large":"small"});break;case o.KEYBOARD_KEYS.ARROW_DOWN:e.preventDefault(),b({direction:"decrement",type:e.shiftKey?"large":"small"});break;case"PageUp":e.preventDefault(),b({direction:"increment",type:"large"});break;case"PageDown":e.preventDefault(),b({direction:"decrement",type:"large"});break;case"Home":void 0!==D&&(e.preventDefault(),v("min"));break;case"End":void 0!==N&&(e.preventDefault(),v("max"));break;case"Enter":f()}},onChange:e=>{l?.(e);const n=e.target.value;p(""===n?"":Number(n))},onBlur:e=>{f(),s?.(e)},className:r.clsx(R&&`${R}-input`,t)})}));d.displayName="NumberFieldInput";function c(e,t,r){const o=n.useRef(null),a=n.useRef(null),i=n.useRef(!1),l=n.useRef(t);l.current=t;const s=n.useCallback((()=>{o.current&&clearTimeout(o.current),a.current&&clearInterval(a.current),o.current=null,a.current=null,"undefined"!=typeof window&&(window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s),window.removeEventListener("blur",s))}),[]);n.useEffect((()=>s),[s]),n.useEffect((()=>{r||s()}),[r,s]);const u=()=>l.current({direction:e,type:"small"});return{onPointerDown:e=>{r&&0===e.button&&(i.current=!0,s(),u()&&(window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s),window.addEventListener("blur",s),o.current=setTimeout((()=>{a.current=setInterval((()=>{u()||s()}),60)}),400)))},onClick:e=>{const n=i.current;i.current=!1,n&&0!==e.detail||r&&u()},onPointerLeave:s}}const m=n.forwardRef((({children:t,className:o,onMouseDown:i,onPointerDown:l,onPointerLeave:s,onClick:u,disabled:d,...m},p)=>{const b=n.useContext(a),f=!!b&&!d&&b.canIncrement,v=c("increment",b?b.handleStep:()=>!1,f);if(!b)return console.error("NumberFieldIncrement must be used within a NumberField"),null;const{rootClass:w}=b,x=!f;return e.jsx("button",{ref:p,type:"button",className:r.clsx(w&&`${w}-increment`,o),disabled:x,"data-disabled":x?"":void 0,...m,tabIndex:-1,onPointerDown:e=>{l?.(e),e.defaultPrevented||v.onPointerDown(e)},onPointerLeave:e=>{s?.(e),v.onPointerLeave()},onClick:e=>{u?.(e),e.defaultPrevented||v.onClick(e)},onMouseDown:e=>{i?.(e),e.defaultPrevented||e.preventDefault()},children:t})}));m.displayName="NumberFieldIncrement";const p=n.forwardRef((({children:t,className:o,onMouseDown:i,onPointerDown:l,onPointerLeave:s,onClick:u,disabled:d,...m},p)=>{const b=n.useContext(a),f=!!b&&!d&&b.canDecrement,v=c("decrement",b?b.handleStep:()=>!1,f);if(!b)return console.error("NumberFieldDecrement must be used within a NumberField"),null;const{rootClass:w}=b,x=!f;return e.jsx("button",{ref:p,type:"button",className:r.clsx(w&&`${w}-decrement`,o),disabled:x,"data-disabled":x?"":void 0,...m,tabIndex:-1,onPointerDown:e=>{l?.(e),e.defaultPrevented||v.onPointerDown(e)},onPointerLeave:e=>{s?.(e),v.onPointerLeave()},onClick:e=>{u?.(e),e.defaultPrevented||v.onClick(e)},onMouseDown:e=>{i?.(e),e.defaultPrevented||e.preventDefault()},children:t})}));p.displayName="NumberFieldDecrement";const b=()=>(console.warn("Direct usage of NumberField is not supported. Please use NumberField.Root, NumberField.Item instead."),null);b.Root=u,b.Input=d,b.Increment=m,b.Decrement=p,exports.Decrement=p,exports.Increment=m,exports.Input=d,exports.Root=u,exports.default=b;

package/dist/components/Popover.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),o=require("./useComponentClass-B0DF90tm.cjs"),r=require("./index-BudP4FIn.cjs"),n=require("./index-Bg-UeWCo.cjs"),s=require("./index-BwNOI8cB.cjs"),i=require("./index-CbdoW3TC.cjs"),a=require("./index-BZO29jsF.cjs"),l=require("./ThemeContext-t7IX-w6i.cjs"),d=require("./mergeProps-DW5qFqqJ.cjs");require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs");const c={side:"bottom",align:"center",sideOffset:0,alignOffset:0,avoidCollisions:!0,collisionBoundary:void 0,collisionPadding:0,arrowPadding:0,sticky:"partial",hideWhenDetached:!1},u=e.createContext({isOpen:!1,modal:!1,contentId:"",triggerNode:null,anchorNode:null,handleOpenChange:()=>{},setTriggerNode:()=>{},setAnchorNode:()=>{},setArrowNode:()=>{},positioning:c,setPositioning:()=>{},getReferenceProps:(e={})=>e,getFloatingProps:(e={})=>e,setContentEventHandlers:()=>{},refs:{setFloating:()=>{},floating:{current:null}},isPositioned:!1,floatingStyles:{position:"absolute",top:0,left:0},floatingContext:null}),f="PopoverPrimitive",p=e=>{let t=!1;return{originalEvent:e,get defaultPrevented(){return t},preventDefault(){t=!0}}},g=e.forwardRef((({children:o,open:a,defaultOpen:l=!1,onOpenChange:d,modal:f=!1,...g},v)=>{const[h,m]=s.useControllableState(a,l,d);i.useRegisterDocumentOverlayOpen(h);const[P,x]=e.useState(null),[C,y]=e.useState(null),[w,F]=e.useState(null),[N,R]=e.useState(c),j=e.useRef({}),O=r.Floater.useFloatingNodeId(),A=e.useMemo((()=>{return e=N.side,"center"===(t=N.align)?e:`${e}-${t}`;var e,t}),[N.align,N.side]),I=e.useMemo((()=>(Array.isArray(N.collisionBoundary)?N.collisionBoundary:[N.collisionBoundary]).filter((e=>null!=e))),[N.collisionBoundary]),b=e.useMemo((()=>({padding:N.collisionPadding,boundary:I,altBoundary:I.length>0})),[I,N.collisionPadding]),E=C??P,{context:D,refs:T,floatingStyles:M,isPositioned:q}=r.Floater.useFloating({open:h,nodeId:O,onOpenChange:(e,t,o)=>{if(!(!e&&"escape-key"===o&&t instanceof KeyboardEvent&&(j.current.onEscapeKeyDown?.(t),t.defaultPrevented))){if(!e&&"focus-out"===o&&t instanceof FocusEvent){const e=p(t);if(j.current.onFocusOutside?.(e),j.current.onInteractOutside?.(e),e.defaultPrevented)return}m(e)}},placement:A,strategy:"fixed",elements:{reference:E},middleware:[r.Floater.offset({mainAxis:N.sideOffset+(w?5:0),crossAxis:N.alignOffset}),N.avoidCollisions?r.Floater.flip({crossAxis:A.includes("-"),fallbackAxisSideDirection:"start",...b}):null,N.avoidCollisions?r.Floater.shift({...b,limiter:"partial"===N.sticky?r.Floater.limitShift():void 0}):null,w?r.Floater.arrow({element:w,padding:N.arrowPadding}):null,N.hideWhenDetached?r.Floater.hide({strategy:"referenceHidden"}):null].filter(Boolean),whileElementsMounted:r.Floater.autoUpdate}),k=r.Floater.useClick(D,{event:"click",toggle:!0}),S=r.Floater.useDismiss(D,{outsidePressEvent:"pointerdown",outsidePress:e=>{const t=p(e);return j.current.onPointerDownOutside?.(t),j.current.onInteractOutside?.(t),!t.defaultPrevented}}),B=r.Floater.useRole(D,{role:"dialog"}),{getReferenceProps:$,getFloatingProps:H}=r.Floater.useInteractions([k,S,B]),K=r.Floater.useId()??"",W=e.useCallback((e=>{R((t=>({...t,...e})))}),[]),_=e.useCallback((e=>{m(e)}),[m]),L=e.useCallback((e=>{j.current=e}),[]),U=e.useMemo((()=>({isOpen:h,modal:f,contentId:K,triggerNode:P,anchorNode:C,handleOpenChange:_,setTriggerNode:x,setAnchorNode:y,setArrowNode:F,positioning:N,setPositioning:W,getReferenceProps:$,getFloatingProps:H,setContentEventHandlers:L,refs:T,isPositioned:q,floatingStyles:M,floatingContext:D})),[C,K,D,M,H,$,_,h,q,f,N,T,L,W,P]);return t.jsx(u.Provider,{value:U,children:t.jsx(r.Floater.FloatingNode,{id:O,children:t.jsx(n.Primitive.div,{ref:v,"data-state":h?"open":"closed",...g,children:o})})})}));g.displayName=`${f}Inner`;const v=e.forwardRef(((e,o)=>r.Floater.useFloatingTree()?t.jsx(g,{ref:o,...e}):t.jsx(r.Floater.FloatingTree,{children:t.jsx(g,{ref:o,...e})})));v.displayName=f;const h=e.forwardRef((({children:o,asChild:n=!1,disabled:s=!1,onClick:i,...l},d)=>{const{isOpen:c,contentId:f,getReferenceProps:p,setTriggerNode:g}=e.useContext(u),v=r.Floater.useMergeRefs([d,e=>{g(e)}]);return t.jsx(a.ButtonPrimitive,{ref:v,asChild:n,disabled:s,"aria-haspopup":"dialog","aria-expanded":c,"aria-controls":f||void 0,"data-state":c?"open":"closed","data-disabled":s?"":void 0,...p({...l,disabled:s,onClick:e=>{i?.(e)}}),children:o})}));h.displayName="PopoverPrimitiveTrigger";const m=e.forwardRef((({children:o,asChild:s=!1,...i},a)=>{const{setAnchorNode:l}=e.useContext(u),d=r.Floater.useMergeRefs([a,e=>{l(e)}]);return t.jsx(n.Primitive.div,{ref:d,asChild:s,...i,children:o})}));m.displayName="PopoverPrimitiveAnchor";const P=e.createContext({forceMount:!1}),x=e.forwardRef((({children:o,asChild:s=!1,forceMount:i=!1,side:a="bottom",sideOffset:l=0,align:d="center",alignOffset:c=0,avoidCollisions:f=!0,collisionBoundary:p,collisionPadding:g=0,arrowPadding:v=0,sticky:h="partial",hideWhenDetached:m=!1,onOpenAutoFocus:x,onCloseAutoFocus:C,onEscapeKeyDown:y,onPointerDownOutside:w,onFocusOutside:F,onInteractOutside:N,role:R="dialog",style:j,...O},A)=>{const{forceMount:I}=e.useContext(P),{isOpen:b,modal:E,contentId:D,triggerNode:T,getFloatingProps:M,refs:q,isPositioned:k,floatingStyles:S,floatingContext:B,setContentEventHandlers:$,setPositioning:H}=e.useContext(u),K=e.useRef(null),W=r.Floater.useMergeRefs([q.setFloating,A]),_=b||i||I;if(e.useEffect((()=>{H({side:a,align:d,sideOffset:l,alignOffset:c,avoidCollisions:f,collisionBoundary:p,collisionPadding:g,arrowPadding:v,sticky:h,hideWhenDetached:m})}),[d,c,v,f,p,g,m,H,a,l,h]),e.useEffect((()=>($({onEscapeKeyDown:y,onPointerDownOutside:w,onFocusOutside:F,onInteractOutside:N}),()=>{$({})})),[y,F,N,w,$]),e.useEffect((()=>{if(!b||!q.floating.current)return;if(K.current=document.activeElement instanceof HTMLElement?document.activeElement:null,!x)return;x({defaultPrevented:!1,preventDefault(){this.defaultPrevented=!0}})}),[b,x,q.floating]),e.useEffect((()=>{if(b||!C)return;const e={defaultPrevented:!1,preventDefault(){this.defaultPrevented=!0}};if(C(e),!e.defaultPrevented){const e=T??K.current;e&&requestAnimationFrame((()=>{e.focus()}))}}),[b,C,T]),!_)return null;const L=B?.placement,[U,V]=L?L.split("-"):[a,d],z=M({...O,id:D,role:R,"data-state":b?"open":"closed","data-side":U??a,"data-align":L?V??"center":d,"aria-hidden":b?void 0:"true",style:{...S,outline:"none",visibility:b&&!k?"hidden":void 0,pointerEvents:b&&!k?"none":void 0,...j}}),G=t.jsx(n.Primitive.div,{ref:W,asChild:s,...z,children:o});return b?t.jsx(r.Floater.FocusManager,{context:B,modal:E,initialFocus:E?0:-1,returnFocus:!C,restoreFocus:!0,outsideElementsInert:E,closeOnFocusOut:!E,children:G}):G}));x.displayName="PopoverPrimitiveContent";const C=e.forwardRef((({children:o,asChild:r=!1,onClick:n,...s},i)=>{const{handleOpenChange:l}=e.useContext(u);return t.jsx(a.ButtonPrimitive,{ref:i,asChild:r,onClick:e=>{n?.(e),e.defaultPrevented||l(!1)},...s,children:o})}));C.displayName="PopoverPrimitiveClose";const y=e.forwardRef((({children:o,asChild:n=!1,width:s=10,height:i=5,...a},l)=>{const{floatingContext:c,setArrowNode:f}=e.useContext(u),p=r.Floater.useMergeRefs([l,e=>{f(e)}]);if(n){const n=e.Children.toArray(o);if(1!==n.length||!e.isValidElement(n[0]))return console.warn("PopoverPrimitiveArrow: asChild requires exactly one valid React element child."),null;const l=n[0],u=t.jsx(r.Floater.Arrow,{ref:p,context:c,width:s,height:i,...a}),f=d.getElementRef(l),g=d.composeRefs(p,f),v=d.mergeProps(u.props,l.props);return e.cloneElement(l,{...v,...g?{ref:g}:{}})}return t.jsx(r.Floater.Arrow,{ref:p,context:c,width:s,height:i,...a})}));y.displayName="PopoverPrimitiveArrow";const w={Root:v,Trigger:h,Anchor:m,Portal:({children:o,container:n,forceMount:s=!1})=>{const i=e.useContext(l.ThemeContext),a=e.useRef(null),[d,c]=e.useState(!1);return e.useEffect((()=>{a.current=n??i?.portalRootRef.current??i?.containerRef.current??document.body,c(!0)}),[n,i]),d?t.jsx(P.Provider,{value:{forceMount:s},children:t.jsx(r.Floater.Portal,{root:a.current,children:o})}):null},Content:x,Close:C,Arrow:y},F=e.createContext({rootClass:"",titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),N="Popover",R=e.forwardRef((({children:r,customRootClass:n="",className:s="",...i},a)=>{const l=o.useComponentClass(n,N),[d,c]=e.useState(void 0),[u,f]=e.useState(void 0),p=e.useMemo((()=>({rootClass:l,titleId:d,descriptionId:u,setTitleId:c,setDescriptionId:f})),[l,d,u]);return t.jsx(F.Provider,{value:p,children:t.jsx(w.Root,{ref:a,className:o.clsx(l,s),"data-slot":"popover-root",...i,children:r})})}));R.displayName=N;const j=e.forwardRef((({className:r="",...n},s)=>{const{rootClass:i}=e.useContext(F);return t.jsx(w.Trigger,{ref:s,className:o.clsx(i&&`${i}-trigger`,r),"data-slot":"popover-trigger",...n})}));j.displayName="PopoverTrigger";const O=e.forwardRef((({className:r="",...n},s)=>{const{rootClass:i}=e.useContext(F);return t.jsx(w.Anchor,{ref:s,className:o.clsx(i&&`${i}-anchor`,r),"data-slot":"popover-anchor",...n})}));O.displayName="PopoverAnchor";const A=e.forwardRef((({children:e,...o},r)=>t.jsx(w.Portal,{...o,children:e})));A.displayName="PopoverPortal";const I=e.forwardRef((({className:r="","aria-label":n,"aria-labelledby":s,"aria-describedby":i,...a},l)=>{const{rootClass:d,titleId:c,descriptionId:u}=e.useContext(F);return t.jsx(w.Content,{ref:l,className:o.clsx(d&&`${d}-content`,r),"data-slot":"popover-content","aria-label":n,"aria-labelledby":s??(n?void 0:c),"aria-describedby":i??u,...a})}));I.displayName="PopoverContent";const b=e.forwardRef((({className:r="",...n},s)=>{const{rootClass:i}=e.useContext(F);return t.jsx(w.Close,{ref:s,className:o.clsx(i&&`${i}-close`,r),"data-slot":"popover-close",...n})}));b.displayName="PopoverClose";const E=e.forwardRef((({className:r="",...n},s)=>{const{rootClass:i}=e.useContext(F);return t.jsx(w.Arrow,{ref:s,className:o.clsx(i&&`${i}-arrow`,r),"data-slot":"popover-arrow",...n})}));E.displayName="PopoverArrow";const D=e.forwardRef((({className:s="",id:i,children:a,...l},d)=>{const{rootClass:c,setTitleId:u}=e.useContext(F),f=r.Floater.useId(),p=i??f;return e.useEffect((()=>(u(p),()=>u(void 0))),[p,u]),t.jsx(n.Primitive.h2,{ref:d,id:p,className:o.clsx(c&&`${c}-title`,s),"data-slot":"popover-title",...l,children:a})}));D.displayName="PopoverTitle";const T=e.forwardRef((({className:s="",id:i,children:a,...l},d)=>{const{rootClass:c,setDescriptionId:u}=e.useContext(F),f=r.Floater.useId(),p=i??f;return e.useEffect((()=>(u(p),()=>u(void 0))),[p,u]),t.jsx(n.Primitive.p,{ref:d,id:p,className:o.clsx(c&&`${c}-description`,s),"data-slot":"popover-description",...l,children:a})}));T.displayName="PopoverDescription";const M=e.forwardRef(((e,t)=>(console.warn("Direct usage of Popover is not supported. Please use Popover.Root, Popover.Trigger, etc. instead."),null)));M.displayName="Popover",M.Root=R,M.Trigger=j,M.Anchor=O,M.Portal=A,M.Content=I,M.Close=b,M.Arrow=E,M.Title=D,M.Description=T,exports.Anchor=O,exports.Arrow=E,exports.Close=b,exports.Content=I,exports.Description=T,exports.Portal=A,exports.Root=R,exports.Title=D,exports.Trigger=j,exports.default=M;

package/dist/components/Popover.d.ts

@@ -7,7 +7,18 @@ type PopoverRootProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.R
     customRootClass?: string;
     className?: string;
 };
-declare const PopoverRoot: React.ForwardRefExoticComponent<PopoverRootProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverRoot: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    children: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    customRootClass?: string;
+    className?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 
 type PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<Omit<{
@@ -22,7 +33,11 @@ declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<Omit<{
 } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 type PopoverAnchorProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
-declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type PopoverPrimitivePortalProps = {
     children: React.ReactNode;
@@ -33,8 +48,44 @@ type PopoverPrimitivePortalProps = {
 type PopoverPortalProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>;
 declare const PopoverPortal: React.ForwardRefExoticComponent<PopoverPrimitivePortalProps & React.RefAttributes<HTMLDivElement>>;
 
+type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
+type PopoverAlign = 'start' | 'center' | 'end';
+type PopoverSticky = 'partial' | 'always';
+type PopoverOutsideInteractionEvent<T extends Event> = {
+    originalEvent: T;
+    defaultPrevented: boolean;
+    preventDefault: () => void;
+};
+
 type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
-declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    asChild?: boolean;
+    forceMount?: boolean;
+    side?: PopoverSide;
+    sideOffset?: number;
+    align?: PopoverAlign;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    collisionBoundary?: Element | null | Array<Element | null>;
+    collisionPadding?: number | Partial<Record<PopoverSide, number>>;
+    arrowPadding?: number;
+    sticky?: PopoverSticky;
+    hideWhenDetached?: boolean;
+    onOpenAutoFocus?: (event: {
+        defaultPrevented: boolean;
+        preventDefault: () => void;
+    }) => void;
+    onCloseAutoFocus?: (event: {
+        defaultPrevented: boolean;
+        preventDefault: () => void;
+    }) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onPointerDownOutside?: (event: PopoverOutsideInteractionEvent<PointerEvent>) => void;
+    onFocusOutside?: (event: PopoverOutsideInteractionEvent<FocusEvent>) => void;
+    onInteractOutside?: (event: PopoverOutsideInteractionEvent<PointerEvent | FocusEvent>) => void;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type PopoverCloseProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Close>;
 declare const PopoverClose: React.ForwardRefExoticComponent<Omit<Omit<{
@@ -56,13 +107,21 @@ type PopoverTitleProps = React.ComponentPropsWithoutRef<typeof Primitive.h2> & {
     asChild?: boolean;
 };
 /** Heading that labels the popover content (aria-labelledby). */
-declare const PopoverTitle: React.ForwardRefExoticComponent<PopoverTitleProps & React.RefAttributes<HTMLElement>>;
+declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>>;
 
 type PopoverDescriptionProps = React.ComponentPropsWithoutRef<typeof Primitive.p> & {
     asChild?: boolean;
 };
 /** Text that describes the popover content (aria-describedby). */
-declare const PopoverDescription: React.ForwardRefExoticComponent<PopoverDescriptionProps & React.RefAttributes<HTMLElement>>;
+declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>>;
 
 type PopoverElement = ElementRef<'div'>;
 type PopoverProps = ComponentPropsWithoutRef<'div'>;

package/dist/components/Popover.js

@@ -1 +1 @@
-'use client';import e,{createContext as o,forwardRef as t,useContext as n,useState as r,useMemo as i,useEffect as s}from"react";import{jsx as a}from"react/jsx-runtime";import{u as l,c as d}from"./useComponentClass-C0isGl1z.js";import{F as c}from"./index-D8I-rMwz.js";import{P as u}from"./index-XF8itt-H.js";import{u as p}from"./index-wRElCyvx.js";import{u as f}from"./index-CBcSLg6O.js";import{B as g}from"./index-FITGoHty.js";import{T as m}from"./ThemeContext-Sm-iNANd.js";import{g as h,c as v,m as P}from"./mergeProps-0RucjqeH.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";const C={side:"bottom",align:"center",sideOffset:0,alignOffset:0,avoidCollisions:!0,collisionBoundary:void 0,collisionPadding:0,arrowPadding:0,sticky:"partial",hideWhenDetached:!1},y=o({isOpen:!1,modal:!1,contentId:"",triggerNode:null,anchorNode:null,handleOpenChange:()=>{},setTriggerNode:()=>{},setAnchorNode:()=>{},setArrowNode:()=>{},positioning:C,setPositioning:()=>{},getReferenceProps:(e={})=>e,getFloatingProps:(e={})=>e,setContentEventHandlers:()=>{},refs:{setFloating:()=>{},floating:{current:null}},isPositioned:!1,floatingStyles:{position:"absolute",top:0,left:0},floatingContext:null}),N="PopoverPrimitive",w=e=>{let o=!1;return{originalEvent:e,get defaultPrevented(){return o},preventDefault(){o=!0}}},O=t((({children:o,open:t,defaultOpen:n=!1,onOpenChange:r,modal:i=!1,...s},l)=>{const[d,g]=p(t,n,r);f(d);const[m,h]=e.useState(null),[v,P]=e.useState(null),[N,O]=e.useState(null),[A,I]=e.useState(C),x=e.useRef({}),b=c.useFloatingNodeId(),F=e.useMemo((()=>{return e=A.side,"center"===(o=A.align)?e:`${e}-${o}`;var e,o}),[A.align,A.side]),E=e.useMemo((()=>(Array.isArray(A.collisionBoundary)?A.collisionBoundary:[A.collisionBoundary]).filter((e=>null!=e))),[A.collisionBoundary]),D=e.useMemo((()=>({padding:A.collisionPadding,boundary:E,altBoundary:E.length>0})),[E,A.collisionPadding]),R=v??m,{context:T,refs:M,floatingStyles:k,isPositioned:j}=c.useFloating({open:d,nodeId:b,onOpenChange:(e,o,t)=>{if(!(!e&&"escape-key"===t&&o instanceof KeyboardEvent&&(x.current.onEscapeKeyDown?.(o),o.defaultPrevented))){if(!e&&"focus-out"===t&&o instanceof FocusEvent){const e=w(o);if(x.current.onFocusOutside?.(e),x.current.onInteractOutside?.(e),e.defaultPrevented)return}g(e)}},placement:F,strategy:"fixed",elements:{reference:R},middleware:[c.offset({mainAxis:A.sideOffset+(N?5:0),crossAxis:A.alignOffset}),A.avoidCollisions?c.flip({crossAxis:F.includes("-"),fallbackAxisSideDirection:"start",...D}):null,A.avoidCollisions?c.shift({...D,limiter:"partial"===A.sticky?c.limitShift():void 0}):null,N?c.arrow({element:N,padding:A.arrowPadding}):null,A.hideWhenDetached?c.hide({strategy:"referenceHidden"}):null].filter(Boolean),whileElementsMounted:c.autoUpdate}),S=c.useClick(T,{event:"click",toggle:!0}),B=c.useDismiss(T,{outsidePressEvent:"pointerdown",outsidePress:e=>{const o=w(e);return x.current.onPointerDownOutside?.(o),x.current.onInteractOutside?.(o),!o.defaultPrevented}}),$=c.useRole(T,{role:"dialog"}),{getReferenceProps:H,getFloatingProps:K}=c.useInteractions([S,B,$]),W=c.useId()??"",q=e.useCallback((e=>{I((o=>({...o,...e})))}),[]),L=e.useCallback((e=>{g(e)}),[g]),U=e.useCallback((e=>{x.current=e}),[]),V=e.useMemo((()=>({isOpen:d,modal:i,contentId:W,triggerNode:m,anchorNode:v,handleOpenChange:L,setTriggerNode:h,setAnchorNode:P,setArrowNode:O,positioning:A,setPositioning:q,getReferenceProps:H,getFloatingProps:K,setContentEventHandlers:U,refs:M,isPositioned:j,floatingStyles:k,floatingContext:T})),[v,W,T,k,K,H,L,d,j,i,A,M,U,q,m]);return a(y.Provider,{value:V,children:a(c.FloatingNode,{id:b,children:a(u.div,{ref:l,"data-state":d?"open":"closed",...s,children:o})})})}));O.displayName=`${N}Inner`;const A=t(((e,o)=>c.useFloatingTree()?a(O,{ref:o,...e}):a(c.FloatingTree,{children:a(O,{ref:o,...e})})));A.displayName=N;const I=t((({children:e,asChild:o=!1,disabled:t=!1,onClick:r,...i},s)=>{const{isOpen:l,contentId:d,getReferenceProps:u,setTriggerNode:p}=n(y),f=c.useMergeRefs([s,e=>{p(e)}]);return a(g,{ref:f,asChild:o,disabled:t,"aria-haspopup":"dialog","aria-expanded":l,"aria-controls":d||void 0,"data-state":l?"open":"closed","data-disabled":t?"":void 0,...u({...i,disabled:t,onClick:e=>{r?.(e)}}),children:e})}));I.displayName="PopoverPrimitiveTrigger";const x=t((({children:e,asChild:o=!1,...t},r)=>{const{setAnchorNode:i}=n(y),s=c.useMergeRefs([r,e=>{i(e)}]);return a(u.div,{ref:s,asChild:o,...t,children:e})}));x.displayName="PopoverPrimitiveAnchor";const b=e.createContext({forceMount:!1}),F=t((({children:o,asChild:t=!1,forceMount:r=!1,side:i="bottom",sideOffset:s=0,align:l="center",alignOffset:d=0,avoidCollisions:p=!0,collisionBoundary:f,collisionPadding:g=0,arrowPadding:m=0,sticky:h="partial",hideWhenDetached:v=!1,onOpenAutoFocus:P,onCloseAutoFocus:C,onEscapeKeyDown:N,onPointerDownOutside:w,onFocusOutside:O,onInteractOutside:A,role:I="dialog",style:x,...F},E)=>{const{forceMount:D}=e.useContext(b),{isOpen:R,modal:T,contentId:M,triggerNode:k,getFloatingProps:j,refs:S,isPositioned:B,floatingStyles:$,floatingContext:H,setContentEventHandlers:K,setPositioning:W}=n(y),q=e.useRef(null),L=c.useMergeRefs([S.setFloating,E]),U=R||r||D;if(e.useEffect((()=>{W({side:i,align:l,sideOffset:s,alignOffset:d,avoidCollisions:p,collisionBoundary:f,collisionPadding:g,arrowPadding:m,sticky:h,hideWhenDetached:v})}),[l,d,m,p,f,g,v,W,i,s,h]),e.useEffect((()=>(K({onEscapeKeyDown:N,onPointerDownOutside:w,onFocusOutside:O,onInteractOutside:A}),()=>{K({})})),[N,O,A,w,K]),e.useEffect((()=>{if(!R||!S.floating.current)return;if(q.current=document.activeElement instanceof HTMLElement?document.activeElement:null,!P)return;P({defaultPrevented:!1,preventDefault(){this.defaultPrevented=!0}})}),[R,P,S.floating]),e.useEffect((()=>{if(R||!C)return;const e={defaultPrevented:!1,preventDefault(){this.defaultPrevented=!0}};if(C(e),!e.defaultPrevented){const e=k??q.current;e&&requestAnimationFrame((()=>{e.focus()}))}}),[R,C,k]),!U)return null;const V=H?.placement,[z,G]=V?V.split("-"):[i,l],J=j({...F,id:M,role:I,"data-state":R?"open":"closed","data-side":z??i,"data-align":V?G??"center":l,"aria-hidden":R?void 0:"true",style:{...$,outline:"none",visibility:R&&!B?"hidden":void 0,pointerEvents:R&&!B?"none":void 0,...x}}),Q=a(u.div,{ref:L,asChild:t,...J,children:o});return R?a(c.FocusManager,{context:H,modal:T,initialFocus:T?0:-1,returnFocus:!C,restoreFocus:!0,outsideElementsInert:T,closeOnFocusOut:!T,children:Q}):Q}));F.displayName="PopoverPrimitiveContent";const E=t((({children:e,asChild:o=!1,onClick:t,...r},i)=>{const{handleOpenChange:s}=n(y);return a(g,{ref:i,asChild:o,onClick:e=>{t?.(e),e.defaultPrevented||s(!1)},...r,children:e})}));E.displayName="PopoverPrimitiveClose";const D=t((({children:o,asChild:t=!1,width:r=10,height:i=5,...s},l)=>{const{floatingContext:d,setArrowNode:u}=n(y),p=c.useMergeRefs([l,e=>{u(e)}]);if(t){const t=e.Children.toArray(o);if(1!==t.length||!e.isValidElement(t[0]))return console.warn("PopoverPrimitiveArrow: asChild requires exactly one valid React element child."),null;const n=t[0],l=a(c.Arrow,{ref:p,context:d,width:r,height:i,...s}),u=h(n),f=v(p,u),g=P(l.props,n.props);return e.cloneElement(n,{...g,...f?{ref:f}:{}})}return a(c.Arrow,{ref:p,context:d,width:r,height:i,...s})}));D.displayName="PopoverPrimitiveArrow";const R={Root:A,Trigger:I,Anchor:x,Portal:({children:o,container:t,forceMount:n=!1})=>{const r=e.useContext(m),i=e.useRef(null),[s,l]=e.useState(!1);return e.useEffect((()=>{i.current=t??r?.portalRootRef.current??r?.containerRef.current??document.body,l(!0)}),[t,r]),s?a(b.Provider,{value:{forceMount:n},children:a(c.Portal,{root:i.current,children:o})}):null},Content:F,Close:E,Arrow:D},T=o({rootClass:"",titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),M="Popover",k=t((({children:e,customRootClass:o="",className:t="",...n},s)=>{const c=l(o,M),[u,p]=r(void 0),[f,g]=r(void 0),m=i((()=>({rootClass:c,titleId:u,descriptionId:f,setTitleId:p,setDescriptionId:g})),[c,u,f]);return a(T.Provider,{value:m,children:a(R.Root,{ref:s,className:d(c,t),"data-slot":"popover-root",...n,children:e})})}));k.displayName=M;const j=t((({className:e="",...o},t)=>{const{rootClass:r}=n(T);return a(R.Trigger,{ref:t,className:d(r&&`${r}-trigger`,e),"data-slot":"popover-trigger",...o})}));j.displayName="PopoverTrigger";const S=t((({className:e="",...o},t)=>{const{rootClass:r}=n(T);return a(R.Anchor,{ref:t,className:d(r&&`${r}-anchor`,e),"data-slot":"popover-anchor",...o})}));S.displayName="PopoverAnchor";const B=t((({children:e,...o},t)=>a(R.Portal,{...o,children:e})));B.displayName="PopoverPortal";const $=t((({className:e="","aria-label":o,"aria-labelledby":t,"aria-describedby":r,...i},s)=>{const{rootClass:l,titleId:c,descriptionId:u}=n(T);return a(R.Content,{ref:s,className:d(l&&`${l}-content`,e),"data-slot":"popover-content","aria-label":o,"aria-labelledby":t??(o?void 0:c),"aria-describedby":r??u,...i})}));$.displayName="PopoverContent";const H=t((({className:e="",...o},t)=>{const{rootClass:r}=n(T);return a(R.Close,{ref:t,className:d(r&&`${r}-close`,e),"data-slot":"popover-close",...o})}));H.displayName="PopoverClose";const K=t((({className:e="",...o},t)=>{const{rootClass:r}=n(T);return a(R.Arrow,{ref:t,className:d(r&&`${r}-arrow`,e),"data-slot":"popover-arrow",...o})}));K.displayName="PopoverArrow";const W=t((({className:e="",id:o,children:t,...r},i)=>{const{rootClass:l,setTitleId:p}=n(T),f=c.useId(),g=o??f;return s((()=>(p(g),()=>p(void 0))),[g,p]),a(u.h2,{ref:i,id:g,className:d(l&&`${l}-title`,e),"data-slot":"popover-title",...r,children:t})}));W.displayName="PopoverTitle";const q=t((({className:e="",id:o,children:t,...r},i)=>{const{rootClass:l,setDescriptionId:p}=n(T),f=c.useId(),g=o??f;return s((()=>(p(g),()=>p(void 0))),[g,p]),a(u.p,{ref:i,id:g,className:d(l&&`${l}-description`,e),"data-slot":"popover-description",...r,children:t})}));q.displayName="PopoverDescription";const L=t(((e,o)=>(console.warn("Direct usage of Popover is not supported. Please use Popover.Root, Popover.Trigger, etc. instead."),null)));L.displayName="Popover",L.Root=k,L.Trigger=j,L.Anchor=S,L.Portal=B,L.Content=$,L.Close=H,L.Arrow=K,L.Title=W,L.Description=q;export{S as Anchor,K as Arrow,H as Close,$ as Content,q as Description,B as Portal,k as Root,W as Title,j as Trigger,L as default};
+'use client';import e,{createContext as o,forwardRef as t,useContext as n,useState as r,useMemo as i,useEffect as s}from"react";import{jsx as a}from"react/jsx-runtime";import{u as l,c as d}from"./useComponentClass-C0isGl1z.js";import{F as c}from"./index-B_OPdW20.js";import{P as u}from"./index-BidxkqdT.js";import{u as p}from"./index-wRElCyvx.js";import{u as f}from"./index-CBcSLg6O.js";import{B as g}from"./index-DH-14XDv.js";import{T as m}from"./ThemeContext-Sm-iNANd.js";import{g as h,c as v,m as P}from"./mergeProps-0RucjqeH.js";import"./floating-ui.react-CZf-mCiA.js";import"react-dom";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";const C={side:"bottom",align:"center",sideOffset:0,alignOffset:0,avoidCollisions:!0,collisionBoundary:void 0,collisionPadding:0,arrowPadding:0,sticky:"partial",hideWhenDetached:!1},y=o({isOpen:!1,modal:!1,contentId:"",triggerNode:null,anchorNode:null,handleOpenChange:()=>{},setTriggerNode:()=>{},setAnchorNode:()=>{},setArrowNode:()=>{},positioning:C,setPositioning:()=>{},getReferenceProps:(e={})=>e,getFloatingProps:(e={})=>e,setContentEventHandlers:()=>{},refs:{setFloating:()=>{},floating:{current:null}},isPositioned:!1,floatingStyles:{position:"absolute",top:0,left:0},floatingContext:null}),N="PopoverPrimitive",w=e=>{let o=!1;return{originalEvent:e,get defaultPrevented(){return o},preventDefault(){o=!0}}},O=t((({children:o,open:t,defaultOpen:n=!1,onOpenChange:r,modal:i=!1,...s},l)=>{const[d,g]=p(t,n,r);f(d);const[m,h]=e.useState(null),[v,P]=e.useState(null),[N,O]=e.useState(null),[A,I]=e.useState(C),x=e.useRef({}),b=c.useFloatingNodeId(),F=e.useMemo((()=>{return e=A.side,"center"===(o=A.align)?e:`${e}-${o}`;var e,o}),[A.align,A.side]),E=e.useMemo((()=>(Array.isArray(A.collisionBoundary)?A.collisionBoundary:[A.collisionBoundary]).filter((e=>null!=e))),[A.collisionBoundary]),D=e.useMemo((()=>({padding:A.collisionPadding,boundary:E,altBoundary:E.length>0})),[E,A.collisionPadding]),R=v??m,{context:T,refs:M,floatingStyles:k,isPositioned:j}=c.useFloating({open:d,nodeId:b,onOpenChange:(e,o,t)=>{if(!(!e&&"escape-key"===t&&o instanceof KeyboardEvent&&(x.current.onEscapeKeyDown?.(o),o.defaultPrevented))){if(!e&&"focus-out"===t&&o instanceof FocusEvent){const e=w(o);if(x.current.onFocusOutside?.(e),x.current.onInteractOutside?.(e),e.defaultPrevented)return}g(e)}},placement:F,strategy:"fixed",elements:{reference:R},middleware:[c.offset({mainAxis:A.sideOffset+(N?5:0),crossAxis:A.alignOffset}),A.avoidCollisions?c.flip({crossAxis:F.includes("-"),fallbackAxisSideDirection:"start",...D}):null,A.avoidCollisions?c.shift({...D,limiter:"partial"===A.sticky?c.limitShift():void 0}):null,N?c.arrow({element:N,padding:A.arrowPadding}):null,A.hideWhenDetached?c.hide({strategy:"referenceHidden"}):null].filter(Boolean),whileElementsMounted:c.autoUpdate}),S=c.useClick(T,{event:"click",toggle:!0}),B=c.useDismiss(T,{outsidePressEvent:"pointerdown",outsidePress:e=>{const o=w(e);return x.current.onPointerDownOutside?.(o),x.current.onInteractOutside?.(o),!o.defaultPrevented}}),$=c.useRole(T,{role:"dialog"}),{getReferenceProps:H,getFloatingProps:K}=c.useInteractions([S,B,$]),W=c.useId()??"",q=e.useCallback((e=>{I((o=>({...o,...e})))}),[]),L=e.useCallback((e=>{g(e)}),[g]),U=e.useCallback((e=>{x.current=e}),[]),V=e.useMemo((()=>({isOpen:d,modal:i,contentId:W,triggerNode:m,anchorNode:v,handleOpenChange:L,setTriggerNode:h,setAnchorNode:P,setArrowNode:O,positioning:A,setPositioning:q,getReferenceProps:H,getFloatingProps:K,setContentEventHandlers:U,refs:M,isPositioned:j,floatingStyles:k,floatingContext:T})),[v,W,T,k,K,H,L,d,j,i,A,M,U,q,m]);return a(y.Provider,{value:V,children:a(c.FloatingNode,{id:b,children:a(u.div,{ref:l,"data-state":d?"open":"closed",...s,children:o})})})}));O.displayName=`${N}Inner`;const A=t(((e,o)=>c.useFloatingTree()?a(O,{ref:o,...e}):a(c.FloatingTree,{children:a(O,{ref:o,...e})})));A.displayName=N;const I=t((({children:e,asChild:o=!1,disabled:t=!1,onClick:r,...i},s)=>{const{isOpen:l,contentId:d,getReferenceProps:u,setTriggerNode:p}=n(y),f=c.useMergeRefs([s,e=>{p(e)}]);return a(g,{ref:f,asChild:o,disabled:t,"aria-haspopup":"dialog","aria-expanded":l,"aria-controls":d||void 0,"data-state":l?"open":"closed","data-disabled":t?"":void 0,...u({...i,disabled:t,onClick:e=>{r?.(e)}}),children:e})}));I.displayName="PopoverPrimitiveTrigger";const x=t((({children:e,asChild:o=!1,...t},r)=>{const{setAnchorNode:i}=n(y),s=c.useMergeRefs([r,e=>{i(e)}]);return a(u.div,{ref:s,asChild:o,...t,children:e})}));x.displayName="PopoverPrimitiveAnchor";const b=e.createContext({forceMount:!1}),F=t((({children:o,asChild:t=!1,forceMount:r=!1,side:i="bottom",sideOffset:s=0,align:l="center",alignOffset:d=0,avoidCollisions:p=!0,collisionBoundary:f,collisionPadding:g=0,arrowPadding:m=0,sticky:h="partial",hideWhenDetached:v=!1,onOpenAutoFocus:P,onCloseAutoFocus:C,onEscapeKeyDown:N,onPointerDownOutside:w,onFocusOutside:O,onInteractOutside:A,role:I="dialog",style:x,...F},E)=>{const{forceMount:D}=e.useContext(b),{isOpen:R,modal:T,contentId:M,triggerNode:k,getFloatingProps:j,refs:S,isPositioned:B,floatingStyles:$,floatingContext:H,setContentEventHandlers:K,setPositioning:W}=n(y),q=e.useRef(null),L=c.useMergeRefs([S.setFloating,E]),U=R||r||D;if(e.useEffect((()=>{W({side:i,align:l,sideOffset:s,alignOffset:d,avoidCollisions:p,collisionBoundary:f,collisionPadding:g,arrowPadding:m,sticky:h,hideWhenDetached:v})}),[l,d,m,p,f,g,v,W,i,s,h]),e.useEffect((()=>(K({onEscapeKeyDown:N,onPointerDownOutside:w,onFocusOutside:O,onInteractOutside:A}),()=>{K({})})),[N,O,A,w,K]),e.useEffect((()=>{if(!R||!S.floating.current)return;if(q.current=document.activeElement instanceof HTMLElement?document.activeElement:null,!P)return;P({defaultPrevented:!1,preventDefault(){this.defaultPrevented=!0}})}),[R,P,S.floating]),e.useEffect((()=>{if(R||!C)return;const e={defaultPrevented:!1,preventDefault(){this.defaultPrevented=!0}};if(C(e),!e.defaultPrevented){const e=k??q.current;e&&requestAnimationFrame((()=>{e.focus()}))}}),[R,C,k]),!U)return null;const V=H?.placement,[z,G]=V?V.split("-"):[i,l],J=j({...F,id:M,role:I,"data-state":R?"open":"closed","data-side":z??i,"data-align":V?G??"center":l,"aria-hidden":R?void 0:"true",style:{...$,outline:"none",visibility:R&&!B?"hidden":void 0,pointerEvents:R&&!B?"none":void 0,...x}}),Q=a(u.div,{ref:L,asChild:t,...J,children:o});return R?a(c.FocusManager,{context:H,modal:T,initialFocus:T?0:-1,returnFocus:!C,restoreFocus:!0,outsideElementsInert:T,closeOnFocusOut:!T,children:Q}):Q}));F.displayName="PopoverPrimitiveContent";const E=t((({children:e,asChild:o=!1,onClick:t,...r},i)=>{const{handleOpenChange:s}=n(y);return a(g,{ref:i,asChild:o,onClick:e=>{t?.(e),e.defaultPrevented||s(!1)},...r,children:e})}));E.displayName="PopoverPrimitiveClose";const D=t((({children:o,asChild:t=!1,width:r=10,height:i=5,...s},l)=>{const{floatingContext:d,setArrowNode:u}=n(y),p=c.useMergeRefs([l,e=>{u(e)}]);if(t){const t=e.Children.toArray(o);if(1!==t.length||!e.isValidElement(t[0]))return console.warn("PopoverPrimitiveArrow: asChild requires exactly one valid React element child."),null;const n=t[0],l=a(c.Arrow,{ref:p,context:d,width:r,height:i,...s}),u=h(n),f=v(p,u),g=P(l.props,n.props);return e.cloneElement(n,{...g,...f?{ref:f}:{}})}return a(c.Arrow,{ref:p,context:d,width:r,height:i,...s})}));D.displayName="PopoverPrimitiveArrow";const R={Root:A,Trigger:I,Anchor:x,Portal:({children:o,container:t,forceMount:n=!1})=>{const r=e.useContext(m),i=e.useRef(null),[s,l]=e.useState(!1);return e.useEffect((()=>{i.current=t??r?.portalRootRef.current??r?.containerRef.current??document.body,l(!0)}),[t,r]),s?a(b.Provider,{value:{forceMount:n},children:a(c.Portal,{root:i.current,children:o})}):null},Content:F,Close:E,Arrow:D},T=o({rootClass:"",titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),M="Popover",k=t((({children:e,customRootClass:o="",className:t="",...n},s)=>{const c=l(o,M),[u,p]=r(void 0),[f,g]=r(void 0),m=i((()=>({rootClass:c,titleId:u,descriptionId:f,setTitleId:p,setDescriptionId:g})),[c,u,f]);return a(T.Provider,{value:m,children:a(R.Root,{ref:s,className:d(c,t),"data-slot":"popover-root",...n,children:e})})}));k.displayName=M;const j=t((({className:e="",...o},t)=>{const{rootClass:r}=n(T);return a(R.Trigger,{ref:t,className:d(r&&`${r}-trigger`,e),"data-slot":"popover-trigger",...o})}));j.displayName="PopoverTrigger";const S=t((({className:e="",...o},t)=>{const{rootClass:r}=n(T);return a(R.Anchor,{ref:t,className:d(r&&`${r}-anchor`,e),"data-slot":"popover-anchor",...o})}));S.displayName="PopoverAnchor";const B=t((({children:e,...o},t)=>a(R.Portal,{...o,children:e})));B.displayName="PopoverPortal";const $=t((({className:e="","aria-label":o,"aria-labelledby":t,"aria-describedby":r,...i},s)=>{const{rootClass:l,titleId:c,descriptionId:u}=n(T);return a(R.Content,{ref:s,className:d(l&&`${l}-content`,e),"data-slot":"popover-content","aria-label":o,"aria-labelledby":t??(o?void 0:c),"aria-describedby":r??u,...i})}));$.displayName="PopoverContent";const H=t((({className:e="",...o},t)=>{const{rootClass:r}=n(T);return a(R.Close,{ref:t,className:d(r&&`${r}-close`,e),"data-slot":"popover-close",...o})}));H.displayName="PopoverClose";const K=t((({className:e="",...o},t)=>{const{rootClass:r}=n(T);return a(R.Arrow,{ref:t,className:d(r&&`${r}-arrow`,e),"data-slot":"popover-arrow",...o})}));K.displayName="PopoverArrow";const W=t((({className:e="",id:o,children:t,...r},i)=>{const{rootClass:l,setTitleId:p}=n(T),f=c.useId(),g=o??f;return s((()=>(p(g),()=>p(void 0))),[g,p]),a(u.h2,{ref:i,id:g,className:d(l&&`${l}-title`,e),"data-slot":"popover-title",...r,children:t})}));W.displayName="PopoverTitle";const q=t((({className:e="",id:o,children:t,...r},i)=>{const{rootClass:l,setDescriptionId:p}=n(T),f=c.useId(),g=o??f;return s((()=>(p(g),()=>p(void 0))),[g,p]),a(u.p,{ref:i,id:g,className:d(l&&`${l}-description`,e),"data-slot":"popover-description",...r,children:t})}));q.displayName="PopoverDescription";const L=t(((e,o)=>(console.warn("Direct usage of Popover is not supported. Please use Popover.Root, Popover.Trigger, etc. instead."),null)));L.displayName="Popover",L.Root=k,L.Trigger=j,L.Anchor=S,L.Portal=B,L.Content=$,L.Close=H,L.Arrow=K,L.Title=W,L.Description=q;export{S as Anchor,K as Arrow,H as Close,$ as Content,q as Description,B as Portal,k as Root,W as Title,j as Trigger,L as default};

package/dist/components/Progress.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("react/jsx-runtime"),e=require("react"),r=require("./useComponentClass-B0DF90tm.cjs"),s=require("./index-Bg-UeWCo.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const t=e.createContext({value:0,minValue:0,maxValue:100,rootClass:"",ariaLabel:"",state:"loading"}),l="Progress",o="loading",i="complete",d="indeterminate",n=e.forwardRef((({value:e=0,minValue:n=0,maxValue:u=100,children:m,customRootClass:c,getValueLabel:v,className:x,...p},C)=>{const f=r.useComponentClass(c,l),g=null===e,P=g?void 0:v?.(e,n,u),b=P??"",h=((a,e)=>null===a?d:a>=e?i:o)(e,u),j=void 0!==p["aria-label"]||void 0!==p["aria-labelledby"],N={value:e,minValue:n,maxValue:u,rootClass:f,getValueLabel:v,ariaLabel:b,state:h},{asChild:V,...y}=p;return a.jsx(t.Provider,{value:N,children:a.jsx(s.Primitive.div,{role:"progressbar","aria-label":j?void 0:P||void 0,"aria-valuetext":P||void 0,"aria-valuenow":g?void 0:e,"aria-valuemin":n,"aria-valuemax":u,"data-state":h,"data-value":g?void 0:e,"data-max":u,"data-min":n,className:r.clsx(f,x),asChild:V,ref:C,...y,children:m})})}));n.displayName=l;const u=e.forwardRef((({className:l,style:o,...i},d)=>{const{value:n,minValue:u,maxValue:m,rootClass:c,state:v}=e.useContext(t),x=null===n,p=Math.min(Math.max(n??0,u),m),C=m-u,f=C>0?(p-u)/C*100:0,{asChild:g,...P}=i;return a.jsx(s.Primitive.div,{className:r.clsx(c&&`${c}-indicator`,l),style:x?o:{transform:`translateX(-${100-f}%)`,...o},"data-state":v,"data-value":x?void 0:p,"data-max":m,"data-min":u,asChild:g,ref:d,...P})}));u.displayName="ProgressIndicator";const m="Progress",c=e.forwardRef(((e,r)=>(console.warn("Direct usage of Progress is not supported. Please use Progress.Root, Progress.Indicator, etc. instead."),a.jsx(n,{ref:r,...e}))));c.displayName=m,c.Root=n,c.Indicator=u,exports.COMPONENT_NAME=m,exports.Indicator=u,exports.Root=n,exports.default=c;

package/dist/components/Progress.d.ts

@@ -11,10 +11,22 @@ type ProgressRootProps = {
     customRootClass?: string;
     children: React.ReactNode;
 } & ComponentPropsWithoutRef<typeof Primitive.div>;
-declare const ProgressRoot: React.ForwardRefExoticComponent<ProgressRootProps & React.RefAttributes<HTMLElement>>;
+declare const ProgressRoot: React.ForwardRefExoticComponent<{
+    /** Current value. `null` renders an indeterminate progress bar. */
+    value?: number | null;
+    minValue?: number;
+    maxValue?: number;
+    getValueLabel?: (value: number, minValue: number, maxValue: number) => string;
+    customRootClass?: string;
+    children: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type ProgressIndicatorProps = ComponentPropsWithoutRef<typeof Primitive.div>;
-declare const ProgressIndicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLElement>>;
+declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 declare const COMPONENT_NAME = "Progress";
 type ProgressProps = ProgressRootProps;

package/dist/components/Progress.js

@@ -1 +1 @@
-'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as e,forwardRef as s,useContext as t}from"react";import{u as o,c as r}from"./useComponentClass-C0isGl1z.js";import{P as l}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const i=e({value:0,minValue:0,maxValue:100,rootClass:"",ariaLabel:"",state:"loading"}),d="Progress",n="loading",m="complete",u="indeterminate",c=s((({value:e=0,minValue:s=0,maxValue:t=100,children:c,customRootClass:v,getValueLabel:p,className:g,...x},C)=>{const f=o(v,d),h=null===e,P=h?void 0:p?.(e,s,t),V=P??"",b=((a,e)=>null===a?u:a>=e?m:n)(e,t),N=void 0!==x["aria-label"]||void 0!==x["aria-labelledby"],y={value:e,minValue:s,maxValue:t,rootClass:f,getValueLabel:p,ariaLabel:V,state:b},{asChild:j,...I}=x;return a(i.Provider,{value:y,children:a(l.div,{role:"progressbar","aria-label":N?void 0:P||void 0,"aria-valuetext":P||void 0,"aria-valuenow":h?void 0:e,"aria-valuemin":s,"aria-valuemax":t,"data-state":b,"data-value":h?void 0:e,"data-max":t,"data-min":s,className:r(f,g),asChild:j,ref:C,...I,children:c})})}));c.displayName=d;const v=s((({className:e,style:s,...o},d)=>{const{value:n,minValue:m,maxValue:u,rootClass:c,state:v}=t(i),p=null===n,g=Math.min(Math.max(n??0,m),u),x=u-m,C=x>0?(g-m)/x*100:0,{asChild:f,...h}=o;return a(l.div,{className:r(c&&`${c}-indicator`,e),style:p?s:{transform:`translateX(-${100-C}%)`,...s},"data-state":v,"data-value":p?void 0:g,"data-max":u,"data-min":m,asChild:f,ref:d,...h})}));v.displayName="ProgressIndicator";const p="Progress",g=s(((e,s)=>(console.warn("Direct usage of Progress is not supported. Please use Progress.Root, Progress.Indicator, etc. instead."),a(c,{ref:s,...e}))));g.displayName=p,g.Root=c,g.Indicator=v;export{p as COMPONENT_NAME,v as Indicator,c as Root,g as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as e,forwardRef as s,useContext as t}from"react";import{u as o,c as r}from"./useComponentClass-C0isGl1z.js";import{P as l}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const i=e({value:0,minValue:0,maxValue:100,rootClass:"",ariaLabel:"",state:"loading"}),d="Progress",n="loading",m="complete",u="indeterminate",c=s((({value:e=0,minValue:s=0,maxValue:t=100,children:c,customRootClass:v,getValueLabel:p,className:g,...x},C)=>{const f=o(v,d),h=null===e,P=h?void 0:p?.(e,s,t),V=P??"",b=((a,e)=>null===a?u:a>=e?m:n)(e,t),N=void 0!==x["aria-label"]||void 0!==x["aria-labelledby"],y={value:e,minValue:s,maxValue:t,rootClass:f,getValueLabel:p,ariaLabel:V,state:b},{asChild:j,...I}=x;return a(i.Provider,{value:y,children:a(l.div,{role:"progressbar","aria-label":N?void 0:P||void 0,"aria-valuetext":P||void 0,"aria-valuenow":h?void 0:e,"aria-valuemin":s,"aria-valuemax":t,"data-state":b,"data-value":h?void 0:e,"data-max":t,"data-min":s,className:r(f,g),asChild:j,ref:C,...I,children:c})})}));c.displayName=d;const v=s((({className:e,style:s,...o},d)=>{const{value:n,minValue:m,maxValue:u,rootClass:c,state:v}=t(i),p=null===n,g=Math.min(Math.max(n??0,m),u),x=u-m,C=x>0?(g-m)/x*100:0,{asChild:f,...h}=o;return a(l.div,{className:r(c&&`${c}-indicator`,e),style:p?s:{transform:`translateX(-${100-C}%)`,...s},"data-state":v,"data-value":p?void 0:g,"data-max":u,"data-min":m,asChild:f,ref:d,...h})}));v.displayName="ProgressIndicator";const p="Progress",g=s(((e,s)=>(console.warn("Direct usage of Progress is not supported. Please use Progress.Root, Progress.Indicator, etc. instead."),a(c,{ref:s,...e}))));g.displayName=p,g.Root=c,g.Indicator=v;export{p as COMPONENT_NAME,v as Indicator,c as Root,g as default};

package/dist/components/Quote.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"),s=require("./index-c6NFMS_0.cjs");require("./ThemeContext-t7IX-w6i.cjs");const a="Quote",u=r.forwardRef((({children:r,customRootClass:u,className:c,truncate:o=!1,...i},n)=>{const l=t.useComponentClass(u,a),d=s.createDataAttributes("quote",{truncate:o||void 0});return e.jsx("q",{ref:n,className:t.clsx(l,c),...d,...i,children:r})}));u.displayName=a,exports.default=u;