neatkit 0.4.2 → 0.6.0

package/dist/Modal.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),s=require("react"),$=require("./Button-D7JUO6Fs.cjs"),f=require("./usePresence-qe92UTvK.cjs"),A=require("./useFocusTrap--cgjy78G.cjs"),D=require("./Surface-BttJYSDt.cjs"),V=require("./Text-DWYlIcPj.cjs"),y=new WeakMap;function G(l,e){s.useEffect(()=>{if(!l||!e)return;const o=y.get(e);if(o)o.count+=1;else{const t=e.body,r=e.defaultView,u=r&&Number.parseFloat(r.getComputedStyle(t).paddingRight)||0,n=e.documentElement.clientWidth,c=r&&n>0?Math.max(0,r.innerWidth-n):0,b={count:1,overflow:t.style.overflow,paddingRight:t.style.paddingRight};y.set(e,b),t.style.overflow="hidden",c>0&&(t.style.paddingRight=`${u+c}px`)}return()=>{const t=y.get(e);t&&(t.count-=1,!(t.count>0)&&(e.body.style.overflow=t.overflow,e.body.style.paddingRight=t.paddingRight,y.delete(e)))}},[l,e])}function H(l,e,o){e.current=l,typeof o=="function"?o(l):o&&(o.current=l)}function J(l){const{"aria-label":e,"aria-labelledby":o,children:t,className:r,closeButtonLabel:u="Close modal",exitable:n=!0,forwardedReference:c,initialFocusReference:b,lockScroll:P=!0,onClose:i,open:a,ownerDocument:h,presenceState:x,restoreFocus:_=!0,role:B="dialog",style:I,title:p,trapFocus:S=!0,...M}=l,R=s.useRef(null),k=s.useRef(null),E=s.useContext(f.FocusScopeContext),L=`${s.useId()}-title`,[g,q]=s.useState(null),m=f.useOverlayLayer(!0,h),N=s.useMemo(()=>[R],[]),v=!!(p!=null&&p.trim()),O=b??(v?k:void 0),T=o??(e===void 0&&v?L:void 0),W=s.useCallback(F=>{H(F,R,c),q(F)},[c]);s.useLayoutEffect(()=>{g&&(g.inert=!a)},[g,a]);const w=s.useCallback(()=>{i==null||i("escape")},[i]),C=s.useCallback(()=>{i==null||i("outside")},[i]);f.useDismissableLayer({active:a,boundaries:N,dismissOnEscape:n,dismissOnPointerDownOutside:n,layerId:m.id,onEscapeDismiss:w,onPointerDownOutsideDismiss:C,ownerDocument:h});const z=A.useFocusTrap({active:a&&S,container:g,initialFocusReference:O,layerId:m.id,restoreFocus:_});G(P,h);const j=n?d.jsx($.Button,{"aria-label":u,className:"nk-modal__close",icon:"cross",onClick:()=>i==null?void 0:i("close-button"),shape:"rectangle",type:"button",variant:"ghost"}):null;return d.jsx(f.FocusScopeContext.Provider,{value:a&&S?z:E,children:d.jsx("div",{className:"nk-modal__overlay","data-state":x,role:"presentation",style:{zIndex:m.zIndex},children:d.jsxs(D.Surface,{...M,ref:W,"aria-hidden":a?void 0:!0,"aria-label":a?e:void 0,"aria-labelledby":a?T:void 0,"aria-modal":a?"true":void 0,className:["nk-modal",r].filter(Boolean).join(" "),"data-state":x,role:a?B:void 0,style:I,tabIndex:-1,children:[v?d.jsxs("div",{className:"nk-modal__header",children:[d.jsx(V.Text,{as:"h2",className:"nk-modal__title",id:L,ref:k,size:"subtitle",tabIndex:-1,weight:"semibold",children:p}),j]}):j,t]})})})}const K=s.forwardRef(function(e,o){const{open:t}=e,r=s.useRef(e);t&&(r.current=e);const u=t?e:r.current,{portalContainer:n}=u,c=f.usePresence(t),b=(n==null?void 0:n.ownerDocument)??(typeof document>"u"?null:document);return c.present?d.jsx(f.Portal,{container:n,children:d.jsx(J,{...u,forwardedReference:o,open:t,ownerDocument:b,presenceState:c.state==="closing"?"closing":"open"})}):null});exports.default=K;

