@inkeep/cxkit-primitives 0.5.90 → 0.5.92

package/dist/atoms/dialog.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),T=require("react"),p=require("@radix-ui/primitive"),P=require("@radix-ui/react-compose-refs"),H=require("@radix-ui/react-context"),m=require("@radix-ui/react-id"),z=require("@radix-ui/react-use-controllable-state"),K=require("@radix-ui/react-dismissable-layer"),U=require("@zag-js/focus-trap"),V=require("@radix-ui/react-portal"),_=require("@radix-ui/react-presence"),g=require("@radix-ui/react-primitive"),Y=require("@radix-ui/react-focus-guards"),Z=require("react-remove-scroll"),B=require("aria-hidden"),J=require("@radix-ui/react-slot");function Q(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=Q(T),x="Dialog",[N,W]=H.createContextScope(x),[X,l]=N(x),O=e=>{const{__scopeDialog:n,children:t,open:s,defaultOpen:o,onOpenChange:r,modal:a=!0}=e,u=c.useRef(null),f=c.useRef(null),[R=!1,C]=z.useControllableState({prop:s,defaultProp:o,onChange:r});return i.jsx(X,{scope:n,triggerRef:u,contentRef:f,contentId:m.useId(),titleId:m.useId(),descriptionId:m.useId(),open:R,onOpenChange:C,onOpenToggle:c.useCallback(()=>C(G=>!G),[C]),modal:a,children:t})};O.displayName=x;const M="DialogTrigger",S=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(M,t),r=P.useComposedRefs(n,o.triggerRef);return i.jsx(g.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":j(o.open),...s,ref:r,onClick:p.composeEventHandlers(e.onClick,o.onOpenToggle)})});S.displayName=M;const v="DialogPortal",[$,q]=N(v,{forceMount:void 0}),y=e=>{const{__scopeDialog:n,forceMount:t,children:s,container:o}=e,r=l(v,n);return i.jsx($,{scope:n,forceMount:t,children:c.Children.map(s,a=>i.jsx(_.Presence,{present:t||r.open,children:i.jsx(V.Portal,{asChild:!0,container:o,children:a})}))})};y.displayName=v;const D="DialogOverlay",E=c.forwardRef((e,n)=>{const t=q(D,e.__scopeDialog),{forceMount:s=t.forceMount,...o}=e,r=l(D,e.__scopeDialog);return r.modal?i.jsx(_.Presence,{present:s||r.open,children:i.jsx(ee,{...o,ref:n})}):null});E.displayName=D;const ee=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(D,t);return i.jsx(Z.RemoveScroll,{as:J.Slot,allowPinchZoom:!0,shards:[o.contentRef],children:i.jsx(g.Primitive.div,{"data-state":j(o.open),...s,ref:n,style:{pointerEvents:"auto",...s.style}})})}),d="DialogContent",b=c.forwardRef((e,n)=>{const t=q(d,e.__scopeDialog),{forceMount:s=t.forceMount,...o}=e,r=l(d,e.__scopeDialog);return i.jsx(_.Presence,{present:s||r.open,children:r.modal?i.jsx(te,{...o,ref:n}):i.jsx(oe,{...o,ref:n})})});b.displayName=d;const te=c.forwardRef((e,n)=>{const t=l(d,e.__scopeDialog),s=c.useRef(null),o=P.useComposedRefs(n,t.contentRef,s);return c.useEffect(()=>{const r=s.current;if(r)return B.hideOthers(r)},[]),i.jsx(w,{...e,ref:o,trapFocus:t.open,disableOutsidePointerEvents:!0,onPointerDownOutside:p.composeEventHandlers(e.onPointerDownOutside,r=>{const a=r.detail.originalEvent,u=a.button===0&&a.ctrlKey===!0;(a.button===2||u)&&r.preventDefault()}),onFocusOutside:p.composeEventHandlers(e.onFocusOutside,r=>r.preventDefault())})}),oe=c.forwardRef((e,n)=>{const t=l(d,e.__scopeDialog),s=c.useRef(!1),o=c.useRef(!1);return i.jsx(w,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onInteractOutside:r=>{e.onInteractOutside?.(r),r.defaultPrevented||(s.current=!0,r.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const a=r.target;t.triggerRef.current?.contains(a)&&r.preventDefault(),r.detail.originalEvent.type==="focusin"&&o.current&&r.preventDefault()}})}),w=c.forwardRef((e,n)=>{const{__scopeDialog:t,trapFocus:s,onOpenAutoFocus:o,onCloseAutoFocus:r,...a}=e,u=l(d,t),f=c.useRef(null),R=P.useComposedRefs(n,f);return Y.useFocusGuards(),T.useEffect(()=>{if(s)return U.trapFocus(f.current,{preventScroll:!0,onActivate:o,onDeactivate:r,initialFocus:!1})},[]),i.jsx(K.DismissableLayer,{role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":j(u.open),...a,ref:R,onDismiss:()=>u.onOpenChange(!1)})}),A="DialogTitle",h=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(A,t);return i.jsx(g.Primitive.h2,{id:o.titleId,...s,ref:n})});h.displayName=A;const F="DialogDescription",k=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(F,t);return i.jsx(g.Primitive.p,{id:o.descriptionId,...s,ref:n})});k.displayName=F;const L="DialogClose",I=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(L,t);return i.jsx(g.Primitive.button,{type:"button",...s,ref:n,onClick:p.composeEventHandlers(e.onClick,()=>o.onOpenChange(!1))})});I.displayName=L;function j(e){return e?"open":"closed"}const ne=O,re=y,se=E,ce=b,ie=h,ae=I;exports.Close=ae;exports.Content=ce;exports.Dialog=O;exports.DialogClose=I;exports.DialogContent=b;exports.DialogDescription=k;exports.DialogOverlay=E;exports.DialogPortal=y;exports.DialogTitle=h;exports.DialogTrigger=S;exports.Overlay=se;exports.Portal=re;exports.Root=ne;exports.Title=ie;exports.createDialogScope=W;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),T=require("react"),p=require("@radix-ui/primitive"),P=require("@radix-ui/react-compose-refs"),H=require("@radix-ui/react-context"),C=require("@radix-ui/react-id"),z=require("@radix-ui/react-use-controllable-state"),B=require("@radix-ui/react-dismissable-layer"),K=require("@zag-js/focus-trap"),U=require("@radix-ui/react-portal"),_=require("@radix-ui/react-presence"),g=require("@radix-ui/react-primitive"),V=require("@radix-ui/react-focus-guards"),Y=require("react-remove-scroll"),Z=require("aria-hidden"),J=require("@radix-ui/react-slot");function Q(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=Q(T),x="Dialog",[N,W]=H.createContextScope(x),[X,l]=N(x),O=e=>{const{__scopeDialog:n,children:t,open:s,defaultOpen:o,onOpenChange:r,modal:a=!0}=e,u=c.useRef(null),f=c.useRef(null),[R=!1,m]=z.useControllableState({prop:s,defaultProp:o,onChange:r});return i.jsx(X,{scope:n,triggerRef:u,contentRef:f,contentId:C.useId(),titleId:C.useId(),descriptionId:C.useId(),open:R,onOpenChange:m,onOpenToggle:c.useCallback(()=>m(G=>!G),[m]),modal:a,children:t})};O.displayName=x;const M="DialogTrigger",S=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(M,t),r=P.useComposedRefs(n,o.triggerRef);return i.jsx(g.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":j(o.open),...s,ref:r,onClick:p.composeEventHandlers(e.onClick,o.onOpenToggle)})});S.displayName=M;const v="DialogPortal",[$,q]=N(v,{forceMount:void 0}),y=e=>{const{__scopeDialog:n,forceMount:t,children:s,container:o}=e,r=l(v,n);return i.jsx($,{scope:n,forceMount:t,children:c.Children.map(s,a=>i.jsx(_.Presence,{present:t||r.open,children:i.jsx(U.Portal,{asChild:!0,container:o,children:a})}))})};y.displayName=v;const D="DialogOverlay",E=c.forwardRef((e,n)=>{const t=q(D,e.__scopeDialog),{forceMount:s=t.forceMount,...o}=e,r=l(D,e.__scopeDialog);return r.modal?i.jsx(_.Presence,{present:s||r.open,children:i.jsx(ee,{...o,ref:n})}):null});E.displayName=D;const ee=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(D,t);return i.jsx(Y.RemoveScroll,{as:J.Slot,allowPinchZoom:!0,shards:[o.contentRef],gapMode:"padding",removeScrollBar:!0,children:i.jsx(g.Primitive.div,{"data-state":j(o.open),...s,ref:n,style:{pointerEvents:"auto",...s.style}})})}),d="DialogContent",b=c.forwardRef((e,n)=>{const t=q(d,e.__scopeDialog),{forceMount:s=t.forceMount,...o}=e,r=l(d,e.__scopeDialog);return i.jsx(_.Presence,{present:s||r.open,children:r.modal?i.jsx(te,{...o,ref:n}):i.jsx(oe,{...o,ref:n})})});b.displayName=d;const te=c.forwardRef((e,n)=>{const t=l(d,e.__scopeDialog),s=c.useRef(null),o=P.useComposedRefs(n,t.contentRef,s);return c.useEffect(()=>{const r=s.current;if(r)return Z.hideOthers(r)},[]),i.jsx(w,{...e,ref:o,trapFocus:t.open,disableOutsidePointerEvents:!0,onPointerDownOutside:p.composeEventHandlers(e.onPointerDownOutside,r=>{const a=r.detail.originalEvent,u=a.button===0&&a.ctrlKey===!0;(a.button===2||u)&&r.preventDefault()}),onFocusOutside:p.composeEventHandlers(e.onFocusOutside,r=>r.preventDefault())})}),oe=c.forwardRef((e,n)=>{const t=l(d,e.__scopeDialog),s=c.useRef(!1),o=c.useRef(!1);return i.jsx(w,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onInteractOutside:r=>{e.onInteractOutside?.(r),r.defaultPrevented||(s.current=!0,r.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const a=r.target;t.triggerRef.current?.contains(a)&&r.preventDefault(),r.detail.originalEvent.type==="focusin"&&o.current&&r.preventDefault()}})}),w=c.forwardRef((e,n)=>{const{__scopeDialog:t,trapFocus:s,onOpenAutoFocus:o,onCloseAutoFocus:r,...a}=e,u=l(d,t),f=c.useRef(null),R=P.useComposedRefs(n,f);return V.useFocusGuards(),T.useEffect(()=>{if(s)return K.trapFocus(f.current,{preventScroll:!0,onActivate:o,onDeactivate:r,initialFocus:!1})},[]),i.jsx(B.DismissableLayer,{role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":j(u.open),...a,ref:R,onDismiss:()=>u.onOpenChange(!1)})}),A="DialogTitle",h=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(A,t);return i.jsx(g.Primitive.h2,{id:o.titleId,...s,ref:n})});h.displayName=A;const F="DialogDescription",k=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(F,t);return i.jsx(g.Primitive.p,{id:o.descriptionId,...s,ref:n})});k.displayName=F;const L="DialogClose",I=c.forwardRef((e,n)=>{const{__scopeDialog:t,...s}=e,o=l(L,t);return i.jsx(g.Primitive.button,{type:"button",...s,ref:n,onClick:p.composeEventHandlers(e.onClick,()=>o.onOpenChange(!1))})});I.displayName=L;function j(e){return e?"open":"closed"}const ne=O,re=y,se=E,ce=b,ie=h,ae=I;exports.Close=ae;exports.Content=ce;exports.Dialog=O;exports.DialogClose=I;exports.DialogContent=b;exports.DialogDescription=k;exports.DialogOverlay=E;exports.DialogPortal=y;exports.DialogTitle=h;exports.DialogTrigger=S;exports.Overlay=se;exports.Portal=re;exports.Root=ne;exports.Title=ie;exports.createDialogScope=W;

