@okam/stack-ui 1.35.3 → 1.35.5

package/index130.js

@@ -1 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index27.js"),x=a=>{const{themeName:e,tokens:r,customTheme:n,children:c,state:u,...l}=a,t=m.useRef(null),{modalProps:i,underlayProps:d}=h.useModalOverlay(l,u,t);return s.jsx(o.default,{themeName:`${e}.underlay`,tokens:r,customTheme:n,...d,children:s.jsx(o.BoxWithForwardRef,{ref:t,themeName:`${e}.overlay`,tokens:r,...i,children:c})})};module.exports=x;
+"use client";
+"use strict";const r=require("react/jsx-runtime"),j=require("react-aria"),s=require("./index27.js"),m=require("./index149.js"),$=require("./index150.js"),b={narrow:{value:"narrow"},abbreviated:{value:"short",transform:e=>e.map(c=>c.slice(0,2))},short:{value:"short"},long:{value:"long"}};function v({themeName:e="calendar",customTheme:c,tokens:a,state:t,weekdayStyle:u="abbreviated",...o}){const{value:y,transform:d}=b[u],i=j.useCalendarGrid({...o,weekdayStyle:y},t),{gridProps:h,headerProps:w,weeksInMonth:p}=i,f=(d==null?void 0:d(i.weekDays))??i.weekDays;return r.jsxs(s.default,{as:"table",...h,themeName:`${e}.calendarTable`,tokens:a,children:[r.jsx(s.default,{as:"thead",themeName:`${e}.calendarHeaderContainer`,...w,tokens:a,children:r.jsx(s.default,{as:"tr",themeName:`${e}.calendarHeaderRow`,tokens:a,children:f.map(n=>r.jsx(s.default,{as:"th",themeName:`${e}.calendarDayLabel`,tokens:a,children:n},`day-${n}`))})}),r.jsx(s.default,{as:"tbody",themeName:`${e}.calendarBody`,tokens:a,children:[...new Array(p).keys()].map(n=>r.jsx(s.default,{as:"tr",themeName:`${e}.calendarWeekRow`,tokens:a,children:t.getDatesInWeek(n).map((l,x)=>{if(!l)return r.jsx(s.default,{themeName:`${e}.calendarCellContainer`,tokens:{isEmpty:!0,...a},as:"td"},x);const g=m.getIsDateOutsideRange(l,t);return r.jsx($,{themeName:e,tokens:{isOutsideRange:g,isEmpty:!1,...a},state:t,date:l},l==null?void 0:l.day)})},`week-${n}`))})]})}module.exports=v;

package/index130.mjs

@@ -1,11 +1,60 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useRef as u } from "react";
-import { useModalOverlay as c } from "react-aria";
-import h, { BoxWithForwardRef as i } from "./index27.mjs";
-const N = (m) => {
-  const { themeName: e, tokens: o, customTheme: a, children: s, state: l, ...n } = m, r = u(null), { modalProps: d, underlayProps: f } = c(n, l, r);
-  return /* @__PURE__ */ t(h, { themeName: `${e}.underlay`, tokens: o, customTheme: a, ...f, children: /* @__PURE__ */ t(i, { ref: r, themeName: `${e}.overlay`, tokens: o, ...d, children: s }) });
+"use client";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { useCalendarGrid as g } from "react-aria";
+import l from "./index27.mjs";
+import { getIsDateOutsideRange as v } from "./index149.mjs";
+import C from "./index150.mjs";
+const k = {
+  narrow: {
+    value: "narrow"
+  },
+  abbreviated: {
+    value: "short",
+    transform: (e) => e.map((t) => t.slice(0, 2))
+  },
+  short: {
+    value: "short"
+  },
+  long: {
+    value: "long"
+  }
 };
+function P({
+  themeName: e = "calendar",
+  customTheme: t,
+  tokens: a,
+  state: d,
+  weekdayStyle: c = "abbreviated",
+  ...y
+}) {
+  const { value: m, transform: s } = k[c], i = g({ ...y, weekdayStyle: m }, d), { gridProps: p, headerProps: u, weeksInMonth: h } = i, w = (s == null ? void 0 : s(i.weekDays)) ?? i.weekDays;
+  return /* @__PURE__ */ b(l, { as: "table", ...p, themeName: `${e}.calendarTable`, tokens: a, children: [
+    /* @__PURE__ */ r(l, { as: "thead", themeName: `${e}.calendarHeaderContainer`, ...u, tokens: a, children: /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarHeaderRow`, tokens: a, children: w.map((o) => /* @__PURE__ */ r(l, { as: "th", themeName: `${e}.calendarDayLabel`, tokens: a, children: o }, `day-${o}`)) }) }),
+    /* @__PURE__ */ r(l, { as: "tbody", themeName: `${e}.calendarBody`, tokens: a, children: [...new Array(h).keys()].map((o) => /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarWeekRow`, tokens: a, children: d.getDatesInWeek(o).map((n, f) => {
+      if (!n)
+        return /* @__PURE__ */ r(
+          l,
+          {
+            themeName: `${e}.calendarCellContainer`,
+            tokens: { isEmpty: !0, ...a },
+            as: "td"
+          },
+          f
+        );
+      const $ = v(n, d);
+      return /* @__PURE__ */ r(
+        C,
+        {
+          themeName: e,
+          tokens: { isOutsideRange: $, isEmpty: !1, ...a },
+          state: d,
+          date: n
+        },
+        n == null ? void 0 : n.day
+      );
+    }) }, `week-${o}`)) })
+  ] });
+}
 export {
-  N as default
+  P as default
 };

