@okam/stack-ui 1.44.3 → 1.44.4

package/index47.mjs

@@ -1,12 +1,199 @@
 "use client";
-import { createElement as a } from "react";
-import { useMenu as o } from "./index92.mjs";
-import m from "./index56.mjs";
-const f = (r) => {
-  var t;
-  const { tabState: e } = o();
-  return /* @__PURE__ */ a(m, { ...r, key: (t = e.selectedItem) == null ? void 0 : t.key, state: e });
-};
+import { jsx as l, jsxs as $ } from "react/jsx-runtime";
+import { isEmpty as P } 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 { Box as q } from "./index7.mjs";
+import C from "./index48.mjs";
+import { Typography as Q } from "./index74.mjs";
+function U(m) {
+  const {
+    icon: p,
+    errorIcon: r,
+    label: u,
+    isRequired: R = !1,
+    isDisabled: h = !1,
+    isInvalid: I = !1,
+    required: k,
+    disabled: E,
+    errorMessage: s,
+    fieldRef: d,
+    children: F,
+    themeName: i = "textInput",
+    tokens: N,
+    customTheme: o,
+    ariaLabel: M,
+    placeholder: T,
+    isReadOnly: v = !1,
+    ...x
+  } = m, f = B(null), c = k ?? R, O = E ?? h, { labelProps: y, inputProps: e, errorMessageProps: t } = H(
+    {
+      label: u,
+      errorMessage: s,
+      isRequired: c,
+      isDisabled: O,
+      isInvalid: I,
+      isReadOnly: v,
+      ...x
+    },
+    f
+  ), b = (a) => {
+    a != null && (d?.(a), f.current = a);
+  }, n = { ...N, isDisabled: h, isRequired: R, isError: s != null }, D = G(`${i}.input`, n);
+  return /* @__PURE__ */ $(q, { children: [
+    /* @__PURE__ */ l(_, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ $(
+      q,
+      {
+        "aria-disabled": e.disabled,
+        themeName: `${i}.wrapper`,
+        tokens: n,
+        customTheme: o,
+        children: [
+          u != null && /* @__PURE__ */ l(
+            q,
+            {
+              as: "label",
+              tokens: n,
+              themeName: `${i}.label`,
+              customTheme: o,
+              ...y,
+              children: u
+            }
+          ),
+          /* @__PURE__ */ $(q, { themeName: `${i}.container`, tokens: n, customTheme: o, children: [
+            F,
+            /* @__PURE__ */ l("input", { "aria-label": M, ...e, placeholder: T, ref: b, className: D })
+          ] }),
+          p != null && /* @__PURE__ */ l(
+            C,
+            {
+              themeName: `${i}.icon`,
+              tokens: n,
+              customTheme: o,
+              icon: p,
+              "aria-hidden": !0
+            }
+          ),
+          s != null && r != null && /* @__PURE__ */ l(
+            C,
+            {
+              themeName: `${i}.errorIcon`,
+              tokens: n,
+              customTheme: o,
+              icon: r,
+              "aria-hidden": !0
+            }
+          )
+        ]
+      }
+    ) }),
+    s != null && /* @__PURE__ */ l(
+      Q,
+      {
+        themeName: `${i}.errorMessage`,
+        tokens: n,
+        customTheme: o,
+        ...t,
+        children: s
+      }
+    )
+  ] });
+}
+function re({
+  name: m,
+  label: p,
+  rules: r,
+  tokens: u,
+  ariaLabel: R,
+  defaultValue: h = "",
+  placeholder: I = "",
+  themeName: k = "textInput",
+  isReadOnly: E = !1,
+  minLength: s,
+  maxLength: d,
+  required: F,
+  isRequired: i,
+  onChange: N,
+  onBlur: o,
+  children: M = null,
+  errorIcon: T,
+  icon: v,
+  ...x
+}) {
+  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 && {
+      minLength: {
+        value: s,
+        message: c("FORM.ERROR.MIN_LENGTH", { length: s })
+      }
+    },
+    ...d != null && {
+      maxLength: {
+        value: d,
+        message: c("FORM.ERROR.MAX_LENGTH", { length: d })
+      }
+    },
+    ...r
+  };
+  return /* @__PURE__ */ l(
+    A,
+    {
+      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
+        };
+        return /* @__PURE__ */ l(
+          U,
+          {
+            ...n,
+            ...a,
+            ...O(),
+            fieldRef: b,
+            name: m,
+            placeholder: I,
+            themeName: k,
+            label: p,
+            tokens: j,
+            ariaLabel: R,
+            isDisabled: e.disabled,
+            isRequired: r?.required === !0 || r?.required === "required",
+            isInvalid: t.invalid,
+            errorMessage: t.error?.message,
+            onChange: (g) => {
+              e.onChange(g), N?.(g);
+            },
+            onBlur: (g) => {
+              e.onBlur(), o?.(g);
+            },
+            icon: v,
+            errorIcon: T,
+            children: M
+          }
+        );
+      }
+    }
+  );
+}
 export {
-  f as default
+  re as ReactHookFormInput,
+  U as TextInputField
 };

