@okam/stack-ui 2.0.1 → 2.1.0

package/index47.mjs

@@ -1,192 +1,191 @@
 "use client";
-import { jsx as l, jsxs as $ } from "react/jsx-runtime";
-import { isEmpty as P } from "radashi";
+import { jsx as n, jsxs as $ } from "react/jsx-runtime";
+import { filterDOMProps as P } from "@react-aria/utils";
+import { isEmpty as w } from "radashi";
 import { useRef as B } from "react";
-import { useTextField as H, FocusRing as _ } from "react-aria";
-import { useFormContext as w, Controller as A } from "react-hook-form";
-import G from "./index88.mjs";
-import { useTranslation as L } from "./index89.mjs";
+import { useTextField as H, FocusRing as j } from "react-aria";
+import { useFormContext as A, Controller as G } from "react-hook-form";
+import L from "./index88.mjs";
+import { useTranslation as _ } from "./index89.mjs";
 import { Box as q } from "./index7.mjs";
 import C from "./index48.mjs";
 import { Typography as Q } from "./index74.mjs";
-function U(m) {
+import { textInputAttributes as U } from "./index134.mjs";
+function X(c) {
   const {
     icon: p,
-    errorIcon: r,
-    label: u,
+    errorIcon: e,
+    label: a,
     isRequired: R = !1,
-    isDisabled: h = !1,
+    isDisabled: f = !1,
     isInvalid: I = !1,
     required: k,
-    disabled: E,
-    errorMessage: s,
-    fieldRef: d,
-    children: F,
-    themeName: i = "textInput",
-    tokens: N,
+    disabled: N,
+    errorMessage: r,
+    fieldRef: u,
+    children: M,
+    themeName: s = "textInput",
+    tokens: x,
     customTheme: o,
-    ariaLabel: M,
+    ariaLabel: E,
     placeholder: T,
     isReadOnly: v = !1,
-    ...x
-  } = m, f = B(null), c = k ?? R, O = E ?? h, { labelProps: y, inputProps: e, errorMessageProps: t } = H(
+    ...F
+  } = c, h = B(null), d = k ?? R, D = N ?? f, { labelProps: t, inputProps: l, errorMessageProps: O } = H(
     {
-      label: u,
-      errorMessage: s,
-      isRequired: c,
-      isDisabled: O,
+      label: a,
+      errorMessage: r,
+      isRequired: d,
+      isDisabled: D,
       isInvalid: I,
       isReadOnly: v,
-      ...x
+      ...F
     },
-    f
-  ), b = (a) => {
-    a != null && (d?.(a), f.current = a);
-  }, n = { ...N, isDisabled: h, isRequired: R, isError: s != null }, D = G(`${i}.input`, n);
+    h
+  ), y = (m) => {
+    m != null && (u?.(m), h.current = m);
+  }, i = { ...x, isDisabled: f, isRequired: R, isError: r != null }, b = L(`${s}.input`, i);
   return /* @__PURE__ */ $(q, { children: [
-    /* @__PURE__ */ l(_, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ $(
+    /* @__PURE__ */ n(j, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ $(
       q,
       {
-        "aria-disabled": e.disabled,
-        themeName: `${i}.wrapper`,
-        tokens: n,
+        "aria-disabled": l.disabled,
+        themeName: `${s}.wrapper`,
+        tokens: i,
         customTheme: o,
         children: [
-          u != null && /* @__PURE__ */ l(
+          a != null && /* @__PURE__ */ n(
             q,
             {
               as: "label",
-              tokens: n,
-              themeName: `${i}.label`,
+              tokens: i,
+              themeName: `${s}.label`,
               customTheme: o,
-              ...y,
-              children: u
+              ...t,
+              children: a
             }
           ),
-          /* @__PURE__ */ $(q, { themeName: `${i}.container`, tokens: n, customTheme: o, children: [
-            F,
-            /* @__PURE__ */ l("input", { "aria-label": M, ...e, placeholder: T, ref: b, className: D })
+          /* @__PURE__ */ $(q, { themeName: `${s}.container`, tokens: i, customTheme: o, children: [
+            M,
+            /* @__PURE__ */ n("input", { "aria-label": E, ...l, placeholder: T, ref: y, className: b })
           ] }),
-          p != null && /* @__PURE__ */ l(
+          p != null && /* @__PURE__ */ n(
             C,
             {
-              themeName: `${i}.icon`,
-              tokens: n,
+              themeName: `${s}.icon`,
+              tokens: i,
               customTheme: o,
               icon: p,
               "aria-hidden": !0
             }
           ),
-          s != null && r != null && /* @__PURE__ */ l(
+          r != null && e != null && /* @__PURE__ */ n(
             C,
             {
-              themeName: `${i}.errorIcon`,
-              tokens: n,
+              themeName: `${s}.errorIcon`,
+              tokens: i,
               customTheme: o,
-              icon: r,
+              icon: e,
               "aria-hidden": !0
             }
           )
         ]
       }
     ) }),
-    s != null && /* @__PURE__ */ l(
+    r != null && /* @__PURE__ */ n(
       Q,
       {
-        themeName: `${i}.errorMessage`,
-        tokens: n,
+        themeName: `${s}.errorMessage`,
+        tokens: i,
         customTheme: o,
-        ...t,
-        children: s
+        ...O,
+        children: r
       }
     )
   ] });
 }
-function re({
-  name: m,
+function oe({
+  name: c,
   label: p,
-  rules: r,
-  tokens: u,
+  rules: e,
+  tokens: a,
   ariaLabel: R,
-  defaultValue: h = "",
+  defaultValue: f = "",
   placeholder: I = "",
   themeName: k = "textInput",
-  isReadOnly: E = !1,
-  minLength: s,
-  maxLength: d,
-  required: F,
-  isRequired: i,
-  onChange: N,
+  isReadOnly: N = !1,
+  minLength: r,
+  maxLength: u,
+  required: M,
+  isRequired: s,
+  onChange: x,
   onBlur: o,
-  children: M = null,
+  children: E = null,
   errorIcon: T,
   icon: v,
-  ...x
+  ...F
 }) {
-  const { control: f } = w(), { t: c } = L(), O = () => {
-    const e = Object.entries(x).filter(([t, b]) => t.startsWith("aria-"));
-    return Object.fromEntries(e);
-  }, y = {
-    required: F ?? i ? c("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...s != null && {
+  const { control: h } = A(), { t: d } = _(), D = {
+    required: M ?? s ? d("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    ...r != null && {
       minLength: {
-        value: s,
-        message: c("FORM.ERROR.MIN_LENGTH", { length: s })
+        value: r,
+        message: d("FORM.ERROR.MIN_LENGTH", { length: r })
       }
     },
-    ...d != null && {
+    ...u != null && {
       maxLength: {
-        value: d,
-        message: c("FORM.ERROR.MAX_LENGTH", { length: d })
+        value: u,
+        message: d("FORM.ERROR.MAX_LENGTH", { length: u })
       }
     },
-    ...r
+    ...e
   };
-  return /* @__PURE__ */ l(
-    A,
+  return /* @__PURE__ */ n(
+    G,
     {
-      name: m,
-      control: f,
-      rules: y,
-      disabled: r?.disabled,
-      defaultValue: h,
-      render: ({ field: e, fieldState: t }) => {
-        const { ref: b, ...n } = e, D = !P(t.error), a = {
-          isDisabled: e.disabled ?? !1,
-          isRequired: r?.required === !0 || r?.required === "required",
-          isInvalid: t.invalid,
-          isError: D,
-          isReadOnly: E
-        }, j = {
-          ...u,
-          ...a
+      name: c,
+      control: h,
+      rules: D,
+      disabled: e?.disabled,
+      defaultValue: f,
+      render: ({ field: t, fieldState: l }) => {
+        const { ref: O, ...y } = t, i = !w(l.error), b = {
+          isDisabled: t.disabled ?? !1,
+          isRequired: e?.required === !0 || e?.required === "required",
+          isInvalid: l.invalid,
+          isError: i,
+          isReadOnly: N
+        }, m = {
+          ...a,
+          ...b
         };
-        return /* @__PURE__ */ l(
-          U,
+        return /* @__PURE__ */ n(
+          X,
           {
-            ...n,
-            ...a,
-            ...O(),
-            fieldRef: b,
-            name: m,
+            ...y,
+            ...b,
+            ...P(F, { events: !0, labelable: !0, isLink: !1, global: !0, propNames: /* @__PURE__ */ new Set([...U]) }),
+            fieldRef: O,
+            name: c,
             placeholder: I,
             themeName: k,
             label: p,
-            tokens: j,
+            tokens: m,
             ariaLabel: R,
-            isDisabled: e.disabled,
-            isRequired: r?.required === !0 || r?.required === "required",
-            isInvalid: t.invalid,
-            errorMessage: t.error?.message,
+            isDisabled: t.disabled,
+            isRequired: e?.required === !0 || e?.required === "required",
+            isInvalid: l.invalid,
+            errorMessage: l.error?.message,
             onChange: (g) => {
-              e.onChange(g), N?.(g);
+              t.onChange(g), x?.(g);
             },
             onBlur: (g) => {
-              e.onBlur(), o?.(g);
+              t.onBlur(), o?.(g);
             },
             icon: v,
             errorIcon: T,
-            children: M
+            children: E
           }
         );
       }
@@ -194,6 +193,6 @@ function re({
   );
 }
 export {
-  re as ReactHookFormInput,
-  U as TextInputField
+  oe as ReactHookFormInput,
+  X as TextInputField
 };

package/index48.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const v=require("./index135.js"),n=require("react/jsx-runtime"),c=require("react"),x=require("./index88.js"),q=require("./index134.js"),e=r=>Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"})),m=new Map;function P(r){const s=m.get(r);if(s!=null)return s;const o=c.lazy(async()=>v(Object.assign({"../icons/ArrowDown.tsx":()=>Promise.resolve().then(()=>e(require("./index93.js"))),"../icons/ArrowLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index94.js"))),"../icons/ArrowRight.tsx":()=>Promise.resolve().then(()=>e(require("./index95.js"))),"../icons/Check.tsx":()=>Promise.resolve().then(()=>e(require("./index96.js"))),"../icons/ChevronLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index97.js"))),"../icons/ChevronRight.tsx":()=>Promise.resolve().then(()=>e(require("./index98.js"))),"../icons/CloseBtn.tsx":()=>Promise.resolve().then(()=>e(require("./index99.js"))),"../icons/ErrorIcon.tsx":()=>Promise.resolve().then(()=>e(require("./index133.js"))),"../icons/Facebook.tsx":()=>Promise.resolve().then(()=>e(require("./index100.js"))),"../icons/FacebookColored.tsx":()=>Promise.resolve().then(()=>e(require("./index101.js"))),"../icons/FacebookRounded.tsx":()=>Promise.resolve().then(()=>e(require("./index102.js"))),"../icons/Globe.tsx":()=>Promise.resolve().then(()=>e(require("./index103.js"))),"../icons/IconFallback.tsx":()=>Promise.resolve().then(()=>e(require("./index134.js"))),"../icons/Instagram.tsx":()=>Promise.resolve().then(()=>e(require("./index104.js"))),"../icons/InstagramColored.tsx":()=>Promise.resolve().then(()=>e(require("./index105.js"))),"../icons/Link.tsx":()=>Promise.resolve().then(()=>e(require("./index106.js"))),"../icons/LinkedIn.tsx":()=>Promise.resolve().then(()=>e(require("./index107.js"))),"../icons/Mail.tsx":()=>Promise.resolve().then(()=>e(require("./index108.js"))),"../icons/Plus.tsx":()=>Promise.resolve().then(()=>e(require("./index109.js"))),"../icons/Print.tsx":()=>Promise.resolve().then(()=>e(require("./index110.js"))),"../icons/Search.tsx":()=>Promise.resolve().then(()=>e(require("./index130.js"))),"../icons/Share.tsx":()=>Promise.resolve().then(()=>e(require("./index111.js"))),"../icons/Twitter.tsx":()=>Promise.resolve().then(()=>e(require("./index112.js"))),"../icons/TwitterColored.tsx":()=>Promise.resolve().then(()=>e(require("./index113.js"))),"../icons/Upload.tsx":()=>Promise.resolve().then(()=>e(require("./index114.js"))),"../icons/X.tsx":()=>Promise.resolve().then(()=>e(require("./index115.js"))),"../icons/YouTube.tsx":()=>Promise.resolve().then(()=>e(require("./index116.js"))),"../icons/YouTubeColored.tsx":()=>Promise.resolve().then(()=>e(require("./index117.js")))}),`../icons/${r}.tsx`,3));return m.set(r,o),o}function d(r){const{icon:s,...o}=r,t=s||"ArrowRight",i=c.useMemo(()=>P(t),[t]);return n.jsx(c.Suspense,{fallback:n.jsx(q,{className:"overflow-visible pointer-events-none"}),children:n.jsx(i,{...o,className:"overflow-visible pointer-events-none",...r})})}function p(r){const{icon:s,as:o="span",tokens:t,customTheme:i,themeName:a="icon",children:l,...u}=r,h=x(a,t,i);return typeof s!="string"?n.jsxs(o,{...u,className:h,children:[l,s]}):n.jsxs(o,{className:h,children:[l,n.jsx(d,{icon:s,...u})]})}module.exports=p;
+"use strict";const v=require("./index137.js"),n=require("react/jsx-runtime"),c=require("react"),x=require("./index88.js"),q=require("./index136.js"),e=r=>Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"})),m=new Map;function P(r){const s=m.get(r);if(s!=null)return s;const o=c.lazy(async()=>v(Object.assign({"../icons/ArrowDown.tsx":()=>Promise.resolve().then(()=>e(require("./index93.js"))),"../icons/ArrowLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index94.js"))),"../icons/ArrowRight.tsx":()=>Promise.resolve().then(()=>e(require("./index95.js"))),"../icons/Check.tsx":()=>Promise.resolve().then(()=>e(require("./index96.js"))),"../icons/ChevronLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index97.js"))),"../icons/ChevronRight.tsx":()=>Promise.resolve().then(()=>e(require("./index98.js"))),"../icons/CloseBtn.tsx":()=>Promise.resolve().then(()=>e(require("./index99.js"))),"../icons/ErrorIcon.tsx":()=>Promise.resolve().then(()=>e(require("./index135.js"))),"../icons/Facebook.tsx":()=>Promise.resolve().then(()=>e(require("./index100.js"))),"../icons/FacebookColored.tsx":()=>Promise.resolve().then(()=>e(require("./index101.js"))),"../icons/FacebookRounded.tsx":()=>Promise.resolve().then(()=>e(require("./index102.js"))),"../icons/Globe.tsx":()=>Promise.resolve().then(()=>e(require("./index103.js"))),"../icons/IconFallback.tsx":()=>Promise.resolve().then(()=>e(require("./index136.js"))),"../icons/Instagram.tsx":()=>Promise.resolve().then(()=>e(require("./index104.js"))),"../icons/InstagramColored.tsx":()=>Promise.resolve().then(()=>e(require("./index105.js"))),"../icons/Link.tsx":()=>Promise.resolve().then(()=>e(require("./index106.js"))),"../icons/LinkedIn.tsx":()=>Promise.resolve().then(()=>e(require("./index107.js"))),"../icons/Mail.tsx":()=>Promise.resolve().then(()=>e(require("./index108.js"))),"../icons/Plus.tsx":()=>Promise.resolve().then(()=>e(require("./index109.js"))),"../icons/Print.tsx":()=>Promise.resolve().then(()=>e(require("./index110.js"))),"../icons/Search.tsx":()=>Promise.resolve().then(()=>e(require("./index130.js"))),"../icons/Share.tsx":()=>Promise.resolve().then(()=>e(require("./index111.js"))),"../icons/Twitter.tsx":()=>Promise.resolve().then(()=>e(require("./index112.js"))),"../icons/TwitterColored.tsx":()=>Promise.resolve().then(()=>e(require("./index113.js"))),"../icons/Upload.tsx":()=>Promise.resolve().then(()=>e(require("./index114.js"))),"../icons/X.tsx":()=>Promise.resolve().then(()=>e(require("./index115.js"))),"../icons/YouTube.tsx":()=>Promise.resolve().then(()=>e(require("./index116.js"))),"../icons/YouTubeColored.tsx":()=>Promise.resolve().then(()=>e(require("./index117.js")))}),`../icons/${r}.tsx`,3));return m.set(r,o),o}function d(r){const{icon:s,...o}=r,t=s||"ArrowRight",i=c.useMemo(()=>P(t),[t]);return n.jsx(c.Suspense,{fallback:n.jsx(q,{className:"overflow-visible pointer-events-none"}),children:n.jsx(i,{...o,className:"overflow-visible pointer-events-none",...r})})}function p(r){const{icon:s,as:o="span",tokens:t,customTheme:i,themeName:a="icon",children:l,...u}=r,h=x(a,t,i);return typeof s!="string"?n.jsxs(o,{...u,className:h,children:[l,s]}):n.jsxs(o,{className:h,children:[l,n.jsx(d,{icon:s,...u})]})}module.exports=p;

package/index48.mjs

@@ -1,15 +1,15 @@
 "use client";
-import x from "./index135.mjs";
+import x from "./index137.mjs";
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
 import { useMemo as u, Suspense as h, lazy as f } from "react";
 import d from "./index88.mjs";
-import b from "./index134.mjs";
+import b from "./index136.mjs";
 const a = /* @__PURE__ */ new Map();
 function C(o) {
   const t = a.get(o);
   if (t != null)
     return t;
-  const s = f(async () => x(/* @__PURE__ */ Object.assign({ "../icons/ArrowDown.tsx": () => import("./index93.mjs"), "../icons/ArrowLeft.tsx": () => import("./index94.mjs"), "../icons/ArrowRight.tsx": () => import("./index95.mjs"), "../icons/Check.tsx": () => import("./index96.mjs"), "../icons/ChevronLeft.tsx": () => import("./index97.mjs"), "../icons/ChevronRight.tsx": () => import("./index98.mjs"), "../icons/CloseBtn.tsx": () => import("./index99.mjs"), "../icons/ErrorIcon.tsx": () => import("./index133.mjs"), "../icons/Facebook.tsx": () => import("./index100.mjs"), "../icons/FacebookColored.tsx": () => import("./index101.mjs"), "../icons/FacebookRounded.tsx": () => import("./index102.mjs"), "../icons/Globe.tsx": () => import("./index103.mjs"), "../icons/IconFallback.tsx": () => import("./index134.mjs"), "../icons/Instagram.tsx": () => import("./index104.mjs"), "../icons/InstagramColored.tsx": () => import("./index105.mjs"), "../icons/Link.tsx": () => import("./index106.mjs"), "../icons/LinkedIn.tsx": () => import("./index107.mjs"), "../icons/Mail.tsx": () => import("./index108.mjs"), "../icons/Plus.tsx": () => import("./index109.mjs"), "../icons/Print.tsx": () => import("./index110.mjs"), "../icons/Search.tsx": () => import("./index130.mjs"), "../icons/Share.tsx": () => import("./index111.mjs"), "../icons/Twitter.tsx": () => import("./index112.mjs"), "../icons/TwitterColored.tsx": () => import("./index113.mjs"), "../icons/Upload.tsx": () => import("./index114.mjs"), "../icons/X.tsx": () => import("./index115.mjs"), "../icons/YouTube.tsx": () => import("./index116.mjs"), "../icons/YouTubeColored.tsx": () => import("./index117.mjs") }), `../icons/${o}.tsx`, 3));
+  const s = f(async () => x(/* @__PURE__ */ Object.assign({ "../icons/ArrowDown.tsx": () => import("./index93.mjs"), "../icons/ArrowLeft.tsx": () => import("./index94.mjs"), "../icons/ArrowRight.tsx": () => import("./index95.mjs"), "../icons/Check.tsx": () => import("./index96.mjs"), "../icons/ChevronLeft.tsx": () => import("./index97.mjs"), "../icons/ChevronRight.tsx": () => import("./index98.mjs"), "../icons/CloseBtn.tsx": () => import("./index99.mjs"), "../icons/ErrorIcon.tsx": () => import("./index135.mjs"), "../icons/Facebook.tsx": () => import("./index100.mjs"), "../icons/FacebookColored.tsx": () => import("./index101.mjs"), "../icons/FacebookRounded.tsx": () => import("./index102.mjs"), "../icons/Globe.tsx": () => import("./index103.mjs"), "../icons/IconFallback.tsx": () => import("./index136.mjs"), "../icons/Instagram.tsx": () => import("./index104.mjs"), "../icons/InstagramColored.tsx": () => import("./index105.mjs"), "../icons/Link.tsx": () => import("./index106.mjs"), "../icons/LinkedIn.tsx": () => import("./index107.mjs"), "../icons/Mail.tsx": () => import("./index108.mjs"), "../icons/Plus.tsx": () => import("./index109.mjs"), "../icons/Print.tsx": () => import("./index110.mjs"), "../icons/Search.tsx": () => import("./index130.mjs"), "../icons/Share.tsx": () => import("./index111.mjs"), "../icons/Twitter.tsx": () => import("./index112.mjs"), "../icons/TwitterColored.tsx": () => import("./index113.mjs"), "../icons/Upload.tsx": () => import("./index114.mjs"), "../icons/X.tsx": () => import("./index115.mjs"), "../icons/YouTube.tsx": () => import("./index116.mjs"), "../icons/YouTubeColored.tsx": () => import("./index117.mjs") }), `../icons/${o}.tsx`, 3));
   return a.set(o, s), s;
 }
 function I(o) {

package/index52.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),h=require("./index84.js"),x=require("./index86.js"),d=require("./index120.js"),r=require("./index7.js"),p=require("./index136.js");function q(s){const{id:o="main-menu",children:c,PanelTransition:u=d,themeName:e,tokens:n,customTheme:a,...m}=s,{overlayState:l}=x.useSidePanel(),{closeBtn:i}=h.useMenu();return t.jsx(u,{themeName:`${e}.panelTransition`,tokens:n,isVisible:l?.isOpen,children:t.jsxs(r.Box,{themeName:`${e}.wrapper`,tokens:n,children:[i!=null&&i(),t.jsx(r.Box,{themeName:`${e}.container`,tokens:n,children:t.jsx(p,{id:o,themeName:`${e}.innerContent`,tokens:n,customTheme:a,...m,children:c})})]})})}module.exports=q;
+"use strict";const t=require("react/jsx-runtime"),h=require("./index84.js"),x=require("./index86.js"),d=require("./index120.js"),r=require("./index7.js"),p=require("./index138.js");function q(s){const{id:o="main-menu",children:c,PanelTransition:u=d,themeName:e,tokens:n,customTheme:a,...m}=s,{overlayState:l}=x.useSidePanel(),{closeBtn:i}=h.useMenu();return t.jsx(u,{themeName:`${e}.panelTransition`,tokens:n,isVisible:l?.isOpen,children:t.jsxs(r.Box,{themeName:`${e}.wrapper`,tokens:n,children:[i!=null&&i(),t.jsx(r.Box,{themeName:`${e}.container`,tokens:n,children:t.jsx(p,{id:o,themeName:`${e}.innerContent`,tokens:n,customTheme:a,...m,children:c})})]})})}module.exports=q;

package/index52.mjs

@@ -4,7 +4,7 @@ import { useMenu as u } from "./index84.mjs";
 import { useSidePanel as d } from "./index86.mjs";
 import f from "./index120.mjs";
 import { Box as o } from "./index7.mjs";
-import N from "./index136.mjs";
+import N from "./index138.mjs";
 function C(i) {
   const {
     id: m = "main-menu",

package/index53.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const o=require("react/jsx-runtime"),e=require("react"),q=require("./index84.js"),C=require("./index66.js"),b=require("./index136.js");function j(l){const{id:n="main-menu",children:d,TransitionAnimation:m,PanelTransition:f,themeName:t,tokens:r,customTheme:s,...h}=l,{closeBtn:x,tabState:c,defaultSelectedKey:i}=q.useMenu(),u=e.useRef(c),a=e.useRef(i);u.current=c,a.current=i;const R=e.useCallback(S=>{S||u.current?.setSelectedKey(a.current)},[]);return o.jsx(C,{themeName:`${t}.sidePanel`,tokens:r,customTheme:s,closeBtnRender:x,id:n,TransitionAnimation:m,PanelTransition:f,onOpenChange:R,children:o.jsx(b,{id:n,themeName:t,tokens:r,customTheme:s,...h,children:d})})}module.exports=j;
+"use strict";const o=require("react/jsx-runtime"),e=require("react"),q=require("./index84.js"),C=require("./index66.js"),b=require("./index138.js");function j(l){const{id:n="main-menu",children:d,TransitionAnimation:m,PanelTransition:f,themeName:t,tokens:r,customTheme:s,...h}=l,{closeBtn:x,tabState:c,defaultSelectedKey:i}=q.useMenu(),u=e.useRef(c),a=e.useRef(i);u.current=c,a.current=i;const R=e.useCallback(S=>{S||u.current?.setSelectedKey(a.current)},[]);return o.jsx(C,{themeName:`${t}.sidePanel`,tokens:r,customTheme:s,closeBtnRender:x,id:n,TransitionAnimation:m,PanelTransition:f,onOpenChange:R,children:o.jsx(b,{id:n,themeName:t,tokens:r,customTheme:s,...h,children:d})})}module.exports=j;

package/index53.mjs

@@ -3,7 +3,7 @@ import { jsx as m } from "react/jsx-runtime";
 import { useRef as s, useCallback as P } from "react";
 import { useMenu as R } from "./index84.mjs";
 import b from "./index66.mjs";
-import y from "./index136.mjs";
+import y from "./index138.mjs";
 function B(l) {
   const {
     id: e = "main-menu",

package/index54.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),u=require("./index137.js"),m=require("./index138.js"),h=require("./index139.js");function x(i){const{children:a,transitionComponent:c=u,state:o,themeName:n,tokens:l,...s}=i,{isOpen:r}=o,t={isOpen:r,...l};return e.jsx(d.OverlayContainer,{children:e.jsx(c,{themeName:`${n}.transition`,tokens:t,isVisible:r,children:e.jsx(h,{themeName:n,tokens:t,state:o,...s,children:e.jsx(m,{themeName:n,tokens:t,...s,children:a})})})})}module.exports=x;
+"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),u=require("./index139.js"),m=require("./index140.js"),h=require("./index141.js");function x(i){const{children:a,transitionComponent:c=u,state:o,themeName:n,tokens:l,...s}=i,{isOpen:r}=o,t={isOpen:r,...l};return e.jsx(d.OverlayContainer,{children:e.jsx(c,{themeName:`${n}.transition`,tokens:t,isVisible:r,children:e.jsx(h,{themeName:n,tokens:t,state:o,...s,children:e.jsx(m,{themeName:n,tokens:t,...s,children:a})})})})}module.exports=x;

package/index54.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
 import { OverlayContainer as d } from "react-aria";
-import p from "./index137.mjs";
-import c from "./index138.mjs";
-import f from "./index139.mjs";
+import p from "./index139.mjs";
+import c from "./index140.mjs";
+import f from "./index141.mjs";
 function O(s) {
   const {
     children: a,

package/index56.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),o=require("react-aria"),a=require("./index7.js");function D(c){const{children:l,themeName:r="popover",tokens:m,customTheme:f,placement:h="bottom",offset:d=5,state:s,arrow:i,sizeRef:R,popoverRef:v,triggerRef:x,contain:P=!0,autoFocus:g=!0,restoreFocus:j=!0}=c,y=R??x,{isOpen:k}=s,w=n.useRef(null),p=v??w,{popoverProps:u,underlayProps:F,arrowProps:$,placement:b}=o.usePopover({...c,placement:h,offset:d,popoverRef:p},s),t={placement:b??"bottom",isOpen:k,...m},q={[`--${r?.replace(".","-")}-container-width`]:`${y?.current?.offsetWidth}px`,...u.style};return e.jsxs(o.Overlay,{children:[e.jsx(a.Box,{themeName:`${r}.underlay`,tokens:t,...F}),e.jsx(o.FocusScope,{autoFocus:g,restoreFocus:j,contain:P,children:e.jsxs(a.BoxWithForwardRef,{themeName:`${r}.popover`,customTheme:f,tokens:t,ref:p,...u,style:q,children:[i!=null&&n.cloneElement(i,{...$,themeName:`${r}.arrow`,tokens:t}),e.jsx(o.DismissButton,{onDismiss:s.close}),n.Children.map(l,B=>e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",children:B})),e.jsx(o.DismissButton,{onDismiss:s.close})]})})]})}exports.Popover=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("react-aria"),p=require("./index7.js");function D(r){const{children:u,themeName:s="popover",tokens:m,customTheme:f,placement:d="bottom",offset:h=5,state:t,arrow:a,sizeRef:x,popoverRef:R,triggerRef:v,contain:P=!0,autoFocus:g=!0,restoreFocus:j=!0}=r,b=x??v,{isOpen:y}=t,k=i.useRef(null),l=R??k,{popoverProps:n,underlayProps:w,arrowProps:F,placement:N}=o.usePopover({...r,placement:d,offset:h,popoverRef:l},t),c={placement:N??"bottom",isOpen:y,...m},$={[`--${s?.replace(".","-")}-container-width`]:`${b?.current?.offsetWidth}px`,...n.style},q=r.isNonModal===!0?0:n.tabIndex;return e.jsxs(o.Overlay,{children:[e.jsx(p.Box,{themeName:`${s}.underlay`,tokens:c,...w}),e.jsx(o.FocusScope,{autoFocus:g,restoreFocus:j,contain:P,children:e.jsxs(p.BoxWithForwardRef,{themeName:`${s}.popover`,customTheme:f,tokens:c,ref:l,...n,tabIndex:q,style:$,children:[a!=null&&i.cloneElement(a,{...F,themeName:`${s}.arrow`,tokens:c}),e.jsx(o.DismissButton,{onDismiss:t.close}),i.Children.map(u,B=>e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",children:B})),e.jsx(o.DismissButton,{onDismiss:t.close})]})})]})}exports.Popover=D;

package/index56.mjs

@@ -1,61 +1,62 @@
 "use client";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useRef as D, cloneElement as b, Children as j } from "react";
-import { usePopover as C, Overlay as O, FocusScope as T, DismissButton as m, FocusRing as W } from "react-aria";
-import { Box as E, BoxWithForwardRef as S } from "./index7.mjs";
-function I(s) {
+import { useRef as D, cloneElement as I, Children as T } from "react";
+import { usePopover as j, Overlay as C, FocusScope as O, DismissButton as l, FocusRing as W } from "react-aria";
+import { Box as E, BoxWithForwardRef as M } from "./index7.mjs";
+function H(t) {
   const {
-    children: l,
+    children: m,
     themeName: o = "popover",
     tokens: a,
     customTheme: f,
     placement: u = "bottom",
-    offset: h = 5,
+    offset: d = 5,
     state: r,
-    arrow: n,
-    sizeRef: R,
-    popoverRef: d,
+    arrow: c,
+    sizeRef: h,
+    popoverRef: R,
     triggerRef: v,
     contain: P = !0,
-    autoFocus: g = !0,
-    restoreFocus: x = !0
-  } = s, k = R ?? v, { isOpen: w } = r, y = D(null), p = d ?? y, { popoverProps: c, underlayProps: F, arrowProps: $, placement: N } = C(
+    autoFocus: x = !0,
+    restoreFocus: g = !0
+  } = t, b = h ?? v, { isOpen: k } = r, w = D(null), p = R ?? w, { popoverProps: n, underlayProps: y, arrowProps: F, placement: N } = j(
     {
-      ...s,
+      ...t,
       placement: u,
-      offset: h,
+      offset: d,
       popoverRef: p
     },
     r
-  ), t = {
+  ), s = {
     placement: N ?? "bottom",
-    isOpen: w,
+    isOpen: k,
     ...a
-  }, z = {
-    [`--${o?.replace(".", "-")}-container-width`]: `${k?.current?.offsetWidth}px`,
-    ...c.style
-  };
-  return /* @__PURE__ */ i(O, { children: [
-    /* @__PURE__ */ e(E, { themeName: `${o}.underlay`, tokens: t, ...F }),
-    /* @__PURE__ */ e(T, { autoFocus: g, restoreFocus: x, contain: P, children: /* @__PURE__ */ i(
-      S,
+  }, $ = {
+    [`--${o?.replace(".", "-")}-container-width`]: `${b?.current?.offsetWidth}px`,
+    ...n.style
+  }, z = t.isNonModal === !0 ? 0 : n.tabIndex;
+  return /* @__PURE__ */ i(C, { children: [
+    /* @__PURE__ */ e(E, { themeName: `${o}.underlay`, tokens: s, ...y }),
+    /* @__PURE__ */ e(O, { autoFocus: x, restoreFocus: g, contain: P, children: /* @__PURE__ */ i(
+      M,
       {
         themeName: `${o}.popover`,
         customTheme: f,
-        tokens: t,
+        tokens: s,
         ref: p,
-        ...c,
-        style: z,
+        ...n,
+        tabIndex: z,
+        style: $,
         children: [
-          n != null && b(n, { ...$, themeName: `${o}.arrow`, tokens: t }),
-          /* @__PURE__ */ e(m, { onDismiss: r.close }),
-          j.map(l, (B) => /* @__PURE__ */ e(W, { focusRingClass: "has-focus-ring", children: B })),
-          /* @__PURE__ */ e(m, { onDismiss: r.close })
+          c != null && I(c, { ...F, themeName: `${o}.arrow`, tokens: s }),
+          /* @__PURE__ */ e(l, { onDismiss: r.close }),
+          T.map(m, (B) => /* @__PURE__ */ e(W, { focusRingClass: "has-focus-ring", children: B })),
+          /* @__PURE__ */ e(l, { onDismiss: r.close })
         ]
       }
     ) })
   ] });
 }
 export {
-  I as Popover
+  H as Popover
 };

package/index66.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const i=require("react/jsx-runtime"),$=require("react"),f=require("react-div-100vh"),B=require("./index86.js"),N=require("./index92.js"),S=require("./index140.js"),t=require("./index7.js"),T=require("./index54.js");function b(c){const{children:d,closeBtnRender:o,themeName:e="sidePanel",tokens:u,TransitionAnimation:m=N,PanelTransition:h=S,onOpenChange:r,customTheme:x,isDismissable:k=!0,shouldCloseOnInteractOutside:q,isKeyboardDismissDisabled:p=!1,onCloseCallBack:a,title:P,...j}=c,{overlayState:l,overlayProps:C}=B.useSidePanel(),{isOpen:n}=l;$.useEffect(()=>{r?.(n),n||a?.()},[n,r,a]);const s={isOpen:n,...u};return i.jsx(T,{themeName:e,tokens:s,customTheme:x,state:l,...C,transitionComponent:h,isDismissable:k,shouldCloseOnInteractOutside:q,isKeyboardDismissDisabled:p,title:P,...j,children:i.jsxs(t.Box,{as:f,themeName:`${e}.wrapper`,tokens:s,children:[o!=null&&o(),i.jsx(m,{themeName:`${e}.transitionAnimation`,tokens:s,isVisible:n,children:i.jsx(t.Box,{themeName:`${e}.container`,tokens:s,children:i.jsx(t.Box,{themeName:`${e}.innerContainer`,tokens:s,children:d})})})]})})}module.exports=b;
+"use strict";const i=require("react/jsx-runtime"),$=require("react"),f=require("react-div-100vh"),B=require("./index86.js"),N=require("./index92.js"),S=require("./index142.js"),t=require("./index7.js"),T=require("./index54.js");function b(c){const{children:d,closeBtnRender:o,themeName:e="sidePanel",tokens:u,TransitionAnimation:m=N,PanelTransition:h=S,onOpenChange:r,customTheme:x,isDismissable:k=!0,shouldCloseOnInteractOutside:q,isKeyboardDismissDisabled:p=!1,onCloseCallBack:a,title:P,...j}=c,{overlayState:l,overlayProps:C}=B.useSidePanel(),{isOpen:n}=l;$.useEffect(()=>{r?.(n),n||a?.()},[n,r,a]);const s={isOpen:n,...u};return i.jsx(T,{themeName:e,tokens:s,customTheme:x,state:l,...C,transitionComponent:h,isDismissable:k,shouldCloseOnInteractOutside:q,isKeyboardDismissDisabled:p,title:P,...j,children:i.jsxs(t.Box,{as:f,themeName:`${e}.wrapper`,tokens:s,children:[o!=null&&o(),i.jsx(m,{themeName:`${e}.transitionAnimation`,tokens:s,isVisible:n,children:i.jsx(t.Box,{themeName:`${e}.container`,tokens:s,children:i.jsx(t.Box,{themeName:`${e}.innerContainer`,tokens:s,children:d})})})]})})}module.exports=b;

package/index66.mjs

@@ -4,7 +4,7 @@ import { useEffect as b } from "react";
 import v from "react-div-100vh";
 import { useSidePanel as x } from "./index86.mjs";
 import D from "./index92.mjs";
-import O from "./index140.mjs";
+import O from "./index142.mjs";
 import { Box as o } from "./index7.mjs";
 import $ from "./index54.mjs";
 function I(l) {

package/index68.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),x=require("react"),d=require("react-aria"),k=require("react-stately"),T=require("./index120.js"),a=require("./index7.js"),q=require("./index69.js"),j=require("./index71.js");function N(i){const{themeName:e="tabList",tokens:o,customTheme:u,label:r,orientation:c="horizontal",panelTransition:h=T}=i,t=k.useTabListState(i),l=x.useRef(null),{tabListProps:b}=d.useTabList(i,t,l),n={...o,orientation:c,isDisabled:t.isDisabled};return s.jsxs(a.Box,{themeName:`${e}.wrapper`,tokens:n,customTheme:u,children:[r!=null&&r!==""&&s.jsx(a.Box,{themeName:`${e}.label`,tokens:n,children:r}),s.jsxs(a.Box,{themeName:`${e}.container`,tokens:n,children:[s.jsx(a.BoxWithForwardRef,{themeName:`${e}.list`,tokens:n,...b,ref:l,children:[...t.collection].map(m=>s.jsx(q,{item:m,state:t,themeName:`${e}.tab`,tokens:{...o,orientation:c}},m.key))}),s.jsx(j,{state:t,themeName:`${e}.panel`,tokens:n,panelTransition:h},t.selectedItem?.key)]})]})}module.exports=N;
+"use strict";const s=require("react/jsx-runtime"),x=require("react"),d=require("react-aria"),k=require("react-stately"),T=require("./index120.js"),a=require("./index7.js"),q=require("./index69.js"),j=require("./index71.js");function N(r){const{themeName:e="tabList",tokens:o,customTheme:u,label:i,orientation:c="horizontal",panelTransition:h=T}=r,t=k.useTabListState(r),l=x.useRef(null),{tabListProps:b}=d.useTabList(r,t,l),n={...o,orientation:c,isDisabled:t.isDisabled};return s.jsxs(a.Box,{themeName:`${e}.wrapper`,tokens:n,customTheme:u,children:[i!=null&&i!==""&&s.jsx(a.Box,{themeName:`${e}.label`,tokens:n,children:i}),s.jsxs(a.Box,{themeName:`${e}.container`,tokens:n,children:[s.jsx(a.BoxWithForwardRef,{themeName:`${e}.list`,tokens:n,...b,ref:l,children:Array.from(t.collection,m=>s.jsx(q,{item:m,state:t,themeName:`${e}.tab`,tokens:{...o,orientation:c}},m.key))}),s.jsx(j,{state:t,themeName:`${e}.panel`,tokens:n,panelTransition:h},t.selectedItem?.key)]})]})}module.exports=N;

package/index68.mjs

@@ -4,32 +4,32 @@ import { useRef as d } from "react";
 import { useTabList as k } from "react-aria";
 import { useTabListState as T } from "react-stately";
 import u from "./index120.mjs";
-import { Box as s, BoxWithForwardRef as N } from "./index7.mjs";
+import { Box as r, BoxWithForwardRef as N } from "./index7.mjs";
 import L from "./index69.mjs";
 import $ from "./index71.mjs";
 function W(a) {
   const {
     themeName: e = "tabList",
-    tokens: r,
-    customTheme: b,
+    tokens: s,
+    customTheme: f,
     label: i,
     orientation: m = "horizontal",
-    panelTransition: f = u
+    panelTransition: b = u
   } = a, t = T(a), l = d(null), { tabListProps: p } = k(a, t, l), o = {
-    ...r,
+    ...s,
     orientation: m,
     isDisabled: t.isDisabled
   };
-  return /* @__PURE__ */ h(s, { themeName: `${e}.wrapper`, tokens: o, customTheme: b, children: [
-    i != null && i !== "" && /* @__PURE__ */ n(s, { themeName: `${e}.label`, tokens: o, children: i }),
-    /* @__PURE__ */ h(s, { themeName: `${e}.container`, tokens: o, children: [
-      /* @__PURE__ */ n(N, { themeName: `${e}.list`, tokens: o, ...p, ref: l, children: [...t.collection].map((c) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ h(r, { themeName: `${e}.wrapper`, tokens: o, customTheme: f, children: [
+    i != null && i !== "" && /* @__PURE__ */ n(r, { themeName: `${e}.label`, tokens: o, children: i }),
+    /* @__PURE__ */ h(r, { themeName: `${e}.container`, tokens: o, children: [
+      /* @__PURE__ */ n(N, { themeName: `${e}.list`, tokens: o, ...p, ref: l, children: Array.from(t.collection, (c) => /* @__PURE__ */ n(
         L,
         {
           item: c,
           state: t,
           themeName: `${e}.tab`,
-          tokens: { ...r, orientation: m }
+          tokens: { ...s, orientation: m }
         },
         c.key
       )) }),
@@ -39,7 +39,7 @@ function W(a) {
           state: t,
           themeName: `${e}.panel`,
           tokens: o,
-          panelTransition: f
+          panelTransition: b
         },
         t.selectedItem?.key
       )

package/index72.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),q=require("react"),N=require("react-aria"),T=require("react-stately"),h=require("./index7.js"),n=require("./index74.js"),$=require("./index141.js");function P(t){const{themeName:e="tagGroup",tokens:r,customTheme:m,as:l,label:c,description:i,errorMessage:p,removeButtonProps:d={children:"❌"}}=t,u=q.useRef(null),o=T.useListState(t),{gridProps:g,labelProps:x,descriptionProps:y,errorMessageProps:j}=N.useTagGroup(t,o,u);return s.jsxs(h.Box,{as:l,themeName:`${e}.wrapper`,tokens:r,customTheme:m,children:[!!c&&s.jsx(n.Typography,{themeName:`${e}.label`,tokens:r,...x,children:c}),s.jsx(h.BoxWithForwardRef,{themeName:`${e}.tags`,tokens:r,ref:u,...g,children:[...o.collection].map(a=>s.jsx($,{themeName:`${e}.tag`,tokens:r,item:{...a,props:{removeButtonProps:d,...a.props}},state:o},a.key))}),!!i&&s.jsx(n.Typography,{themeName:`${e}.description`,tokens:r,...y,children:i}),!!p&&s.jsx(n.Typography,{themeName:`${e}.errorMessage`,tokens:r,...j,children:p})]})}module.exports=P;
+"use strict";const s=require("react/jsx-runtime"),q=require("react"),N=require("react-aria"),T=require("react-stately"),h=require("./index7.js"),n=require("./index74.js"),$=require("./index143.js");function f(t){const{themeName:e="tagGroup",tokens:r,customTheme:m,as:l,label:c,description:i,errorMessage:p,removeButtonProps:d={children:"❌"}}=t,u=q.useRef(null),o=T.useListState(t),{gridProps:g,labelProps:x,descriptionProps:y,errorMessageProps:j}=N.useTagGroup(t,o,u);return s.jsxs(h.Box,{as:l,themeName:`${e}.wrapper`,tokens:r,customTheme:m,children:[!!c&&s.jsx(n.Typography,{themeName:`${e}.label`,tokens:r,...x,children:c}),s.jsx(h.BoxWithForwardRef,{themeName:`${e}.tags`,tokens:r,ref:u,...g,children:Array.from(o.collection,a=>s.jsx($,{themeName:`${e}.tag`,tokens:r,item:{...a,props:{removeButtonProps:d,...a.props}},state:o},a.key))}),!!i&&s.jsx(n.Typography,{themeName:`${e}.description`,tokens:r,...y,children:i}),!!p&&s.jsx(n.Typography,{themeName:`${e}.errorMessage`,tokens:r,...j,children:p})]})}module.exports=f;