@radui/ui 1.0.1 → 1.1.0

package/dist/components/Combobox.d.ts

@@ -1,75 +1,83 @@
 import React from 'react';
 import ComboboxPrimitive from '~/core/primitives/Combobox/ComboboxPrimitive';
-import * as _floating_ui_react from '@floating-ui/react';
+import { Strategy, Placement } from '@floating-ui/react';
+import { ComboboxPrimitivePortalProps } from '~/core/primitives/Combobox/fragments/ComboboxPrimitivePortal';
 
 type ComboboxContentProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Content> & {
     customRootClass?: string;
 };
 declare const ComboboxContent: React.ForwardRefExoticComponent<Omit<ComboboxContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-interface ComboboxPrimitiveItemProps {
-    children: React.ReactNode;
-    value: string;
-    label?: string;
-    disabled?: boolean;
-    className?: string;
-    [key: string]: any;
-}
-
 type ComboboxItemProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Item> & {
     customRootClass?: string;
 };
-declare const ComboboxItem: React.ForwardRefExoticComponent<(Omit<Omit<Omit<ComboboxPrimitiveItemProps & Omit<React.InputHTMLAttributes<HTMLInputElement> & {
-    asChild?: boolean;
-} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
-    customRootClass?: string;
-}, "ref"> | Omit<Omit<Omit<ComboboxPrimitiveItemProps & Omit<React.HTMLAttributes<HTMLElement> & {
-    asChild?: boolean;
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+declare const ComboboxItem: React.ForwardRefExoticComponent<Omit<ComboboxItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+type ComboboxTriggerProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Trigger> & {
     customRootClass?: string;
-}, "ref">) & React.RefAttributes<HTMLElement>>;
+    placeholder?: boolean;
+};
+declare const ComboboxTrigger: React.ForwardRefExoticComponent<Omit<ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
 
-type ComboboxPrimitiveTriggerProps = {
-    children?: React.ReactNode;
+type Side = 'top' | 'right' | 'bottom' | 'left';
+type Align = 'start' | 'center' | 'end';
+type CollisionPadding = number | Partial<Record<Side, number>>;
+type Boundary = Element | null;
+type ComboboxPrimitiveRootProps = {
+    children: React.ReactNode;
     className?: string;
+    value?: string;
+    defaultValue?: string;
+    name?: string;
+    align?: Align;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    collisionBoundary?: Boundary | Boundary[];
+    collisionPadding?: CollisionPadding;
+    constrainSize?: boolean;
+    enableFlip?: boolean;
+    enableShift?: boolean;
+    hideWhenDetached?: boolean;
+    matchReferenceWidth?: boolean;
+    offsetValue?: number;
+    onPlaced?: () => void;
+    positioningStrategy?: Strategy;
+    side?: Side;
+    sideOffset?: number;
+    sticky?: 'partial' | 'always';
+    updatePositionStrategy?: 'optimized' | 'always';
+    onValueChange?: (value: string) => void;
+    onClickOutside?: () => void;
+    placement?: Placement;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state (uncontrolled). */
+    defaultOpen?: boolean;
+    /** Called when the listbox opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Disables the trigger so the listbox cannot be opened. */
     disabled?: boolean;
-    renderValue?: (value: string, label: string) => React.ReactNode;
-    [key: string]: any;
+    /** Marks the field as required for native form validation. */
+    required?: boolean;
 };
 
-type ComboboxTriggerProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Trigger> & {
+type ComboboxRootProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Root> & {
     customRootClass?: string;
-    placeholder?: boolean;
 };
-declare const ComboboxTrigger: React.ForwardRefExoticComponent<(Omit<Omit<Omit<ComboboxPrimitiveTriggerProps & Omit<React.InputHTMLAttributes<HTMLInputElement> & {
+declare const ComboboxRoot: React.ForwardRefExoticComponent<Omit<ComboboxPrimitiveRootProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean;
-} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
-    customRootClass?: string;
-    placeholder?: boolean;
-}, "ref"> | Omit<Omit<Omit<ComboboxPrimitiveTriggerProps & Omit<React.HTMLAttributes<HTMLElement> & {
-    asChild?: boolean;
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
-    customRootClass?: string;
-    placeholder?: boolean;
-}, "ref">) & React.RefAttributes<HTMLElement>>;
-
-type ComboboxRootProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Root> & {
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
     customRootClass?: string;
-};
-declare const ComboboxRoot: React.ForwardRefExoticComponent<ComboboxRootProps & React.RefAttributes<HTMLElement>>;
+} & React.RefAttributes<HTMLElement>>;
 
 declare const ComboboxIndicator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type ComboboxPortalProps = {
     children: React.ReactNode;
     container?: HTMLElement | null;
+    forceMount?: boolean;
 };