package/index131.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index149.js"),V=require("./index177.js"),d=require("react");let S=Math.round(Math.random()*1e10),m=0;function $(e){let u=d.useMemo(()=>e.name||`radio-group-${S}-${++m}`,[e.name]);var a;let[l,n]=V.useControlledState(e.value,(a=e.defaultValue)!==null&&a!==void 0?a:null,e.onChange),[s,c]=d.useState(null),t=v.useFormValidationState({...e,value:l}),o=r=>{!e.isReadOnly&&!e.isDisabled&&(n(r),t.commitValidation())},i=t.displayValidation.isInvalid;return{...t,name:u,selectedValue:l,setSelectedValue:o,lastFocusedValue:s,setLastFocusedValue:c,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(i?"invalid":null),isInvalid:i}}exports.useRadioGroupState=$;
+"use strict";const i=require("react/jsx-runtime"),j=require("./index27.js"),s=require("./index6.js"),h=require("./index14.js"),g=({themeName:c="calendar",tokens:d,buttons:e,prevButtonProps:n,nextButtonProps:a,...x})=>{var r,l;return i.jsxs(j.default,{themeName:`${c}.navigationButtonsContainer`,tokens:d,...x,children:[i.jsx(s.default,{themeName:`${c}.navigationButtons`,tokens:{...d,direction:"prev"},type:"button",...n,handlePress:n==null?void 0:n.onPress,children:i.jsx(h,{icon:((r=e==null?void 0:e.buttonPrev)==null?void 0:r.icon)??"ArrowLeft"})}),i.jsx(s.default,{themeName:`${c}.navigationButtons`,tokens:{...d,direction:"next"},type:"button",...a,handlePress:a==null?void 0:a.onPress,children:i.jsx(h,{icon:((l=e==null?void 0:e.buttonNext)==null?void 0:l.icon)??"ArrowRight"})})]})};module.exports=g;

package/index131.mjs

@@ -1,32 +1,41 @@
-import { useFormValidationState as f } from "./index149.mjs";
-import { useControlledState as $ } from "./index177.mjs";
-import { useMemo as m, useState as r } from "react";
-let b = Math.round(Math.random() * 1e10), v = 0;
-function F(e) {
-  let d = m(() => e.name || `radio-group-${b}-${++v}`, [
-    e.name
-  ]);
-  var a;
-  let [t, u] = $(e.value, (a = e.defaultValue) !== null && a !== void 0 ? a : null, e.onChange), [s, n] = r(null), l = f({
-    ...e,
-    value: t
-  }), c = (o) => {
-    !e.isReadOnly && !e.isDisabled && (u(o), l.commitValidation());
-  }, i = l.displayValidation.isInvalid;
-  return {
-    ...l,
-    name: d,
-    selectedValue: t,
-    setSelectedValue: c,
-    lastFocusedValue: s,
-    setLastFocusedValue: n,
-    isDisabled: e.isDisabled || !1,
-    isReadOnly: e.isReadOnly || !1,
-    isRequired: e.isRequired || !1,
-    validationState: e.validationState || (i ? "invalid" : null),
-    isInvalid: i
-  };
-}
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import g from "./index27.mjs";
+import o from "./index6.mjs";
+import h from "./index14.mjs";
+const y = ({
+  themeName: r = "calendar",
+  tokens: c,
+  buttons: i,
+  prevButtonProps: e,
+  nextButtonProps: a,
+  ...l
+}) => {
+  var m, d;
+  return /* @__PURE__ */ f(g, { themeName: `${r}.navigationButtonsContainer`, tokens: c, ...l, children: [
+    /* @__PURE__ */ n(
+      o,
+      {
+        themeName: `${r}.navigationButtons`,
+        tokens: { ...c, direction: "prev" },
+        type: "button",
+        ...e,
+        handlePress: e == null ? void 0 : e.onPress,
+        children: /* @__PURE__ */ n(h, { icon: ((m = i == null ? void 0 : i.buttonPrev) == null ? void 0 : m.icon) ?? "ArrowLeft" })
+      }
+    ),
+    /* @__PURE__ */ n(
+      o,
+      {
+        themeName: `${r}.navigationButtons`,
+        tokens: { ...c, direction: "next" },
+        type: "button",
+        ...a,
+        handlePress: a == null ? void 0 : a.onPress,
+        children: /* @__PURE__ */ n(h, { icon: ((d = i == null ? void 0 : i.buttonNext) == null ? void 0 : d.icon) ?? "ArrowRight" })
+      }
+    )
+  ] });
+};
 export {
-  F as useRadioGroupState
+  y as default
 };

package/index132.js