package/index48.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),O=require("./index106.js"),d=require("./index175.js"),x=require("./index15.js"),y=require("./index177.js"),C=require("./index49.js"),B=e=>{const{themeName:t="alerts",tokens:s,customTheme:R,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:f,onOpenChange:j,setOpen:A,children:u=C,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=O({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(x,{themeName:t,tokens:s,...m,children:u})]})};module.exports=B;
+"use strict";const v=require("./index135.js"),t=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"}));function P(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(o,s,n.get?n:{enumerable:!0,get:()=>r[s]})}}return o.default=r,Object.freeze(o)}const f=P(c),m=new Map;function d(r){const o=m.get(r);if(o!=null)return o;const s=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,s),s}function p(r){const{icon:o,...s}=r,n=o||"ArrowRight",i=f.useMemo(()=>d(n),[n]);return t.jsx(c.Suspense,{fallback:t.jsx(q,{className:"overflow-visible pointer-events-none"}),children:t.jsx(i,{...s,className:"overflow-visible pointer-events-none",...r})})}function b(r){const{icon:o,as:s="span",tokens:n,customTheme:i,themeName:h="icon",children:l,...u}=r,a=x(h,n,i);return typeof o!="string"?t.jsxs(s,{...u,className:a,children:[l,o]}):t.jsxs(s,{className:a,children:[l,t.jsx(p,{icon:o,...u})]})}module.exports=b;

package/index48.mjs

@@ -1,50 +1,32 @@
 "use client";
-import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import { useRef as h } from "react";
-import { useOverlayTriggerState as O } from "react-stately";
-import d from "./index106.mjs";
-import y from "./index175.mjs";
-import C from "./index15.mjs";
-import B from "./index177.mjs";
-import b from "./index49.mjs";
-const I = (e) => {
-  const {
-    themeName: t = "alerts",
-    tokens: r,
-    customTheme: A,
-    defaultOpen: l = !0,
-    closeButton: a = B,
-    transitionComponent: i = y,
-    closeButtonAriaLabel: m,
-    isOpen: v,
-    onOpenChange: x,
-    setOpen: L,
-    children: p = b,
-    ...u
-  } = e, o = h(null), s = O({ ...e, defaultOpen: l }), { triggerProps: c, overlayProps: f } = d({ ...e, type: "dialog" }, s, o);
-  return /* @__PURE__ */ g(
-    i,
-    {
-      ...f,
-      role: "alert",
-      themeName: `${t}.wrapper`,
-      tokens: r,
-      isVisible: s.isOpen,
-      children: [
-        /* @__PURE__ */ n(
-          a,
-          {
-            ref: o,
-            themeName: `${t}.closeBtn`,
-            "aria-label": m,
-            ...c
-          }
-        ),
-        /* @__PURE__ */ n(C, { themeName: t, tokens: r, ...u, children: p })
-      ]
-    }
-  );
-};
+import x from "./index135.mjs";
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import * as u from "react";
+import { Suspense as h, lazy as f } from "react";
+import d from "./index88.mjs";
+import b from "./index134.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));
+  return a.set(o, s), s;
+}
+function I(o) {
+  const { icon: t, ...s } = o, n = t || "ArrowRight", r = u.useMemo(() => C(n), [n]);
+  return /* @__PURE__ */ i(h, { fallback: /* @__PURE__ */ i(b, { className: "overflow-visible pointer-events-none" }), children: /* @__PURE__ */ i(r, { ...s, className: "overflow-visible pointer-events-none", ...o }) });
+}
+function T(o) {
+  const { icon: t, as: s = "span", tokens: n, customTheme: r, themeName: l = "icon", children: e, ...c } = o, m = d(l, n, r);
+  return typeof t != "string" ? /* @__PURE__ */ p(s, { ...c, className: m, children: [
+    e,
+    t
+  ] }) : /* @__PURE__ */ p(s, { className: m, children: [
+    e,
+    /* @__PURE__ */ i(I, { icon: t, ...c })
+  ] });
+}
 export {
-  I as default
+  T as default
 };