-declare const ComboboxPortal: React.ForwardRefExoticComponent<Omit<{
-    children: React.ReactNode;
-    container?: HTMLElement | null;
-} & _floating_ui_react.FloatingPortalProps & React.RefAttributes<never>, "ref"> & ComboboxPortalProps & React.RefAttributes<never>>;
+declare const ComboboxPortal: React.ForwardRefExoticComponent<Omit<ComboboxPrimitivePortalProps, "children"> & ComboboxPortalProps & React.RefAttributes<never>>;
 
 type ComboboxPrimitiveGroupProps = {
     children: React.ReactNode;
@@ -82,7 +90,11 @@ type ComboboxGroupProps = {
 declare const ComboboxGroup: React.ForwardRefExoticComponent<Omit<ComboboxPrimitiveGroupProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & ComboboxGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 type ComboboxSearchProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Search>;
-declare const ComboboxSearch: React.ForwardRefExoticComponent<ComboboxSearchProps & React.RefAttributes<HTMLElement>>;
+declare const ComboboxSearch: React.ForwardRefExoticComponent<Omit<{
+    className?: string;
+} & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 interface ComboboxComponent extends React.ForwardRefExoticComponent<React.RefAttributes<unknown>> {
     Root: typeof ComboboxRoot;

package/dist/components/Combobox.js

@@ -1 +1 @@
-'use client';import o,{useContext as e}from"react";import{jsx as a}from"react/jsx-runtime";import{c as r,u as s}from"./useComponentClass-C0isGl1z.js";import{C as t,m as i,a as d}from"./ComboboxPrimitive-DQcJ8pzQ.js";import{C as n}from"./check-ctUdF4Q3.js";import"./ThemeContext-Sm-iNANd.js";import"./index-D8I-rMwz.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./keyboard-BKF7hXqL.js";import"./index-CXzybYmm.js";import"./index-wRElCyvx.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";const l=o.createContext({rootClass:""}),m=o.forwardRef((({customRootClass:o,children:s,className:i,position:d="popper",...n},m)=>{const{rootClass:c}=e(l);return a(t.Content,{className:r(c?`${c}-content`:void 0,i)||void 0,position:d,"data-position":d,ref:m,...n,children:s})}));m.displayName="ComboboxContent";const c=o.forwardRef((({customRootClass:o,children:s,className:i,value:d,disabled:n,...m},c)=>{const{rootClass:p}=e(l);return a(t.Item,{className:r(p?`${p}-item`:void 0,i)||void 0,value:d,disabled:n,"data-disabled":n?"":void 0,role:"option","aria-disabled":n?"true":void 0,ref:c,...m,children:a("span",{className:p?`${p}-text`:void 0,children:s})})}));c.displayName="ComboboxItem",i(c);const p=o.forwardRef((({customRootClass:o,children:s,disabled:i,placeholder:d,className:n,...m},c)=>{const{rootClass:p}=e(l),f=r(p?`${p}-trigger`:void 0,n)||void 0;return a(t.Trigger,{className:f,"aria-disabled":i?"true":void 0,"data-placeholder":d?"":void 0,disabled:i,ref:c,...m,children:s})}));p.displayName="ComboboxTrigger";const f=o.forwardRef((({customRootClass:o,children:e,className:i,defaultValue:d,value:n,onValueChange:m,sideOffset:c=4,...p},f)=>{const u=s(o,"Combobox");return a(l.Provider,{value:{rootClass:u},children:a(t.Root,{className:r(u?`${u}-root`:void 0,i)||void 0,defaultValue:d,value:n,onValueChange:m,sideOffset:c,ref:f,...p,children:e})})}));f.displayName="ComboboxRoot";const u=o.forwardRef((({className:o,...s},t)=>{const{rootClass:i}=e(l),d=r(i?`${i}-item-indicator`:void 0,o)||void 0;return a("div",{className:d,ref:t,...s,children:a(n,{width:16,height:16})})}));u.displayName="ComboboxIndicator";const C=o.forwardRef((({children:o,container:e,...r},s)=>a(t.Portal,{ref:s,container:e,...r,children:o})));C.displayName="ComboboxPortal";const b=o.forwardRef((({children:o,className:s,...i},d)=>{const{rootClass:n}=e(l);return a(t.Group,{className:r(n?`${n}-group`:void 0,s)||void 0,ref:d,...i,children:o})}));b.displayName="ComboboxGroup";const h=o.forwardRef((({className:o,...s},i)=>{const{rootClass:d}=e(l),n=r(d?`${d}-search`:void 0,o)||void 0;return a(t.Search,{className:n,ref:i,...s})}));h.displayName="ComboboxSearch",d(h);const v=o.forwardRef(((o,e)=>(console.warn("Direct usage of Combobox is not supported. Please use Combobox.Root, Combobox.Content, etc. instead."),null)));v.displayName="Combobox";const x=v;x.Root=f,x.Content=m,x.Item=c,x.Trigger=p,x.Portal=C,x.Group=b,x.Indicator=u,x.Search=h;export{m as Content,b as Group,u as Indicator,c as Item,C as Portal,f as Root,h as Search,p as Trigger,x as default};
+'use client';import o,{useContext as e}from"react";import{jsx as a}from"react/jsx-runtime";import{c as r,u as s}from"./useComponentClass-C0isGl1z.js";import{C as t,m as i,a as d}from"./ComboboxPrimitive-BdX2jgpQ.js";import{C as n}from"./check-ctUdF4Q3.js";import"./ThemeContext-Sm-iNANd.js";import"./index-B_OPdW20.js";import"./floating-ui.react-CZf-mCiA.js";import"react-dom";import"./index-BidxkqdT.js";import"./mergeProps-0RucjqeH.js";import"./keyboard-BKF7hXqL.js";import"./index-CXzybYmm.js";import"./index-wRElCyvx.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";const l=o.createContext({rootClass:""}),c=o.forwardRef((({customRootClass:o,children:s,className:i,position:d="popper",...n},c)=>{const{rootClass:m}=e(l);return a(t.Content,{className:r(m?`${m}-content`:void 0,i)||void 0,position:d,"data-position":d,ref:c,...n,children:s})}));c.displayName="ComboboxContent";const m=o.forwardRef((({customRootClass:o,children:s,className:i,value:d,disabled:n,...c},m)=>{const{rootClass:p}=e(l);return a(t.Item,{className:r(p?`${p}-item`:void 0,i)||void 0,value:d,disabled:n,"data-disabled":n?"":void 0,role:"option","aria-disabled":n?"true":void 0,ref:m,...c,children:a("span",{className:p?`${p}-text`:void 0,children:s})})}));m.displayName="ComboboxItem",i(m);const p=o.forwardRef((({customRootClass:o,children:s,disabled:i,placeholder:d,className:n,...c},m)=>{const{rootClass:p}=e(l),f=r(p?`${p}-trigger`:void 0,n)||void 0;return a(t.Trigger,{className:f,"aria-disabled":i?"true":void 0,"data-placeholder":d?"":void 0,disabled:i,ref:m,...c,children:s})}));p.displayName="ComboboxTrigger";const f=o.forwardRef((({customRootClass:o,children:e,className:i,defaultValue:d,value:n,onValueChange:c,sideOffset:m=4,...p},f)=>{const u=s(o,"Combobox");return a(l.Provider,{value:{rootClass:u},children:a(t.Root,{className:r(u?`${u}-root`:void 0,i)||void 0,defaultValue:d,value:n,onValueChange:c,sideOffset:m,ref:f,...p,children:e})})}));f.displayName="ComboboxRoot";const u=o.forwardRef((({className:o,...s},t)=>{const{rootClass:i}=e(l),d=r(i?`${i}-item-indicator`:void 0,o)||void 0;return a("div",{className:d,ref:t,...s,children:a(n,{width:16,height:16})})}));u.displayName="ComboboxIndicator";const C=o.forwardRef((({children:o,container:e,forceMount:r,...s},i)=>a(t.Portal,{ref:i,container:e,forceMount:r,...s,children:o})));C.displayName="ComboboxPortal";const b=o.forwardRef((({children:o,className:s,...i},d)=>{const{rootClass:n}=e(l);return a(t.Group,{className:r(n?`${n}-group`:void 0,s)||void 0,ref:d,...i,children:o})}));b.displayName="ComboboxGroup";const h=o.forwardRef((({className:o,...s},i)=>{const{rootClass:d}=e(l),n=r(d?`${d}-search`:void 0,o)||void 0;return a(t.Search,{className:n,ref:i,...s})}));h.displayName="ComboboxSearch",d(h);const v=o.forwardRef(((o,e)=>(console.warn("Direct usage of Combobox is not supported. Please use Combobox.Root, Combobox.Content, etc. instead."),null)));v.displayName="Combobox";const x=v;x.Root=f,x.Content=c,x.Item=m,x.Trigger=p,x.Portal=C,x.Group=b,x.Indicator=u,x.Search=h;export{c as Content,b as Group,u as Indicator,m as Item,C as Portal,f as Root,h as Search,p as Trigger,x as default};

package/dist/components/ComboboxPrimitive-BdX2jgpQ.js

@@ -0,0 +1 @@
+'use client';import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{createContext as n,useContext as i,useLayoutEffect as a,useState as o,useEffect as s}from"react";import{F as l}from"./index-B_OPdW20.js";import{P as d}from"./index-BidxkqdT.js";import{K as c}from"./keyboard-BKF7hXqL.js";import{c as u}from"./index-CXzybYmm.js";import{u as f}from"./index-wRElCyvx.js";import{u as m}from"./index-CBcSLg6O.js";import{T as p}from"./ThemeContext-Sm-iNANd.js";const h=n({}),b="__radComboboxSearchPart",g=e=>(e[b]=!0,e),v=r.createContext({forceMount:!1});const y=r.forwardRef((({children:n,className:a,style:o,onKeyDownCapture:s,forceMount:d=!1,...c},u)=>{const{forceMount:f}=i(v),{isOpen:m,elementsRef:p,labelsRef:g,floatingContext:y,refs:x,middlewareData:R,placedPlacement:C,getFloatingProps:P,floatingStyles:I,isPositioned:w,activeIndex:S,hasSearch:E,handleSelect:N,isTypingRef:A,dir:M}=i(h),D=l.useMergeRefs([x.setFloating,u]),k="undefined"==typeof navigator||!/jsdom/i.test(navigator.userAgent),O=function(e){const[t,r="center"]=e.split("-"),n="start"===r?"left":"end"===r?"right":"center",i="start"===r?"top":"end"===r?"bottom":"center";switch(t){case"top":return{side:t,align:r,transformOrigin:`${n} bottom`};case"bottom":return{side:t,align:r,transformOrigin:`${n} top`};case"left":return{side:t,align:r,transformOrigin:`right ${i}`};case"right":return{side:t,align:r,transformOrigin:`left ${i}`};default:return{side:"bottom",align:"center",transformOrigin:"center top"}}}(C),$=!w&&k,L=r.Children.toArray(n),T=e=>r.isValidElement(e)&&Boolean(e.type?.[b]),V=L.some(T),j=L.findIndex((e=>!T(e))),F=V?L.filter(((e,t)=>T(e)&&(-1===j||t<j))):[],K=V?L.filter(((e,t)=>T(e)&&-1!==j&&t>j)):[],B=V?L.filter((e=>!T(e))):[],H=P({...c,onKeyDownCapture:e=>{if(s?.(e),e.defaultPrevented||E||e.target!==e.currentTarget||null===S)return;const t=p.current[S];t&&(["ArrowDown","ArrowUp","Home","End"].includes(e.key)?t.focus({preventScroll:!0}):("Enter"===e.key||" "===e.key&&!A.current)&&(e.preventDefault(),N(S)))},className:a,style:{...I,...o,"--rad-ui-floating-transform-origin":O.transformOrigin,visibility:$||R.hide?.referenceHidden?"hidden":o?.visibility||I.visibility,pointerEvents:R.hide?.referenceHidden?"none":o?.pointerEvents},dir:M,"data-state":m?"open":"closed","data-side":O.side,"data-align":O.align,"data-positioned":w?"":void 0}),{id:U,role:z,"aria-orientation":_,...W}=H;if(!m&&!d&&!f)return null;const q=m?W:{...W,style:{...W.style,visibility:"hidden",pointerEvents:"none"}},G=V?e("div",{ref:D,...q,id:`${U}-popup`,children:[F,t("div",{id:U,role:z,"aria-orientation":_,"data-slot":"combobox-listbox",children:B}),K]}):t("div",{ref:D,...q,id:U,role:z,"aria-orientation":_,children:n});return t(l.FocusManager,{context:y,disabled:!m||$,children:t(l.FloatingList,{elementsRef:p,labelsRef:g,children:G})})}));y.displayName="ComboboxPrimitiveContent";const x=n(null),R="__radComboboxItemPart",C=e=>(e[R]=!0,e);function P(e){return"string"==typeof e||"number"==typeof e?String(e):Array.isArray(e)?e.map(P).join(""):r.isValidElement(e)?P(e.props.children):""}function I(e,t){let n=null;const i=e=>{if(null!==n)return;if(Array.isArray(e))return void e.forEach(i);if(!r.isValidElement(e))return;const a=e.props;if(Boolean(e.type?.[R])&&a.value===t){const e="string"==typeof a.label&&a.label||P(a.children).trim();n=e||null}else r.Children.forEach(a.children,i)};return i(e),n}const w=r.forwardRef((({children:e,value:n,label:a,disabled:o,className:s,...u},f)=>{const m=i(h);if(!m)return console.error("ComboboxPrimitiveItem must be used within a ComboboxPrimitive"),null;const{handleSelect:p,isTypingRef:b,getItemProps:g,activeIndex:v,selectedIndex:y,selectedValue:R,selectedItemRef:C,hasSearch:I,search:w,hiddenIndices:S,disabledIndices:E,setDisabledIndices:N,labelsRef:A,displayLabelsRef:M,valuesRef:D,bumpLabelsVersion:k,idPrefix:O}=m,$=r.useRef(null),L=a||P(e).trim()||n,{ref:T,index:V}=l.useListItem({label:L}),j=S.includes(V),F=v===V,K=y===V||R===n,B=`${O}-option-${n||V}`,H=o||I?-1:F?0:-1,U=i(x);r.useEffect((()=>{if(U?.registerItem)return U.registerItem(B,!j)}),[U,B,j]),r.useEffect((()=>(D.current[V]=n,A.current[V]=L,M.current[V]=L,()=>{delete D.current[V],delete A.current[V],delete M.current[V]})),[M,V,n,L,A,D]),r.useEffect((()=>(k(),()=>{k()})),[V,L,n,k]),r.useEffect((()=>{const e=V;return N((t=>{if(o&&t.includes(e))return t;if(!o&&!t.includes(e))return t;const r=new Set(t);return o?r.add(e):r.delete(e),Array.from(r).sort(((e,t)=>e-t))})),()=>{N((t=>{if(!t.includes(e))return t;const r=new Set(t);return r.delete(e),Array.from(r).sort(((e,t)=>e-t))}))}}),[V,o,N]);const z=r.useCallback((e=>{K&&!I?C.current=e:C.current===e&&(C.current=null)}),[I,K,C]);return t(d.div,{ref:l.useMergeRefs([T,$,z,f]),id:B,role:"option",className:s,style:{display:j?"none":void 0,...u.style},"data-value":n,"data-label":L,"data-active":F,"aria-selected":K,"aria-disabled":!!o||void 0,"data-disabled":o?"":void 0,...g({tabIndex:H,onClick:()=>!o&&p(V),onKeyDown:e=>{o||(e.key===c.ENTER&&(e.preventDefault(),p(V)),e.key!==c.SPACE||b.current||(e.preventDefault(),p(V)))}}),...u,tabIndex:H,children:e})}));w.displayName="ComboboxPrimitiveItem",C(w);const S=r.forwardRef((({children:e,className:r,disabled:n,asChild:a,onClick:o,renderValue:s,"aria-disabled":c,"data-placeholder":f,...m},p)=>{const{isOpen:b,selectedLabel:g,selectedValue:v,refs:y,getReferenceProps:x,disabled:R}=i(h),C=Boolean(n||R),P=u(o),I=Boolean(g||v),w=I?s?.(v,g||v):void 0;return t(d.button,{type:a?void 0:"button",className:r,"aria-expanded":b,"data-state":b?"open":"closed","aria-disabled":!!C||c,disabled:!!C||void 0,"data-disabled":C?"":void 0,"data-placeholder":f??(I?void 0:""),ref:l.useMergeRefs([y.setReference,p]),role:"combobox",asChild:a,...x({...m,onClick:P,disabled:C}),children:w??(g||v||e)})}));S.displayName="ComboboxPrimitiveTrigger";const E=r.forwardRef((({children:n,className:i,value:o,name:s,defaultValue:c="",onValueChange:u,onClickOutside:p=()=>{},align:b="start",alignOffset:g=0,avoidCollisions:v=!0,collisionBoundary:y=null,collisionPadding:x=8,constrainSize:R=!0,enableFlip:C=!0,enableShift:P=!0,hideWhenDetached:w=!1,matchReferenceWidth:S=!1,offsetValue:E,onPlaced:N,placement:A,positioningStrategy:M="fixed",side:D="bottom",sideOffset:k,sticky:O="partial",updatePositionStrategy:$="optimized",open:L,defaultOpen:T=!1,onOpenChange:V,disabled:j=!1,required:F=!1,...K},B)=>{const H=K.dir,[U,z]=f(L,T,V),_=Boolean(U)&&!j,W=r.useId();m(_);const[q,G]=f(o,c,u),[J,Q]=r.useState((()=>q?I(n,q)??q:q)),X=r.useRef(null),Y=r.useRef([]),Z=r.useRef([]),ee=r.useRef([]),te=r.useRef([]),re=r.useRef({}),[ne,ie]=r.useState([]),ae=r.useRef(!1),oe=r.useRef(null),se=r.useRef(null),[le,de]=r.useState(null),[ce,ue]=r.useState(null),[fe,me]=r.useState(!1),[pe,he]=r.useState(""),[be,ge]=r.useReducer((e=>e+1),0),ve=r.useMemo((()=>{if(!pe)return[];const e=[];for(let t=0;t<Z.current.length;t++){const r=Z.current[t];r&&!r.toLowerCase().includes(pe.toLowerCase())&&e.push(t)}return e}),[pe,be]),ye=r.useMemo((()=>{const e=new Set([...ne,...ve]);return Array.from(e).sort(((e,t)=>e-t))}),[ne,ve]),[xe,Re]=r.useState(!1);r.useEffect((()=>{Re(Boolean(oe.current?.closest("form")))}),[]);const Ce=r.useRef(null),Pe=r.useRef(c);r.useEffect((()=>{const e=Ce.current?.form;if(!e)return;const t=()=>G(Pe.current);return e.addEventListener("reset",t),()=>e.removeEventListener("reset",t)}),[xe,s,G]);const Ie=A??function(e,t){return"center"===t?e:`${e}-${t}`}(D,b),we=k??E??0,Se=r.useMemo((()=>Array.isArray(y)?y:[y]),[y]),Ee=r.useMemo((()=>{const e=Se.filter((e=>null!=e));return{padding:x,boundary:e,altBoundary:e.length>0}}),[Se,x]),Ne=r.useMemo((()=>[l.offset({mainAxis:we,alignmentAxis:g}),v&&P&&l.shift({mainAxis:!0,crossAxis:!1,limiter:"partial"===O?l.limitShift():void 0,...Ee}),v&&C&&l.flip(Ee),R&&l.size({...Ee,apply:({elements:e,rects:t,availableWidth:r,availableHeight:n})=>{const i=e.floating.style;i.setProperty("--rad-ui-floating-available-width",`${Math.max(0,r)}px`),i.setProperty("--rad-ui-floating-available-height",`${Math.max(0,n)}px`),i.setProperty("--rad-ui-floating-reference-width",`${t.reference.width}px`),i.setProperty("--rad-ui-floating-reference-height",`${t.reference.height}px`),S?i.width=`${t.reference.width}px`:i.removeProperty("width")}}),w&&l.hide({strategy:"referenceHidden",...Ee})].filter(Boolean)),[g,v,R,Ee,C,P,w,we,S,O]),{refs:Ae,floatingStyles:Me,context:De,isPositioned:ke,middlewareData:Oe,update:$e,placement:Le}=l.useFloating({middleware:Ne,open:_,onOpenChange:e=>{j&&e||z(e)},placement:Ie,strategy:M,whileElementsMounted:(e,t,r)=>l.autoUpdate(e,t,r,{animationFrame:"always"===$})});a((()=>{ke&&N?.()}),[ke,N]);const Te=l.useClick(De),Ve=l.useDismiss(De),je=l.useRole(De,{role:"listbox"});const Fe=r.useCallback((e=>{if(null!==e&&!ye.includes(e)&&(ue(e),z(!1),Ae.reference.current?.focus(),null!==e)){const t=Y.current[e],r=t?.getAttribute("data-value")||te.current[e],n=t?.getAttribute("data-label")||ee.current[e]||Z.current[e];r&&(G(r),n&&(re.current[r]=n)),n&&Q(n)}}),[ye,Ae,G,z]);a((()=>{const e=te.current.findIndex((e=>e===q));if(-1===e)return ue(null),void Q(re.current[q]||(q?I(n,q):null)||q);ue(e);const t=Y.current[e]?.getAttribute("data-label")||ee.current[e]||Z.current[e]||q;re.current[q]=t,Q(t)}),[be,q,n]);const Ke=l.useListNavigation(De,{listRef:Y,activeIndex:le,selectedIndex:ce,onNavigate:de,virtual:fe,virtualItemRef:se,disabledIndices:ye}),Be=l.useTypeahead(De,{listRef:Z,activeIndex:le,selectedIndex:ce,enabled:!fe,onMatch:function(e){null===e||ye.includes(e)||(_?de(e):Fe(e))},onTypingChange(e){ae.current=e}}),{getReferenceProps:He,getFloatingProps:Ue,getItemProps:ze}=l.useInteractions([Te,Ve,je,Ke,Be]),_e=r.useMemo((()=>({isOpen:_,setIsOpen:z,handleSelect:Fe,floatingContext:De,refs:Ae,isPositioned:ke,updatePosition:$e,middlewareData:Oe,placedPlacement:Le,getFloatingProps:Ue,getReferenceProps:He,floatingStyles:Me,getItemProps:ze,activeIndex:le,selectedIndex:ce,elementsRef:Y,labelsRef:Z,displayLabelsRef:ee,valuesRef:te,disabledIndices:ne,setDisabledIndices:ie,setActiveIndex:de,selectedLabel:J,selectedValue:q,isTypingRef:ae,virtualItemRef:se,hasSearch:fe,setHasSearch:me,search:pe,setSearch:he,hiddenIndices:ve,selectedItemRef:X,labelsVersion:be,bumpLabelsVersion:ge,idPrefix:W,disabled:j,dir:H})),[_,Fe,De,Ae,ke,$e,Oe,Le,Ue,He,Me,ze,le,ce,ne,J,q,fe,pe,ve,be,W,j,z,H]);return t(h.Provider,{value:_e,children:e(d.div,{...K,className:i,ref:l.useMergeRefs([oe,B]),"data-state":_?"open":"closed","data-disabled":j?"":void 0,children:[n,(xe||Boolean(s))&&t("select",{ref:Ce,name:s,value:q,required:F,disabled:j,"aria-hidden":"true",tabIndex:-1,onChange:()=>{},onFocus:()=>Ae.reference.current?.focus(),style:{position:"absolute",width:1,height:1,margin:0,padding:0,border:0,opacity:0,pointerEvents:"none",overflow:"hidden"},children:t("option",{value:q,children:q})})]})})}));E.displayName="ComboboxPrimitiveRoot";const N=r.forwardRef((({children:e,container:r,forceMount:n=!1,...a},d)=>{const{isOpen:c}=i(h),u=i(p),[f,m]=o(!1),b=r??u?.portalRootRef.current??u?.containerRef.current??("undefined"!=typeof document?document.body:null);return s((()=>{b&&m(!0)}),[b]),(c||n)&&f?t(v.Provider,{value:{forceMount:n},children:t(l.Portal,{root:b,...a,children:e})}):null}));N.displayName="ComboboxPrimitivePortal";const A=r.forwardRef((({children:e,className:n,...i},a)=>{const[o,s]=r.useState(new Set),{search:l}=r.useContext(h),d=r.useCallback(((e,t)=>(s((r=>{if(t&&r.has(e))return r;if(!t&&!r.has(e))return r;const n=new Set(r);return t?n.add(e):n.delete(e),n})),()=>{s((t=>{if(!t.has(e))return t;const r=new Set(t);return r.delete(e),r}))})),[]),c=o.size>0,u=""!==l&&!c,f=r.useMemo((()=>({registerItem:d})),[d]);return t(x.Provider,{value:f,children:t("div",{className:n,ref:a,...i,style:{display:u?"none":void 0,...i.style},children:e})})}));A.displayName="ComboboxPrimitiveGroup";const M=r.forwardRef((({className:e,...n},a)=>{const o=i(h),{refs:s,handleSelect:u,activeIndex:f,elementsRef:m,virtualItemRef:p,getReferenceProps:b,setHasSearch:g,search:v,setSearch:y,setActiveIndex:x,hiddenIndices:R,disabledIndices:C}=o,P=r.useRef(null);r.useEffect((()=>(g(!0),x(0),()=>{g(!1),y("")})),[g,x,y]);const I=r.useRef(!0);r.useEffect((()=>{if(I.current)return void(I.current=!1);const e=new Set([...R,...C]),t=m.current.findIndex(((t,r)=>null!=t&&!e.has(r)));x(-1===t?null:t)}),[v,R,C,m,x]);const w=e=>{null!==f&&e.key===c.ENTER&&(e.preventDefault(),u(f)),n.onKeyDown?.(e)},{onKeyDown:S,onKeyUp:E,...N}=b({...n,value:v,onChange:e=>y(e.target.value),onKeyDown:w}),A=e=>e===c.SPACE||e===c.ENTER;return t(d.input,{type:"search",className:e,placeholder:"Search...",ref:l.useMergeRefs([P,a]),"aria-activedescendant":p.current?.id||(null!==f?m.current[f]?.id:void 0),...N,"aria-autocomplete":"list",onKeyDown:e=>{A(e.key)?w(e):S?.(e)},onKeyUp:e=>{A(e.key)?n.onKeyUp?.(e):E?.(e)}})}));M.displayName="ComboboxPrimitiveSearch",g(M);const D=r.forwardRef(((e,t)=>(console.warn("Direct usage of Combobox is not supported. Please use Combobox.Root, Combobox.Content, etc. instead."),null)));D.displayName="ComboboxPrimitive";const k=D;k.Root=E,k.Content=y,k.Portal=N,k.Item=w,k.Trigger=S,k.Group=A,k.Search=M;export{k as C,g as a,P as g,C as m};

package/dist/components/ComboboxPrimitive-CyO6ZH5T.cjs

@@ -0,0 +1 @@
+'use client';"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./index-BudP4FIn.cjs"),n=require("./index-Bg-UeWCo.cjs"),i=require("./keyboard-BBlFllyi.cjs"),a=require("./index-DrMwbB8q.cjs"),o=require("./index-BwNOI8cB.cjs"),s=require("./index-CbdoW3TC.cjs"),l=require("./ThemeContext-t7IX-w6i.cjs");const d=t.createContext({}),c="__radComboboxSearchPart",u=e=>(e[c]=!0,e),f=t.createContext({forceMount:!1});const m=t.forwardRef((({children:n,className:i,style:a,onKeyDownCapture:o,forceMount:s=!1,...l},u)=>{const{forceMount:m}=t.useContext(f),{isOpen:p,elementsRef:b,labelsRef:h,floatingContext:g,refs:x,middlewareData:v,placedPlacement:y,getFloatingProps:R,floatingStyles:C,isPositioned:P,activeIndex:S,hasSearch:I,handleSelect:w,isTypingRef:E,dir:F}=t.useContext(d),A=r.Floater.useMergeRefs([x.setFloating,u]),j="undefined"==typeof navigator||!/jsdom/i.test(navigator.userAgent),D=function(e){const[t,r="center"]=e.split("-"),n="start"===r?"left":"end"===r?"right":"center",i="start"===r?"top":"end"===r?"bottom":"center";switch(t){case"top":return{side:t,align:r,transformOrigin:`${n} bottom`};case"bottom":return{side:t,align:r,transformOrigin:`${n} top`};case"left":return{side:t,align:r,transformOrigin:`right ${i}`};case"right":return{side:t,align:r,transformOrigin:`left ${i}`};default:return{side:"bottom",align:"center",transformOrigin:"center top"}}}(y),N=!P&&j,O=t.Children.toArray(n),M=e=>t.isValidElement(e)&&Boolean(e.type?.[c]),k=O.some(M),K=O.findIndex((e=>!M(e))),B=k?O.filter(((e,t)=>M(e)&&(-1===K||t<K))):[],L=k?O.filter(((e,t)=>M(e)&&-1!==K&&t>K)):[],T=k?O.filter((e=>!M(e))):[],$=R({...l,onKeyDownCapture:e=>{if(o?.(e),e.defaultPrevented||I||e.target!==e.currentTarget||null===S)return;const t=b.current[S];t&&(["ArrowDown","ArrowUp","Home","End"].includes(e.key)?t.focus({preventScroll:!0}):("Enter"===e.key||" "===e.key&&!E.current)&&(e.preventDefault(),w(S)))},className:i,style:{...C,...a,"--rad-ui-floating-transform-origin":D.transformOrigin,visibility:N||v.hide?.referenceHidden?"hidden":a?.visibility||C.visibility,pointerEvents:v.hide?.referenceHidden?"none":a?.pointerEvents},dir:F,"data-state":p?"open":"closed","data-side":D.side,"data-align":D.align,"data-positioned":P?"":void 0}),{id:V,role:q,"aria-orientation":Y,..._}=$;if(!p&&!s&&!m)return null;const H=p?_:{..._,style:{..._.style,visibility:"hidden",pointerEvents:"none"}},U=k?e.jsxs("div",{ref:A,...H,id:`${V}-popup`,children:[B,e.jsx("div",{id:V,role:q,"aria-orientation":Y,"data-slot":"combobox-listbox",children:T}),L]}):e.jsx("div",{ref:A,...H,id:V,role:q,"aria-orientation":Y,children:n});return e.jsx(r.Floater.FocusManager,{context:g,disabled:!p||N,children:e.jsx(r.Floater.FloatingList,{elementsRef:b,labelsRef:h,children:U})})}));m.displayName="ComboboxPrimitiveContent";const p=t.createContext(null),b="__radComboboxItemPart",h=e=>(e[b]=!0,e);function g(e){return"string"==typeof e||"number"==typeof e?String(e):Array.isArray(e)?e.map(g).join(""):t.isValidElement(e)?g(e.props.children):""}function x(e,r){let n=null;const i=e=>{if(null!==n)return;if(Array.isArray(e))return void e.forEach(i);if(!t.isValidElement(e))return;const a=e.props;if(Boolean(e.type?.[b])&&a.value===r){const e="string"==typeof a.label&&a.label||g(a.children).trim();n=e||null}else t.Children.forEach(a.children,i)};return i(e),n}const v=t.forwardRef((({children:a,value:o,label:s,disabled:l,className:c,...u},f)=>{const m=t.useContext(d);if(!m)return console.error("ComboboxPrimitiveItem must be used within a ComboboxPrimitive"),null;const{handleSelect:b,isTypingRef:h,getItemProps:x,activeIndex:v,selectedIndex:y,selectedValue:R,selectedItemRef:C,hasSearch:P,search:S,hiddenIndices:I,disabledIndices:w,setDisabledIndices:E,labelsRef:F,displayLabelsRef:A,valuesRef:j,bumpLabelsVersion:D,idPrefix:N}=m,O=t.useRef(null),M=s||g(a).trim()||o,{ref:k,index:K}=r.Floater.useListItem({label:M}),B=I.includes(K),L=v===K,T=y===K||R===o,$=`${N}-option-${o||K}`,V=l||P?-1:L?0:-1,q=t.useContext(p);t.useEffect((()=>{if(q?.registerItem)return q.registerItem($,!B)}),[q,$,B]),t.useEffect((()=>(j.current[K]=o,F.current[K]=M,A.current[K]=M,()=>{delete j.current[K],delete F.current[K],delete A.current[K]})),[A,K,o,M,F,j]),t.useEffect((()=>(D(),()=>{D()})),[K,M,o,D]),t.useEffect((()=>{const e=K;return E((t=>{if(l&&t.includes(e))return t;if(!l&&!t.includes(e))return t;const r=new Set(t);return l?r.add(e):r.delete(e),Array.from(r).sort(((e,t)=>e-t))})),()=>{E((t=>{if(!t.includes(e))return t;const r=new Set(t);return r.delete(e),Array.from(r).sort(((e,t)=>e-t))}))}}),[K,l,E]);const Y=t.useCallback((e=>{T&&!P?C.current=e:C.current===e&&(C.current=null)}),[P,T,C]);return e.jsx(n.Primitive.div,{ref:r.Floater.useMergeRefs([k,O,Y,f]),id:$,role:"option",className:c,style:{display:B?"none":void 0,...u.style},"data-value":o,"data-label":M,"data-active":L,"aria-selected":T,"aria-disabled":!!l||void 0,"data-disabled":l?"":void 0,...x({tabIndex:V,onClick:()=>!l&&b(K),onKeyDown:e=>{l||(e.key===i.KEYBOARD_KEYS.ENTER&&(e.preventDefault(),b(K)),e.key!==i.KEYBOARD_KEYS.SPACE||h.current||(e.preventDefault(),b(K)))}}),...u,tabIndex:V,children:a})}));v.displayName="ComboboxPrimitiveItem",h(v);const y=t.forwardRef((({children:i,className:o,disabled:s,asChild:l,onClick:c,renderValue:u,"aria-disabled":f,"data-placeholder":m,...p},b)=>{const{isOpen:h,selectedLabel:g,selectedValue:x,refs:v,getReferenceProps:y,disabled:R}=t.useContext(d),C=Boolean(s||R),P=a.composeEventHandlers(c),S=Boolean(g||x),I=S?u?.(x,g||x):void 0;return e.jsx(n.Primitive.button,{type:l?void 0:"button",className:o,"aria-expanded":h,"data-state":h?"open":"closed","aria-disabled":!!C||f,disabled:!!C||void 0,"data-disabled":C?"":void 0,"data-placeholder":m??(S?void 0:""),ref:r.Floater.useMergeRefs([v.setReference,b]),role:"combobox",asChild:l,...y({...p,onClick:P,disabled:C}),children:I??(g||x||i)})}));y.displayName="ComboboxPrimitiveTrigger";const R=t.forwardRef((({children:i,className:a,value:l,name:c,defaultValue:u="",onValueChange:f,onClickOutside:m=()=>{},align:p="start",alignOffset:b=0,avoidCollisions:h=!0,collisionBoundary:g=null,collisionPadding:v=8,constrainSize:y=!0,enableFlip:R=!0,enableShift:C=!0,hideWhenDetached:P=!1,matchReferenceWidth:S=!1,offsetValue:I,onPlaced:w,placement:E,positioningStrategy:F="fixed",side:A="bottom",sideOffset:j,sticky:D="partial",updatePositionStrategy:N="optimized",open:O,defaultOpen:M=!1,onOpenChange:k,disabled:K=!1,required:B=!1,...L},T)=>{const $=L.dir,[V,q]=o.useControllableState(O,M,k),Y=Boolean(V)&&!K,_=t.useId();s.useRegisterDocumentOverlayOpen(Y);const[H,U]=o.useControllableState(l,u,f),[z,W]=t.useState((()=>H?x(i,H)??H:H)),G=t.useRef(null),J=t.useRef([]),Q=t.useRef([]),X=t.useRef([]),Z=t.useRef([]),ee=t.useRef({}),[te,re]=t.useState([]),ne=t.useRef(!1),ie=t.useRef(null),ae=t.useRef(null),[oe,se]=t.useState(null),[le,de]=t.useState(null),[ce,ue]=t.useState(!1),[fe,me]=t.useState(""),[pe,be]=t.useReducer((e=>e+1),0),he=t.useMemo((()=>{if(!fe)return[];const e=[];for(let t=0;t<Q.current.length;t++){const r=Q.current[t];r&&!r.toLowerCase().includes(fe.toLowerCase())&&e.push(t)}return e}),[fe,pe]),ge=t.useMemo((()=>{const e=new Set([...te,...he]);return Array.from(e).sort(((e,t)=>e-t))}),[te,he]),[xe,ve]=t.useState(!1);t.useEffect((()=>{ve(Boolean(ie.current?.closest("form")))}),[]);const ye=t.useRef(null),Re=t.useRef(u);t.useEffect((()=>{const e=ye.current?.form;if(!e)return;const t=()=>U(Re.current);return e.addEventListener("reset",t),()=>e.removeEventListener("reset",t)}),[xe,c,U]);const Ce=E??function(e,t){return"center"===t?e:`${e}-${t}`}(A,p),Pe=j??I??0,Se=t.useMemo((()=>Array.isArray(g)?g:[g]),[g]),Ie=t.useMemo((()=>{const e=Se.filter((e=>null!=e));return{padding:v,boundary:e,altBoundary:e.length>0}}),[Se,v]),we=t.useMemo((()=>[r.Floater.offset({mainAxis:Pe,alignmentAxis:b}),h&&C&&r.Floater.shift({mainAxis:!0,crossAxis:!1,limiter:"partial"===D?r.Floater.limitShift():void 0,...Ie}),h&&R&&r.Floater.flip(Ie),y&&r.Floater.size({...Ie,apply:({elements:e,rects:t,availableWidth:r,availableHeight:n})=>{const i=e.floating.style;i.setProperty("--rad-ui-floating-available-width",`${Math.max(0,r)}px`),i.setProperty("--rad-ui-floating-available-height",`${Math.max(0,n)}px`),i.setProperty("--rad-ui-floating-reference-width",`${t.reference.width}px`),i.setProperty("--rad-ui-floating-reference-height",`${t.reference.height}px`),S?i.width=`${t.reference.width}px`:i.removeProperty("width")}}),P&&r.Floater.hide({strategy:"referenceHidden",...Ie})].filter(Boolean)),[b,h,y,Ie,R,C,P,Pe,S,D]),{refs:Ee,floatingStyles:Fe,context:Ae,isPositioned:je,middlewareData:De,update:Ne,placement:Oe}=r.Floater.useFloating({middleware:we,open:Y,onOpenChange:e=>{K&&e||q(e)},placement:Ce,strategy:F,whileElementsMounted:(e,t,n)=>r.Floater.autoUpdate(e,t,n,{animationFrame:"always"===N})});t.useLayoutEffect((()=>{je&&w?.()}),[je,w]);const Me=r.Floater.useClick(Ae),ke=r.Floater.useDismiss(Ae),Ke=r.Floater.useRole(Ae,{role:"listbox"});const Be=t.useCallback((e=>{if(null!==e&&!ge.includes(e)&&(de(e),q(!1),Ee.reference.current?.focus(),null!==e)){const t=J.current[e],r=t?.getAttribute("data-value")||Z.current[e],n=t?.getAttribute("data-label")||X.current[e]||Q.current[e];r&&(U(r),n&&(ee.current[r]=n)),n&&W(n)}}),[ge,Ee,U,q]);t.useLayoutEffect((()=>{const e=Z.current.findIndex((e=>e===H));if(-1===e)return de(null),void W(ee.current[H]||(H?x(i,H):null)||H);de(e);const t=J.current[e]?.getAttribute("data-label")||X.current[e]||Q.current[e]||H;ee.current[H]=t,W(t)}),[pe,H,i]);const Le=r.Floater.useListNavigation(Ae,{listRef:J,activeIndex:oe,selectedIndex:le,onNavigate:se,virtual:ce,virtualItemRef:ae,disabledIndices:ge}),Te=r.Floater.useTypeahead(Ae,{listRef:Q,activeIndex:oe,selectedIndex:le,enabled:!ce,onMatch:function(e){null===e||ge.includes(e)||(Y?se(e):Be(e))},onTypingChange(e){ne.current=e}}),{getReferenceProps:$e,getFloatingProps:Ve,getItemProps:qe}=r.Floater.useInteractions([Me,ke,Ke,Le,Te]),Ye=t.useMemo((()=>({isOpen:Y,setIsOpen:q,handleSelect:Be,floatingContext:Ae,refs:Ee,isPositioned:je,updatePosition:Ne,middlewareData:De,placedPlacement:Oe,getFloatingProps:Ve,getReferenceProps:$e,floatingStyles:Fe,getItemProps:qe,activeIndex:oe,selectedIndex:le,elementsRef:J,labelsRef:Q,displayLabelsRef:X,valuesRef:Z,disabledIndices:te,setDisabledIndices:re,setActiveIndex:se,selectedLabel:z,selectedValue:H,isTypingRef:ne,virtualItemRef:ae,hasSearch:ce,setHasSearch:ue,search:fe,setSearch:me,hiddenIndices:he,selectedItemRef:G,labelsVersion:pe,bumpLabelsVersion:be,idPrefix:_,disabled:K,dir:$})),[Y,Be,Ae,Ee,je,Ne,De,Oe,Ve,$e,Fe,qe,oe,le,te,z,H,ce,fe,he,pe,_,K,q,$]);return e.jsx(d.Provider,{value:Ye,children:e.jsxs(n.Primitive.div,{...L,className:a,ref:r.Floater.useMergeRefs([ie,T]),"data-state":Y?"open":"closed","data-disabled":K?"":void 0,children:[i,(xe||Boolean(c))&&e.jsx("select",{ref:ye,name:c,value:H,required:B,disabled:K,"aria-hidden":"true",tabIndex:-1,onChange:()=>{},onFocus:()=>Ee.reference.current?.focus(),style:{position:"absolute",width:1,height:1,margin:0,padding:0,border:0,opacity:0,pointerEvents:"none",overflow:"hidden"},children:e.jsx("option",{value:H,children:H})})]})})}));R.displayName="ComboboxPrimitiveRoot";const C=t.forwardRef((({children:n,container:i,forceMount:a=!1,...o},s)=>{const{isOpen:c}=t.useContext(d),u=t.useContext(l.ThemeContext),[m,p]=t.useState(!1),b=i??u?.portalRootRef.current??u?.containerRef.current??("undefined"!=typeof document?document.body:null);return t.useEffect((()=>{b&&p(!0)}),[b]),(c||a)&&m?e.jsx(f.Provider,{value:{forceMount:a},children:e.jsx(r.Floater.Portal,{root:b,...o,children:n})}):null}));C.displayName="ComboboxPrimitivePortal";const P=t.forwardRef((({children:r,className:n,...i},a)=>{const[o,s]=t.useState(new Set),{search:l}=t.useContext(d),c=t.useCallback(((e,t)=>(s((r=>{if(t&&r.has(e))return r;if(!t&&!r.has(e))return r;const n=new Set(r);return t?n.add(e):n.delete(e),n})),()=>{s((t=>{if(!t.has(e))return t;const r=new Set(t);return r.delete(e),r}))})),[]),u=o.size>0,f=""!==l&&!u,m=t.useMemo((()=>({registerItem:c})),[c]);return e.jsx(p.Provider,{value:m,children:e.jsx("div",{className:n,ref:a,...i,style:{display:f?"none":void 0,...i.style},children:r})})}));P.displayName="ComboboxPrimitiveGroup";const S=t.forwardRef((({className:a,...o},s)=>{const l=t.useContext(d),{refs:c,handleSelect:u,activeIndex:f,elementsRef:m,virtualItemRef:p,getReferenceProps:b,setHasSearch:h,search:g,setSearch:x,setActiveIndex:v,hiddenIndices:y,disabledIndices:R}=l,C=t.useRef(null);t.useEffect((()=>(h(!0),v(0),()=>{h(!1),x("")})),[h,v,x]);const P=t.useRef(!0);t.useEffect((()=>{if(P.current)return void(P.current=!1);const e=new Set([...y,...R]),t=m.current.findIndex(((t,r)=>null!=t&&!e.has(r)));v(-1===t?null:t)}),[g,y,R,m,v]);const S=e=>{null!==f&&e.key===i.KEYBOARD_KEYS.ENTER&&(e.preventDefault(),u(f)),o.onKeyDown?.(e)},{onKeyDown:I,onKeyUp:w,...E}=b({...o,value:g,onChange:e=>x(e.target.value),onKeyDown:S}),F=e=>e===i.KEYBOARD_KEYS.SPACE||e===i.KEYBOARD_KEYS.ENTER;return e.jsx(n.Primitive.input,{type:"search",className:a,placeholder:"Search...",ref:r.Floater.useMergeRefs([C,s]),"aria-activedescendant":p.current?.id||(null!==f?m.current[f]?.id:void 0),...E,"aria-autocomplete":"list",onKeyDown:e=>{F(e.key)?S(e):I?.(e)},onKeyUp:e=>{F(e.key)?o.onKeyUp?.(e):w?.(e)}})}));S.displayName="ComboboxPrimitiveSearch",u(S);const I=t.forwardRef(((e,t)=>(console.warn("Direct usage of Combobox is not supported. Please use Combobox.Root, Combobox.Content, etc. instead."),null)));I.displayName="ComboboxPrimitive";const w=I;w.Root=R,w.Content=m,w.Portal=C,w.Item=v,w.Trigger=y,w.Group=P,w.Search=S,exports.ComboboxPrimitive=w,exports.getNodeText=g,exports.markAsComboboxItemPart=h,exports.markAsComboboxSearchPart=u;

package/dist/components/Command.cjs

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

package/dist/components/Command.d.ts

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

package/dist/components/Command.js

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

package/dist/components/ContextMenu.cjs

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

package/dist/components/ContextMenu.d.ts

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

package/dist/components/ContextMenu.js

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

package/dist/components/Dialog.cjs

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