@@ -1 +1 @@
-"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index67.js"),p=({isVisible:e,children:i,themeName:n,tokens:s,customTheme:o,...r})=>{const c=m(n,s,o);return t.useTransition(e,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((a,u)=>u&&f.jsx(t.animated.div,{className:c,style:a,...r,children:i}))};module.exports=p;
+"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),f=require("./index69.js"),u=({isVisible:e,children:i,themeName:o,tokens:s,customTheme:n})=>{const a=f(o,s,n);return t.useTransition(e,{from:{opacity:0,scale:.75},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.75},config:t.config.stiff})((c,r)=>r&&l.jsx(t.animated.div,{className:a,style:{position:"fixed",left:0,top:0,bottom:0,zIndex:1e3,width:"100%",height:"100%",...c},children:i}))};module.exports=u;

package/index132.mjs

@@ -1,17 +1,33 @@
 import { jsx as c } from "react/jsx-runtime";
-import { useTransition as f, config as p, animated as y } from "@react-spring/web";
-import d from "./index67.mjs";
-const T = ({ isVisible: t, children: i, themeName: o, tokens: e, customTheme: n, ...r }) => {
-  const a = d(o, e, n);
-  return f(t, {
-    from: { opacity: 0 },
-    enter: { opacity: 1 },
-    leave: { opacity: 0 },
-    config: p.stiff
+import { useTransition as m, config as f, animated as l } from "@react-spring/web";
+import p from "./index69.mjs";
+const y = ({ isVisible: t, children: o, themeName: e, tokens: i, customTheme: n }) => {
+  const s = p(e, i, n);
+  return m(t, {
+    from: { opacity: 0, scale: 0.75 },
+    enter: { opacity: 1, scale: 1 },
+    leave: { opacity: 0, scale: 0.75 },
+    config: f.stiff
   })(
-    (s, m) => m && /* @__PURE__ */ c(y.div, { className: a, style: s, ...r, children: i })
+    (a, r) => r && /* @__PURE__ */ c(
+      l.div,
+      {
+        className: s,
+        style: {
+          position: "fixed",
+          left: 0,
+          top: 0,
+          bottom: 0,
+          zIndex: 1e3,
+          width: "100%",
+          height: "100%",
+          ...a
+        },
+        children: o
+      }
+    )
   );
 };
 export {
-  T as default
+  y as default
 };

package/index133.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("./index70.js"),l=require("./index27.js"),h=require("./index37.js"),x=c=>{var u;const{themeName:t,tokens:n,customTheme:r,children:i,beforeTabContent:a,afterTabContent:o}=c,{tabState:s,defaultSelectedKey:m}=d.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:i}),((u=s==null?void 0:s.selectedKey)==null?void 0:u.toString())===m?null:e.jsxs(l.default,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[a!==null&&a,e.jsx(h,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),o!==null&&o]})]})};module.exports=x;
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),o=require("react-aria"),l=require("./index27.js"),d=t=>{const{children:s,themeName:u,tokens:c,customTheme:i}=t,r=a.useRef(null),{dialogProps:n}=o.useDialog(t,r);return e.jsx(l.BoxWithForwardRef,{themeName:`${u}.dialog`,tokens:c,customTheme:i,ref:r,"aria-modal":!0,...n,children:e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(o.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:s})})})};module.exports=d;

package/index133.mjs

@@ -1,19 +1,22 @@
-import { jsxs as l, Fragment as f, jsx as s } from "react/jsx-runtime";
-import { useMenu as h } from "./index70.mjs";
-import c from "./index27.mjs";
-import d from "./index37.mjs";
-const T = (i) => {
-  var a;
-  const { themeName: e, tokens: t, customTheme: n, children: p, beforeTabContent: o, afterTabContent: m } = i, { tabState: r, defaultSelectedKey: u } = h();
-  return /* @__PURE__ */ l(f, { children: [
-    /* @__PURE__ */ s(c, { themeName: `${e}.wrapper`, tokens: t, customTheme: n, children: p }),
-    ((a = r == null ? void 0 : r.selectedKey) == null ? void 0 : a.toString()) === u ? null : /* @__PURE__ */ l(c, { themeName: `${e}.tabWrapper`, tokens: t, customTheme: n, children: [
-      o !== null && o,
-      /* @__PURE__ */ s(d, { themeName: `${e}.tabPanel`, tokens: t, customTheme: n }),
-      m !== null && m
-    ] })
-  ] });
+import { jsx as o } from "react/jsx-runtime";
+import c from "react";
+import { useDialog as n, FocusRing as m, FocusScope as l } from "react-aria";
+import { BoxWithForwardRef as f } from "./index27.mjs";
+const p = (e) => {
+  const { children: r, themeName: u, tokens: s, customTheme: a } = e, t = c.useRef(null), { dialogProps: i } = n(e, t);
+  return /* @__PURE__ */ o(
+    f,
+    {
+      themeName: `${u}.dialog`,
+      tokens: s,
+      customTheme: a,
+      ref: t,
+      "aria-modal": !0,
+      ...i,
+      children: /* @__PURE__ */ o(m, { focusRingClass: "has-focus-ring", within: !0, autoFocus: !0, children: /* @__PURE__ */ o(l, { contain: !0, restoreFocus: !0, autoFocus: !0, children: r }) })
+    }
+  );
 };
 export {
-  T as default
+  p as default
 };

package/index134.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("./index148.js"),l=require("react"),d=require("./index132.js"),b=require("./index27.js");function h({state:e,customTheme:s,themeName:i="tabPanel",tokens:c,...u}){var n;const r=l.useRef(null),{tabPanelProps:a}=o.useTabPanel(u,e,r);return t.jsx(d,{isVisible:!0,children:t.jsx(b.BoxWithForwardRef,{themeName:`${i}`,tokens:c,customTheme:s,...a,ref:r,children:(n=e.selectedItem)==null?void 0:n.props.children})})}module.exports=h;
+"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index27.js"),x=a=>{const{themeName:e,tokens:r,customTheme:n,children:c,state:u,...l}=a,t=m.useRef(null),{modalProps:i,underlayProps:d}=h.useModalOverlay(l,u,t);return s.jsx(o.default,{themeName:`${e}.underlay`,tokens:r,customTheme:n,...d,children:s.jsx(o.BoxWithForwardRef,{ref:t,themeName:`${e}.overlay`,tokens:r,...i,children:c})})};module.exports=x;