package/index49.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),o=require("react"),h=require("./index96.js"),a=require("./index37.js"),$=require("./index6.js"),j=require("./index24.js"),q=l=>{const{title:i,button:r,content:e,themeName:n="alerts.item",tokens:s,icon:c,id:m,swiperSlideIndex:u=0}=l,{activeIndex:d}=h.useCarousel(),x=d===u;return!i&&!r&&!e&&!c?null:t.jsxs(t.Fragment,{children:[c&&t.jsx(j,{icon:c,themeName:`${n}.icon`,tokens:s}),(i||r||e)&&t.jsxs(a.default,{themeName:`${n}.container`,tokens:s,children:[i&&t.jsx(a.default,{as:"span",themeName:`${n}.title`,tokens:s,id:m,children:i}),r&&t.jsx($.default,{tabIndex:x?0:-1,themeName:`${n}.button`,tokens:s,...r}),e&&(o.isValidElement(e)?o.cloneElement(e,{themeName:`${n}.content`,tokens:s}):e)]})]})};module.exports=q;
+"use strict";const e=require("react/jsx-runtime"),p=require("react-aria"),$=require("react-stately"),q=require("./index79.js"),C=require("./index7.js"),a=require("./index8.js"),b=require("./index48.js"),N=require("./index54.js"),y=require("./index74.js");function f(n){const{themeName:o,tokens:s,children:i,...t}=n;return e.jsx(a.ButtonComponent,{themeName:o,tokens:s,...t,children:e.jsx(b,{icon:"CloseBtn"})})}function w(n){const{children:o,thumbnailContent:s,label:i,themeName:t="lightBox",tokens:r,closeButton:l=f,closeButtonAriaLabel:u,transitionComponent:h,showTriggerButton:m=!0,showCloseButton:x=!0}=n,c=$.useOverlayTriggerState(n),{openTriggerProps:g,triggerProps:d,overlayProps:B,labelProps:j}=q({...n,type:"dialog"},c);return e.jsxs(e.Fragment,{children:[m&&e.jsx(p.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs(a.ButtonComponent,{themeName:`${t}.wrapper`,tokens:r,...g,children:[i&&e.jsx(y.Typography,{themeName:`${t}.label`,tokens:r,...j,children:i}),s]})}),e.jsxs(N,{themeName:`${t}.modal`,tokens:r,state:c,...B,transitionComponent:h,children:[x&&e.jsx(l,{themeName:`${t}.closeBtn`,tokens:r,"aria-label":u,...d}),e.jsx(C.Box,{themeName:`${t}.container`,tokens:r,children:o})]})]})}module.exports=w;

package/index49.mjs

@@ -1,24 +1,62 @@
 "use client";
