neatkit 0.16.5 → 0.16.7

package/dist/Modal.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import { jsx as s, jsxs as D } from "react/jsx-runtime";
 import { forwardRef as H, useRef as g, useContext as J, useId as K, useState as Q, useMemo as U, useCallback as h } from "react";
-import { u as E, a as V } from "./effects-DGbA6Q2O.js";
+import { u as F, a as V } from "./effects-DGbA6Q2O.js";
 import { a as W } from "./reference-CXMr27nM.js";
-import { B as X } from "./Button-ZzJbnjNg.js";
-import { b as Y, P as Z, F as w, c as ee, d as oe } from "./usePresence-BTRY1_l-.js";
-import { u as ae } from "./useFocusTrap-BxPazAL6.js";
+import { B as X } from "./Button-Dsr1zrKT.js";
+import { b as Y, P as Z, F as E, c as ee, d as oe } from "./usePresence-BYnWctTh.js";
+import { u as ae } from "./useFocusTrap-BL3fDmTs.js";
 import { u as se } from "./useScrollLock-Drd7OZRC.js";
 import { S as ne } from "./Surface-vEFsZC12.js";
 import { T as te } from "./Text-rN6iDo0V.js";
@@ -27,15 +27,15 @@ function ie(t) {
     open: o,
     ownerDocument: R,
     presenceState: k,
-    restoreFocus: F = !0,
-    role: P = "dialog",
-    style: M,
+    restoreFocus: w = !0,
+    role: M = "dialog",
+    style: N,
     title: m,
     trapFocus: x = !0,
-    ...N
-  } = t, D = g(null), B = g(null), O = J(w), I = `${K()}-title`, [f, T] = Q(null), p = E("Modal").boundaryElement, y = ee(!0, p), j = U(() => [D], []), v = !!(m != null && m.trim()), z = c ?? (v ? B : void 0), A = r ?? (a === void 0 && v ? I : void 0), C = h(
-    (S) => {
-      re(S, D, l), T(S);
+    ...P
+  } = t, I = g(null), B = g(null), O = J(E), L = `${K()}-title`, [f, T] = Q(null), p = F("Modal").boundaryElement, y = ee(!0, p), j = U(() => [I], []), v = !!(m != null && m.trim()), z = c ?? (v ? B : void 0), A = r ?? (a === void 0 && v ? L : void 0), C = h(
+    (_) => {
+      re(_, I, l), T(_);
     },
     [l]
   );
@@ -52,10 +52,10 @@ function ie(t) {
     active: o,
     boundaries: j,
     dismissOnEscape: i,
-    dismissOnPointerDownOutside: i,
+    dismissOnOutsideInteraction: i ? "consume" : "none",
     layerId: y.id,
     onEscapeDismiss: $,
-    onPointerDownOutsideDismiss: q,
+    onOutsideDismiss: q,
     ownerDocument: R
   });
   const G = ae({
@@ -64,10 +64,10 @@ function ie(t) {
     container: f,
     initialFocusReference: z,
     layerId: y.id,
-    restoreFocus: F
+    restoreFocus: w
   });
   se(u, R, p);
-  const L = i ? /* @__PURE__ */ s(
+  const S = i ? /* @__PURE__ */ s(
     X,
     {
       "aria-label": d,
@@ -80,7 +80,7 @@ function ie(t) {
     }
   ) : null;
   return /* @__PURE__ */ s(
-    w.Provider,
+    E.Provider,
     {
       value: o && x ? G : O,
       children: /* @__PURE__ */ s(
@@ -90,10 +90,10 @@ function ie(t) {
           "data-state": k,
           role: "presentation",
           style: { zIndex: y.zIndex },
-          children: /* @__PURE__ */ s("div", { className: "nk-modal__viewport", children: /* @__PURE__ */ _(
+          children: /* @__PURE__ */ s("div", { className: "nk-modal__viewport", children: /* @__PURE__ */ D(
             ne,
             {
-              ...N,
+              ...P,
               ref: C,
               "aria-hidden": o ? void 0 : !0,
               "aria-label": o ? a : void 0,
@@ -101,17 +101,17 @@ function ie(t) {
               "aria-modal": o ? "true" : void 0,
               className: ["nk-modal", b].filter(Boolean).join(" "),
               "data-state": k,
-              role: o ? P : void 0,
-              style: M,
+              role: o ? M : void 0,
+              style: N,
               tabIndex: -1,
               children: [
-                v ? /* @__PURE__ */ _("div", { className: "nk-modal__header", children: [
+                v ? /* @__PURE__ */ D("div", { className: "nk-modal__header", children: [
                   /* @__PURE__ */ s(
                     te,
                     {
                       as: "h2",
                       className: "nk-modal__title",
-                      id: I,
+                      id: L,
                       ref: B,
                       size: "subtitle",
                       tabIndex: -1,
@@ -119,8 +119,8 @@ function ie(t) {
                       children: m
                     }
                   ),
-                  L
-                ] }) : L,
+                  S
+                ] }) : S,
                 n
               ]
             }
@@ -131,7 +131,7 @@ function ie(t) {
   );
 }
 const he = H(function(a, r) {
-  const { open: n } = a, b = E("Modal"), d = g(a);
+  const { open: n } = a, b = F("Modal"), d = g(a);
   n && (d.current = a);
   const i = n ? a : d.current, l = Y(n), c = b.boundaryElement, u = (c == null ? void 0 : c.ownerDocument) ?? (typeof document > "u" ? null : document);
   return !l.present || !u ? null : /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(

package/dist/Popover.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),r=require("react"),je=require("./aria-DM-xYEHQ.cjs"),se=require("./effects-D98vUn6N.cjs"),B=require("./reference-C2guRuR0.cjs"),ne=require("./useFloatingPosition-DPVO2E8O.cjs"),h=require("./usePresence-Dm0mls5p.cjs"),De=require("./useFocusTrap-CrMcAu8s.cjs"),Le=require("./Surface-BttJYSDt.cjs");function Ne(n){const{inert:i,panelElement:c}=n;return se.useIsomorphicLayoutEffect(()=>{c&&(c.inert=i)},[i,c]),null}function _e(n,i,c){i.current=n,B.assignElementReference(c,n)}function Me(n,i,c){i.current=n,B.assignElementReference(c,n)}function Be(n){const i=n.tagName.toLowerCase();return n.getAttribute("role")==="button"&&i!=="button"?!1:["button","input","select","summary","textarea"].includes(i)?!0:i==="a"&&n.hasAttribute("href")}function ze(n){return n==="grid"||n==="listbox"||n==="menu"||n==="tree"?n:"dialog"}const Ae=r.forwardRef(function(i,c){const{"aria-label":z,"aria-labelledby":oe,align:A="center",autoFocus:w=!0,children:ae,className:ie,closeOnEscape:ce=!0,closeOnOutsideInteraction:ue=!0,defaultOpen:le=!1,disabled:x=!1,initialFocusReference:E,onEscapeKeyDown:de,onOpenChange:k,onPointerDownOutside:I,open:H,placement:K="bottom",restoreFocus:j=!0,role:V="dialog",style:$,tabIndex:fe,trapFocus:b=!1,trigger:d,...pe}=i;if(d.type===r.Fragment)throw new Error("Popover requires a single non-Fragment trigger");const U=r.useId(),ge=r.useContext(h.FocusScopeContext),G=`${U}-popover`,o=d.props,J=B.getElementReference(d),Q=o.id??`${U}-trigger`,v=x||o.disabled===!0||o["aria-disabled"]===!0||o["aria-disabled"]==="true",R=H!==void 0,[me,be]=r.useState(le),t=R?H:me,C=h.usePresence(t),W=r.useRef(null),X=r.useRef(null),D=r.useRef("programmatic"),L=r.useRef(null),Y=r.useRef(t),T=r.useRef(null),[ve,ye]=r.useReducer(e=>e+1,0),[u,Pe]=r.useState(null),[f,he]=r.useState(null),a=(u==null?void 0:u.ownerDocument)??(typeof document>"u"?null:document),O=se.useBoundary("Popover").boundaryElement,S=h.useOverlayLayer(C.present,O),Ee=r.useMemo(()=>[W,X],[]),p=ne.useFloatingPosition(C.present,K,u,f,O,A),Re=r.useCallback(e=>{Me(e,W,J),Pe(e)},[J]),Te=r.useCallback(e=>{_e(e,X,c),he(e)},[c]),g=r.useCallback((e,s)=>{t!==e&&(R?(L.current={open:e,reason:s},ye()):(D.current=s,be(e)),k==null||k(e,s))},[R,k,t]),xe=r.useCallback(()=>{g(!1,"escape")},[g]),ke=r.useCallback(()=>{g(!1,"outside")},[g]),Ie=r.useCallback(e=>{var m;if(I==null||I(e),e.defaultPrevented)return;const s=(m=a==null?void 0:a.defaultView)==null?void 0:m.HTMLElement;s?T.current=e.composedPath().find(P=>P instanceof s&&P.tabIndex>=0)??e.target:T.current=e.target},[I,a]);h.useDismissableLayer({boundary:O,active:t,boundaries:Ee,dismissOnEscape:ce,dismissOnPointerDownOutside:ue,layerId:S.id,onEscapeDismiss:xe,onEscapeKeyDown:de,onPointerDownOutside:Ie,onPointerDownOutsideDismiss:ke,ownerDocument:a});const Ce=De.useFocusTrap({boundary:O,active:t&&b,autoFocus:w,container:f,initialFocusReference:E,layerId:S.id,restoreFocus:j});r.useEffect(()=>{if(!t||b||!w||!f)return;let e=!0;return Promise.resolve().then(()=>{if(!e)return;const s=E==null?void 0:E.current;(s&&f.contains(s)?s:f).focus({preventScroll:!0})}),()=>{e=!1}},[w,E,t,f,b]),r.useEffect(()=>{var te;const e=Y.current;Y.current=t;const s=L.current;let m=D.current;if(R&&(m="programmatic",e!==t&&(s==null?void 0:s.open)===t&&(m=s.reason)),L.current=null,t){D.current="programmatic",T.current=null;return}const P=a==null?void 0:a.activeElement,_=T.current,M=(te=a==null?void 0:a.defaultView)==null?void 0:te.HTMLElement,we=m==="outside"&&M&&_ instanceof M&&P instanceof M&&(_===P||_.contains(P));e&&!b&&j&&!we&&(u==null||u.focus({preventScroll:!0})),T.current=null},[ve,R,t,a,j,b,u]),r.useEffect(()=>{x&&t&&g(!1,"programmatic")},[x,t,g]);function Oe(e){if(v){e.preventDefault(),e.stopPropagation();return}e.defaultPrevented||g(!t,"trigger")}function Se(e){e.defaultPrevented||v||Be(e.currentTarget)||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.currentTarget.click())}if(x)return d;const N=typeof d.type=="string",y=N?d.type:null,Z=y==="a"&&typeof o.href=="string",ee=N&&!(y==="button"||y==="input"||y==="select"||y==="summary"||y==="textarea"||Z),re=Z&&v;let q=o.role;q===void 0&&(re?q="link":ee&&(q="button"));let F=o.tabIndex;F===void 0&&ee&&(F=0),v&&(F=-1);const qe=v?{...o,onClick:void 0}:o,Fe=r.cloneElement(d,ne.resolveTriggerOverrides(qe,{"aria-controls":t?je.mergeIdentifiers(o["aria-controls"],G):o["aria-controls"],"aria-expanded":t,"aria-haspopup":o["aria-haspopup"]??ze(V),"aria-disabled":v?!0:o["aria-disabled"],className:"nk-popover__trigger",href:re?void 0:o.href,id:Q,onClick:Oe,onKeyDown:N?Se:void 0,ref:Re,role:q,tabIndex:F}));return l.jsxs(l.Fragment,{children:[Fe,l.jsx(h.FocusScopeContext.Provider,{value:t&&b?Ce:ge,children:C.present&&a?l.jsx(h.Portal,{children:l.jsxs(Le.Surface,{...pe,ref:Te,"aria-hidden":t?void 0:!0,"aria-label":t?z:void 0,"aria-labelledby":t?oe??(z===void 0?Q:void 0):void 0,className:["nk-popover",ie].filter(Boolean).join(" "),"data-placement":(p==null?void 0:p.placement)??K,"data-align":A,"data-state":C.state==="closing"?"closing":"open",id:G,role:t?V:void 0,style:p?{...$,"--nk-popover-arrow-offset":`${p.arrowOffset}px`,left:p.left,top:p.top,zIndex:S.zIndex}:{...$,visibility:"hidden",zIndex:S.zIndex},tabIndex:fe??-1,children:[l.jsx(Ne,{inert:!t,panelElement:f}),l.jsx("span",{"aria-hidden":"true",className:"nk-popover__arrow"}),l.jsx("div",{className:"nk-popover__content",children:ae})]})}):null})]})});exports.default=Ae;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),r=require("react"),je=require("./aria-DM-xYEHQ.cjs"),se=require("./effects-D98vUn6N.cjs"),B=require("./reference-C2guRuR0.cjs"),ne=require("./useFloatingPosition-DPVO2E8O.cjs"),P=require("./usePresence-HVr855AK.cjs"),we=require("./useFocusTrap-C--8mnsI.cjs"),Le=require("./Surface-BttJYSDt.cjs");function De(n){const{inert:i,panelElement:c}=n;return se.useIsomorphicLayoutEffect(()=>{c&&(c.inert=i)},[i,c]),null}function Ne(n,i,c){i.current=n,B.assignElementReference(c,n)}function _e(n,i,c){i.current=n,B.assignElementReference(c,n)}function Me(n){const i=n.tagName.toLowerCase();return n.getAttribute("role")==="button"&&i!=="button"?!1:["button","input","select","summary","textarea"].includes(i)?!0:i==="a"&&n.hasAttribute("href")}function Be(n){return n==="grid"||n==="listbox"||n==="menu"||n==="tree"?n:"dialog"}const ze=r.forwardRef(function(i,c){const{"aria-label":z,"aria-labelledby":oe,align:A="center",autoFocus:j=!0,children:ae,className:ie,defaultOpen:ce=!1,disabled:x=!1,initialFocusReference:R,onEscapeKeyDown:ue,onOpenChange:k,onPointerDownOutside:I,open:H,placement:K="bottom",persistent:le=!1,restoreFocus:w=!0,role:V="dialog",style:$,tabIndex:de,trapFocus:b=!1,trigger:d,...fe}=i;if(d.type===r.Fragment)throw new Error("Popover requires a single non-Fragment trigger");const U=r.useId(),pe=r.useContext(P.FocusScopeContext),G=`${U}-popover`,o=d.props,J=B.getElementReference(d),Q=o.id??`${U}-trigger`,v=x||o.disabled===!0||o["aria-disabled"]===!0||o["aria-disabled"]==="true",T=H!==void 0,[ge,me]=r.useState(ce),t=T?H:ge,C=P.usePresence(t),W=r.useRef(null),X=r.useRef(null),L=r.useRef("programmatic"),D=r.useRef(null),Y=r.useRef(t),E=r.useRef(null),[be,ve]=r.useReducer(e=>e+1,0),[u,ye]=r.useState(null),[f,he]=r.useState(null),a=(u==null?void 0:u.ownerDocument)??(typeof document>"u"?null:document),S=se.useBoundary("Popover").boundaryElement,O=P.useOverlayLayer(C.present,S),Pe=r.useMemo(()=>[W,X],[]),p=ne.useFloatingPosition(C.present,K,u,f,S,A),Re=r.useCallback(e=>{_e(e,W,J),ye(e)},[J]),Te=r.useCallback(e=>{Ne(e,X,c),he(e)},[c]),g=r.useCallback((e,s)=>{t!==e&&(T?(D.current={open:e,reason:s},ve()):(L.current=s,me(e)),k==null||k(e,s))},[T,k,t]),Ee=r.useCallback(()=>{g(!1,"escape")},[g]),xe=r.useCallback(()=>{g(!1,"outside")},[g]),ke=r.useCallback(e=>{var m;if(I==null||I(e),e.defaultPrevented)return;const s=(m=a==null?void 0:a.defaultView)==null?void 0:m.HTMLElement;s?E.current=e.composedPath().find(h=>h instanceof s&&h.tabIndex>=0)??e.target:E.current=e.target},[I,a]);P.useDismissableLayer({boundary:S,active:t,boundaries:Pe,dismissOnEscape:!0,dismissOnOutsideInteraction:le?"none":"pass-through",layerId:O.id,onEscapeDismiss:Ee,onEscapeKeyDown:ue,onOutsideDismiss:xe,onPointerDownOutside:ke,ownerDocument:a});const Ie=we.useFocusTrap({boundary:S,active:t&&b,autoFocus:j,container:f,initialFocusReference:R,layerId:O.id,restoreFocus:w});r.useEffect(()=>{if(!t||b||!j||!f)return;let e=!0;return Promise.resolve().then(()=>{if(!e)return;const s=R==null?void 0:R.current;(s&&f.contains(s)?s:f).focus({preventScroll:!0})}),()=>{e=!1}},[j,R,t,f,b]),r.useEffect(()=>{var te;const e=Y.current;Y.current=t;const s=D.current;let m=L.current;if(T&&(m="programmatic",e!==t&&(s==null?void 0:s.open)===t&&(m=s.reason)),D.current=null,t){L.current="programmatic",E.current=null;return}const h=a==null?void 0:a.activeElement,_=E.current,M=(te=a==null?void 0:a.defaultView)==null?void 0:te.HTMLElement,Fe=m==="outside"&&M&&_ instanceof M&&h instanceof M&&(_===h||_.contains(h));e&&!b&&w&&!Fe&&(u==null||u.focus({preventScroll:!0})),E.current=null},[be,T,t,a,w,b,u]),r.useEffect(()=>{x&&t&&g(!1,"programmatic")},[x,t,g]);function Ce(e){if(v){e.preventDefault(),e.stopPropagation();return}e.defaultPrevented||g(!t,"trigger")}function Se(e){e.defaultPrevented||v||Me(e.currentTarget)||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),e.currentTarget.click())}if(x)return d;const N=typeof d.type=="string",y=N?d.type:null,Z=y==="a"&&typeof o.href=="string",ee=N&&!(y==="button"||y==="input"||y==="select"||y==="summary"||y==="textarea"||Z),re=Z&&v;let q=o.role;q===void 0&&(re?q="link":ee&&(q="button"));let F=o.tabIndex;F===void 0&&ee&&(F=0),v&&(F=-1);const Oe=v?{...o,onClick:void 0}:o,qe=r.cloneElement(d,ne.resolveTriggerOverrides(Oe,{"aria-controls":t?je.mergeIdentifiers(o["aria-controls"],G):o["aria-controls"],"aria-expanded":t,"aria-haspopup":o["aria-haspopup"]??Be(V),"aria-disabled":v?!0:o["aria-disabled"],className:"nk-popover__trigger",href:re?void 0:o.href,id:Q,onClick:Ce,onKeyDown:N?Se:void 0,ref:Re,role:q,tabIndex:F}));return l.jsxs(l.Fragment,{children:[qe,l.jsx(P.FocusScopeContext.Provider,{value:t&&b?Ie:pe,children:C.present&&a?l.jsx(P.Portal,{children:l.jsxs(Le.Surface,{...fe,ref:Te,"aria-hidden":t?void 0:!0,"aria-label":t?z:void 0,"aria-labelledby":t?oe??(z===void 0?Q:void 0):void 0,className:["nk-popover",ie].filter(Boolean).join(" "),"data-placement":(p==null?void 0:p.placement)??K,"data-align":A,"data-state":C.state==="closing"?"closing":"open",id:G,role:t?V:void 0,style:p?{...$,"--nk-popover-arrow-offset":`${p.arrowOffset}px`,left:p.left,top:p.top,zIndex:O.zIndex}:{...$,visibility:"hidden",zIndex:O.zIndex},tabIndex:de??-1,children:[l.jsx(De,{inert:!t,panelElement:f}),l.jsx("span",{"aria-hidden":"true",className:"nk-popover__arrow"}),l.jsx("div",{className:"nk-popover__content",children:ae})]})}):null})]})});exports.default=ze;

package/dist/Popover.js

@@ -1,132 +1,131 @@
 "use client";
-import { jsxs as oe, Fragment as _e, jsx as I } from "react/jsx-runtime";
-import { forwardRef as Be, Fragment as qe, useId as ze, useContext as Ae, useState as A, useRef as y, useReducer as Me, useMemo as $e, useCallback as h, useEffect as M, cloneElement as je } from "react";
-import { m as He } from "./aria-Bv-xVREf.js";
-import { u as Ke, a as Ve } from "./effects-DGbA6Q2O.js";
-import { g as Ue, a as ae } from "./reference-CXMr27nM.js";
-import { u as Ge, r as Je } from "./useFloatingPosition-DktY7k-t.js";
-import { F as se, b as Qe, c as We, d as Xe, P as Ye } from "./usePresence-BTRY1_l-.js";
-import { u as Ze } from "./useFocusTrap-BxPazAL6.js";
-import { S as er } from "./Surface-vEFsZC12.js";
-function rr(t) {
+import { jsxs as oe, Fragment as Ne, jsx as I } from "react/jsx-runtime";
+import { forwardRef as _e, Fragment as Be, useId as qe, useContext as ze, useState as A, useRef as y, useReducer as Ae, useMemo as Me, useCallback as h, useEffect as M, cloneElement as $e } from "react";
+import { m as je } from "./aria-Bv-xVREf.js";
+import { u as He, a as Ke } from "./effects-DGbA6Q2O.js";
+import { g as Ve, a as ae } from "./reference-CXMr27nM.js";
+import { u as Ue, r as Ge } from "./useFloatingPosition-DktY7k-t.js";
+import { F as se, b as Je, c as Qe, d as We, P as Xe } from "./usePresence-BYnWctTh.js";
+import { u as Ye } from "./useFocusTrap-BL3fDmTs.js";
+import { S as Ze } from "./Surface-vEFsZC12.js";
+function er(t) {
   const { inert: a, panelElement: i } = t;
-  return Ve(() => {
+  return Ke(() => {
     i && (i.inert = a);
   }, [a, i]), null;
 }
-function tr(t, a, i) {
+function rr(t, a, i) {
   a.current = t, ae(i, t);
 }
-function nr(t, a, i) {
+function tr(t, a, i) {
   a.current = t, ae(i, t);
 }
-function or(t) {
+function nr(t) {
   const a = t.tagName.toLowerCase();
   return t.getAttribute("role") === "button" && a !== "button" ? !1 : ["button", "input", "select", "summary", "textarea"].includes(a) ? !0 : a === "a" && t.hasAttribute("href");
 }
-function sr(t) {
+function or(t) {
   return t === "grid" || t === "listbox" || t === "menu" || t === "tree" ? t : "dialog";
 }
-const br = Be(function(a, i) {
+const mr = _e(function(a, i) {
   const {
     "aria-label": $,
     "aria-labelledby": ie,
     align: j = "center",
-    autoFocus: D = !0,
+    autoFocus: L = !0,
     children: ce,
     className: le,
-    closeOnEscape: ue = !0,
-    closeOnOutsideInteraction: de = !0,
-    defaultOpen: fe = !1,
+    defaultOpen: ue = !1,
     disabled: R = !1,
     initialFocusReference: P,
-    onEscapeKeyDown: pe,
+    onEscapeKeyDown: de,
     onOpenChange: x,
-    onPointerDownOutside: O,
+    onPointerDownOutside: k,
     open: H,
     placement: K = "bottom",
-    restoreFocus: L = !0,
+    persistent: fe = !1,
+    restoreFocus: D = !0,
     role: V = "dialog",
     style: U,
-    tabIndex: ge,
+    tabIndex: pe,
     trapFocus: g = !1,
     trigger: l,
-    ...me
+    ...ge
   } = a;
-  if (l.type === qe)
+  if (l.type === Be)
     throw new Error("Popover requires a single non-Fragment trigger");
-  const G = ze(), be = Ae(se), J = `${G}-popover`, o = l.props, Q = Ue(l), W = o.id ?? `${G}-trigger`, m = R || o.disabled === !0 || o["aria-disabled"] === !0 || o["aria-disabled"] === "true", T = H !== void 0, [ve, ye] = A(fe), r = T ? H : ve, k = Qe(r), X = y(null), Y = y(null), N = y("programmatic"), _ = y(null), Z = y(r), E = y(null), [he, Pe] = Me(
+  const G = qe(), me = ze(se), J = `${G}-popover`, o = l.props, Q = Ve(l), W = o.id ?? `${G}-trigger`, m = R || o.disabled === !0 || o["aria-disabled"] === !0 || o["aria-disabled"] === "true", T = H !== void 0, [be, ve] = A(ue), r = T ? H : be, O = Je(r), X = y(null), Y = y(null), N = y("programmatic"), _ = y(null), Z = y(r), E = y(null), [ye, he] = Ae(
     (e) => e + 1,
     0
-  ), [c, Te] = A(null), [u, Ee] = A(null), s = (c == null ? void 0 : c.ownerDocument) ?? (typeof document > "u" ? null : document), C = Ke("Popover").boundaryElement, S = We(k.present, C), Ie = $e(
+  ), [c, Pe] = A(null), [u, Te] = A(null), s = (c == null ? void 0 : c.ownerDocument) ?? (typeof document > "u" ? null : document), C = He("Popover").boundaryElement, S = Qe(O.present, C), Ee = Me(
     () => [X, Y],
     []
-  ), d = Ge(
-    k.present,
+  ), d = Ue(
+    O.present,
     K,
     c,
     u,
     C,
     j
-  ), Re = h(
+  ), Ie = h(
     (e) => {
-      nr(
+      tr(
         e,
         X,
         Q
-      ), Te(e);
+      ), Pe(e);
     },
     [Q]
-  ), xe = h(
+  ), Re = h(
     (e) => {
-      tr(
+      rr(
         e,
         Y,
         i
-      ), Ee(e);
+      ), Te(e);
     },
     [i]
   ), f = h((e, n) => {
     r !== e && (T ? (_.current = {
       open: e,
       reason: n
-    }, Pe()) : (N.current = n, ye(e)), x == null || x(e, n));
-  }, [T, x, r]), Oe = h(() => {
+    }, he()) : (N.current = n, ve(e)), x == null || x(e, n));
+  }, [T, x, r]), xe = h(() => {
     f(!1, "escape");
   }, [f]), ke = h(() => {
     f(!1, "outside");
-  }, [f]), Ce = h((e) => {
+  }, [f]), Oe = h((e) => {
     var p;
-    if (O == null || O(e), e.defaultPrevented) return;
+    if (k == null || k(e), e.defaultPrevented) return;
     const n = (p = s == null ? void 0 : s.defaultView) == null ? void 0 : p.HTMLElement;
     n ? E.current = e.composedPath().find(
       (v) => v instanceof n && v.tabIndex >= 0
     ) ?? e.target : E.current = e.target;
-  }, [O, s]);
-  Xe({
+  }, [k, s]);
+  We({
     boundary: C,
     active: r,
-    boundaries: Ie,
-    dismissOnEscape: ue,
-    dismissOnPointerDownOutside: de,
+    boundaries: Ee,
+    dismissOnEscape: !0,
+    dismissOnOutsideInteraction: fe ? "none" : "pass-through",
     layerId: S.id,
-    onEscapeDismiss: Oe,
-    onEscapeKeyDown: pe,
-    onPointerDownOutside: Ce,
-    onPointerDownOutsideDismiss: ke,
+    onEscapeDismiss: xe,
+    onEscapeKeyDown: de,
+    onOutsideDismiss: ke,
+    onPointerDownOutside: Oe,
     ownerDocument: s
   });
-  const Se = Ze({
+  const Ce = Ye({
     boundary: C,
     active: r && g,
-    autoFocus: D,
+    autoFocus: L,
     container: u,
     initialFocusReference: P,
     layerId: S.id,
-    restoreFocus: L
+    restoreFocus: D
   });
   M(() => {
-    if (!r || g || !D || !u) return;
+    if (!r || g || !L || !u) return;
     let e = !0;
     return Promise.resolve().then(() => {
       if (!e) return;
@@ -135,7 +134,7 @@ const br = Be(function(a, i) {
     }), () => {
       e = !1;
     };
-  }, [D, P, r, u, g]), M(() => {
+  }, [L, P, r, u, g]), M(() => {
     var ne;
     const e = Z.current;
     Z.current = r;
@@ -145,20 +144,20 @@ const br = Be(function(a, i) {
       N.current = "programmatic", E.current = null;
       return;
     }
-    const v = s == null ? void 0 : s.activeElement, q = E.current, z = (ne = s == null ? void 0 : s.defaultView) == null ? void 0 : ne.HTMLElement, Ne = p === "outside" && z && q instanceof z && v instanceof z && (q === v || q.contains(v));
-    e && !g && L && !Ne && (c == null || c.focus({ preventScroll: !0 })), E.current = null;
+    const v = s == null ? void 0 : s.activeElement, q = E.current, z = (ne = s == null ? void 0 : s.defaultView) == null ? void 0 : ne.HTMLElement, De = p === "outside" && z && q instanceof z && v instanceof z && (q === v || q.contains(v));
+    e && !g && D && !De && (c == null || c.focus({ preventScroll: !0 })), E.current = null;
   }, [
-    he,
+    ye,
     T,
     r,
     s,
-    L,
+    D,
     g,
     c
   ]), M(() => {
     R && r && f(!1, "programmatic");
   }, [R, r, f]);
-  function we(e) {
+  function Se(e) {
     if (m) {
       e.preventDefault(), e.stopPropagation();
       return;
@@ -166,49 +165,49 @@ const br = Be(function(a, i) {
     e.defaultPrevented || f(!r, "trigger");
   }
   function Fe(e) {
-    e.defaultPrevented || m || or(e.currentTarget) || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.currentTarget.click());
+    e.defaultPrevented || m || nr(e.currentTarget) || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.currentTarget.click());
   }
   if (R) return l;
   const B = typeof l.type == "string", b = B ? l.type : null, ee = b === "a" && typeof o.href == "string", re = B && !(b === "button" || b === "input" || b === "select" || b === "summary" || b === "textarea" || ee), te = ee && m;
-  let w = o.role;
-  w === void 0 && (te ? w = "link" : re && (w = "button"));
-  let F = o.tabIndex;
-  F === void 0 && re && (F = 0), m && (F = -1);
-  const De = m ? { ...o, onClick: void 0 } : o, Le = je(
+  let F = o.role;
+  F === void 0 && (te ? F = "link" : re && (F = "button"));
+  let w = o.tabIndex;
+  w === void 0 && re && (w = 0), m && (w = -1);
+  const we = m ? { ...o, onClick: void 0 } : o, Le = $e(
     l,
-    Je(De, {
-      "aria-controls": r ? He(o["aria-controls"], J) : o["aria-controls"],
+    Ge(we, {
+      "aria-controls": r ? je(o["aria-controls"], J) : o["aria-controls"],
       "aria-expanded": r,
-      "aria-haspopup": o["aria-haspopup"] ?? sr(V),
+      "aria-haspopup": o["aria-haspopup"] ?? or(V),
       "aria-disabled": m ? !0 : o["aria-disabled"],
       className: "nk-popover__trigger",
       href: te ? void 0 : o.href,
       id: W,
-      onClick: we,
+      onClick: Se,
       onKeyDown: B ? Fe : void 0,
-      ref: Re,
-      role: w,
-      tabIndex: F
+      ref: Ie,
+      role: F,
+      tabIndex: w
     })
   );
-  return /* @__PURE__ */ oe(_e, { children: [
+  return /* @__PURE__ */ oe(Ne, { children: [
     Le,
     /* @__PURE__ */ I(
       se.Provider,
       {
-        value: r && g ? Se : be,
-        children: k.present && s ? /* @__PURE__ */ I(Ye, { children: /* @__PURE__ */ oe(
-          er,
+        value: r && g ? Ce : me,
+        children: O.present && s ? /* @__PURE__ */ I(Xe, { children: /* @__PURE__ */ oe(
+          Ze,
           {
-            ...me,
-            ref: xe,
+            ...ge,
+            ref: Re,
             "aria-hidden": r ? void 0 : !0,
             "aria-label": r ? $ : void 0,
             "aria-labelledby": r ? ie ?? ($ === void 0 ? W : void 0) : void 0,
             className: ["nk-popover", le].filter(Boolean).join(" "),
             "data-placement": (d == null ? void 0 : d.placement) ?? K,
             "data-align": j,
-            "data-state": k.state === "closing" ? "closing" : "open",
+            "data-state": O.state === "closing" ? "closing" : "open",
             id: J,
             role: r ? V : void 0,
             style: d ? {
@@ -222,10 +221,10 @@ const br = Be(function(a, i) {
               visibility: "hidden",
               zIndex: S.zIndex
             },
-            tabIndex: ge ?? -1,
+            tabIndex: pe ?? -1,
             children: [
               /* @__PURE__ */ I(
-                rr,
+                er,
                 {
                   inert: !r,
                   panelElement: u
@@ -241,5 +240,5 @@ const br = Be(function(a, i) {
   ] });
 });
 export {
-  br as default
+  mr as default
 };

package/dist/Select.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),l=require("react"),Z=require("./effects-D98vUn6N.cjs"),U=require("./aria-DM-xYEHQ.cjs"),ge=require("./reference-C2guRuR0.cjs"),q=require("./Icon-De6sqmQ9.cjs"),X=require("./usePresence-Dm0mls5p.cjs"),se=require("./useAnchoredPosition-CrdY2Eat.cjs");function ke(t){const{form:n,onReset:s,resetValue:r,triggerReference:a}=t,d=l.useRef(null);return l.useEffect(()=>{var f;const u=(f=a.current)==null?void 0:f.form;if(!u)return;function o(){const m=d.current;if(m){const y=Array.from(m.options),I=y.find(x=>x.value===r)??y[0];y.forEach(x=>{x.defaultSelected=x===I})}s()}return u.addEventListener("reset",o),()=>u.removeEventListener("reset",o)},[n,s,r,a]),d}const H=8,B=4,we=160,Ee=72;function Re(t,n,s,r="start"){const a=s.bottom-t.bottom-B-H,d=t.top-s.top-B-H,u=a<we&&d>a,o=Math.max(Ee,u?d:a),f=Math.max(t.width,(n==null?void 0:n.width)??t.width),m=s.left+H,y=se.calculateAlignedPosition(r,t.left,t.width,f),I=Math.min(Math.max(m,y),Math.max(m,s.right-H-f)),x=u?Math.max(s.top+H,t.top-B-Math.min((n==null?void 0:n.height)??o,o)):t.bottom+B;return{left:I,maxHeight:o,minWidth:t.width,top:x}}function _e(t,n,s,r,a="start"){const d=l.useCallback(u=>{const{panelSize:o,triggerBounds:f,visibleBounds:m}=u;return Re(f,o,m,a)},[a]);return se.useAnchoredPosition({active:t,boundary:r,fit:d,panel:s,trigger:n})}const Oe=500;function De(t){const n=l.useRef(""),s=l.useRef(null),r=l.useRef(null);return l.useEffect(()=>()=>{const a=r.current;a&&s.current!==null&&a.clearTimeout(s.current)},[]),l.useCallback(a=>{var f;const d=(f=t.current)==null?void 0:f.ownerDocument.defaultView;if(!d)return null;r.current=d;const u=n.current+a,o=Array.from(u).every(m=>m===a);return n.current=o?a:u,s.current!==null&&d.clearTimeout(s.current),s.current=d.setTimeout(()=>{n.current="",s.current=null},Oe),n.current},[t])}function J(t,n,s){if(t.length===0)return-1;for(let r=1;r<=t.length;r+=1){const a=(n+s*r+t.length)%t.length;if(!t[a].disabled)return a}return-1}function je(t,n,s){for(let r=1;r<=t.length;r+=1){const a=(s+r+t.length)%t.length,d=t[a];if(!d.disabled&&d.label.toLocaleLowerCase().startsWith(n))return a}return-1}function Se(t){const n=new Set;t.forEach(s=>{if(n.has(s.value))throw new Error("Select option values must be unique");n.add(s.value)})}function Le(t){const{active:n,align:s,closeOnEscape:r,closeOnOutsideInteraction:a,highlightedIndex:d,id:u,listboxReference:o,onEscapeDismiss:f,onEscapeKeyDown:m,onHighlight:y,onOutsideDismiss:I,onPointerDownOutside:x,onSelect:O,options:D,ownerDocument:A,position:E,selectedValue:R,state:j,triggerReference:V}=t,v=l.useRef(null),W=Z.useBoundary("Select").boundaryElement,_=X.useOverlayLayer(!0,W),$=l.useMemo(()=>[V,v],[V]),G=l.useCallback(h=>{v.current=h,o(h)},[o]);return X.useDismissableLayer({active:n,boundaries:$,boundary:W,dismissOnEscape:r,dismissOnPointerDownOutside:a,layerId:_.id,onEscapeDismiss:f,onEscapeKeyDown:m,onPointerDownOutside:x,onPointerDownOutsideDismiss:I,ownerDocument:A}),c.jsx("div",{"aria-hidden":n?void 0:!0,"aria-labelledby":u,className:"nk-select__listbox","data-align":s,"data-state":j,id:`${u}-listbox`,ref:G,role:"listbox",style:E?{left:E.left,maxHeight:E.maxHeight,minWidth:E.minWidth,top:E.top,zIndex:_.zIndex}:{visibility:"hidden",zIndex:_.zIndex},children:D.map((h,C)=>c.jsxs("div",{"aria-disabled":h.disabled||void 0,"aria-selected":h.value===R,className:"nk-select__option","data-highlighted":C===d||void 0,"data-selected":h.value===R||void 0,id:`${u}-option-${C}`,onPointerDown:Y=>{Y.preventDefault(),h.disabled||O(h)},onPointerMove:()=>{h.disabled||y(C)},role:"option",children:[h.icon?c.jsx(q.Icon,{type:h.icon}):null,c.jsx("span",{className:"nk-select__option-label",children:h.label}),h.value===R?c.jsx(q.Icon,{className:"nk-select__check",type:"checkmark"}):null]},h.value))})}function Pe(t,n,s){n.current=t,ge.assignElementReference(s,t)}function Ae(t){var te;const{"aria-invalid":n,align:s="start",className:r,closeOnEscape:a=!0,closeOnOutsideInteraction:d=!0,defaultValue:u="",disabled:o=!1,displayOverride:f,form:m,forwardedReference:y,id:I,invalid:x=!1,name:O,onChange:D,onClick:A,onEscapeKeyDown:E,onKeyDown:R,onOpenChange:j,onPointerDownOutside:V,options:v,placeholder:W,required:_=!1,style:$,value:G,width:h,...C}=t;Se(v);const Y=l.useId(),S=I??Y,g=l.useRef(null),[N,ae]=l.useState(null),[p,le]=l.useState(!1),[k,T]=l.useState(-1),[oe,z]=l.useState(u),L=G!==void 0,P=L?G:oe,ie=v.find(e=>e.value===P),re=x||U.hasInvalidState(n),ce=U.resolveAriaInvalid(x,n),Q=X.usePresence(p),M=((te=g.current)==null?void 0:te.ownerDocument)??(typeof document>"u"?null:document),de=Z.useBoundary("Select").boundaryElement,ue=_e(Q.present,g.current,N,de,s),fe=De(g),me=h===void 0?$:{...$,width:h},K=f??ie,he=l.useCallback(e=>Pe(e,g,y),[y]),b=l.useCallback(e=>{p!==e&&(le(e),j==null||j(e))},[j,p]),ve=l.useCallback(()=>{L||z(u),b(!1)},[u,L,b]),pe=ke({form:m,onReset:ve,resetValue:L?P:u,triggerReference:g}),F=l.useCallback((e=1)=>{const i=v.findIndex(ne=>ne.value===P&&!ne.disabled),w=e===1?-1:v.length;T(i>=0?i:J(v,w,e)),b(!0)},[v,P,b]),ee=l.useCallback(e=>{var i;o||e.disabled||(L||z(e.value),b(!1),(i=g.current)==null||i.focus(),D==null||D(e.value))},[o,L,D,b]),be=l.useCallback(()=>{var e;b(!1),(e=g.current)==null||e.focus()},[b]),ye=l.useCallback(()=>{b(!1)},[b]);function xe(e){A==null||A(e),!(e.defaultPrevented||o)&&(p?b(!1):F())}function Ie(e){if(R==null||R(e),!(e.defaultPrevented||o)){if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();const i=e.key==="ArrowDown"?1:-1;p?T(w=>J(v,w,i)):F(i);return}if(e.key==="Home"||e.key==="End"){if(e.preventDefault(),!p)F(e.key==="Home"?1:-1);else{const i=e.key==="Home"?1:-1,w=i===1?-1:v.length;T(J(v,w,i))}return}if(e.key==="Enter"||e.key===" "){e.preventDefault();const i=v[k];p&&i?ee(i):p||F();return}if(e.key==="Tab"){b(!1);return}if(e.key.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey){const i=fe(e.key.toLocaleLowerCase());if(i===null)return;const w=je(v,i,k);w>=0&&(e.preventDefault(),p||b(!0),T(w))}}}return l.useEffect(()=>{o&&b(!1)},[o,b]),l.useEffect(()=>{var e;if(p&&k>=0){const i=M==null?void 0:M.getElementById(`${S}-option-${k}`);i&&(N!=null&&N.contains(i))&&((e=i.scrollIntoView)==null||e.call(i,{block:"nearest"}))}},[k,S,N,p]),c.jsxs("span",{className:["nk-select",r].filter(Boolean).join(" "),"data-disabled":o||void 0,"data-invalid":re||void 0,"data-mode":"custom","data-open":p||void 0,style:me,children:[c.jsxs("button",{...C,ref:he,"aria-activedescendant":p&&k>=0?`${S}-option-${k}`:void 0,"aria-controls":`${S}-listbox`,"aria-expanded":p,"aria-haspopup":"listbox","aria-invalid":ce,"aria-required":_||void 0,"aria-autocomplete":"none",className:"nk-select__trigger",disabled:o,form:m,id:S,onClick:xe,onKeyDown:Ie,role:"combobox",type:"button",children:[K?c.jsxs("span",{className:"nk-select__value",children:[K.icon?c.jsx(q.Icon,{type:K.icon}):null,c.jsx("span",{className:"nk-select__value-label",children:K.label})]}):c.jsx("span",{className:"nk-select__placeholder",children:W}),c.jsx(q.Icon,{className:"nk-select__icon",type:"chevron-down"})]}),O||_?c.jsxs("select",{ref:pe,"aria-hidden":"true",className:"nk-select__form-control",disabled:o,form:m,name:O,onChange:()=>{},onInvalid:e=>{var i;e.preventDefault(),(i=g.current)==null||i.focus()},required:_,tabIndex:-1,value:P,children:[c.jsx("option",{value:""}),v.map(e=>c.jsx("option",{disabled:e.disabled,value:e.value,children:e.label},e.value))]}):null,Q.present&&M?c.jsx(X.Portal,{children:c.jsx(Le,{active:p,align:s,closeOnEscape:a,closeOnOutsideInteraction:d,highlightedIndex:k,id:S,listboxReference:ae,onEscapeDismiss:be,onEscapeKeyDown:E,onHighlight:T,onOutsideDismiss:ye,onPointerDownOutside:V,onSelect:ee,options:v,ownerDocument:M,position:ue,selectedValue:P,state:Q.state==="closing"?"closing":"open",triggerReference:g})}):null]})}function Ce(t){const{"aria-invalid":n,children:s,className:r,defaultValue:a,disabled:d=!1,forwardedReference:u,invalid:o=!1,placeholder:f,style:m,value:y,...I}=t,x=U.resolveAriaInvalid(o,n),O=o||U.hasInvalidState(n);return c.jsxs("span",{className:["nk-select",r].filter(Boolean).join(" "),"data-disabled":d||void 0,"data-invalid":O||void 0,"data-mode":"native",style:m,children:[c.jsxs("select",{...I,ref:u,"aria-invalid":x,className:"nk-select__control",defaultValue:y===void 0?a??(f!==void 0?"":void 0):void 0,disabled:d,value:y,children:[f!==void 0?c.jsx("option",{disabled:!0,value:"",children:f}):null,s]}),c.jsx(q.Icon,{className:"nk-select__icon",type:"chevron-down"})]})}const Ne=l.forwardRef(function(n,s){const{options:r}=n;return Z.useBoundary("Select"),r!==void 0?c.jsx(Ae,{...n,forwardedReference:s}):c.jsx(Ce,{...n,forwardedReference:s})});exports.default=Ne;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),r=require("react"),J=require("./effects-D98vUn6N.cjs"),K=require("./aria-DM-xYEHQ.cjs"),Ie=require("./reference-C2guRuR0.cjs"),M=require("./Icon-Yl22zVSN.cjs"),F=require("./usePresence-HVr855AK.cjs"),ne=require("./useAnchoredPosition-CrdY2Eat.cjs");function ge(t){const{form:n,onReset:s,resetValue:o,triggerReference:a}=t,l=r.useRef(null);return r.useEffect(()=>{var u;const f=(u=a.current)==null?void 0:u.form;if(!f)return;function d(){const v=l.current;if(v){const x=Array.from(v.options),I=x.find(p=>p.value===o)??x[0];x.forEach(p=>{p.defaultSelected=p===I})}s()}return f.addEventListener("reset",d),()=>f.removeEventListener("reset",d)},[n,s,o,a]),l}const T=8,G=4,ke=160,we=72;function Re(t,n,s,o="start"){const a=s.bottom-t.bottom-G-T,l=t.top-s.top-G-T,f=a<ke&&l>a,d=Math.max(we,f?l:a),u=Math.max(t.width,(n==null?void 0:n.width)??t.width),v=s.left+T,x=ne.calculateAlignedPosition(o,t.left,t.width,u),I=Math.min(Math.max(v,x),Math.max(v,s.right-T-u)),p=f?Math.max(s.top+T,t.top-G-Math.min((n==null?void 0:n.height)??d,d)):t.bottom+G;return{left:I,maxHeight:d,minWidth:t.width,top:p}}function _e(t,n,s,o,a="start"){const l=r.useCallback(f=>{const{panelSize:d,triggerBounds:u,visibleBounds:v}=f;return Re(u,d,v,a)},[a]);return ne.useAnchoredPosition({active:t,boundary:o,fit:l,panel:s,trigger:n})}const Ee=500;function je(t){const n=r.useRef(""),s=r.useRef(null),o=r.useRef(null);return r.useEffect(()=>()=>{const a=o.current;a&&s.current!==null&&a.clearTimeout(s.current)},[]),r.useCallback(a=>{var u;const l=(u=t.current)==null?void 0:u.ownerDocument.defaultView;if(!l)return null;o.current=l;const f=n.current+a,d=Array.from(f).every(v=>v===a);return n.current=d?a:f,s.current!==null&&l.clearTimeout(s.current),s.current=l.setTimeout(()=>{n.current="",s.current=null},Ee),n.current},[t])}function Q(t,n,s){if(t.length===0)return-1;for(let o=1;o<=t.length;o+=1){const a=(n+s*o+t.length)%t.length;if(!t[a].disabled)return a}return-1}function De(t,n,s){for(let o=1;o<=t.length;o+=1){const a=(s+o+t.length)%t.length,l=t[a];if(!l.disabled&&l.label.toLocaleLowerCase().startsWith(n))return a}return-1}function Oe(t){const n=new Set;t.forEach(s=>{if(n.has(s.value))throw new Error("Select option values must be unique");n.add(s.value)})}function Se(t){const{active:n,align:s,highlightedIndex:o,id:a,listboxReference:l,onEscapeDismiss:f,onEscapeKeyDown:d,onHighlight:u,onOutsideDismiss:v,onPointerDownOutside:x,onSelect:I,options:p,ownerDocument:E,persistent:B,position:g,selectedValue:w,state:U,triggerReference:m}=t,H=r.useRef(null),L=J.useBoundary("Select").boundaryElement,j=F.useOverlayLayer(!0,L),q=r.useMemo(()=>[m,H],[m]),V=r.useCallback(h=>{H.current=h,l(h)},[l]);return F.useDismissableLayer({active:n,boundaries:q,boundary:L,dismissOnEscape:!0,dismissOnOutsideInteraction:B?"none":"pass-through",layerId:j.id,onEscapeDismiss:f,onEscapeKeyDown:d,onOutsideDismiss:v,onPointerDownOutside:x,ownerDocument:E}),c.jsx("div",{"aria-hidden":n?void 0:!0,"aria-labelledby":a,className:"nk-select__listbox","data-align":s,"data-state":U,id:`${a}-listbox`,ref:V,role:"listbox",style:g?{left:g.left,maxHeight:g.maxHeight,minWidth:g.minWidth,top:g.top,zIndex:j.zIndex}:{visibility:"hidden",zIndex:j.zIndex},children:p.map((h,A)=>c.jsxs("div",{"aria-disabled":h.disabled||void 0,"aria-selected":h.value===w,className:"nk-select__option","data-highlighted":A===o||void 0,"data-selected":h.value===w||void 0,id:`${a}-option-${A}`,onPointerDown:X=>{X.preventDefault(),h.disabled||I(h)},onPointerMove:()=>{h.disabled||u(A)},role:"option",children:[h.icon?c.jsx(M.Icon,{type:h.icon}):null,c.jsx("span",{className:"nk-select__option-label",children:h.label}),h.value===w?c.jsx(M.Icon,{className:"nk-select__check",type:"checkmark"}):null]},h.value))})}function Le(t,n,s){n.current=t,Ie.assignElementReference(s,t)}function Ae(t){var ee;const{"aria-invalid":n,align:s="start",className:o,defaultValue:a="",disabled:l=!1,displayOverride:f,form:d,forwardedReference:u,id:v,invalid:x=!1,name:I,onChange:p,onClick:E,onEscapeKeyDown:B,onKeyDown:g,onOpenChange:w,onPointerDownOutside:U,options:m,placeholder:H,persistent:L=!1,required:j=!1,style:q,value:V,width:h,...A}=t;Oe(m);const X=r.useId(),D=v??X,k=r.useRef(null),[C,se]=r.useState(null),[b,ae]=r.useState(!1),[R,N]=r.useState(-1),[le,Z]=r.useState(a),O=V!==void 0,S=O?V:le,re=m.find(e=>e.value===S),ie=x||K.hasInvalidState(n),oe=K.resolveAriaInvalid(x,n),Y=F.usePresence(b),P=((ee=k.current)==null?void 0:ee.ownerDocument)??(typeof document>"u"?null:document),ce=J.useBoundary("Select").boundaryElement,de=_e(Y.present,k.current,C,ce,s),ue=je(k),fe=h===void 0?q:{...q,width:h},W=f??re,he=r.useCallback(e=>Le(e,k,u),[u]),y=r.useCallback(e=>{b!==e&&(ae(e),w==null||w(e))},[w,b]),me=r.useCallback(()=>{O||Z(a),y(!1)},[a,O,y]),ve=ge({form:d,onReset:me,resetValue:O?S:a,triggerReference:k}),$=r.useCallback((e=1)=>{const i=m.findIndex(te=>te.value===S&&!te.disabled),_=e===1?-1:m.length;N(i>=0?i:Q(m,_,e)),y(!0)},[m,S,y]),z=r.useCallback(e=>{var i;l||e.disabled||(O||Z(e.value),y(!1),(i=k.current)==null||i.focus(),p==null||p(e.value))},[l,O,p,y]),pe=r.useCallback(()=>{var e;y(!1),(e=k.current)==null||e.focus()},[y]),be=r.useCallback(()=>{y(!1)},[y]);function ye(e){E==null||E(e),!(e.defaultPrevented||l)&&(b?y(!1):$())}function xe(e){if(g==null||g(e),!(e.defaultPrevented||l)){if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();const i=e.key==="ArrowDown"?1:-1;b?N(_=>Q(m,_,i)):$(i);return}if(e.key==="Home"||e.key==="End"){if(e.preventDefault(),!b)$(e.key==="Home"?1:-1);else{const i=e.key==="Home"?1:-1,_=i===1?-1:m.length;N(Q(m,_,i))}return}if(e.key==="Enter"||e.key===" "){e.preventDefault();const i=m[R];b&&i?z(i):b||$();return}if(e.key==="Tab"){L||y(!1);return}if(e.key.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey){const i=ue(e.key.toLocaleLowerCase());if(i===null)return;const _=De(m,i,R);_>=0&&(e.preventDefault(),b||y(!0),N(_))}}}return r.useEffect(()=>{l&&y(!1)},[l,y]),r.useEffect(()=>{var e;if(b&&R>=0){const i=P==null?void 0:P.getElementById(`${D}-option-${R}`);i&&(C!=null&&C.contains(i))&&((e=i.scrollIntoView)==null||e.call(i,{block:"nearest"}))}},[R,D,C,b]),c.jsxs("span",{className:["nk-select",o].filter(Boolean).join(" "),"data-disabled":l||void 0,"data-invalid":ie||void 0,"data-mode":"custom","data-open":b||void 0,style:fe,children:[c.jsxs("button",{...A,ref:he,"aria-activedescendant":b&&R>=0?`${D}-option-${R}`:void 0,"aria-controls":`${D}-listbox`,"aria-expanded":b,"aria-haspopup":"listbox","aria-invalid":oe,"aria-required":j||void 0,"aria-autocomplete":"none",className:"nk-select__trigger",disabled:l,form:d,id:D,onClick:ye,onKeyDown:xe,role:"combobox",type:"button",children:[W?c.jsxs("span",{className:"nk-select__value",children:[W.icon?c.jsx(M.Icon,{type:W.icon}):null,c.jsx("span",{className:"nk-select__value-label",children:W.label})]}):c.jsx("span",{className:"nk-select__placeholder",children:H}),c.jsx(M.Icon,{className:"nk-select__icon",type:"chevron-down"})]}),I||j?c.jsxs("select",{ref:ve,"aria-hidden":"true",className:"nk-select__form-control",disabled:l,form:d,name:I,onChange:()=>{},onInvalid:e=>{var i;e.preventDefault(),(i=k.current)==null||i.focus()},required:j,tabIndex:-1,value:S,children:[c.jsx("option",{value:""}),m.map(e=>c.jsx("option",{disabled:e.disabled,value:e.value,children:e.label},e.value))]}):null,Y.present&&P?c.jsx(F.Portal,{children:c.jsx(Se,{active:b,align:s,highlightedIndex:R,id:D,listboxReference:se,onEscapeDismiss:pe,onEscapeKeyDown:B,onHighlight:N,onOutsideDismiss:be,onPointerDownOutside:U,onSelect:z,options:m,ownerDocument:P,persistent:L,position:de,selectedValue:S,state:Y.state==="closing"?"closing":"open",triggerReference:k})}):null]})}function Ce(t){const{"aria-invalid":n,children:s,className:o,defaultValue:a,disabled:l=!1,forwardedReference:f,invalid:d=!1,placeholder:u,style:v,value:x,...I}=t,p=K.resolveAriaInvalid(d,n),E=d||K.hasInvalidState(n);return c.jsxs("span",{className:["nk-select",o].filter(Boolean).join(" "),"data-disabled":l||void 0,"data-invalid":E||void 0,"data-mode":"native",style:v,children:[c.jsxs("select",{...I,ref:f,"aria-invalid":p,className:"nk-select__control",defaultValue:x===void 0?a??(u!==void 0?"":void 0):void 0,disabled:l,value:x,children:[u!==void 0?c.jsx("option",{disabled:!0,value:"",children:u}):null,s]}),c.jsx(M.Icon,{className:"nk-select__icon",type:"chevron-down"})]})}const Ne=r.forwardRef(function(n,s){const{options:o}=n;return J.useBoundary("Select"),o!==void 0?c.jsx(Ae,{...n,forwardedReference:s}):c.jsx(Ce,{...n,forwardedReference:s})});exports.default=Ne;