package/index134.mjs

@@ -1,23 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useTabPanel as m } from "./index148.mjs";
-import c from "react";
-import p from "./index132.mjs";
-import { BoxWithForwardRef as s } from "./index27.mjs";
-function x({ state: e, customTheme: a, themeName: i = "tabPanel", tokens: n, ...f }) {
-  var t;
-  const r = c.useRef(null), { tabPanelProps: l } = m(f, e, r);
-  return /* @__PURE__ */ o(p, { isVisible: !0, children: /* @__PURE__ */ o(
-    s,
-    {
-      themeName: `${i}`,
-      tokens: n,
-      customTheme: a,
-      ...l,
-      ref: r,
-      children: (t = e.selectedItem) == null ? void 0 : t.props.children
-    }
-  ) });
-}
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { useModalOverlay as c } from "react-aria";
+import h, { BoxWithForwardRef as i } from "./index27.mjs";
+const N = (m) => {
+  const { themeName: e, tokens: o, customTheme: a, children: s, state: l, ...n } = m, r = u(null), { modalProps: d, underlayProps: f } = c(n, l, r);
+  return /* @__PURE__ */ t(h, { themeName: `${e}.underlay`, tokens: o, customTheme: a, ...f, children: /* @__PURE__ */ t(i, { ref: r, themeName: `${e}.overlay`, tokens: o, ...d, children: s }) });
+};
 export {
-  x as default
+  N as default
 };

package/index135.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),c=require("./index6.js"),u=require("./index14.js"),l=require("./index48.js"),t=i.forwardRef((r,s)=>{const{themeName:n="alerts.closeBtn",...o}=r;return e.jsx(c.ButtonWithForwardRef,{ref:s,themeName:n,...o,children:e.jsx(u,{icon:e.jsx(l,{})})})});t.displayName="AlertsCloseButton";module.exports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index152.js"),V=require("./index153.js"),d=require("react");let S=Math.round(Math.random()*1e10),m=0;function $(e){let u=d.useMemo(()=>e.name||`radio-group-${S}-${++m}`,[e.name]);var a;let[l,n]=V.useControlledState(e.value,(a=e.defaultValue)!==null&&a!==void 0?a:null,e.onChange),[s,c]=d.useState(null),t=v.useFormValidationState({...e,value:l}),o=r=>{!e.isReadOnly&&!e.isDisabled&&(n(r),t.commitValidation())},i=t.displayValidation.isInvalid;return{...t,name:u,selectedValue:l,setSelectedValue:o,lastFocusedValue:s,setLastFocusedValue:c,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(i?"invalid":null),isInvalid:i}}exports.useRadioGroupState=$;

package/index135.mjs

@@ -1,13 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { ButtonWithForwardRef as n } from "./index6.mjs";
-import i from "./index14.mjs";
-import l from "./index48.mjs";
-const a = m((o, r) => {
-  const { themeName: e = "alerts.closeBtn", ...s } = o;
-  return /* @__PURE__ */ t(n, { ref: r, themeName: e, ...s, children: /* @__PURE__ */ t(i, { icon: /* @__PURE__ */ t(l, {}) }) });
-});
-a.displayName = "AlertsCloseButton";
+import { useFormValidationState as f } from "./index152.mjs";
+import { useControlledState as $ } from "./index153.mjs";
+import { useMemo as m, useState as r } from "react";
+let b = Math.round(Math.random() * 1e10), v = 0;
+function F(e) {
+  let d = m(() => e.name || `radio-group-${b}-${++v}`, [
+    e.name
+  ]);
+  var a;
+  let [t, u] = $(e.value, (a = e.defaultValue) !== null && a !== void 0 ? a : null, e.onChange), [s, n] = r(null), l = f({
+    ...e,
+    value: t
+  }), c = (o) => {
+    !e.isReadOnly && !e.isDisabled && (u(o), l.commitValidation());
+  }, i = l.displayValidation.isInvalid;
+  return {
+    ...l,
+    name: d,
+    selectedValue: t,
+    setSelectedValue: c,
+    lastFocusedValue: s,
+    setLastFocusedValue: n,
+    isDisabled: e.isDisabled || !1,
+    isReadOnly: e.isReadOnly || !1,
+    isRequired: e.isRequired || !1,
+    validationState: e.validationState || (i ? "invalid" : null),
+    isInvalid: i
+  };
+}
 export {
-  a as default
+  F as useRadioGroupState
 };

