@okam/stack-ui 2.0.3 → 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/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;

package/index72.mjs

@@ -3,36 +3,36 @@ import { jsxs as $, jsx as o } from "react/jsx-runtime";
 import { useRef as x } from "react";
 import { useTagGroup as P } from "react-aria";
 import { useListState as T } from "react-stately";
-import { Box as b, BoxWithForwardRef as y } from "./index7.mjs";
+import { Box as y, BoxWithForwardRef as b } from "./index7.mjs";
 import { Typography as a } from "./index74.mjs";
-import B from "./index141.mjs";
-function F(t) {
+import B from "./index143.mjs";
+function A(t) {
   const {
     themeName: e = "tagGroup",
     tokens: r,
     customTheme: l,
     as: h,
-    label: p,
-    description: i,
+    label: i,
+    description: p,
     errorMessage: n,
-    removeButtonProps: d = { children: "❌" }
-  } = t, c = x(null), m = T(t), { gridProps: f, labelProps: u, descriptionProps: g, errorMessageProps: N } = P(t, m, c);
-  return /* @__PURE__ */ $(b, { as: h, themeName: `${e}.wrapper`, tokens: r, customTheme: l, children: [
-    !!p && /* @__PURE__ */ o(a, { themeName: `${e}.label`, tokens: r, ...u, children: p }),
-    /* @__PURE__ */ o(y, { themeName: `${e}.tags`, tokens: r, ref: c, ...f, children: [...m.collection].map((s) => /* @__PURE__ */ o(
+    removeButtonProps: f = { children: "❌" }
+  } = t, c = x(null), m = T(t), { gridProps: d, labelProps: u, descriptionProps: g, errorMessageProps: N } = P(t, m, c);
+  return /* @__PURE__ */ $(y, { as: h, themeName: `${e}.wrapper`, tokens: r, customTheme: l, children: [
+    !!i && /* @__PURE__ */ o(a, { themeName: `${e}.label`, tokens: r, ...u, children: i }),
+    /* @__PURE__ */ o(b, { themeName: `${e}.tags`, tokens: r, ref: c, ...d, children: Array.from(m.collection, (s) => /* @__PURE__ */ o(
       B,
       {
         themeName: `${e}.tag`,
         tokens: r,
-        item: { ...s, props: { removeButtonProps: d, ...s.props } },
+        item: { ...s, props: { removeButtonProps: f, ...s.props } },
         state: m
       },
       s.key
     )) }),
-    !!i && /* @__PURE__ */ o(a, { themeName: `${e}.description`, tokens: r, ...g, children: i }),
+    !!p && /* @__PURE__ */ o(a, { themeName: `${e}.description`, tokens: r, ...g, children: p }),
     !!n && /* @__PURE__ */ o(a, { themeName: `${e}.errorMessage`, tokens: r, ...N, children: n })
   ] });
 }
 export {
-  F as default
+  A as default
 };

package/index76.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const c=require("react/jsx-runtime"),t=require("sanitize-html"),d=require("./index74.js"),i=require("./index142.js"),g=["iframe","img"],f={iframe:["src","allow","allowfullscreen","frameborder","scrolling","target","title","height","width","referrerpolicy"],img:["src","srcset","alt","title","width","height","loading"]};function w({content:s,themeName:l="wysiwyg",useSanitizerDefaultAllowedTags:o=!0,useSanitizerDefaultAllowedAttributes:n=!0,allowedTags:e=g,allowedAttributes:r=f,...a}){const u=t(s,{allowedTags:o?t.defaults.allowedTags.concat(e):e,nonBooleanAttributes:[],allowedAttributes:n?{...t.defaults.allowedAttributes,"*":[...t.defaults.nonBooleanAttributes,...i.ariaAttributes,...i.booleanAttributes],...r}:r});return c.jsx(d.Typography,{...a,themeName:l,dangerouslySetInnerHTML:{__html:u}})}module.exports=w;
+"use strict";const c=require("react/jsx-runtime"),t=require("sanitize-html"),d=require("./index74.js"),i=require("./index144.js"),g=["iframe","img"],f={iframe:["src","allow","allowfullscreen","frameborder","scrolling","target","title","height","width","referrerpolicy"],img:["src","srcset","alt","title","width","height","loading"]};function w({content:s,themeName:l="wysiwyg",useSanitizerDefaultAllowedTags:o=!0,useSanitizerDefaultAllowedAttributes:n=!0,allowedTags:e=g,allowedAttributes:r=f,...a}){const u=t(s,{allowedTags:o?t.defaults.allowedTags.concat(e):e,nonBooleanAttributes:[],allowedAttributes:n?{...t.defaults.allowedAttributes,"*":[...t.defaults.nonBooleanAttributes,...i.ariaAttributes,...i.booleanAttributes],...r}:r});return c.jsx(d.Typography,{...a,themeName:l,dangerouslySetInnerHTML:{__html:u}})}module.exports=w;

package/index76.mjs

@@ -2,7 +2,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import t from "sanitize-html";
 import { Typography as d } from "./index74.mjs";
-import { ariaAttributes as f, booleanAttributes as m } from "./index142.mjs";
+import { ariaAttributes as f, booleanAttributes as m } from "./index144.mjs";
 const c = ["iframe", "img"], g = {
   iframe: [
     "src",

package/index8.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),q=require("react"),c=require("react-aria"),b=require("./index88.js");function x({ref:e,...n}){const{as:t="a",handlePress:u,children:i,as:a,customTheme:l,tokens:h,themeName:m="button",nextLinkProps:{onClick:f,...o}={},...r}=n,{onPress:F,onFocusChange:j,excludeFromTabOrder:R,preventFocusOnPress:T,...C}=r,d=e,{linkProps:P}=c.useLink({...n,...o,onClick:({currentTarget:N,...O})=>{f?.({...O,currentTarget:N})},href:n.href??o?.href?.toString(),elementType:a?.toString(),onPress:u},e??d),y=b(m,h,l);return s.jsx(c.FocusRing,{focusRingClass:"has-focus-ring",children:s.jsx(t,{ref:d,...P,...o,...C,className:y,children:i})})}function k({ref:e,...n}){const{as:t="button",handlePress:u,children:i,as:a,customTheme:l,tokens:h,themeName:m="button",isDisabled:f=!1,...o}=n,r=e,{buttonProps:F}=c.useButton({...n,isDisabled:f,elementType:a,onPress:u},e??r),j=b(m,h,l),{onPress:R,onFocusChange:T,excludeFromTabOrder:C,preventFocusOnPress:d,...P}=o;return s.jsx(c.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:s.jsx(t,{ref:r,...F,...P,className:j,children:i})})}function B({ref:e,...n}){const{as:t}=n;return t==="a"?s.jsx(x,{ref:e,...n}):s.jsx(k,{ref:e,...n})}B.displayName="ButtonWithForwardRef";function g(e){const{as:n}=e,t=q.useRef(null);return n==="a"?s.jsx(x,{ref:t,...e}):s.jsx(k,{ref:t,...e})}g.displayName="Button";exports.Anchor=x;exports.Button=g;exports.ButtonComponent=g;exports.ButtonWithForwardRef=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),S=require("react"),c=require("react-aria"),k=require("./index88.js");function x({ref:e,...n}){const{as:t="a",handlePress:u,children:i,as:a,customTheme:l,tokens:h,themeName:m="button",nextLinkProps:{onClick:f,...o}={},...r}=n,{onPress:F,onFocusChange:j,excludeFromTabOrder:T,preventFocusOnPress:y,...C}=r,d=e,{linkProps:b}=c.useLink({...n,...o,onClick:({currentTarget:N,...O})=>{f?.({...O,currentTarget:N})},href:n.href??o?.href?.toString(),elementType:a?.toString(),onPress:u},e??d),P=k(m,h,l);return s.jsx(c.FocusRing,{focusRingClass:"has-focus-ring",children:s.jsx(t,{ref:d,...b,...o,...C,className:P,children:i})})}function B({ref:e,...n}){const{as:t="button",handlePress:u,children:i,as:a,customTheme:l,tokens:h,themeName:m="button",isDisabled:f=!1,...o}=n,r=e,{buttonProps:F}=c.useButton({...n,isDisabled:f,elementType:a,onPress:u},e??r),j=k(m,h,l),{onPress:T,onPressStart:y,onFocusChange:C,excludeFromTabOrder:d,preventFocusOnPress:b,...P}=o;return s.jsx(c.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:s.jsx(t,{ref:r,...F,...P,className:j,children:i})})}function R({ref:e,...n}){const{as:t}=n;return t==="a"?s.jsx(x,{ref:e,...n}):s.jsx(B,{ref:e,...n})}R.displayName="ButtonWithForwardRef";function g(e){const{as:n}=e,t=S.useRef(null);return n==="a"?s.jsx(x,{ref:t,...e}):s.jsx(B,{ref:t,...e})}g.displayName="Button";exports.Anchor=x;exports.Button=g;exports.ButtonComponent=g;exports.ButtonWithForwardRef=R;