-import { jsxs as a, Fragment as f, jsx as i } from "react/jsx-runtime";
-import s from "react";
-import { useCarousel as x } from "./index96.mjs";
-import c from "./index37.mjs";
-import N from "./index6.mjs";
-import I from "./index24.mjs";
-const C = (l) => {
-  const { title: o, button: m, content: e, themeName: t = "alerts.item", tokens: n, icon: r, id: d, swiperSlideIndex: p = 0 } = l, { activeIndex: h } = x(), u = h === p;
-  return !o && !m && !e && !r ? null : /* @__PURE__ */ a(f, { children: [
-    r && /* @__PURE__ */ i(I, { icon: r, themeName: `${t}.icon`, tokens: n }),
-    (o || m || e) && /* @__PURE__ */ a(c, { themeName: `${t}.container`, tokens: n, children: [
-      o && /* @__PURE__ */ i(c, { as: "span", themeName: `${t}.title`, tokens: n, id: d, children: o }),
-      m && /* @__PURE__ */ i(N, { tabIndex: u ? 0 : -1, themeName: `${t}.button`, tokens: n, ...m }),
-      e && (s.isValidElement(e) ? s.cloneElement(e, {
-        themeName: `${t}.content`,
-        tokens: n
-      }) : e)
-    ] })
+import { jsxs as l, Fragment as C, jsx as t } from "react/jsx-runtime";
+import { FocusRing as x } from "react-aria";
+import { useOverlayTriggerState as N } from "react-stately";
+import y from "./index79.mjs";
+import { Box as $ } from "./index7.mjs";
+import { ButtonComponent as s } from "./index8.mjs";
+import w from "./index48.mjs";
+import L from "./index54.mjs";
+import { Typography as P } from "./index74.mjs";
+function T(o) {
+  const { themeName: n, tokens: i, children: m, ...e } = o;
+  return /* @__PURE__ */ t(s, { themeName: n, tokens: i, ...e, children: /* @__PURE__ */ t(w, { icon: "CloseBtn" }) });
+}
+function M(o) {
+  const {
+    children: n,
+    thumbnailContent: i,
+    label: m,
+    themeName: e = "lightBox",
+    tokens: r,
+    closeButton: h = T,
+    closeButtonAriaLabel: c,
+    transitionComponent: u,
+    showTriggerButton: p = !0,
+    showCloseButton: g = !0
+  } = o, a = N(o), { openTriggerProps: f, triggerProps: d, overlayProps: B, labelProps: b } = y(
+    { ...o, type: "dialog" },
+    a
+  );
+  return /* @__PURE__ */ l(C, { children: [
+    p && /* @__PURE__ */ t(x, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ l(s, { themeName: `${e}.wrapper`, tokens: r, ...f, children: [
+      m && /* @__PURE__ */ t(P, { themeName: `${e}.label`, tokens: r, ...b, children: m }),
+      i
+    ] }) }),
+    /* @__PURE__ */ l(
+      L,
+      {
+        themeName: `${e}.modal`,
+        tokens: r,
+        state: a,
+        ...B,
+        transitionComponent: u,
+        children: [
+          g && /* @__PURE__ */ t(
+            h,
+            {
+              themeName: `${e}.closeBtn`,
+              tokens: r,
+              "aria-label": c,
+              ...d
+            }
+          ),
+          /* @__PURE__ */ t($, { themeName: `${e}.container`, tokens: r, children: n })
+        ]
+      }
+    )
   ] });
-};
+}
 export {
-  C as default
+  M as default
 };

package/index5.js

@@ -1 +1,2 @@
-"use strict";const s=require("react"),o=c=>null;o.getCollectionNode=function*(e){const{children:t,childItems:i,title:n}=e,d=e.textValue||(typeof t=="string"?t:"")||e["aria-label"]||"";yield{type:"item",props:e,rendered:t,textValue:d,"aria-label":e["aria-label"],hasChildNodes:!1,*childNodes(){if(i)for(const l of i)yield{type:"item",value:l};else if(n){const l=[];s.Children.forEach(t,a=>{l.push({type:"item",element:a})}),yield*l}}}};const r=o;module.exports=r;
+"use client";
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),O=require("./index79.js"),d=require("./index120.js"),x=require("./index13.js"),y=require("./index121.js"),C=require("./index6.js");function f(e){const{themeName:t="alerts",tokens:s,customTheme:B,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:R,onOpenChange:j,setOpen:A,children:u=C,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=O({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(x,{themeName:t,tokens:s,...m,children:u})]})}module.exports=f;

package/index5.mjs

@@ -1,34 +1,50 @@
-import r from "react";
-const o = (a) => null;
-o.getCollectionNode = function* (e) {
-  const { children: t, childItems: i, title: c } = e, d = e.textValue || (typeof t == "string" ? t : "") || e["aria-label"] || "";
-  yield {
-    type: "item",
-    props: e,
-    rendered: t,
-    textValue: d,
-    "aria-label": e["aria-label"],
-    hasChildNodes: !1,
-    *childNodes() {
-      if (i)
-        for (const l of i)
-          yield {
-            type: "item",
-            value: l
-          };
-      else if (c) {
-        const l = [];
-        r.Children.forEach(t, (n) => {
-          l.push({
-            type: "item",
-            element: n
-          });
-        }), yield* l;
-      }
+"use client";
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { useRef as h } from "react";
+import { useOverlayTriggerState as O } from "react-stately";
+import d from "./index79.mjs";
+import y from "./index120.mjs";
+import C from "./index13.mjs";
+import B from "./index121.mjs";
+import b from "./index6.mjs";
+function I(e) {
+  const {
+    themeName: t = "alerts",
+    tokens: r,
+    customTheme: A,
+    defaultOpen: i = !0,
+    closeButton: l = B,
+    transitionComponent: a = y,
+    closeButtonAriaLabel: m,
+    isOpen: v,
+    onOpenChange: x,
+    setOpen: L,
+    children: p = b,
+    ...u
+  } = e, o = h(null), n = O({ ...e, defaultOpen: i }), { triggerProps: f, overlayProps: c } = d({ ...e, type: "dialog" }, n, o);
+  return /* @__PURE__ */ g(
+    a,
+    {
+      ...c,
+      role: "alert",
+      themeName: `${t}.wrapper`,
+      tokens: r,
+      isVisible: n.isOpen,
+      children: [
+        /* @__PURE__ */ s(
+          l,
+          {
+            ref: o,
+            themeName: `${t}.closeBtn`,
+            "aria-label": m,
+            ...f
+          }
+        ),
+        /* @__PURE__ */ s(C, { themeName: t, tokens: r, ...u, children: p })
+      ]
     }
-  };
-};
-const f = o;
+  );
+}
 export {
-  f as default
+  I as default
 };

package/index50.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),c=require("react-stately"),n=e=>{const{key:t,value:r}=e;return s.jsx(c.Item,{children:r},t)};module.exports=n;
+"use strict";const i=require("react/jsx-runtime"),j=require("react"),N=require("./index84.js"),k=require("./index7.js"),$=require("./index8.js");function T(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const e=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(a,r,e.get?e:{enumerable:!0,get:()=>n[r]})}}return a.default=n,Object.freeze(a)}const g=T(j);function q(n){const{tabState:a,defaultSelectedKey:r}=N.useMenu(),{setSelectedKey:e}=a,{id:s,path:l,label:u,themeName:m="button",tokens:t,customTheme:h,target:x,children:f,childItems:d,as:c,ariaLabel:o,"aria-label":b,...y}=n,p=l?.substring(1),L=j.useCallback(()=>{if(p!=null){if(a.selectedKey===p){e(r);return}e(p)}},[p,a.selectedKey,e,r]);return i.jsx($.ButtonComponent,{...y,themeName:`${m}`,tokens:t,customTheme:h,handlePress:L,as:c,"aria-label":b??o,children:g.isValidElement(f)?f:u},`button-${s}`)}function B(n){const{id:a,target:r,path:e,label:s,themeName:l="anchor",customTheme:u,tokens:m,nextLinkProps:t,children:h,as:x,childItems:f,ariaLabel:d,"aria-label":c,...o}=n,b=j.useRef(null);return e==null||s==null?null:i.jsx($.Anchor,{...o,themeName:`${l}`,tokens:m,customTheme:u,nextLinkProps:{href:e,...t},ref:b,target:r??"_self",as:x,"aria-label":c??d,children:g.isValidElement(h)?h:s},`link-${a}`)}function C(n){const{menuItems:a,children:r,themeName:e="menuItem",tokens:s,customTheme:l,menuLinkComponent:u,buttonLinkComponent:m}=n;return i.jsxs(k.Box,{themeName:`${e}.wrapper`,tokens:s,customTheme:l,children:[i.jsx(k.Box,{themeName:`${e}.container`,tokens:s,customTheme:l,children:a?.map(t=>{const{id:h,path:x,label:f,as:d,...c}=t??{},o={...s,...t.tokens};if(t?.path==null||t.id==null)return null;const b=t.path?.startsWith("#")?"button":"a";return i.jsx(k.Box,{themeName:`${e}.innerContent`,tokens:o,customTheme:l,children:b==="button"?i.jsx(q,{...c,...t,themeName:`${e}.button`,tokens:o,customTheme:l,as:d??m}):i.jsx(B,{...c,...t,themeName:`${e}.anchor`,tokens:o,customTheme:l,as:d??u})},`li-${t.id}`)})}),r]})}module.exports=C;