package/index136.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function n(){const e=r.createContext(void 0);function o(){const t=r.useContext(e);if(t===void 0)throw new Error("useCtx must be inside a Provider");return t}return[o,e.Provider]}function u(){const e=r.createContext(void 0);function o(){const t=r.useContext(e);return t===void 0?{}:t}return[o,e.Provider]}exports.createCtxNullable=u;exports.default=n;
+"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index69.js"),p=({isVisible:e,children:i,themeName:n,tokens:s,customTheme:o,...r})=>{const c=m(n,s,o);return t.useTransition(e,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((a,u)=>u&&f.jsx(t.animated.div,{className:c,style:a,...r,children:i}))};module.exports=p;

package/index136.mjs

@@ -1,24 +1,17 @@
-"use client";
-import r from "react";
-function u() {
-  const t = r.createContext(void 0);
-  function o() {
-    const e = r.useContext(t);
-    if (e === void 0)
-      throw new Error("useCtx must be inside a Provider");
-    return e;
-  }
-  return [o, t.Provider];
-}
-function c() {
-  const t = r.createContext(void 0);
-  function o() {
-    const e = r.useContext(t);
-    return e === void 0 ? {} : e;
-  }
-  return [o, t.Provider];
-}
+import { jsx as c } from "react/jsx-runtime";
+import { useTransition as f, config as p, animated as y } from "@react-spring/web";
+import d from "./index69.mjs";
+const T = ({ isVisible: t, children: i, themeName: o, tokens: e, customTheme: n, ...r }) => {
+  const a = d(o, e, n);
+  return f(t, {
+    from: { opacity: 0 },
+    enter: { opacity: 1 },
+    leave: { opacity: 0 },
+    config: p.stiff
+  })(
+    (s, m) => m && /* @__PURE__ */ c(y.div, { className: a, style: s, ...r, children: i })
+  );
+};
 export {
-  c as createCtxNullable,
-  u as default
+  T as default
 };

package/index137.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class n{constructor(t,s,e){this.nameSpace="[STACK]",this.suppressConsole=!1,this.env=process.env.NODE_ENV,this.nameSpace=t??this.nameSpace,this.suppressConsole=e??this.suppressConsole,this.logger=s??this.internalLogger}internalLogger(t,s,e){this.env!=="production"&&console[s||"log"](`${this.nameSpace} ${t}`.trimStart(),e??"")}setLogger(t){this.logger=(s,e,i)=>{this.suppressConsole&&this.internalLogger(s,e,i),t(s,e,i)}}static getInstance(){return n.instance||(n.instance=new n),n.instance}log(t,s,e){this.logger(t,s,e)}}n.getInstance();exports.Logger=n;
+"use strict";const e=require("react/jsx-runtime"),d=require("./index72.js"),l=require("./index27.js"),h=require("./index37.js"),x=c=>{var u;const{themeName:t,tokens:n,customTheme:r,children:i,beforeTabContent:a,afterTabContent:o}=c,{tabState:s,defaultSelectedKey:m}=d.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:i}),((u=s==null?void 0:s.selectedKey)==null?void 0:u.toString())===m?null:e.jsxs(l.default,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[a!==null&&a,e.jsx(h,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),o!==null&&o]})]})};module.exports=x;

package/index137.mjs

@@ -1,23 +1,19 @@
-class n {
-  constructor(t, s, e) {
-    this.nameSpace = "[STACK]", this.suppressConsole = !1, this.env = process.env.NODE_ENV, this.nameSpace = t ?? this.nameSpace, this.suppressConsole = e ?? this.suppressConsole, this.logger = s ?? this.internalLogger;
-  }
-  internalLogger(t, s, e) {
-    this.env !== "production" && console[s || "log"](`${this.nameSpace} ${t}`.trimStart(), e ?? "");
-  }
-  setLogger(t) {
-    this.logger = (s, e, i) => {
-      this.suppressConsole && this.internalLogger(s, e, i), t(s, e, i);
-    };
-  }
-  static getInstance() {
-    return n.instance || (n.instance = new n()), n.instance;
-  }
-  log(t, s, e) {
-    this.logger(t, s, e);
-  }
-}
-n.getInstance();
+import { jsxs as l, Fragment as f, jsx as s } from "react/jsx-runtime";
+import { useMenu as h } from "./index72.mjs";
+import c from "./index27.mjs";
+import d from "./index37.mjs";
+const T = (i) => {
+  var a;
+  const { themeName: e, tokens: t, customTheme: n, children: p, beforeTabContent: o, afterTabContent: m } = i, { tabState: r, defaultSelectedKey: u } = h();
+  return /* @__PURE__ */ l(f, { children: [
+    /* @__PURE__ */ s(c, { themeName: `${e}.wrapper`, tokens: t, customTheme: n, children: p }),
+    ((a = r == null ? void 0 : r.selectedKey) == null ? void 0 : a.toString()) === u ? null : /* @__PURE__ */ l(c, { themeName: `${e}.tabWrapper`, tokens: t, customTheme: n, children: [
+      o !== null && o,
+      /* @__PURE__ */ s(d, { themeName: `${e}.tabPanel`, tokens: t, customTheme: n }),
+      m !== null && m
+    ] })
+  ] });
+};
 export {
-  n as Logger
+  T as default
 };

