@okam/stack-ui 1.36.1 → 1.37.1

package/index35.mjs

@@ -1,36 +1,36 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useMenu as f } from "./index76.mjs";
-import h from "./index8.mjs";
-import p from "./index143.mjs";
-const T = (m) => {
+import { jsx as r } from "react/jsx-runtime";
+import { useMenu as h } from "./index76.mjs";
+import p from "./index8.mjs";
+import P from "./index143.mjs";
+const B = (m) => {
   const {
     id: n = "main-menu",
     children: s,
-    TransitionAnimation: l,
-    PanelTransition: a,
+    TransitionAnimation: a,
+    PanelTransition: l,
     themeName: t,
     tokens: o,
-    customTheme: r,
-    ...c
-  } = m, { closeBtn: d, tabState: e, defaultSelectedKey: u } = f();
-  return /* @__PURE__ */ i(
-    h,
+    customTheme: i,
+    ...d
+  } = m, { closeBtn: c, tabState: e, defaultSelectedKey: u } = h();
+  return /* @__PURE__ */ r(
+    p,
     {
       themeName: `${t}.sidePanel`,
       tokens: o,
-      customTheme: r,
-      closeBtnRender: d,
+      customTheme: i,
+      closeBtnRender: c,
       id: n,
-      TransitionAnimation: l,
-      PanelTransition: a,
-      onCloseCallBack: () => {
-        e == null || e.setSelectedKey(u);
+      TransitionAnimation: a,
+      PanelTransition: l,
+      onOpenChange: (f) => {
+        f || e == null || e.setSelectedKey(u);
       },
-      children: /* @__PURE__ */ i(p, { id: n, themeName: t, tokens: o, customTheme: r, ...c, children: s })
+      children: /* @__PURE__ */ r(P, { id: n, themeName: t, tokens: o, customTheme: i, ...d, children: s })
     }
   );
 };
 export {
-  T as default
+  B as default
 };

package/index38.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),d=require("./index142.js"),x=require("./index11.js"),O=require("./index113.js"),y=require("./index129.js"),B=require("./index39.js"),C=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=B,...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=C;
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),d=require("./index89.js"),x=require("./index142.js"),O=require("./index11.js"),y=require("./index129.js"),B=require("./index39.js"),C=e=>{const{themeName:t="alerts",tokens:s,customTheme:R,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=x,closeButtonAriaLabel:c,isOpen:f,onOpenChange:j,setOpen:A,children:u=B,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=d({...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(O,{themeName:t,tokens:s,...m,children:u})]})};module.exports=C;

package/index38.mjs

@@ -2,28 +2,28 @@
 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 "./index142.mjs";
-import C from "./index11.mjs";
-import y from "./index113.mjs";
+import d from "./index89.mjs";
+import C from "./index142.mjs";
+import y from "./index11.mjs";
 import B from "./index129.mjs";