package/dist/atoms/dialog.js

@@ -7,23 +7,23 @@ import { useComposedRefs as _ } from "@radix-ui/react-compose-refs";
 import { createContextScope as $ } from "@radix-ui/react-context";
 import { useId as C } from "@radix-ui/react-id";
 import { useControllableState as j } from "@radix-ui/react-use-controllable-state";
-import { DismissableLayer as H } from "@radix-ui/react-dismissable-layer";
-import { trapFocus as K } from "@zag-js/focus-trap";
-import { Portal as V } from "@radix-ui/react-portal";
+import { DismissableLayer as B } from "@radix-ui/react-dismissable-layer";
+import { trapFocus as H } from "@zag-js/focus-trap";
+import { Portal as K } from "@radix-ui/react-portal";
 import { Presence as O } from "@radix-ui/react-presence";
 import { Primitive as d } from "@radix-ui/react-primitive";
-import { useFocusGuards as Y } from "@radix-ui/react-focus-guards";
-import { RemoveScroll as Z } from "react-remove-scroll";
-import { hideOthers as q } from "aria-hidden";
-import { Slot as z } from "@radix-ui/react-slot";
-const P = "Dialog", [E, Co] = $(P), [B, l] = E(P), I = (o) => {
-  const { __scopeDialog: n, children: r, open: s, defaultOpen: t, onOpenChange: e, modal: a = !0 } = o, f = c.useRef(null), p = c.useRef(null), [D = !1, R] = j({
+import { useFocusGuards as V } from "@radix-ui/react-focus-guards";
+import { RemoveScroll as Y } from "react-remove-scroll";
+import { hideOthers as Z } from "aria-hidden";
+import { Slot as q } from "@radix-ui/react-slot";
+const P = "Dialog", [E, Co] = $(P), [z, l] = E(P), v = (o) => {
+  const { __scopeDialog: n, children: r, open: s, defaultOpen: e, onOpenChange: t, modal: a = !0 } = o, f = c.useRef(null), p = c.useRef(null), [D = !1, R] = j({
     prop: s,
-    defaultProp: t,
-    onChange: e
+    defaultProp: e,
+    onChange: t
   });
   return /* @__PURE__ */ i(
-    B,
+    z,
     {
       scope: n,
       triggerRef: f,
@@ -39,91 +39,101 @@ const P = "Dialog", [E, Co] = $(P), [B, l] = E(P), I = (o) => {
     }
   );
 };
-I.displayName = P;
-const v = "DialogTrigger", J = c.forwardRef(
+v.displayName = P;
+const I = "DialogTrigger", J = c.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, t = l(v, r), e = _(n, t.triggerRef);
+    const { __scopeDialog: r, ...s } = o, e = l(I, r), t = _(n, e.triggerRef);
     return /* @__PURE__ */ i(
       d.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
-        "aria-expanded": t.open,
-        "aria-controls": t.contentId,
-        "data-state": y(t.open),
+        "aria-expanded": e.open,
+        "aria-controls": e.contentId,
+        "data-state": y(e.open),
         ...s,
-        ref: e,
-        onClick: g(o.onClick, t.onOpenToggle)
+        ref: t,
+        onClick: g(o.onClick, e.onOpenToggle)
       }
     );
   }
 );
-J.displayName = v;
+J.displayName = I;
 const h = "DialogPortal", [Q, x] = E(h, {
   forceMount: void 0
 }), N = (o) => {
-  const { __scopeDialog: n, forceMount: r, children: s, container: t } = o, e = l(h, n);
-  return /* @__PURE__ */ i(Q, { scope: n, forceMount: r, children: c.Children.map(s, (a) => /* @__PURE__ */ i(O, { present: r || e.open, children: /* @__PURE__ */ i(V, { asChild: !0, container: t, children: a }) })) });
+  const { __scopeDialog: n, forceMount: r, children: s, container: e } = o, t = l(h, n);
+  return /* @__PURE__ */ i(Q, { scope: n, forceMount: r, children: c.Children.map(s, (a) => /* @__PURE__ */ i(O, { present: r || t.open, children: /* @__PURE__ */ i(K, { asChild: !0, container: e, children: a }) })) });
 };
 N.displayName = h;
-const m = "DialogOverlay", T = c.forwardRef(
+const m = "DialogOverlay", M = c.forwardRef(
   (o, n) => {
-    const r = x(m, o.__scopeDialog), { forceMount: s = r.forceMount, ...t } = o, e = l(m, o.__scopeDialog);
-    return e.modal ? /* @__PURE__ */ i(O, { present: s || e.open, children: /* @__PURE__ */ i(U, { ...t, ref: n }) }) : null;
+    const r = x(m, o.__scopeDialog), { forceMount: s = r.forceMount, ...e } = o, t = l(m, o.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i(O, { present: s || t.open, children: /* @__PURE__ */ i(U, { ...e, ref: n }) }) : null;
   }
 );
-T.displayName = m;
+M.displayName = m;
 const U = c.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, t = l(m, r);
+    const { __scopeDialog: r, ...s } = o, e = l(m, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ i(Z, { as: z, allowPinchZoom: !0, shards: [t.contentRef], children: /* @__PURE__ */ i(
-        d.div,
+      /* @__PURE__ */ i(
+        Y,
         {
-          "data-state": y(t.open),
-          ...s,
-          ref: n,
-          style: { pointerEvents: "auto", ...s.style }
+          as: q,
+          allowPinchZoom: !0,
+          shards: [e.contentRef],
+          gapMode: "padding",
+          removeScrollBar: !0,
+          children: /* @__PURE__ */ i(
+            d.div,
+            {
+              "data-state": y(e.open),
+              ...s,
+              ref: n,
+              style: { pointerEvents: "auto", ...s.style }
+            }
+          )
         }
-      ) })
+      )
     );
   }
-), u = "DialogContent", M = c.forwardRef(
+), u = "DialogContent", T = c.forwardRef(
   (o, n) => {
-    const r = x(u, o.__scopeDialog), { forceMount: s = r.forceMount, ...t } = o, e = l(u, o.__scopeDialog);
-    return /* @__PURE__ */ i(O, { present: s || e.open, children: e.modal ? /* @__PURE__ */ i(W, { ...t, ref: n }) : /* @__PURE__ */ i(X, { ...t, ref: n }) });
+    const r = x(u, o.__scopeDialog), { forceMount: s = r.forceMount, ...e } = o, t = l(u, o.__scopeDialog);
+    return /* @__PURE__ */ i(O, { present: s || t.open, children: t.modal ? /* @__PURE__ */ i(W, { ...e, ref: n }) : /* @__PURE__ */ i(X, { ...e, ref: n }) });
   }
 );
-M.displayName = u;
+T.displayName = u;
 const W = c.forwardRef(
   (o, n) => {
-    const r = l(u, o.__scopeDialog), s = c.useRef(null), t = _(n, r.contentRef, s);
+    const r = l(u, o.__scopeDialog), s = c.useRef(null), e = _(n, r.contentRef, s);
     return c.useEffect(() => {
-      const e = s.current;
-      if (e) return q(e);
+      const t = s.current;
+      if (t) return Z(t);
     }, []), /* @__PURE__ */ i(
       b,
       {
         ...o,
-        ref: t,
+        ref: e,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
-        onPointerDownOutside: g(o.onPointerDownOutside, (e) => {
-          const a = e.detail.originalEvent, f = a.button === 0 && a.ctrlKey === !0;
-          (a.button === 2 || f) && e.preventDefault();
+        onPointerDownOutside: g(o.onPointerDownOutside, (t) => {
+          const a = t.detail.originalEvent, f = a.button === 0 && a.ctrlKey === !0;
+          (a.button === 2 || f) && t.preventDefault();
         }),
         onFocusOutside: g(
           o.onFocusOutside,
-          (e) => e.preventDefault()
+          (t) => t.preventDefault()
         )
       }
     );
   }
 ), X = c.forwardRef(
   (o, n) => {
-    const r = l(u, o.__scopeDialog), s = c.useRef(!1), t = c.useRef(!1);
+    const r = l(u, o.__scopeDialog), s = c.useRef(!1), e = c.useRef(!1);
     return /* @__PURE__ */ i(
       b,
       {
@@ -131,27 +141,27 @@ const W = c.forwardRef(
         ref: n,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
-        onInteractOutside: (e) => {
-          o.onInteractOutside?.(e), e.defaultPrevented || (s.current = !0, e.detail.originalEvent.type === "pointerdown" && (t.current = !0));
-          const a = e.target;
-          r.triggerRef.current?.contains(a) && e.preventDefault(), e.detail.originalEvent.type === "focusin" && t.current && e.preventDefault();
+        onInteractOutside: (t) => {
+          o.onInteractOutside?.(t), t.defaultPrevented || (s.current = !0, t.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          const a = t.target;
+          r.triggerRef.current?.contains(a) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && e.current && t.preventDefault();
         }
       }
     );
   }
 ), b = c.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, trapFocus: s, onOpenAutoFocus: t, onCloseAutoFocus: e, ...a } = o, f = l(u, r), p = c.useRef(null), D = _(n, p);
-    return Y(), G(() => {
+    const { __scopeDialog: r, trapFocus: s, onOpenAutoFocus: e, onCloseAutoFocus: t, ...a } = o, f = l(u, r), p = c.useRef(null), D = _(n, p);
+    return V(), G(() => {
       if (s)
-        return K(p.current, {
+        return H(p.current, {
           preventScroll: !0,
-          onActivate: t,
-          onDeactivate: e,
+          onActivate: e,
+          onDeactivate: t,
           initialFocus: !1
         });
     }, []), /* @__PURE__ */ i(
-      H,
+      B,
       {
         role: "dialog",
         id: f.contentId,
@@ -166,28 +176,28 @@ const W = c.forwardRef(
   }
 ), w = "DialogTitle", A = c.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, t = l(w, r);
-    return /* @__PURE__ */ i(d.h2, { id: t.titleId, ...s, ref: n });
+    const { __scopeDialog: r, ...s } = o, e = l(w, r);
+    return /* @__PURE__ */ i(d.h2, { id: e.titleId, ...s, ref: n });
   }
 );
 A.displayName = w;
 const F = "DialogDescription", oo = c.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, t = l(F, r);
-    return /* @__PURE__ */ i(d.p, { id: t.descriptionId, ...s, ref: n });
+    const { __scopeDialog: r, ...s } = o, e = l(F, r);
+    return /* @__PURE__ */ i(d.p, { id: e.descriptionId, ...s, ref: n });
   }
 );
 oo.displayName = F;
 const S = "DialogClose", k = c.forwardRef(
   (o, n) => {
-    const { __scopeDialog: r, ...s } = o, t = l(S, r);
+    const { __scopeDialog: r, ...s } = o, e = l(S, r);
     return /* @__PURE__ */ i(
       d.button,
       {
         type: "button",
         ...s,
         ref: n,
-        onClick: g(o.onClick, () => t.onOpenChange(!1))
+        onClick: g(o.onClick, () => e.onOpenChange(!1))
       }
     );
   }
@@ -196,15 +206,15 @@ k.displayName = S;
 function y(o) {
   return o ? "open" : "closed";
 }
-const _o = I, Oo = N, Po = T, ho = M, yo = A, Eo = k;
+const _o = v, Oo = N, Po = M, ho = T, yo = A, Eo = k;
 export {
   Eo as Close,
   ho as Content,
-  I as Dialog,
+  v as Dialog,
   k as DialogClose,
-  M as DialogContent,
+  T as DialogContent,
   oo as DialogDescription,
-  T as DialogOverlay,
+  M as DialogOverlay,
   N as DialogPortal,
   A as DialogTitle,
   J as DialogTrigger,

package/dist/atoms/portal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),i=require("react-dom"),p=typeof document<"u"?e.useLayoutEffect:e.useEffect;function m(u){const{children:s,target:a,tag:f,host:l}=u,n=e.useRef(null),t=e.useRef(null),[,d]=e.useReducer(r=>r+1,0);p(()=>{if(!n.current)return;const r=n.current.ownerDocument,c=l??r.body;return t.current=r.createElement(f??"inkeep-portal"),c.appendChild(t.current),d(),()=>{t.current&&c.removeChild(t.current)}},[]);const o=a?.current??t.current;return o?i.createPortal(s,o):e.createElement("span",{ref:n})}exports.Portal=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),i=require("react-dom"),p=typeof document<"u"?e.useLayoutEffect:e.useEffect;function h(u){const{children:s,target:a,tag:f,host:l}=u,n=e.useRef(null),t=e.useRef(null),[,d]=e.useReducer(r=>r+1,0);p(()=>{if(!n.current)return;const r=n.current.ownerDocument,c=l??r.body;return t.current=r.createElement(f??"inkeep-portal"),c.appendChild(t.current),d(),()=>{t.current&&c.removeChild(t.current)}},[]);const o=a?.current??t.current;return o?i.createPortal(s,o):e.createElement("span",{ref:n})}exports.Portal=h;

package/dist/atoms/select.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),rt=require("react"),st=require("react-dom"),He=require("@radix-ui/number"),E=require("@radix-ui/primitive"),ct=require("@radix-ui/react-collection"),H=require("@radix-ui/react-compose-refs"),lt=require("@radix-ui/react-context"),it=require("@radix-ui/react-direction"),at=require("@radix-ui/react-dismissable-layer"),dt=require("@radix-ui/react-focus-guards"),ut=require("@radix-ui/react-focus-scope"),Ie=require("@radix-ui/react-id"),Te=require("@radix-ui/react-popper");require("@radix-ui/react-portal");const _=require("@radix-ui/react-primitive"),pt=require("@radix-ui/react-slot"),ft=require("@radix-ui/react-use-callback-ref"),je=require("@radix-ui/react-use-controllable-state"),B=require("@radix-ui/react-use-layout-effect"),mt=require("aria-hidden"),ht=require("react-remove-scroll");function Pe(o){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(l,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return l.default=o,Object.freeze(l)}const t=Pe(rt),ke=Pe(st),ie=Pe(Te),St=[" ","Enter","ArrowUp","ArrowDown"],gt=[" ","Enter"],z="Select",[ae,de,vt]=ct.createCollection(z),[ee,xt]=lt.createContextScope(z,[vt,Te.createPopperScope]),ue=Te.createPopperScope(),[wt,q]=ee(z),[Ct,yt]=ee(z),Ee=o=>{const{__scopeSelect:l,children:e,open:i,defaultOpen:r,onOpenChange:u,value:n,defaultValue:s,onValueChange:c,dir:m,disabled:g,required:C}=o,R=ue(l),[P,y]=t.useState(null),[a,h]=t.useState(null),[v,f]=t.useState(!1),S=it.useDirection(m),[j,M]=je.useControllableState({prop:i,defaultProp:r??!1,onChange:u,caller:z}),[te,b]=je.useControllableState({prop:n,defaultProp:s,onChange:c,caller:z}),L=t.useRef(null),[oe,U]=t.useState(new Set);return d.jsx(ie.Root,{...R,children:d.jsx(wt,{required:C,scope:l,trigger:P,onTriggerChange:y,valueNode:a,onValueNodeChange:h,valueNodeHasChildren:v,onValueNodeHasChildrenChange:f,contentId:Ie.useId(),value:te,onValueChange:b,open:!!j,onOpenChange:M,dir:S,triggerPointerDownPosRef:L,disabled:g,children:d.jsx(ae.Provider,{scope:l,children:d.jsx(Ct,{scope:o.__scopeSelect,onNativeOptionAdd:t.useCallback(O=>{U(A=>new Set(A).add(O))},[]),onNativeOptionRemove:t.useCallback(O=>{U(A=>{const k=new Set(A);return k.delete(O),k})},[]),children:e})})})})};Ee.displayName=z;const Ve="SelectTrigger",Re=t.forwardRef((o,l)=>{const{__scopeSelect:e,disabled:i=!1,...r}=o,u=ue(e),n=q(Ve,e),s=n.disabled||i,c=H.useComposedRefs(l,n.onTriggerChange),m=de(e),g=t.useRef("touch"),[C,R,P]=ot(a=>{const h=m().filter(S=>!S.disabled),v=h.find(S=>S.value===n.value),f=nt(h,a,v);f!==void 0&&n.onValueChange(f.value)}),y=a=>{s||(n.onOpenChange(!0),P()),a&&(n.triggerPointerDownPosRef.current={x:Math.round(a.pageX),y:Math.round(a.pageY)})};return d.jsx(ie.Anchor,{asChild:!0,...u,children:d.jsx(_.Primitive.button,{type:"button",role:"combobox","aria-controls":n.contentId,"aria-expanded":n.open,"aria-required":n.required,"aria-autocomplete":"none",dir:n.dir,"data-state":n.open?"open":"closed",disabled:s,"data-disabled":s?"":void 0,"data-placeholder":tt(n.value)?"":void 0,...r,ref:c,onClick:E.composeEventHandlers(r.onClick,a=>{a.currentTarget.focus(),g.current!=="mouse"&&y(a)}),onPointerDown:E.composeEventHandlers(r.onPointerDown,a=>{g.current=a.pointerType;const h=a.target;h.hasPointerCapture(a.pointerId)&&h.releasePointerCapture(a.pointerId),a.button===0&&a.ctrlKey===!1&&a.pointerType==="mouse"&&(y(a),a.preventDefault())}),onKeyDown:E.composeEventHandlers(r.onKeyDown,a=>{const h=C.current!=="";!(a.ctrlKey||a.altKey||a.metaKey)&&a.key.length===1&&R(a.key),!(h&&a.key===" ")&&St.includes(a.key)&&(y(),a.preventDefault())})})})});Re.displayName=Ve;const Be="SelectValue",be=t.forwardRef((o,l)=>{const{__scopeSelect:e,className:i,style:r,children:u,placeholder:n="",...s}=o,c=q(Be,e),{onValueNodeHasChildrenChange:m}=c,g=u!==void 0,C=H.useComposedRefs(l,c.onValueNodeChange);return B.useLayoutEffect(()=>{m(g)},[m,g]),d.jsx(_.Primitive.span,{...s,ref:C,style:{pointerEvents:"none"},children:tt(c.value)?d.jsx(d.Fragment,{children:n}):u})});be.displayName=Be;const It="SelectIcon",Ne=t.forwardRef((o,l)=>{const{__scopeSelect:e,children:i,...r}=o;return d.jsx(_.Primitive.span,{"aria-hidden":!0,...r,ref:l,children:i||"▼"})});Ne.displayName=It;const Y="SelectContent",_e=t.forwardRef((o,l)=>{const e=q(Y,o.__scopeSelect),[i,r]=t.useState();if(B.useLayoutEffect(()=>{r(new DocumentFragment)},[]),!e.open){const u=i;return u?ke.createPortal(d.jsx(qe,{scope:o.__scopeSelect,children:d.jsx(ae.Slot,{scope:o.__scopeSelect,children:d.jsx("div",{children:o.children})})}),u):null}return d.jsx(Fe,{...o,ref:l})});_e.displayName=Y;const D=10,[qe,F]=ee(Y),Tt="SelectContentImpl",Pt=pt.createSlot("SelectContent.RemoveScroll"),Fe=t.forwardRef((o,l)=>{const{__scopeSelect:e,position:i="item-aligned",onCloseAutoFocus:r,onEscapeKeyDown:u,onPointerDownOutside:n,side:s,sideOffset:c,align:m,alignOffset:g,arrowPadding:C,collisionBoundary:R,collisionPadding:P,sticky:y,hideWhenDetached:a,avoidCollisions:h,...v}=o,f=q(Y,e),[S,j]=t.useState(null),[M,te]=t.useState(null),b=H.useComposedRefs(l,p=>j(p)),[L,oe]=t.useState(null),[U,O]=t.useState(null),A=de(e),[k,X]=t.useState(!1),W=t.useRef(!1);t.useEffect(()=>{if(S)return mt.hideOthers(S)},[S]),dt.useFocusGuards();const Z=t.useCallback(p=>{const[I,...N]=A().map(T=>T.ref.current),[x]=N.slice(-1),w=document.activeElement;for(const T of p)if(T===w||(T?.scrollIntoView({block:"nearest"}),T===I&&M&&(M.scrollTop=0),T===x&&M&&(M.scrollTop=M.scrollHeight),T?.focus(),document.activeElement!==w))return},[A,M]),$=t.useCallback(()=>Z([L,S]),[Z,L,S]);t.useEffect(()=>{k&&$()},[k,$]);const{onOpenChange:J,triggerPointerDownPosRef:V}=f;t.useEffect(()=>{if(S){let p={x:0,y:0};const I=x=>{p={x:Math.abs(Math.round(x.pageX)-(V.current?.x??0)),y:Math.abs(Math.round(x.pageY)-(V.current?.y??0))}},N=x=>{p.x<=10&&p.y<=10?x.preventDefault():S.contains(x.target)||J(!1),document.removeEventListener("pointermove",I),V.current=null};return V.current!==null&&(document.addEventListener("pointermove",I),document.addEventListener("pointerup",N,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",I),document.removeEventListener("pointerup",N,{capture:!0})}}},[S,J,V]),t.useEffect(()=>{const p=()=>J(!1);return window.addEventListener("blur",p),window.addEventListener("resize",p),()=>{window.removeEventListener("blur",p),window.removeEventListener("resize",p)}},[J]);const[pe,se]=ot(p=>{const I=A().filter(w=>!w.disabled),N=I.find(w=>w.ref.current===document.activeElement),x=nt(I,p,N);x&&setTimeout(()=>x.ref.current.focus())}),fe=t.useCallback((p,I,N)=>{const x=!W.current&&!N;(f.value!==void 0&&f.value===I||x)&&(oe(p),x&&(W.current=!0))},[f.value]),me=t.useCallback(()=>S?.focus(),[S]),Q=t.useCallback((p,I,N)=>{const x=!W.current&&!N;(f.value!==void 0&&f.value===I||x)&&O(p)},[f.value]),ce=i==="popper"?ve:Ue,ne=ce===ve?{side:s,sideOffset:c,align:m,alignOffset:g,arrowPadding:C,collisionBoundary:R,collisionPadding:P,sticky:y,hideWhenDetached:a,avoidCollisions:h}:{};return d.jsx(qe,{scope:e,content:S,viewport:M,onViewportChange:te,itemRefCallback:fe,selectedItem:L,onItemLeave:me,itemTextRefCallback:Q,focusSelectedItem:$,selectedItemText:U,position:i,isPositioned:k,searchRef:pe,children:d.jsx(ht.RemoveScroll,{as:Pt,allowPinchZoom:!0,removeScrollBar:!1,children:d.jsx(ut.FocusScope,{asChild:!0,trapped:f.open,onMountAutoFocus:p=>{p.preventDefault()},onUnmountAutoFocus:E.composeEventHandlers(r,p=>{f.trigger?.focus({preventScroll:!0}),p.preventDefault()}),children:d.jsx(at.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:u,onPointerDownOutside:n,onFocusOutside:p=>p.preventDefault(),onDismiss:()=>f.onOpenChange(!1),children:d.jsx(ce,{role:"listbox",id:f.contentId,"data-state":f.open?"open":"closed",dir:f.dir,onContextMenu:p=>p.preventDefault(),...v,...ne,onPlaced:()=>X(!0),ref:b,style:{display:"flex",flexDirection:"column",outline:"none",...v.style},onKeyDown:E.composeEventHandlers(v.onKeyDown,p=>{const I=p.ctrlKey||p.altKey||p.metaKey;if(p.key==="Tab"&&p.preventDefault(),!I&&p.key.length===1&&se(p.key),["ArrowUp","ArrowDown","Home","End"].includes(p.key)){let x=A().filter(w=>!w.disabled).map(w=>w.ref.current);if(["ArrowUp","End"].includes(p.key)&&(x=x.slice().reverse()),["ArrowUp","ArrowDown"].includes(p.key)){const w=p.target,T=x.indexOf(w);x=x.slice(T+1)}setTimeout(()=>Z(x)),p.preventDefault()}})})})})})})});Fe.displayName=Tt;const Et="SelectItemAlignedPosition",Ue=t.forwardRef((o,l)=>{const{__scopeSelect:e,onPlaced:i,...r}=o,u=q(Y,e),n=F(Y,e),[s,c]=t.useState(null),[m,g]=t.useState(null),C=H.useComposedRefs(l,b=>g(b)),R=de(e),P=t.useRef(!1),y=t.useRef(!0),{viewport:a,selectedItem:h,selectedItemText:v,focusSelectedItem:f}=n,S=t.useCallback(()=>{if(u.trigger&&u.valueNode&&s&&m&&a&&h&&v){const b=u.trigger.getBoundingClientRect(),L=m.getBoundingClientRect(),oe=u.valueNode.getBoundingClientRect(),U=v.getBoundingClientRect();if(u.dir!=="rtl"){const w=U.left-L.left,T=oe.left-w,K=b.left-T,G=b.width+K,he=Math.max(G,L.width),Se=window.innerWidth-D,ge=He.clamp(T,[D,Math.max(D,Se-he)]);s.style.minWidth=G+"px",s.style.left=ge+"px"}else{const w=L.right-U.right,T=window.innerWidth-oe.right-w,K=window.innerWidth-b.right-T,G=b.width+K,he=Math.max(G,L.width),Se=window.innerWidth-D,ge=He.clamp(T,[D,Math.max(D,Se-he)]);s.style.minWidth=G+"px",s.style.right=ge+"px"}const O=R(),A=window.innerHeight-D*2,k=a.scrollHeight,X=window.getComputedStyle(m),W=Number.parseInt(X.borderTopWidth,10),Z=Number.parseInt(X.paddingTop,10),$=Number.parseInt(X.borderBottomWidth,10),J=Number.parseInt(X.paddingBottom,10),V=W+Z+k+J+$,pe=Math.min(h.offsetHeight*5,V),se=window.getComputedStyle(a),fe=Number.parseInt(se.paddingTop,10),me=Number.parseInt(se.paddingBottom,10),Q=b.top+b.height/2-D,ce=A-Q,ne=h.offsetHeight/2,p=h.offsetTop+ne,I=W+Z+p,N=V-I;if(I<=Q){const w=O.length>0&&h===O[O.length-1].ref.current;s.style.bottom="0px";const T=m.clientHeight-a.offsetTop-a.offsetHeight,K=Math.max(ce,ne+(w?me:0)+T+$),G=I+K;s.style.height=G+"px"}else{const w=O.length>0&&h===O[0].ref.current;s.style.top="0px";const K=Math.max(Q,W+a.offsetTop+(w?fe:0)+ne)+N;s.style.height=K+"px",a.scrollTop=I-Q+a.offsetTop}s.style.margin=`${D}px 0`,s.style.minHeight=pe+"px",s.style.maxHeight=A+"px",i?.(),requestAnimationFrame(()=>P.current=!0)}},[R,u.trigger,u.valueNode,s,m,a,h,v,u.dir,i]);B.useLayoutEffect(()=>S(),[S]);const[j,M]=t.useState();B.useLayoutEffect(()=>{m&&M(window.getComputedStyle(m).zIndex)},[m]);const te=t.useCallback(b=>{b&&y.current===!0&&(S(),f?.(),y.current=!1)},[S,f]);return d.jsx(bt,{scope:e,contentWrapper:s,shouldExpandOnScrollRef:P,onScrollButtonChange:te,children:d.jsx("div",{ref:c,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:j},children:d.jsx(_.Primitive.div,{...r,ref:C,style:{boxSizing:"border-box",maxHeight:"100%",...r.style}})})})});Ue.displayName=Et;const Rt="SelectPopperPosition",ve=t.forwardRef((o,l)=>{const{__scopeSelect:e,align:i="start",collisionPadding:r=D,...u}=o,n=ue(e);return d.jsx(ie.Content,{...n,...u,ref:l,align:i,collisionPadding:r,style:{boxSizing:"border-box",...u.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}})});ve.displayName=Rt;const[bt,Me]=ee(Y,{}),xe="SelectViewport",Oe=t.forwardRef((o,l)=>{const{__scopeSelect:e,nonce:i,...r}=o,u=F(xe,e),n=Me(xe,e),s=H.useComposedRefs(l,u.onViewportChange),c=t.useRef(0);return d.jsxs(d.Fragment,{children:[d.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"},nonce:i}),d.jsx(ae.Slot,{scope:e,children:d.jsx(_.Primitive.div,{"data-radix-select-viewport":"",role:"presentation",...r,ref:s,style:{position:"relative",flex:1,overflow:"hidden auto",...r.style},onScroll:E.composeEventHandlers(r.onScroll,m=>{const g=m.currentTarget,{contentWrapper:C,shouldExpandOnScrollRef:R}=n;if(R?.current&&C){const P=Math.abs(c.current-g.scrollTop);if(P>0){const y=window.innerHeight-D*2,a=Number.parseFloat(C.style.minHeight),h=Number.parseFloat(C.style.height),v=Math.max(a,h);if(v<y){const f=v+P,S=Math.min(y,f),j=f-S;C.style.height=S+"px",C.style.bottom==="0px"&&(g.scrollTop=j>0?j:0,C.style.justifyContent="flex-end")}}}c.current=g.scrollTop})})})]})});Oe.displayName=xe;const We="SelectGroup",[Nt,_t]=ee(We),Ke=t.forwardRef((o,l)=>{const{__scopeSelect:e,...i}=o,r=Ie.useId();return d.jsx(Nt,{scope:e,id:r,children:d.jsx(_.Primitive.div,{role:"group","aria-labelledby":r,...i,ref:l})})});Ke.displayName=We;const Ge="SelectLabel",ze=t.forwardRef((o,l)=>{const{__scopeSelect:e,...i}=o,r=_t(Ge,e);return d.jsx(_.Primitive.div,{id:r.id,...i,ref:l})});ze.displayName=Ge;const le="SelectItem",[Mt,Ye]=ee(le),Ae=t.forwardRef((o,l)=>{const{__scopeSelect:e,value:i,disabled:r=!1,textValue:u,...n}=o,s=q(le,e),c=F(le,e),m=s.value===i,[g,C]=t.useState(u??""),[R,P]=t.useState(!1),y=H.useComposedRefs(l,f=>c.itemRefCallback?.(f,i,r)),a=Ie.useId(),h=t.useRef("touch"),v=()=>{r||(s.onValueChange(i),s.onOpenChange(!1))};if(i==="")throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return d.jsx(Mt,{scope:e,value:i,disabled:r,textId:a,isSelected:m,onItemTextChange:t.useCallback(f=>{C(S=>S||(f?.textContent??"").trim())},[]),children:d.jsx(ae.ItemSlot,{scope:e,value:i,disabled:r,textValue:g,children:d.jsx(_.Primitive.div,{role:"option","aria-labelledby":a,"data-highlighted":R?"":void 0,"aria-selected":m&&R,"data-state":m?"checked":"unchecked","aria-disabled":r||void 0,"data-disabled":r?"":void 0,tabIndex:r?void 0:-1,...n,ref:y,onFocus:E.composeEventHandlers(n.onFocus,()=>P(!0)),onBlur:E.composeEventHandlers(n.onBlur,()=>P(!1)),onClick:E.composeEventHandlers(n.onClick,()=>{h.current!=="mouse"&&v()}),onPointerUp:E.composeEventHandlers(n.onPointerUp,()=>{h.current==="mouse"&&v()}),onPointerDown:E.composeEventHandlers(n.onPointerDown,f=>{h.current=f.pointerType}),onPointerMove:E.composeEventHandlers(n.onPointerMove,f=>{h.current=f.pointerType,r?c.onItemLeave?.():h.current==="mouse"&&f.currentTarget.focus({preventScroll:!0})}),onPointerLeave:E.composeEventHandlers(n.onPointerLeave,f=>{f.currentTarget===document.activeElement&&c.onItemLeave?.()}),onKeyDown:E.composeEventHandlers(n.onKeyDown,f=>{c.searchRef?.current!==""&&f.key===" "||(gt.includes(f.key)&&v(),f.key===" "&&f.preventDefault())})})})})});Ae.displayName=le;const re="SelectItemText",De=t.forwardRef((o,l)=>{const{__scopeSelect:e,className:i,style:r,...u}=o,n=q(re,e),s=F(re,e),c=Ye(re,e),m=yt(re,e),[g,C]=t.useState(null),R=H.useComposedRefs(l,v=>C(v),c.onItemTextChange,v=>s.itemTextRefCallback?.(v,c.value,c.disabled)),P=g?.textContent,y=t.useMemo(()=>d.jsx("option",{value:c.value,disabled:c.disabled,children:P},c.value),[c.disabled,c.value,P]),{onNativeOptionAdd:a,onNativeOptionRemove:h}=m;return B.useLayoutEffect(()=>(a(y),()=>h(y)),[a,h,y]),d.jsxs(d.Fragment,{children:[d.jsx(_.Primitive.span,{id:c.textId,...u,ref:R}),c.isSelected&&n.valueNode&&!n.valueNodeHasChildren?ke.createPortal(u.children,n.valueNode):null]})});De.displayName=re;const Xe="SelectItemIndicator",Le=t.forwardRef((o,l)=>{const{__scopeSelect:e,...i}=o;return Ye(Xe,e).isSelected?d.jsx(_.Primitive.span,{"aria-hidden":!0,...i,ref:l}):null});Le.displayName=Xe;const we="SelectScrollUpButton",Ze=t.forwardRef((o,l)=>{const e=F(we,o.__scopeSelect),i=Me(we,o.__scopeSelect),[r,u]=t.useState(!1),n=H.useComposedRefs(l,i.onScrollButtonChange);return B.useLayoutEffect(()=>{if(e.viewport&&e.isPositioned){let s=function(){const m=c.scrollTop>0;u(m)};const c=e.viewport;return s(),c.addEventListener("scroll",s),()=>c.removeEventListener("scroll",s)}},[e.viewport,e.isPositioned]),r?d.jsx(Je,{...o,ref:n,onAutoScroll:()=>{const{viewport:s,selectedItem:c}=e;s&&c&&(s.scrollTop=s.scrollTop-c.offsetHeight)}}):null});Ze.displayName=we;const Ce="SelectScrollDownButton",$e=t.forwardRef((o,l)=>{const e=F(Ce,o.__scopeSelect),i=Me(Ce,o.__scopeSelect),[r,u]=t.useState(!1),n=H.useComposedRefs(l,i.onScrollButtonChange);return B.useLayoutEffect(()=>{if(e.viewport&&e.isPositioned){let s=function(){const m=c.scrollHeight-c.clientHeight,g=Math.ceil(c.scrollTop)<m;u(g)};const c=e.viewport;return s(),c.addEventListener("scroll",s),()=>c.removeEventListener("scroll",s)}},[e.viewport,e.isPositioned]),r?d.jsx(Je,{...o,ref:n,onAutoScroll:()=>{const{viewport:s,selectedItem:c}=e;s&&c&&(s.scrollTop=s.scrollTop+c.offsetHeight)}}):null});$e.displayName=Ce;const Je=t.forwardRef((o,l)=>{const{__scopeSelect:e,onAutoScroll:i,...r}=o,u=F("SelectScrollButton",e),n=t.useRef(null),s=de(e),c=t.useCallback(()=>{n.current!==null&&(window.clearInterval(n.current),n.current=null)},[]);return t.useEffect(()=>()=>c(),[c]),B.useLayoutEffect(()=>{s().find(g=>g.ref.current===document.activeElement)?.ref.current?.scrollIntoView({block:"nearest"})},[s]),d.jsx(_.Primitive.div,{"aria-hidden":!0,...r,ref:l,style:{flexShrink:0,...r.style},onPointerDown:E.composeEventHandlers(r.onPointerDown,()=>{n.current===null&&(n.current=window.setInterval(i,50))}),onPointerMove:E.composeEventHandlers(r.onPointerMove,()=>{u.onItemLeave?.(),n.current===null&&(n.current=window.setInterval(i,50))}),onPointerLeave:E.composeEventHandlers(r.onPointerLeave,()=>{c()})})}),Ot="SelectSeparator",Qe=t.forwardRef((o,l)=>{const{__scopeSelect:e,...i}=o;return d.jsx(_.Primitive.div,{"aria-hidden":!0,...i,ref:l})});Qe.displayName=Ot;const ye="SelectArrow",et=t.forwardRef((o,l)=>{const{__scopeSelect:e,...i}=o,r=ue(e),u=q(ye,e),n=F(ye,e);return u.open&&n.position==="popper"?d.jsx(ie.Arrow,{...r,...i,ref:l}):null});et.displayName=ye;function tt(o){return o===""||o===void 0}function ot(o){const l=ft.useCallbackRef(o),e=t.useRef(""),i=t.useRef(0),r=t.useCallback(n=>{const s=e.current+n;l(s),function c(m){e.current=m,window.clearTimeout(i.current),m!==""&&(i.current=window.setTimeout(()=>c(""),1e3))}(s)},[l]),u=t.useCallback(()=>{e.current="",window.clearTimeout(i.current)},[]);return t.useEffect(()=>()=>window.clearTimeout(i.current),[]),[e,r,u]}function nt(o,l,e){const r=l.length>1&&Array.from(l).every(m=>m===l[0])?l[0]:l,u=e?o.indexOf(e):-1;let n=At(o,Math.max(u,0));r.length===1&&(n=n.filter(m=>m!==e));const c=n.find(m=>m.textValue.toLowerCase().startsWith(r.toLowerCase()));return c!==e?c:void 0}function At(o,l){return o.map((e,i)=>o[(l+i)%o.length])}const Dt=Ee,Lt=Re,Ht=be,jt=Ne,kt=_e,Vt=Oe,Bt=Ae,qt=De,Ft=Le;exports.Content=kt;exports.Icon=jt;exports.Item=Bt;exports.ItemIndicator=Ft;exports.ItemText=qt;exports.Root=Dt;exports.Select=Ee;exports.SelectArrow=et;exports.SelectContent=_e;exports.SelectGroup=Ke;exports.SelectIcon=Ne;exports.SelectItem=Ae;exports.SelectItemIndicator=Le;exports.SelectItemText=De;exports.SelectLabel=ze;exports.SelectScrollDownButton=$e;exports.SelectScrollUpButton=Ze;exports.SelectSeparator=Qe;exports.SelectTrigger=Re;exports.SelectValue=be;exports.SelectViewport=Oe;exports.Trigger=Lt;exports.Value=Ht;exports.Viewport=Vt;exports.createSelectScope=xt;