package/index138.js

@@ -1 +1 @@
-"use strict";const t=require("./index137.js"),i=(o,r,g=!1)=>{const e=new t.Logger(o,r,g);return e.log("Logger initialized","info"),e};module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),o=require("./index151.js"),l=require("react"),d=require("./index136.js"),b=require("./index27.js");function h({state:e,customTheme:s,themeName:i="tabPanel",tokens:c,...u}){var n;const r=l.useRef(null),{tabPanelProps:a}=o.useTabPanel(u,e,r);return t.jsx(d,{isVisible:!0,children:t.jsx(b.BoxWithForwardRef,{themeName:`${i}`,tokens:c,customTheme:s,...a,ref:r,children:(n=e.selectedItem)==null?void 0:n.props.children})})}module.exports=h;

package/index138.mjs

@@ -1,8 +1,23 @@
-import { Logger as t } from "./index137.mjs";
-const n = (o, r, g = !1) => {
-  const e = new t(o, r, g);
-  return e.log("Logger initialized", "info"), e;
-};
+import { jsx as o } from "react/jsx-runtime";
+import { useTabPanel as m } from "./index151.mjs";
+import c from "react";
+import p from "./index136.mjs";
+import { BoxWithForwardRef as s } from "./index27.mjs";
+function x({ state: e, customTheme: a, themeName: i = "tabPanel", tokens: n, ...f }) {
+  var t;
+  const r = c.useRef(null), { tabPanelProps: l } = m(f, e, r);
+  return /* @__PURE__ */ o(p, { isVisible: !0, children: /* @__PURE__ */ o(
+    s,
+    {
+      themeName: `${i}`,
+      tokens: n,
+      customTheme: a,
+      ...l,
+      ref: r,
+      children: (t = e.selectedItem) == null ? void 0 : t.props.children
+    }
+  ) });
+}
 export {
-  n as default
+  x as default
 };

package/index139.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index195.js"),r=require("./index196.js"),t=require("./index197.js"),o=require("./index198.js"),i=require("./index199.js"),a=require("./index200.js"),c=require("./index201.js"),n=require("./index202.js"),u=require("./index203.js"),s=require("./index204.js"),f=require("./index205.js"),l=require("./index206.js"),q=require("./index207.js"),d=require("./index208.js"),b=require("./index209.js"),v=require("./index210.js"),y=require("./index211.js"),g=require("./index212.js"),p=require("./index213.js"),C=require("./index214.js"),h=require("./index215.js"),m=require("./index216.js"),E=require("./index217.js");exports.Virtual=e;exports.Keyboard=r;exports.Mousewheel=t;exports.Navigation=o;exports.Pagination=i;exports.Scrollbar=a;exports.Parallax=c;exports.Zoom=n;exports.Controller=u;exports.A11y=s;exports.History=f;exports.HashNavigation=l;exports.Autoplay=q;exports.Thumbs=d;exports.FreeMode=b;exports.Grid=v;exports.Manipulation=y;exports.EffectFade=g;exports.EffectCube=p;exports.EffectFlip=C;exports.EffectCoverflow=h;exports.EffectCreative=m;exports.EffectCards=E;
+"use client";
+"use strict";const n=require("react/jsx-runtime"),P=require("react"),h=require("react-aria"),i=require("./index27.js"),p=require("./index6.js"),C=c=>{const{themeName:t,tokens:m,customTheme:x,as:b,item:o,state:f,...g}=c,{removeButtonProps:e,href:k}=o.props??{},a=P.useRef(null),{rowProps:R,gridCellProps:j,removeButtonProps:s,allowsRemoving:q,isDisabled:w,isFocused:N,isPressed:$,isSelected:T}=h.useTag(c,f,a),r={...m,isDisabled:w,isFocused:N,isPressed:$,isSelected:T,isLink:!!k},F={...e,...s,handlePress:d=>{var l,u;(l=e==null?void 0:e.handlePress)==null||l.call(e,d),(u=s==null?void 0:s.onPress)==null||u.call(s,d)}};return n.jsx(h.FocusRing,{focusRingClass:"has-focus-ring within",children:n.jsx(i.BoxWithForwardRef,{...g,...R,ref:a,themeName:`${t}.wrapper`,tokens:r,customTheme:x,children:n.jsxs(i.default,{themeName:`${t}.container`,tokens:r,...j,children:[n.jsx(i.default,{themeName:`${t}.item`,tokens:r,children:o.rendered}),q&&e&&n.jsx(p.default,{themeName:`${t}.removeButton`,tokens:r,...F})]})})})};module.exports=C;

package/index139.mjs

