neatkit 0.5.0 → 0.6.0

package/dist/Popover.js

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

package/dist/Radio.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),i=require("react"),v=require("./RadioGroupContext-BX9KnDek.cjs"),R=require("./Text-DWYlIcPj.cjs");function C(){const e=i.useContext(v.RadioGroupContext);if(!e)throw new Error("Radio must be rendered within RadioGroup");return e}function m(e,r,t){r.current=e,typeof t=="function"?t(e):t&&(t.current=e)}const _=i.forwardRef(function(r,t){const{children:d,className:f,disabled:p=!1,style:b,value:l,...h}=r,n=C(),c=i.useRef(null),a=n.disabled||p,s=n.value!==void 0,x=n.value===l,k=i.useCallback(o=>m(o,c,t),[t]);return i.useEffect(()=>{var o;!s&&a&&((o=c.current)!=null&&o.checked)&&(c.current.checked=!1)},[s,a]),u.jsxs("label",{className:["nk-radio",f].filter(Boolean).join(" "),"data-disabled":a||void 0,style:b,children:[u.jsx("input",{...h,ref:k,checked:s?!a&&x:void 0,className:"nk-radio__control",defaultChecked:s?void 0:!a&&n.defaultValue===l,disabled:a,name:n.name,onChange:n.onChange,required:n.required,type:"radio",value:l}),u.jsx("span",{"aria-hidden":"true",className:"nk-radio__visual"}),u.jsx(R.Text,{as:"span",className:"nk-radio__label",children:d})]})});exports.default=_;

package/dist/Radio.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsxs as k, jsx as u } from "react/jsx-runtime";
+import { useContext as R, forwardRef as v, useRef as C, useCallback as x, useEffect as _ } from "react";
+import { R as N } from "./RadioGroupContext-DbKM4zPZ.js";
+import { T as g } from "./Text-rN6iDo0V.js";
+function j() {
+  const e = R(N);
+  if (!e)
+    throw new Error("Radio must be rendered within RadioGroup");
+  return e;
+}
+function y(e, t, a) {
+  t.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+}
+const V = v(function(t, a) {
+  const {
+    children: c,
+    className: d,
+    disabled: f = !1,
+    style: p,
+    value: r,
+    ...m
+  } = t, o = j(), l = C(null), i = o.disabled || f, n = o.value !== void 0, h = o.value === r, b = x(
+    (s) => y(
+      s,
+      l,
+      a
+    ),
+    [a]
+  );
+  return _(() => {
+    var s;
+    !n && i && ((s = l.current) != null && s.checked) && (l.current.checked = !1);
+  }, [n, i]), /* @__PURE__ */ k(
+    "label",
+    {
+      className: ["nk-radio", d].filter(Boolean).join(" "),
+      "data-disabled": i || void 0,
+      style: p,
+      children: [
+        /* @__PURE__ */ u(
+          "input",
+          {
+            ...m,
+            ref: b,
+            checked: n ? !i && h : void 0,
+            className: "nk-radio__control",
+            defaultChecked: n ? void 0 : !i && o.defaultValue === r,
+            disabled: i,
+            name: o.name,
+            onChange: o.onChange,
+            required: o.required,
+            type: "radio",
+            value: r
+          }
+        ),
+        /* @__PURE__ */ u("span", { "aria-hidden": "true", className: "nk-radio__visual" }),
+        /* @__PURE__ */ u(g, { as: "span", className: "nk-radio__label", children: c })
+      ]
+    }
+  );
+});
+export {
+  V as default
+};

package/dist/RadioGroup.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),R=require("react"),t=require("./aria-DKxpE8cA.cjs"),b=require("./field-control-NfLwcPj6.cjs"),j=require("./RadioGroupContext-BX9KnDek.cjs"),n=R.forwardRef(function(d,l){const{"aria-invalid":a,children:s,className:u,defaultValue:c,disabled:e=!1,invalid:i=!1,name:v,onChange:f,orientation:p="vertical",required:r=!1,value:m,...q}=d,g=i||t.hasInvalidState(a),x={defaultValue:c,disabled:e,name:v,onChange:f,required:r,value:m};return o.jsx(j.RadioGroupContext.Provider,{value:x,children:o.jsx("div",{...q,ref:l,"aria-disabled":e||void 0,"aria-invalid":t.resolveAriaInvalid(i,a),"aria-required":r||void 0,className:["nk-radio-group",u].filter(Boolean).join(" "),"data-disabled":e||void 0,"data-invalid":g||void 0,"data-orientation":p,role:"radiogroup",children:s})})});b.markFieldGroupControl(n,"group");exports.default=n;

package/dist/RadioGroup.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as R } from "react";
+import { r as g, h as x } from "./aria-DHnOMyYp.js";
+import { m as G } from "./field-control-XAn_FKks.js";
+import { R as I } from "./RadioGroupContext-DbKM4zPZ.js";
+const b = R(
+  function(d, l) {
+    const {
+      "aria-invalid": i,
+      children: n,
+      className: t,
+      defaultValue: s,
+      disabled: a = !1,
+      invalid: o = !1,
+      name: u,
+      onChange: v,
+      orientation: m = "vertical",
+      required: r = !1,
+      value: f,
+      ...p
+    } = d, c = o || x(i), h = {
+      defaultValue: s,
+      disabled: a,
+      name: u,
+      onChange: v,
+      required: r,
+      value: f
+    };
+    return /* @__PURE__ */ e(I.Provider, { value: h, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ...p,
+        ref: l,
+        "aria-disabled": a || void 0,
+        "aria-invalid": g(o, i),
+        "aria-required": r || void 0,
+        className: ["nk-radio-group", t].filter(Boolean).join(" "),
+        "data-disabled": a || void 0,
+        "data-invalid": c || void 0,
+        "data-orientation": m,
+        role: "radiogroup",
+        children: n
+      }
+    ) });
+  }
+);
+G(b, "group");
+export {
+  b as default
+};

package/dist/RadioGroupContext-BX9KnDek.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react"),o=t.createContext(void 0);exports.RadioGroupContext=o;

package/dist/RadioGroupContext-DbKM4zPZ.js

@@ -0,0 +1,5 @@
+import { createContext as o } from "react";
+const e = o(void 0);
+export {
+  e as R
+};

package/dist/Select.cjs

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