package/dist/Modal.js

@@ -0,0 +1,171 @@
+"use client";
+import { jsx as d, jsxs as B } from "react/jsx-runtime";
+import { useEffect as V, forwardRef as q, useRef as v, useContext as G, useId as H, useState as J, useMemo as K, useCallback as h, useLayoutEffect as Q } from "react";
+import { B as U } from "./Button-BAsLfA0D.js";
+import { a as X, P as Y, F as I, b as Z, c as ee } from "./usePresence-DSPt6aKi.js";
+import { u as te } from "./useFocusTrap-Da4nEash.js";
+import { S as oe } from "./Surface-vEFsZC12.js";
+import { T as se } from "./Text-rN6iDo0V.js";
+const p = /* @__PURE__ */ new WeakMap();
+function ae(n, e) {
+  V(() => {
+    if (!n || !e) return;
+    const o = p.get(e);
+    if (o)
+      o.count += 1;
+    else {
+      const t = e.body, l = e.defaultView, c = l && Number.parseFloat(
+        l.getComputedStyle(t).paddingRight
+      ) || 0, s = e.documentElement.clientWidth, r = l && s > 0 ? Math.max(
+        0,
+        l.innerWidth - s
+      ) : 0, u = {
+        count: 1,
+        overflow: t.style.overflow,
+        paddingRight: t.style.paddingRight
+      };
+      p.set(e, u), t.style.overflow = "hidden", r > 0 && (t.style.paddingRight = `${c + r}px`);
+    }
+    return () => {
+      const t = p.get(e);
+      t && (t.count -= 1, !(t.count > 0) && (e.body.style.overflow = t.overflow, e.body.style.paddingRight = t.paddingRight, p.delete(e)));
+    };
+  }, [n, e]);
+}
+function ie(n, e, o) {
+  e.current = n, typeof o == "function" ? o(n) : o && (o.current = n);
+}
+function ne(n) {
+  const {
+    "aria-label": e,
+    "aria-labelledby": o,
+    children: t,
+    className: l,
+    closeButtonLabel: c = "Close modal",
+    exitable: s = !0,
+    forwardedReference: r,
+    initialFocusReference: u,
+    lockScroll: E = !0,
+    onClose: a,
+    open: i,
+    ownerDocument: b,
+    presenceState: S,
+    restoreFocus: _ = !0,
+    role: M = "dialog",
+    style: N,
+    title: f,
+    trapFocus: k = !0,
+    ...O
+  } = n, x = v(null), R = v(null), W = G(I), L = `${H()}-title`, [m, T] = J(null), g = Z(!0, b), w = K(() => [x], []), y = !!(f != null && f.trim()), j = u ?? (y ? R : void 0), z = o ?? (e === void 0 && y ? L : void 0), $ = h(
+    (P) => {
+      ie(P, x, r), T(P);
+    },
+    [r]
+  );
+  Q(() => {
+    m && (m.inert = !i);
+  }, [m, i]);
+  const A = h(() => {
+    a == null || a("escape");
+  }, [a]), C = h(() => {
+    a == null || a("outside");
+  }, [a]);
+  ee({
+    active: i,
+    boundaries: w,
+    dismissOnEscape: s,
+    dismissOnPointerDownOutside: s,
+    layerId: g.id,
+    onEscapeDismiss: A,
+    onPointerDownOutsideDismiss: C,
+    ownerDocument: b
+  });
+  const D = te({
+    active: i && k,
+    container: m,
+    initialFocusReference: j,
+    layerId: g.id,
+    restoreFocus: _
+  });
+  ae(E, b);
+  const F = s ? /* @__PURE__ */ d(
+    U,
+    {
+      "aria-label": c,
+      className: "nk-modal__close",
+      icon: "cross",
+      onClick: () => a == null ? void 0 : a("close-button"),
+      shape: "rectangle",
+      type: "button",
+      variant: "ghost"
+    }
+  ) : null;
+  return /* @__PURE__ */ d(
+    I.Provider,
+    {
+      value: i && k ? D : W,
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          className: "nk-modal__overlay",
+          "data-state": S,
+          role: "presentation",
+          style: { zIndex: g.zIndex },
+          children: /* @__PURE__ */ B(
+            oe,
+            {
+              ...O,
+              ref: $,
+              "aria-hidden": i ? void 0 : !0,
+              "aria-label": i ? e : void 0,
+              "aria-labelledby": i ? z : void 0,
+              "aria-modal": i ? "true" : void 0,
+              className: ["nk-modal", l].filter(Boolean).join(" "),
+              "data-state": S,
+              role: i ? M : void 0,
+              style: N,
+              tabIndex: -1,
+              children: [
+                y ? /* @__PURE__ */ B("div", { className: "nk-modal__header", children: [
+                  /* @__PURE__ */ d(
+                    se,
+                    {
+                      as: "h2",
+                      className: "nk-modal__title",
+                      id: L,
+                      ref: R,
+                      size: "subtitle",
+                      tabIndex: -1,
+                      weight: "semibold",
+                      children: f
+                    }
+                  ),
+                  F
+                ] }) : F,
+                t
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+}
+const pe = q(function(e, o) {
+  const { open: t } = e, l = v(e);
+  t && (l.current = e);
+  const c = t ? e : l.current, { portalContainer: s } = c, r = X(t), u = (s == null ? void 0 : s.ownerDocument) ?? (typeof document > "u" ? null : document);
+  return r.present ? /* @__PURE__ */ d(Y, { container: s, children: /* @__PURE__ */ d(
+    ne,
+    {
+      ...c,
+      forwardedReference: o,
+      open: t,
+      ownerDocument: u,
+      presenceState: r.state === "closing" ? "closing" : "open"
+    }
+  ) }) : null;
+});
+export {
+  pe as default
+};

package/dist/PinInput.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),v=require("react"),G=require("./aria-DKxpE8cA.cjs"),$=3,B=10,H=4;function X(a){return Number.isFinite(a)?Math.min(B,Math.max($,Math.trunc(a))):H}function M(a,s,l){return(s==="numeric"?a.replace(/[^0-9]/g,""):a.replace(/[^0-9a-z]/gi,"").toUpperCase()).slice(0,l)}function Z(a,s,l){s.current=a,typeof l=="function"?l(a):l&&(l.current=a)}function J(a,s){var c;const l=(c=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(a),"value"))==null?void 0:c.set;l?l.call(a,s):a.value=s}function U(a,s,l){const c=Math.min(l-1,Math.max(0,s)),P=Math.min(c+1,a.value.length);a.focus(),a.setSelectionRange(c,P)}function Q(a){const{defaultValue:s,disabled:l,forwardedReference:c,length:P,mode:u,onChange:_,onComplete:y,onFocus:N,onKeyDown:p,onPaste:x,onSelect:b,readOnly:S,value:L}=a,n=X(P),k=M(s,u,n),w=v.useRef(null),[D,V]=v.useState(k),[E,d]=v.useState(0),f=L!==void 0,i=M(f?L:D,u,n),R=v.useCallback(t=>Z(t,w,c),[c]);v.useEffect(()=>{!f&&D!==i&&V(i)},[f,i,D]),v.useEffect(()=>{var o;if(f)return;const t=(o=w.current)==null?void 0:o.form;if(!t)return;const e=t.getRootNode();function r(h){h.target!==t||h.defaultPrevented||(V(k),d(0))}return e.addEventListener("reset",r),()=>e.removeEventListener("reset",r)},[f,k]);function j(t){const e=t.selectionStart??i.length;return Math.min(n-1,Math.max(0,e))}function T(t){const e=t.currentTarget,r=e.selectionStart??e.value.length,o=M(e.value,u,n),h=M(e.value.slice(0,r),u,n).length;e.value=o,f||V(o),_==null||_(t),o.length===n&&o!==i&&(y==null||y(o));const g=Math.min(n-1,h);d(g),e.setSelectionRange(g,Math.min(g+1,o.length))}function A(t){if(x==null||x(t),t.defaultPrevented||l||S)return;const e=M(t.clipboardData.getData("text"),u,n);if(t.preventDefault(),e.length===0)return;const r=t.currentTarget,o=r.selectionStart??i.length,h=r.selectionEnd??o,g=e.length===n?e:M(i.slice(0,o)+e+i.slice(h),u,n),C=e.length===n?n:Math.min(n,o+e.length);J(r,g),r.setSelectionRange(C,C),r.dispatchEvent(new Event("input",{bubbles:!0}))}function z(t){if(p==null||p(t),t.defaultPrevented||t.key!=="ArrowLeft"&&t.key!=="ArrowRight")return;t.preventDefault();const e=t.key==="ArrowLeft"?-1:1,r=Math.min(n-1,Math.max(0,j(t.currentTarget)+e));d(r),U(t.currentTarget,r,n)}function O(t){N==null||N(t);const e=Math.min(n-1,i.length);d(e),U(t.currentTarget,e,n)}function F(t){b==null||b(t),d(j(t.currentTarget))}function q(t,e){if(t.preventDefault(),l)return;const r=w.current;r&&(d(e),U(r,e,n))}return{activeIndex:E,handleChange:T,handleFocus:O,handleKeyDown:z,handlePaste:A,handleSelect:F,handleSlotPointerDown:q,inputCallbackReference:R,length:n,renderedValue:i}}const W=v.forwardRef(function(s,l){const{"aria-invalid":c,autoCapitalize:P,autoComplete:u="one-time-code",className:_,censored:y=!1,defaultValue:N="",disabled:p=!1,invalid:x=!1,length:b=H,mode:S="numeric",onChange:L,onComplete:n,onFocus:k,onKeyDown:w,onPaste:D,onSelect:V,readOnly:E=!1,style:d,value:f,wrap:i=!1,...R}=s,{activeIndex:j,handleChange:T,handleFocus:A,handleKeyDown:z,handlePaste:O,handleSelect:F,handleSlotPointerDown:q,inputCallbackReference:t,length:e,renderedValue:r}=Q({defaultValue:N,disabled:p,forwardedReference:l,length:b,mode:S,onChange:L,onComplete:n,onFocus:k,onKeyDown:w,onPaste:D,onSelect:V,readOnly:E,value:f}),o=x||G.hasInvalidState(c),h=!i&&e>=6&&e%2===0,g=e/2,C={...d,"--nk-pin-input-columns":Math.ceil(e/2)};return m.jsxs("span",{className:["nk-pin-input",_].filter(Boolean).join(" "),"data-disabled":p||void 0,"data-invalid":o||void 0,"data-read-only":E||void 0,"data-wrap":i||void 0,style:C,children:[m.jsx("input",{...R,ref:t,"aria-invalid":G.resolveAriaInvalid(x,c),autoCapitalize:P??(S==="alphanumeric"?"characters":"off"),autoComplete:u,className:"nk-pin-input__control",disabled:p,inputMode:S==="numeric"?"numeric":"text",maxLength:e,minLength:e,onChange:T,onFocus:A,onKeyDown:z,onPaste:O,onSelect:F,pattern:S==="numeric"?`[0-9]{${e}}`:`[0-9A-Za-z]{${e}}`,readOnly:E,spellCheck:!1,type:"text",value:r}),m.jsx("span",{"aria-hidden":"true",className:"nk-pin-input__slots",children:Array.from({length:e},(Y,I)=>m.jsxs("span",{className:"nk-pin-input__slot-group",children:[h&&I===g?m.jsx("span",{className:"nk-pin-input__separator",children:"-"}):null,m.jsx("span",{className:"nk-pin-input__slot","data-active":j===I||void 0,onPointerDown:K=>q(K,I),children:y&&r[I]?m.jsx("span",{className:"nk-pin-input__censor"}):r[I]??""})]},I))})]})});exports.default=W;

package/dist/PinInput.js

@@ -0,0 +1,248 @@
+"use client";
+import { jsxs as G, jsx as b } from "react/jsx-runtime";
+import { useRef as B, useState as H, useCallback as X, useEffect as K, forwardRef as Z } from "react";
+import { r as J, h as Q } from "./aria-DHnOMyYp.js";
+const W = 3, Y = 10, q = 4;
+function ee(a) {
+  return Number.isFinite(a) ? Math.min(
+    Y,
+    Math.max(W, Math.trunc(a))
+  ) : q;
+}
+function S(a, s, r) {
+  return (s === "numeric" ? a.replace(/[^0-9]/g, "") : a.replace(/[^0-9a-z]/gi, "").toUpperCase()).slice(0, r);
+}
+function te(a, s, r) {
+  s.current = a, typeof r == "function" ? r(a) : r && (r.current = a);
+}
+function ne(a, s) {
+  var c;
+  const r = (c = Object.getOwnPropertyDescriptor(
+    Object.getPrototypeOf(a),
+    "value"
+  )) == null ? void 0 : c.set;
+  r ? r.call(a, s) : a.value = s;
+}
+function U(a, s, r) {
+  const c = Math.min(r - 1, Math.max(0, s)), x = Math.min(c + 1, a.value.length);
+  a.focus(), a.setSelectionRange(c, x);
+}
+function ae(a) {
+  const {
+    defaultValue: s,
+    disabled: r,
+    forwardedReference: c,
+    length: x,
+    mode: u,
+    onChange: M,
+    onComplete: P,
+    onFocus: _,
+    onKeyDown: p,
+    onPaste: g,
+    onSelect: N,
+    readOnly: v,
+    value: L
+  } = a, n = ee(x), y = S(
+    s,
+    u,
+    n
+  ), k = B(null), [w, D] = H(
+    y
+  ), [V, d] = H(0), f = L !== void 0, i = S(
+    f ? L : w,
+    u,
+    n
+  ), R = X(
+    (t) => te(
+      t,
+      k,
+      c
+    ),
+    [c]
+  );
+  K(() => {
+    !f && w !== i && D(i);
+  }, [f, i, w]), K(() => {
+    var l;
+    if (f) return;
+    const t = (l = k.current) == null ? void 0 : l.form;
+    if (!t) return;
+    const e = t.getRootNode();
+    function o(h) {
+      h.target !== t || h.defaultPrevented || (D(y), d(0));
+    }
+    return e.addEventListener("reset", o), () => e.removeEventListener("reset", o);
+  }, [f, y]);
+  function C(t) {
+    const e = t.selectionStart ?? i.length;
+    return Math.min(n - 1, Math.max(0, e));
+  }
+  function T(t) {
+    const e = t.currentTarget, o = e.selectionStart ?? e.value.length, l = S(e.value, u, n), h = S(
+      e.value.slice(0, o),
+      u,
+      n
+    ).length;
+    e.value = l, f || D(l), M == null || M(t), l.length === n && l !== i && (P == null || P(l));
+    const m = Math.min(n - 1, h);
+    d(m), e.setSelectionRange(
+      m,
+      Math.min(m + 1, l.length)
+    );
+  }
+  function A(t) {
+    if (g == null || g(t), t.defaultPrevented || r || v) return;
+    const e = S(
+      t.clipboardData.getData("text"),
+      u,
+      n
+    );
+    if (t.preventDefault(), e.length === 0) return;
+    const o = t.currentTarget, l = o.selectionStart ?? i.length, h = o.selectionEnd ?? l, m = e.length === n ? e : S(
+      i.slice(0, l) + e + i.slice(h),
+      u,
+      n
+    ), E = e.length === n ? n : Math.min(n, l + e.length);
+    ne(o, m), o.setSelectionRange(E, E), o.dispatchEvent(new Event("input", { bubbles: !0 }));
+  }
+  function z(t) {
+    if (p == null || p(t), t.defaultPrevented || t.key !== "ArrowLeft" && t.key !== "ArrowRight") return;
+    t.preventDefault();
+    const e = t.key === "ArrowLeft" ? -1 : 1, o = Math.min(
+      n - 1,
+      Math.max(0, C(t.currentTarget) + e)
+    );
+    d(o), U(t.currentTarget, o, n);
+  }
+  function F(t) {
+    _ == null || _(t);
+    const e = Math.min(n - 1, i.length);
+    d(e), U(t.currentTarget, e, n);
+  }
+  function O(t) {
+    N == null || N(t), d(C(t.currentTarget));
+  }
+  function j(t, e) {
+    if (t.preventDefault(), r) return;
+    const o = k.current;
+    o && (d(e), U(o, e, n));
+  }
+  return {
+    activeIndex: V,
+    handleChange: T,
+    handleFocus: F,
+    handleKeyDown: z,
+    handlePaste: A,
+    handleSelect: O,
+    handleSlotPointerDown: j,
+    inputCallbackReference: R,
+    length: n,
+    renderedValue: i
+  };
+}
+const se = Z(function(s, r) {
+  const {
+    "aria-invalid": c,
+    autoCapitalize: x,
+    autoComplete: u = "one-time-code",
+    className: M,
+    censored: P = !1,
+    defaultValue: _ = "",
+    disabled: p = !1,
+    invalid: g = !1,
+    length: N = q,
+    mode: v = "numeric",
+    onChange: L,
+    onComplete: n,
+    onFocus: y,
+    onKeyDown: k,
+    onPaste: w,
+    onSelect: D,
+    readOnly: V = !1,
+    style: d,
+    value: f,
+    wrap: i = !1,
+    ...R
+  } = s, {
+    activeIndex: C,
+    handleChange: T,
+    handleFocus: A,
+    handleKeyDown: z,
+    handlePaste: F,
+    handleSelect: O,
+    handleSlotPointerDown: j,
+    inputCallbackReference: t,
+    length: e,
+    renderedValue: o
+  } = ae({
+    defaultValue: _,
+    disabled: p,
+    forwardedReference: r,
+    length: N,
+    mode: v,
+    onChange: L,
+    onComplete: n,
+    onFocus: y,
+    onKeyDown: k,
+    onPaste: w,
+    onSelect: D,
+    readOnly: V,
+    value: f
+  }), l = g || Q(c), h = !i && e >= 6 && e % 2 === 0, m = e / 2, E = {
+    ...d,
+    "--nk-pin-input-columns": Math.ceil(e / 2)
+  };
+  return /* @__PURE__ */ G(
+    "span",
+    {
+      className: ["nk-pin-input", M].filter(Boolean).join(" "),
+      "data-disabled": p || void 0,
+      "data-invalid": l || void 0,
+      "data-read-only": V || void 0,
+      "data-wrap": i || void 0,
+      style: E,
+      children: [
+        /* @__PURE__ */ b(
+          "input",
+          {
+            ...R,
+            ref: t,
+            "aria-invalid": J(g, c),
+            autoCapitalize: x ?? (v === "alphanumeric" ? "characters" : "off"),
+            autoComplete: u,
+            className: "nk-pin-input__control",
+            disabled: p,
+            inputMode: v === "numeric" ? "numeric" : "text",
+            maxLength: e,
+            minLength: e,
+            onChange: T,
+            onFocus: A,
+            onKeyDown: z,
+            onPaste: F,
+            onSelect: O,
+            pattern: v === "numeric" ? `[0-9]{${e}}` : `[0-9A-Za-z]{${e}}`,
+            readOnly: V,
+            spellCheck: !1,
+            type: "text",
+            value: o
+          }
+        ),
+        /* @__PURE__ */ b("span", { "aria-hidden": "true", className: "nk-pin-input__slots", children: Array.from({ length: e }, (oe, I) => /* @__PURE__ */ G("span", { className: "nk-pin-input__slot-group", children: [
+          h && I === m ? /* @__PURE__ */ b("span", { className: "nk-pin-input__separator", children: "-" }) : null,
+          /* @__PURE__ */ b(
+            "span",
+            {
+              className: "nk-pin-input__slot",
+              "data-active": C === I || void 0,
+              onPointerDown: ($) => j($, I),
+              children: P && o[I] ? /* @__PURE__ */ b("span", { className: "nk-pin-input__censor" }) : o[I] ?? ""
+            }
+          )
+        ] }, I)) })
+      ]
+    }
+  );
+});
+export {
+  se as default
+};

package/dist/Popover.cjs

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

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
+};