@@ -1,48 +1,50 @@
-import { default as o } from "./index195.mjs";
-import { default as f } from "./index196.mjs";
-import { default as l } from "./index197.mjs";
-import { default as d } from "./index198.mjs";
-import { default as p } from "./index199.mjs";
-import { default as x } from "./index200.mjs";
-import { default as c } from "./index201.mjs";
-import { default as E } from "./index202.mjs";
-import { default as b } from "./index203.mjs";
-import { default as y } from "./index204.mjs";
-import { default as h } from "./index205.mjs";
-import { default as M } from "./index206.mjs";
-import { default as A } from "./index207.mjs";
-import { default as N } from "./index208.mjs";
-import { default as G } from "./index209.mjs";
-import { default as S } from "./index210.mjs";
-import { default as V } from "./index211.mjs";
-import { default as j } from "./index212.mjs";
-import { default as q } from "./index213.mjs";
-import { default as B } from "./index214.mjs";
-import { default as I } from "./index215.mjs";
-import { default as L } from "./index216.mjs";
-import { default as Q } from "./index217.mjs";
+"use client";
+import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import { useRef as P } from "react";
+import { useTag as j, FocusRing as b } from "react-aria";
+import l, { BoxWithForwardRef as B } from "./index27.mjs";
+import D from "./index6.mjs";
+const E = (r) => {
+  const { themeName: o, tokens: d, customTheme: f, as: L, item: i, state: u, ...g } = r, { removeButtonProps: e, href: p } = i.props ?? {}, m = P(null), {
+    rowProps: k,
+    gridCellProps: w,
+    removeButtonProps: s,
+    allowsRemoving: x,
+    isDisabled: N,
+    isFocused: R,
+    isPressed: T,
+    isSelected: $
+  } = j(r, u, m), n = {
+    ...d,
+    isDisabled: N,
+    isFocused: R,
+    isPressed: T,
+    isSelected: $,
+    isLink: !!p
+  }, C = {
+    ...e,
+    ...s,
+    handlePress: (a) => {
+      var c, h;
+      (c = e == null ? void 0 : e.handlePress) == null || c.call(e, a), (h = s == null ? void 0 : s.onPress) == null || h.call(s, a);
+    }
+  };
+  return /* @__PURE__ */ t(b, { focusRingClass: "has-focus-ring within", children: /* @__PURE__ */ t(
+    B,
+    {
+      ...g,
+      ...k,
+      ref: m,
+      themeName: `${o}.wrapper`,
+      tokens: n,
+      customTheme: f,
+      children: /* @__PURE__ */ F(l, { themeName: `${o}.container`, tokens: n, ...w, children: [
+        /* @__PURE__ */ t(l, { themeName: `${o}.item`, tokens: n, children: i.rendered }),
+        x && e && /* @__PURE__ */ t(D, { themeName: `${o}.removeButton`, tokens: n, ...C })
+      ] })
+    }
+  ) });
+};
 export {
-  y as A11y,
-  A as Autoplay,
-  b as Controller,
-  Q as EffectCards,
-  I as EffectCoverflow,
-  L as EffectCreative,
-  q as EffectCube,
-  j as EffectFade,
-  B as EffectFlip,
-  G as FreeMode,
-  S as Grid,
-  M as HashNavigation,
-  h as History,
-  f as Keyboard,
-  V as Manipulation,
-  l as Mousewheel,
-  d as Navigation,
-  p as Pagination,
-  c as Parallax,
-  x as Scrollbar,
-  N as Thumbs,
-  o as Virtual,
-  E as Zoom
+  E as default
 };