package/index50.mjs

@@ -1,10 +1,136 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { Item as m } from "react-stately";
-const n = (e) => {
-  const { key: t, value: r } = e;
-  return /* @__PURE__ */ o(m, { children: r }, t);
-};
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import * as N from "react";
+import { useCallback as x, useRef as C } from "react";
+import { useMenu as K } from "./index84.mjs";
+import { Box as L } from "./index7.mjs";
+import { ButtonComponent as T, Anchor as E } from "./index8.mjs";
+function A(m) {
+  const { tabState: l, defaultSelectedKey: o } = K(), { setSelectedKey: e } = l, {
+    id: a,
+    path: n,
+    label: c,
+    themeName: u = "button",
+    tokens: t,
+    customTheme: h,
+    target: k,
+    children: p,
+    childItems: d,
+    as: s,
+    ariaLabel: r,
+    "aria-label": b,
+    ...$
+  } = m, f = n?.substring(1), y = x(() => {
+    if (f != null) {
+      if (l.selectedKey === f) {
+        e(o);
+        return;
+      }
+      e(f);
+    }
+  }, [f, l.selectedKey, e, o]);
+  return /* @__PURE__ */ i(
+    T,
+    {
+      ...$,
+      themeName: `${u}`,
+      tokens: t,
+      customTheme: h,
+      handlePress: y,
+      as: s,
+      "aria-label": b ?? r,
+      children: N.isValidElement(p) ? p : c
+    },
+    `button-${a}`
+  );
+}
+function B(m) {
+  const {
+    id: l,
+    target: o,
+    path: e,
+    label: a,
+    themeName: n = "anchor",
+    customTheme: c,
+    tokens: u,
+    nextLinkProps: t,
+    children: h,
+    as: k,
+    childItems: p,
+    ariaLabel: d,
+    "aria-label": s,
+    ...r
+  } = m, b = C(null);
+  return e == null || a == null ? null : /* @__PURE__ */ i(
+    E,
+    {
+      ...r,
+      themeName: `${n}`,
+      tokens: u,
+      customTheme: c,
+      nextLinkProps: {
+        href: e,
+        ...t
+      },
+      ref: b,
+      target: o ?? "_self",
+      as: k,
+      "aria-label": s ?? d,
+      children: N.isValidElement(h) ? h : a
+    },
+    `link-${l}`
+  );
+}
+function V(m) {
+  const {
+    menuItems: l,
+    children: o,
+    themeName: e = "menuItem",
+    tokens: a,
+    customTheme: n,
+    menuLinkComponent: c,
+    buttonLinkComponent: u
+  } = m;
+  return /* @__PURE__ */ g(L, { themeName: `${e}.wrapper`, tokens: a, customTheme: n, children: [
+    /* @__PURE__ */ i(L, { themeName: `${e}.container`, tokens: a, customTheme: n, children: l?.map((t) => {
+      const { id: h, path: k, label: p, as: d, ...s } = t ?? {}, r = { ...a, ...t.tokens };
+      if (t?.path == null || t.id == null)
+        return null;
+      const b = t.path?.startsWith("#") ? "button" : "a";
+      return /* @__PURE__ */ i(
+        L,
+        {
+          themeName: `${e}.innerContent`,
+          tokens: r,
+          customTheme: n,
+          children: b === "button" ? /* @__PURE__ */ i(
+            A,
+            {
+              ...s,
+              ...t,
+              themeName: `${e}.button`,
+              tokens: r,
+              customTheme: n,
+              as: d ?? u
+            }
+          ) : /* @__PURE__ */ i(
+            B,
+            {
+              ...s,
+              ...t,
+              themeName: `${e}.anchor`,
+              tokens: r,
+              customTheme: n,
+              as: d ?? c
+            }
+          )
+        },
+        `li-${t.id}`
+      );
+    }) }),
+    o
+  ] });
+}
 export {
-  n as default
+  V as default
 };

package/index51.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),x=require("./index89.js"),j=t=>{const{themeName:s="video",tokens:o,customTheme:r,controls:c=!0,muted:i=!0,src:n,width:u,height:h,type:m,...d}=t,a=x(s,o,r);return e.jsxs("video",{className:a,muted:i,controls:c,width:u,height:h,...d,children:[e.jsx("source",{src:n,type:m}),e.jsx("track",{kind:"captions"})]})};module.exports=j;
+"use strict";const n=require("react/jsx-runtime"),s=require("./index84.js"),r=require("./index71.js");function u(t){const{tabState:e}=s.useMenu();return n.jsx(r,{...t,state:e},e.selectedItem?.key)}module.exports=u;