-import A from "./index39.mjs";
+import b from "./index39.mjs";
 const I = (e) => {
   const {
     themeName: t = "alerts",
     tokens: r,
-    customTheme: b,
-    defaultOpen: i = !0,
-    closeButton: m = B,
-    transitionComponent: l = d,
+    customTheme: A,
+    defaultOpen: l = !0,
+    closeButton: i = B,
+    transitionComponent: m = C,
     closeButtonAriaLabel: a,
     isOpen: v,
     onOpenChange: x,
     setOpen: N,
-    children: p = A,
+    children: p = b,
     ...u
-  } = e, o = h(null), s = O({ ...e, defaultOpen: i }), { triggerProps: f, overlayProps: c } = y({ ...e, type: "dialog" }, s, o);
+  } = e, o = h(null), s = O({ ...e, defaultOpen: l }), { triggerProps: f, overlayProps: c } = d({ ...e, type: "dialog" }, s, o);
   return /* @__PURE__ */ g(
-    l,
+    m,
     {
       ...c,
       role: "alert",
@@ -32,7 +32,7 @@ const I = (e) => {
       isVisible: s.isOpen,
       children: [
         /* @__PURE__ */ n(
-          m,
+          i,
           {
             ref: o,
             themeName: `${t}.closeBtn`,
@@ -40,7 +40,7 @@ const I = (e) => {
             ...f
           }
         ),
-        /* @__PURE__ */ n(C, { themeName: t, tokens: r, ...u, children: p })
+        /* @__PURE__ */ n(y, { themeName: t, tokens: r, ...u, children: p })
       ]
     }
   );

package/index4.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),d=require("@react-aria/accordion"),m=require("react"),x=require("./index78.js"),q=require("./index27.js"),A=require("./index111.js"),h=require("./index87.js"),l=e=>{const{themeName:c="accordion",tokens:n,customTheme:s,TransitionAnimation:u}=e,t=m.useRef(null),o=h(e),{accordionProps:a}=d.useAccordion(e,o,t);return r.jsx(x.AccordionContextProvider,{state:o,TransitionAnimation:u,children:r.jsx(q.BoxWithForwardRef,{themeName:`${c}.wrapper`,tokens:n,customTheme:s,ref:t,...a,children:[...o.collection].map(i=>r.jsx(A,{item:i,themeName:c,tokens:n},i.key))})})};module.exports=l;
+"use strict";const r=require("react/jsx-runtime"),d=require("@react-aria/accordion"),m=require("react"),x=require("./index78.js"),q=require("./index27.js"),A=require("./index112.js"),h=require("./index87.js"),l=e=>{const{themeName:c="accordion",tokens:n,customTheme:s,TransitionAnimation:u}=e,t=m.useRef(null),o=h(e),{accordionProps:a}=d.useAccordion(e,o,t);return r.jsx(x.AccordionContextProvider,{state:o,TransitionAnimation:u,children:r.jsx(q.BoxWithForwardRef,{themeName:`${c}.wrapper`,tokens:n,customTheme:s,ref:t,...a,children:[...o.collection].map(i=>r.jsx(A,{item:i,themeName:c,tokens:n},i.key))})})};module.exports=l;

package/index4.mjs

@@ -4,7 +4,7 @@ import { useAccordion as s } from "@react-aria/accordion";
 import { useRef as f } from "react";
 import { AccordionContextProvider as p } from "./index78.mjs";
 import { BoxWithForwardRef as u } from "./index27.mjs";
-import l from "./index111.mjs";
+import l from "./index112.mjs";
 import A from "./index87.mjs";
 const T = (o) => {
   const { themeName: e = "accordion", tokens: c, customTheme: m, TransitionAnimation: a } = o, n = f(null), r = A(o), { accordionProps: d } = s(o, r, n);

package/index43.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index89.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TagItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index90.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TagItem=f;

package/index43.mjs

@@ -1,6 +1,6 @@
 "use client";
 import d from "react";
-import { log as m } from "./index89.mjs";
+import { log as m } from "./index90.mjs";
 function s(t) {
   return null;
 }

package/index45.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index89.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TabItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index90.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TabItem=f;

package/index45.mjs

@@ -1,6 +1,6 @@
 "use client";
 import d from "react";
-import { log as h } from "./index89.mjs";
+import { log as h } from "./index90.mjs";
 function u(t) {
   return null;
 }

package/index75.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),g=require("./index149.js"),r=require("react"),v=require("react-stately"),y=require("./index113.js"),[x,R]=g.default();function q(i){const{children:l,defaultSelectedKey:s,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:a=!1,type:c="dialog"}=i,d=r.useRef(null),P=r.useRef(null),n=v.useOverlayTriggerState({defaultOpen:a,onOpenChange(p){if(!p){t==null||t();return}e==null||e()}}),{triggerProps:o,overlayProps:u}=y({type:c},n),f=r.useMemo(()=>({overlayProps:u,defaultSelectedKey:s,overlayState:n,buttonProps:{closeButtonProps:o,closeButtonRef:P,openButtonProps:o,openButtonRef:d}}),[n,s,o,u]);return S.jsx(R,{value:f,children:l})}exports.SidePanelContextProvider=q;exports.useSidePanel=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),R=require("./index149.js"),s=require("react"),q=require("react-stately"),B=require("./index89.js"),[j,m]=R.default();function b(c){const{children:d,defaultSelectedKey:u,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:p=!1,onOpenChange:n,isOpen:P,defaultOpen:f,type:S="dialog"}=c,y=f??p,g=s.useRef(null),v=s.useRef(null),o=q.useOverlayTriggerState({isOpen:P,defaultOpen:y,onOpenChange(a){if(n==null||n(a),!a){t==null||t();return}e==null||e()}}),{triggerProps:r,overlayProps:l,labelProps:i}=B({type:S},o),O=s.useMemo(()=>({labelProps:i,overlayProps:l,defaultSelectedKey:u,overlayState:o,buttonProps:{closeButtonProps:r,closeButtonRef:v,openButtonProps:r,openButtonRef:g}}),[i,l,u,o,r]);return x.jsx(m,{value:O,children:d})}exports.SidePanelContextProvider=b;exports.useSidePanel=j;