package/index14.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("./index111.js"),o=require("react/jsx-runtime"),t=require("react"),v=require("./index67.js"),x=require("./index109.js"),e=r=>Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"})),q=r=>{const{icon:s,...i}=r,n=t.useMemo(()=>t.lazy(()=>a(Object.assign({"../icons/ArrowDown.tsx":()=>Promise.resolve().then(()=>e(require("./index42.js"))),"../icons/ArrowLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index43.js"))),"../icons/ArrowRight.tsx":()=>Promise.resolve().then(()=>e(require("./index44.js"))),"../icons/Check.tsx":()=>Promise.resolve().then(()=>e(require("./index45.js"))),"../icons/ChevronLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index46.js"))),"../icons/ChevronRight.tsx":()=>Promise.resolve().then(()=>e(require("./index47.js"))),"../icons/CloseBtn.tsx":()=>Promise.resolve().then(()=>e(require("./index48.js"))),"../icons/Facebook.tsx":()=>Promise.resolve().then(()=>e(require("./index49.js"))),"../icons/FacebookColored.tsx":()=>Promise.resolve().then(()=>e(require("./index50.js"))),"../icons/FacebookRounded.tsx":()=>Promise.resolve().then(()=>e(require("./index51.js"))),"../icons/Globe.tsx":()=>Promise.resolve().then(()=>e(require("./index52.js"))),"../icons/IconFallback.tsx":()=>Promise.resolve().then(()=>e(require("./index109.js"))),"../icons/Instagram.tsx":()=>Promise.resolve().then(()=>e(require("./index53.js"))),"../icons/InstagramColored.tsx":()=>Promise.resolve().then(()=>e(require("./index54.js"))),"../icons/Link.tsx":()=>Promise.resolve().then(()=>e(require("./index55.js"))),"../icons/LinkedIn.tsx":()=>Promise.resolve().then(()=>e(require("./index56.js"))),"../icons/Mail.tsx":()=>Promise.resolve().then(()=>e(require("./index57.js"))),"../icons/Plus.tsx":()=>Promise.resolve().then(()=>e(require("./index58.js"))),"../icons/Search.tsx":()=>Promise.resolve().then(()=>e(require("./index110.js"))),"../icons/Share.tsx":()=>Promise.resolve().then(()=>e(require("./index59.js"))),"../icons/Twitter.tsx":()=>Promise.resolve().then(()=>e(require("./index60.js"))),"../icons/TwitterColored.tsx":()=>Promise.resolve().then(()=>e(require("./index61.js"))),"../icons/Upload.tsx":()=>Promise.resolve().then(()=>e(require("./index62.js"))),"../icons/X.tsx":()=>Promise.resolve().then(()=>e(require("./index63.js"))),"../icons/YouTube.tsx":()=>Promise.resolve().then(()=>e(require("./index64.js"))),"../icons/YouTubeColored.tsx":()=>Promise.resolve().then(()=>e(require("./index65.js")))}),`../icons/${s||"ArrowRight"}.tsx`,3)),[s]);return o.jsx(t.Suspense,{fallback:o.jsx(x,{className:"overflow-visible pointer-events-none"}),children:o.jsx(n,{...i,className:"overflow-visible pointer-events-none",...r})})},P=r=>{const{icon:s,as:i="span",tokens:n,customTheme:m,themeName:h="icon",children:c,...l}=r,u=v(h,n,m);return typeof s!="string"?o.jsxs(i,{...l,className:u,children:[c,s]}):o.jsxs(i,{className:u,children:[c,o.jsx(q,{icon:s,...l})]})};module.exports=P;
+"use strict";const a=require("./index113.js"),o=require("react/jsx-runtime"),t=require("react"),v=require("./index69.js"),x=require("./index111.js"),e=r=>Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"})),q=r=>{const{icon:s,...i}=r,n=t.useMemo(()=>t.lazy(()=>a(Object.assign({"../icons/ArrowDown.tsx":()=>Promise.resolve().then(()=>e(require("./index44.js"))),"../icons/ArrowLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index45.js"))),"../icons/ArrowRight.tsx":()=>Promise.resolve().then(()=>e(require("./index46.js"))),"../icons/Check.tsx":()=>Promise.resolve().then(()=>e(require("./index47.js"))),"../icons/ChevronLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index48.js"))),"../icons/ChevronRight.tsx":()=>Promise.resolve().then(()=>e(require("./index49.js"))),"../icons/CloseBtn.tsx":()=>Promise.resolve().then(()=>e(require("./index50.js"))),"../icons/Facebook.tsx":()=>Promise.resolve().then(()=>e(require("./index51.js"))),"../icons/FacebookColored.tsx":()=>Promise.resolve().then(()=>e(require("./index52.js"))),"../icons/FacebookRounded.tsx":()=>Promise.resolve().then(()=>e(require("./index53.js"))),"../icons/Globe.tsx":()=>Promise.resolve().then(()=>e(require("./index54.js"))),"../icons/IconFallback.tsx":()=>Promise.resolve().then(()=>e(require("./index111.js"))),"../icons/Instagram.tsx":()=>Promise.resolve().then(()=>e(require("./index55.js"))),"../icons/InstagramColored.tsx":()=>Promise.resolve().then(()=>e(require("./index56.js"))),"../icons/Link.tsx":()=>Promise.resolve().then(()=>e(require("./index57.js"))),"../icons/LinkedIn.tsx":()=>Promise.resolve().then(()=>e(require("./index58.js"))),"../icons/Mail.tsx":()=>Promise.resolve().then(()=>e(require("./index59.js"))),"../icons/Plus.tsx":()=>Promise.resolve().then(()=>e(require("./index60.js"))),"../icons/Search.tsx":()=>Promise.resolve().then(()=>e(require("./index112.js"))),"../icons/Share.tsx":()=>Promise.resolve().then(()=>e(require("./index61.js"))),"../icons/Twitter.tsx":()=>Promise.resolve().then(()=>e(require("./index62.js"))),"../icons/TwitterColored.tsx":()=>Promise.resolve().then(()=>e(require("./index63.js"))),"../icons/Upload.tsx":()=>Promise.resolve().then(()=>e(require("./index64.js"))),"../icons/X.tsx":()=>Promise.resolve().then(()=>e(require("./index65.js"))),"../icons/YouTube.tsx":()=>Promise.resolve().then(()=>e(require("./index66.js"))),"../icons/YouTubeColored.tsx":()=>Promise.resolve().then(()=>e(require("./index67.js")))}),`../icons/${s||"ArrowRight"}.tsx`,3)),[s]);return o.jsx(t.Suspense,{fallback:o.jsx(x,{className:"overflow-visible pointer-events-none"}),children:o.jsx(n,{...i,className:"overflow-visible pointer-events-none",...r})})},P=r=>{const{icon:s,as:i="span",tokens:n,customTheme:m,themeName:h="icon",children:c,...l}=r,u=v(h,n,m);return typeof s!="string"?o.jsxs(i,{...l,className:u,children:[c,s]}):o.jsxs(i,{className:u,children:[c,o.jsx(q,{icon:s,...l})]})};module.exports=P;