package/index75.mjs

@@ -1,44 +1,49 @@
 "use client";
-import { jsx as P } from "react/jsx-runtime";
-import v from "./index149.mjs";
-import { useRef as u, useMemo as g } from "react";
-import { useOverlayTriggerState as y } from "react-stately";
-import S from "./index113.mjs";
-const [H, x] = v();
-function I(i) {
+import { jsx as S } from "react/jsx-runtime";
+import x from "./index149.mjs";
+import { useRef as a, useMemo as B } from "react";
+import { useOverlayTriggerState as R } from "react-stately";
+import b from "./index89.mjs";
+const [M, h] = x();
+function T(i) {
   const {
-    children: l,
-    defaultSelectedKey: n,
+    children: f,
+    defaultSelectedKey: s,
     onOpenCallback: e,
-    onCloseCallback: o,
-    defaultIsOpen: p = !1,
-    type: f = "dialog"
-  } = i, a = u(null), c = u(null), t = y({
-    defaultOpen: p,
-    onOpenChange(m) {
-      if (!m) {
-        o == null || o();
+    onCloseCallback: t,
+    defaultIsOpen: d = !1,
+    onOpenChange: o,
+    isOpen: c,
+    defaultOpen: P,
+    type: m = "dialog"
+  } = i, O = P ?? d, v = a(null), y = a(null), r = R({
+    isOpen: c,
+    defaultOpen: O,
+    onOpenChange(u) {
+      if (o == null || o(u), !u) {
+        t == null || t();
         return;
       }
       e == null || e();
     }
-  }), { triggerProps: r, overlayProps: s } = S({ type: f }, t), d = g(
+  }), { triggerProps: n, overlayProps: l, labelProps: p } = b({ type: m }, r), g = B(
     () => ({
-      overlayProps: s,
-      defaultSelectedKey: n,
-      overlayState: t,
+      labelProps: p,
+      overlayProps: l,
+      defaultSelectedKey: s,
+      overlayState: r,
       buttonProps: {
-        closeButtonProps: r,
-        closeButtonRef: c,
-        openButtonProps: r,
-        openButtonRef: a
+        closeButtonProps: n,
+        closeButtonRef: y,
+        openButtonProps: n,
+        openButtonRef: v
       }
     }),
-    [t, n, r, s]
+    [p, l, s, r, n]
   );
-  return /* @__PURE__ */ P(x, { value: d, children: l });
+  return /* @__PURE__ */ S(h, { value: g, children: f });
 }
 export {
-  I as SidePanelContextProvider,
-  H as useSidePanel
+  T as SidePanelContextProvider,
+  M as useSidePanel
 };

package/index8.js

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

package/index8.mjs

@@ -1,46 +1,57 @@
 "use client";
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import f from "react-div-100vh";
-import { useSidePanel as u } from "./index75.mjs";
-import P from "./index73.mjs";
-import T from "./index33.mjs";
-import x from "./index112.mjs";
-import o from "./index27.mjs";
-import N from "./index30.mjs";
-const A = (m) => {
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { useEffect as v } from "react";
+import x from "react-div-100vh";
+import { useSidePanel as D } from "./index75.mjs";
+import $ from "./index33.mjs";
+import y from "./index113.mjs";
+import r from "./index27.mjs";
+import j from "./index30.mjs";
+const M = (l) => {
   const {
-    children: a,
-    closeBtnRender: r,
+    children: d,
+    closeBtnRender: m,
     themeName: e = "sidePanel",
-    tokens: i,
-    TransitionAnimation: s = T,
-    PanelTransition: l = x,
-    customTheme: p
-  } = m, d = P(`${e}.wrapper`, i, p), { overlayState: t, overlayProps: h } = u();
-  return /* @__PURE__ */ n(
-    N,
+    tokens: c,
+    TransitionAnimation: f = $,
+    PanelTransition: h = y,
+    onOpenChange: n,
+    customTheme: p,
+    isDismissable: u = !0,
+    shouldCloseOnInteractOutside: P,
+    isKeyboardDismissDisabled: k = !1,
+    onCloseCallBack: o,
+    title: N,
+    ...S
+  } = l, { overlayState: a, overlayProps: T } = D(), { isOpen: t } = a;
+  v(() => {
+    n == null || n(t), t || o == null || o();
+  }, [t, n, o]);
+  const i = {
+    isOpen: t,
+    ...c
+  };
+  return /* @__PURE__ */ s(
+    j,
     {
       themeName: e,
       tokens: i,
-      state: t,
-      ...h,
-      transitionComponent: l,
-      isDismissable: !0,
-      children: /* @__PURE__ */ c(f, { className: d, children: [
-        r && r(),
-        /* @__PURE__ */ n(
-          s,
-          {
-            themeName: `${e}.transitionAnimation`,
-            tokens: i,
-            isVisible: t.isOpen,
-            children: /* @__PURE__ */ n(o, { themeName: `${e}.container`, tokens: i, children: /* @__PURE__ */ n(o, { themeName: `${e}.innerContainer`, tokens: i, children: a }) })
-          }
-        )
+      customTheme: p,
+      state: a,
+      ...T,
+      transitionComponent: h,
+      isDismissable: u,
+      shouldCloseOnInteractOutside: P,
+      isKeyboardDismissDisabled: k,
+      title: N,
+      ...S,
+      children: /* @__PURE__ */ b(r, { as: x, themeName: `${e}.wrapper`, tokens: i, children: [
+        m && m(),
+        /* @__PURE__ */ s(f, { themeName: `${e}.transitionAnimation`, tokens: i, isVisible: t, children: /* @__PURE__ */ s(r, { themeName: `${e}.container`, tokens: i, children: /* @__PURE__ */ s(r, { themeName: `${e}.innerContainer`, tokens: i, children: d }) }) })
       ] })
     }
   );
 };
 export {
-  A as default
+  M as default
 };

package/index81.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),g=require("./index149.js"),v=require("radashi"),s=require("react"),q=require("./index89.js"),[x,i]=g.default();function P({useTranslationFunc:u,children:l,namespace:o="common",translateFunctionName:e="t"}){const c=u(o),d=(t,n)=>(q.log(`translation function not found: translateFunctionName: ${e}`,"warn",{key:t,obj:n,namespace:o}),t),r=v.get(c,e,d),a=s.useCallback((t,n)=>n==null?r(t):r(t,n),[r]),f=s.useMemo(()=>({t:a}),[a]);return T.jsx(i,{value:f,children:l})}exports.TranslationContextProvider=P;exports.TranslationProvider=i;exports.useTranslation=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),g=require("./index149.js"),v=require("radashi"),s=require("react"),q=require("./index90.js"),[x,i]=g.default();function P({useTranslationFunc:u,children:l,namespace:o="common",translateFunctionName:e="t"}){const c=u(o),d=(t,n)=>(q.log(`translation function not found: translateFunctionName: ${e}`,"warn",{key:t,obj:n,namespace:o}),t),r=v.get(c,e,d),a=s.useCallback((t,n)=>n==null?r(t):r(t,n),[r]),f=s.useMemo(()=>({t:a}),[a]);return T.jsx(i,{value:f,children:l})}exports.TranslationContextProvider=P;exports.TranslationProvider=i;exports.useTranslation=x;

package/index81.mjs

@@ -3,7 +3,7 @@ import { jsx as u } from "react/jsx-runtime";
 import m from "./index149.mjs";
 import { get as f } from "radashi";
 import { useCallback as p, useMemo as x } from "react";
-import { log as b } from "./index89.mjs";
+import { log as b } from "./index90.mjs";
 const [j, d] = m();
 function k({
   useTranslationFunc: i,

package/index89.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index150.js");const o=require("./index151.js"),e=o("[StackUI]"),{log:r}=e;exports.log=r;exports.logger=e;
+"use client";
+"use strict";const n=require("./index150.js"),p=require("react-aria");function d(s,o,l){const{type:a="dialog"}=s,{triggerProps:{onPress:t,...i},overlayProps:g}=p.useOverlayTrigger({type:a},o,l),r=n.useSlotId(),e={"aria-labelledby":r,handlePress:t,...i};return{openTriggerProps:e,triggerProps:e,labelProps:{id:r},overlayProps:{...g,"aria-labelledby":r}}}module.exports=d;

package/index89.mjs

@@ -1,7 +1,22 @@
-import "./index150.mjs";
-import o from "./index151.mjs";
-const r = o("[StackUI]"), { log: g } = r;
+"use client";
+import { useSlotId as g } from "./index150.mjs";
+import { useOverlayTrigger as i } from "react-aria";
+function P(o, s, l) {
+  const { type: a = "dialog" } = o, {
+    triggerProps: { onPress: t, ...p },
+    overlayProps: d
+  } = i({ type: a }, s, l), r = g(), e = {
+    "aria-labelledby": r,
+    handlePress: t,
+    ...p
+  };
+  return {
+    openTriggerProps: e,
+    triggerProps: e,
+    labelProps: { id: r },
+    overlayProps: { ...d, "aria-labelledby": r }
+  };
+}
 export {
-  g as log,
-  r as logger
+  P as default
 };

package/index9.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),j=require("@react-aria/focus"),$=require("react-stately"),q=require("./index27.js"),a=require("./index6.js"),b=require("./index14.js"),f=require("./index30.js"),B=require("./index3.js"),N=require("./index113.js"),p=n=>{const{themeName:r,tokens:o,children:i,...t}=n;return e.jsx(a.default,{themeName:r,tokens:o,...t,children:e.jsx(b,{icon:"CloseBtn"})})},C=n=>{const{children:r,thumbnailContent:o,label:i,themeName:t="lightBox",tokens:s,closeButton:c=p,closeButtonAriaLabel:u,transitionComponent:h}=n,l=$.useOverlayTriggerState(n),{openTriggerProps:d,triggerProps:x,overlayProps:m,labelProps:g}=N({...n,type:"dialog"},l);return e.jsxs(e.Fragment,{children:[e.jsx(j.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs(a.default,{themeName:`${t}.wrapper`,tokens:s,...d,children:[i&&e.jsx(B.default,{themeName:`${t}.label`,tokens:{size:"footnotes"},...g,children:i}),o]})}),e.jsxs(f,{themeName:`${t}.modal`,tokens:s,state:l,...m,transitionComponent:h,children:[e.jsx(c,{themeName:`${t}.closeBtn`,tokens:s,"aria-label":u,...x}),e.jsx(q.default,{themeName:`${t}.container`,tokens:s,children:r})]})]})};module.exports=C;
+"use strict";const e=require("react/jsx-runtime"),q=require("@react-aria/focus"),B=require("react-stately"),b=require("./index89.js"),f=require("./index27.js"),a=require("./index6.js"),C=require("./index14.js"),N=require("./index30.js"),p=require("./index3.js"),w=n=>{const{themeName:s,tokens:o,children:i,...t}=n;return e.jsx(a.default,{themeName:s,tokens:o,...t,children:e.jsx(C,{icon:"CloseBtn"})})},y=n=>{const{children:s,thumbnailContent:o,label:i,themeName:t="lightBox",tokens:r,closeButton:c=w,closeButtonAriaLabel:u,transitionComponent:h,showTriggerButton:d=!0,showCloseButton:x=!0}=n,l=B.useOverlayTriggerState(n),{openTriggerProps:m,triggerProps:g,overlayProps:j,labelProps:$}=b({...n,type:"dialog"},l);return e.jsxs(e.Fragment,{children:[d&&e.jsx(q.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs(a.default,{themeName:`${t}.wrapper`,tokens:r,...m,children:[i&&e.jsx(p.default,{themeName:`${t}.label`,tokens:r,...$,children:i}),o]})}),e.jsxs(N,{themeName:`${t}.modal`,tokens:r,state:l,...j,transitionComponent:h,children:[x&&e.jsx(c,{themeName:`${t}.closeBtn`,tokens:r,"aria-label":u,...g}),e.jsx(f.default,{themeName:`${t}.container`,tokens:r,children:s})]})]})};module.exports=y;

package/index9.mjs

@@ -1,59 +1,61 @@
 "use client";
-import { jsxs as s, Fragment as B, jsx as o } from "react/jsx-runtime";
-import { FocusRing as b } from "@react-aria/focus";
-import { useOverlayTriggerState as x } from "react-stately";
-import C from "./index27.mjs";
-import l from "./index6.mjs";
-import N from "./index14.mjs";
-import y from "./index30.mjs";
-import $ from "./index3.mjs";
-import k from "./index113.mjs";
-const P = (t) => {
-  const { themeName: n, tokens: i, children: m, ...e } = t;
-  return /* @__PURE__ */ o(l, { themeName: n, tokens: i, ...e, children: /* @__PURE__ */ o(N, { icon: "CloseBtn" }) });
-}, A = (t) => {
+import { jsxs as l, Fragment as C, jsx as t } from "react/jsx-runtime";
+import { FocusRing as x } from "@react-aria/focus";
+import { useOverlayTriggerState as N } from "react-stately";
+import y from "./index89.mjs";
+import $ from "./index27.mjs";
+import s from "./index6.mjs";
+import w from "./index14.mjs";
+import L from "./index30.mjs";
+import P from "./index3.mjs";
+const 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" }) });
+}, M = (o) => {
   const {
     children: n,
     thumbnailContent: i,
     label: m,
     themeName: e = "lightBox",
     tokens: r,
-    closeButton: c = P,
-    closeButtonAriaLabel: h,
-    transitionComponent: p
-  } = t, a = x(t), { openTriggerProps: g, triggerProps: u, overlayProps: f, labelProps: d } = k(
-    { ...t, type: "dialog" },
+    closeButton: h = T,
+    closeButtonAriaLabel: c,
+    transitionComponent: p,
+    showTriggerButton: u = !0,
+    showCloseButton: g = !0
+  } = o, a = N(o), { openTriggerProps: d, triggerProps: f, overlayProps: B, labelProps: b } = y(
+    { ...o, type: "dialog" },
     a
   );
-  return /* @__PURE__ */ s(B, { children: [
-    /* @__PURE__ */ o(b, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ s(l, { themeName: `${e}.wrapper`, tokens: r, ...g, children: [
-      m && /* @__PURE__ */ o($, { themeName: `${e}.label`, tokens: { size: "footnotes" }, ...d, children: m }),
+  return /* @__PURE__ */ l(C, { children: [
+    u && /* @__PURE__ */ t(x, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ l(s, { themeName: `${e}.wrapper`, tokens: r, ...d, children: [
+      m && /* @__PURE__ */ t(P, { themeName: `${e}.label`, tokens: r, ...b, children: m }),
       i
     ] }) }),
-    /* @__PURE__ */ s(
-      y,
+    /* @__PURE__ */ l(
+      L,
       {
         themeName: `${e}.modal`,
         tokens: r,
         state: a,
-        ...f,
+        ...B,
         transitionComponent: p,
         children: [
-          /* @__PURE__ */ o(
-            c,
+          g && /* @__PURE__ */ t(
+            h,
             {
               themeName: `${e}.closeBtn`,
               tokens: r,
-              "aria-label": h,
-              ...u
+              "aria-label": c,
+              ...f
             }
           ),
-          /* @__PURE__ */ o(C, { themeName: `${e}.container`, tokens: r, children: n })
+          /* @__PURE__ */ t($, { themeName: `${e}.container`, tokens: r, children: n })
         ]
       }
     )
   ] });
 };
 export {
-  A as default
+  M as default
 };

package/index90.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e;exports.makeTheme=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index151.js");const o=require("./index152.js"),e=o("[StackUI]"),{log:r}=e;exports.log=r;exports.logger=e;

package/index90.mjs

@@ -1,4 +1,7 @@
-const m = (e) => e;
+import "./index151.mjs";
+import o from "./index152.mjs";
+const r = o("[StackUI]"), { log: g } = r;
 export {
-  m as makeTheme
+  g as log,
+  r as logger
 };

package/index91.js

@@ -1,6 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),n=e.tv({base:"[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500",defaultVariants:{textAlign:"left",isOpen:!1},variants:{textAlign:{center:"text-center",left:"text-left"}}}),o=e.tv({base:"grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black",variants:{titleBold:{true:"font-bold"},textAlign:{center:"grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0",left:"grid-cols-[1fr_3rem]"},bgColor:{gray:"bg-gray-300",white:"bg-white"}},defaultVariants:{titleBold:!1,textAlign:"left",bgColor:"white"}}),r=e.tv({base:"",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"justify-self-center col-start-2",left:"justify-self-start"}}}),i=e.tv({base:"text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square",variants:{isOpen:{true:"-rotate-90",false:""}}}),a=e.tv({base:`
-    font-body 
-    text-inherit
-    h-auto
-    grid
-  `,defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"grid-cols-[3rem_1fr_3rem] px-6 text-center",left:"grid-cols-[1fr_3rem] text-left"}}}),l=e.tv({base:"overflow-hidden flex flex-col gap-2 items-start",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"col-start-2",left:""}}}),c={container:t=>n(t),button:t=>o(t),title:t=>r(t),icon:t=>i(t),region:t=>a(t),content:t=>l(t)};exports.accordionButton=o;exports.accordionContainer=n;exports.accordionContent=l;exports.accordionIcon=i;exports.accordionRegion=a;exports.accordionTheme=c;exports.accordionTitle=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e;exports.makeTheme=t;