@okam/stack-ui 1.37.0 → 1.38.0

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 "./index144.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("./index143.js"),O=require("./index11.js"),y=require("./index130.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 B from "./index129.mjs";
-import A from "./index39.mjs";
+import d from "./index89.mjs";
+import C from "./index143.mjs";
+import y from "./index11.mjs";
+import B from "./index130.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("./index113.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 "./index113.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/index42.js

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

package/index42.mjs

@@ -5,7 +5,7 @@ import { useTagGroup as P } from "react-aria";
 import { useListState as T } from "react-stately";
 import b, { BoxWithForwardRef as y } from "./index27.mjs";
 import a from "./index3.mjs";
-import B from "./index144.mjs";
+import B from "./index145.mjs";
 const F = (t) => {
   const {
     themeName: e = "tagGroup",

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/index44.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),T=require("./index145.js"),k=require("./index146.js"),x=require("react"),q=require("./index142.js"),a=require("./index27.js"),L=require("./index47.js"),f=require("./index46.js");function j(i){var u;const{themeName:e="tabList",tokens:o,customTheme:b,label:r,orientation:c="horizontal",panelTransition:h=q}=i,t=k.useTabListState(i),l=x.useRef(null),{tabListProps:d}=T.useTabList(i,t,l),n={...o,orientation:c,isDisabled:t.isDisabled};return s.jsxs(a.default,{themeName:`${e}.wrapper`,tokens:n,customTheme:b,children:[r&&s.jsx(a.default,{themeName:`${e}.label`,tokens:n,children:r}),s.jsxs(a.default,{themeName:`${e}.container`,tokens:n,children:[s.jsx(a.BoxWithForwardRef,{themeName:`${e}.list`,tokens:n,...d,ref:l,children:[...t.collection].map(m=>s.jsx(L,{item:m,state:t,themeName:`${e}.tab`,tokens:{...o,orientation:c}},m.key))}),s.jsx(f,{state:t,themeName:`${e}.panel`,tokens:n,panelTransition:h},(u=t.selectedItem)==null?void 0:u.key)]})]})}module.exports=j;
+"use strict";const s=require("react/jsx-runtime"),T=require("./index146.js"),k=require("./index147.js"),x=require("react"),q=require("./index143.js"),a=require("./index27.js"),L=require("./index47.js"),f=require("./index46.js");function j(i){var u;const{themeName:e="tabList",tokens:o,customTheme:b,label:r,orientation:c="horizontal",panelTransition:h=q}=i,t=k.useTabListState(i),l=x.useRef(null),{tabListProps:d}=T.useTabList(i,t,l),n={...o,orientation:c,isDisabled:t.isDisabled};return s.jsxs(a.default,{themeName:`${e}.wrapper`,tokens:n,customTheme:b,children:[r&&s.jsx(a.default,{themeName:`${e}.label`,tokens:n,children:r}),s.jsxs(a.default,{themeName:`${e}.container`,tokens:n,children:[s.jsx(a.BoxWithForwardRef,{themeName:`${e}.list`,tokens:n,...d,ref:l,children:[...t.collection].map(m=>s.jsx(L,{item:m,state:t,themeName:`${e}.tab`,tokens:{...o,orientation:c}},m.key))}),s.jsx(f,{state:t,themeName:`${e}.panel`,tokens:n,panelTransition:h},(u=t.selectedItem)==null?void 0:u.key)]})]})}module.exports=j;

package/index44.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import { useTabList as $ } from "./index145.mjs";
-import { useTabListState as k } from "./index146.mjs";
+import { useTabList as $ } from "./index146.mjs";
+import { useTabListState as k } from "./index147.mjs";
 import { useRef as T } from "react";
-import u from "./index142.mjs";
+import u from "./index143.mjs";
 import s, { BoxWithForwardRef as x } from "./index27.mjs";
 import N from "./index47.mjs";
 import L from "./index46.mjs";

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/index46.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("react/jsx-runtime"),m=require("./index147.js"),h=require("react"),d=require("./index142.js"),b=require("./index27.js"),x=e=>{var i;const{state:t,customTheme:o,themeName:n="tabList.panel",tokens:s,panelTransition:c=d,...l}=e,r=h.useRef(null),{tabPanelProps:u}=m.useTabPanel(e,t,r);return a.jsx(c,{...l,themeName:`${n}.transition`,tokens:s,customTheme:o,isVisible:!0,children:a.jsx(b.BoxWithForwardRef,{themeName:`${n}.container`,tokens:s,...u,ref:r,children:(i=t.selectedItem)==null?void 0:i.props.children})})};module.exports=x;
+"use strict";const a=require("react/jsx-runtime"),m=require("./index148.js"),h=require("react"),d=require("./index143.js"),b=require("./index27.js"),x=e=>{var i;const{state:t,customTheme:o,themeName:n="tabList.panel",tokens:s,panelTransition:c=d,...l}=e,r=h.useRef(null),{tabPanelProps:u}=m.useTabPanel(e,t,r);return a.jsx(c,{...l,themeName:`${n}.transition`,tokens:s,customTheme:o,isVisible:!0,children:a.jsx(b.BoxWithForwardRef,{themeName:`${n}.container`,tokens:s,...u,ref:r,children:(i=t.selectedItem)==null?void 0:i.props.children})})};module.exports=x;

package/index46.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { useTabPanel as f } from "./index147.mjs";
+import { useTabPanel as f } from "./index148.mjs";
 import { useRef as p } from "react";
-import h from "./index142.mjs";
+import h from "./index143.mjs";
 import { BoxWithForwardRef as b } from "./index27.mjs";
 const x = (e) => {
   var o;

package/index47.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const q=require("react/jsx-runtime"),k=require("@react-aria/focus"),x=require("./index148.js"),F=require("react"),P=require("react-aria"),R=require("./index88.js"),h=require("./index27.js"),D=({item:o,state:e,...r})=>{const{key:s,rendered:t}=o,{themeName:i="tabList.tab",tokens:c,...u}=R.mergeDefaultComponentProps(r,o.props),n=F.useRef(null),{tabProps:a}=x.useTab({key:s},e,n),{focusProps:l,isFocusVisible:b,isFocused:d}=k.useFocusRing({within:!0,autoFocus:!1}),p=e.selectionManager.isDisabled(s),f=e.selectionManager.isSelected(s),g=e.selectionManager.isLink(s),m={...c,isDisabled:p,isSelected:f,isLink:g,isFocused:d,isFocusVisible:b};return q.jsx(h.BoxWithForwardRef,{...P.mergeProps(u,l,a),themeName:i,tokens:m,ref:n,children:t})};module.exports=D;
+"use strict";const q=require("react/jsx-runtime"),k=require("@react-aria/focus"),x=require("./index149.js"),F=require("react"),P=require("react-aria"),R=require("./index88.js"),h=require("./index27.js"),D=({item:o,state:e,...r})=>{const{key:s,rendered:t}=o,{themeName:i="tabList.tab",tokens:c,...u}=R.mergeDefaultComponentProps(r,o.props),n=F.useRef(null),{tabProps:a}=x.useTab({key:s},e,n),{focusProps:l,isFocusVisible:b,isFocused:d}=k.useFocusRing({within:!0,autoFocus:!1}),p=e.selectionManager.isDisabled(s),f=e.selectionManager.isSelected(s),g=e.selectionManager.isLink(s),m={...c,isDisabled:p,isSelected:f,isLink:g,isFocused:d,isFocusVisible:b};return q.jsx(h.BoxWithForwardRef,{...P.mergeProps(u,l,a),themeName:i,tokens:m,ref:n,children:t})};module.exports=D;

package/index47.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
 import { useFocusRing as F } from "@react-aria/focus";
-import { useTab as h } from "./index148.mjs";
+import { useTab as h } from "./index149.mjs";
 import { useRef as x } from "react";
 import { mergeProps as P } from "react-aria";
 import { mergeDefaultComponentProps as D } from "./index88.mjs";

package/index6.mjs

@@ -3,39 +3,37 @@ import { jsx as s } from "react/jsx-runtime";
 import C, { useRef as x } from "react";
 import { useLink as F, FocusRing as T, useButton as w } from "react-aria";
 import B from "./index73.mjs";
-const N = C.forwardRef(
-  (e, t) => {
-    var g;
-    const {
-      as: n = "a",
-      handlePress: m,
-      children: i,
-      as: r,
-      customTheme: l,
-      tokens: f,
-      themeName: h = "button",
-      nextLinkProps: { onClick: c, ...o } = {},
-      ...a
-    } = e, u = t, { linkProps: d } = F(
-      {
-        ...e,
-        ...o,
-        onClick: ({ currentTarget: b, ...P }) => {
-          c == null || c({
-            ...P,
-            // @ts-expect-error Mismatch between react-aria and next/link. Happens since react-aria >3.36
-            currentTarget: b
-          });
-        },
-        href: e.href ?? ((g = o == null ? void 0 : o.href) == null ? void 0 : g.toString()),
-        elementType: r == null ? void 0 : r.toString(),
-        onPress: m
+const N = C.forwardRef((e, t) => {
+  var g;
+  const {
+    as: n = "a",
+    handlePress: m,
+    children: i,
+    as: r,
+    customTheme: l,
+    tokens: f,
+    themeName: h = "button",
+    nextLinkProps: { onClick: c, ...o } = {},
+    ...a
+  } = e, u = t, { linkProps: d } = F(
+    {
+      ...e,
+      ...o,
+      onClick: ({ currentTarget: b, ...P }) => {
+        c == null || c({
+          ...P,
+          // @ts-expect-error Mismatch between react-aria and next/link. Happens since react-aria >3.36
+          currentTarget: b
+        });
       },
-      t ?? u
-    ), R = B(h, f, l);
-    return /* @__PURE__ */ s(T, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: u, ...d, ...o, ...a, className: R, children: i }) });
-  }
-), k = C.forwardRef((e, t) => {
+      href: e.href ?? ((g = o == null ? void 0 : o.href) == null ? void 0 : g.toString()),
+      elementType: r == null ? void 0 : r.toString(),
+      onPress: m
+    },
+    t ?? u
+  ), R = B(h, f, l);
+  return /* @__PURE__ */ s(T, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: u, ...d, ...o, ...a, className: R, children: i }) });
+}), k = C.forwardRef((e, t) => {
   const {
     as: n = "button",
     handlePress: m,

package/index74.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index149.js"),e=require("react"),[u,l]=o.default();function c({children:s}){const[t,n]=e.useState(!1);e.useEffect(()=>{n(!0)},[]);const r=e.useMemo(()=>({isClient:t}),[t]);return i.jsx(l,{value:r,children:s})}exports.IsClientContextProvider=c;exports.useIsClient=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("@okam/core-lib"),e=require("react"),[u,c]=o.createCtx();function l({children:s}){const[t,n]=e.useState(!1);e.useEffect(()=>{n(!0)},[]);const r=e.useMemo(()=>({isClient:t}),[t]);return i.jsx(c,{value:r,children:s})}exports.IsClientContextProvider=l;exports.useIsClient=u;

package/index74.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import i from "./index149.mjs";
+import { createCtx as i } from "@okam/core-lib";
 import { useState as n, useEffect as u, useMemo as f } from "react";
 const [a, l] = i();
 function p({ children: t }) {

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("@okam/core-lib"),s=require("react"),q=require("react-stately"),B=require("./index89.js"),[b,j]=R.createCtx();function m(c){const{children:d,defaultSelectedKey:u,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:p=!1,onOpenChange:r,isOpen:P,defaultOpen:f,type:S="dialog"}=c,y=f??p,g=s.useRef(null),v=s.useRef(null),n=q.useOverlayTriggerState({isOpen:P,defaultOpen:y,onOpenChange(a){if(r==null||r(a),!a){t==null||t();return}e==null||e()}}),{triggerProps:o,overlayProps:i,labelProps:l}=B({type:S},n),O=s.useMemo(()=>({labelProps:l,overlayProps:i,defaultSelectedKey:u,overlayState:n,buttonProps:{closeButtonProps:o,closeButtonRef:v,openButtonProps:o,openButtonRef:g}}),[l,i,u,n,o]);return x.jsx(j,{value:O,children:d})}exports.SidePanelContextProvider=m;exports.useSidePanel=b;

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 { createCtx as x } from "@okam/core-lib";
+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/index76.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),q=require("./index149.js"),j=require("react"),g=require("react-stately"),m=require("./index75.js"),[h,s]=q.createCtxNullable();function R({children:c,defaultSelectedKey:r,defaultIsOpen:x,onCloseCallback:n,onOpenCallback:M,tabs:v,openBtn:t,closeBtn:i,...P}){const e=g.useTabListState({...P,children:v,defaultSelectedKey:r}),d=j.useMemo(()=>({openBtn:t,closeBtn:i,tabState:e,defaultSelectedKey:r}),[t,i,e,r]);return o.jsx(s,{value:d,children:o.jsx(m.SidePanelContextProvider,{onCloseCallback:()=>{var u;n==null||n(),(u=e==null?void 0:e.setSelectedKey)==null||u.call(e,r)},onOpenCallback:M,defaultIsOpen:x,defaultSelectedKey:r.toString(),children:c})})}exports.MenuContextProvider=R;exports.MenuProvider=s;exports.useMenu=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),q=require("@okam/core-lib"),j=require("react"),g=require("react-stately"),m=require("./index75.js"),[h,s]=q.createCtxNullable();function L({children:c,defaultSelectedKey:r,defaultIsOpen:x,onCloseCallback:i,onOpenCallback:M,tabs:v,openBtn:n,closeBtn:u,...P}){const e=g.useTabListState({...P,children:v,defaultSelectedKey:r}),d=j.useMemo(()=>({openBtn:n,closeBtn:u,tabState:e,defaultSelectedKey:r}),[n,u,e,r]);return o.jsx(s,{value:d,children:o.jsx(m.SidePanelContextProvider,{onCloseCallback:()=>{var t;i==null||i(),(t=e==null?void 0:e.setSelectedKey)==null||t.call(e,r)},onOpenCallback:M,defaultIsOpen:x,defaultSelectedKey:r.toString(),children:c})})}exports.MenuContextProvider=L;exports.MenuProvider=s;exports.useMenu=h;

package/index76.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import { createCtxNullable as P } from "./index149.mjs";
+import { createCtxNullable as P } from "@okam/core-lib";
 import { useMemo as f } from "react";
 import { useTabListState as h } from "react-stately";
 import { SidePanelContextProvider as c } from "./index75.mjs";

package/index78.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("./index149.js"),u=require("react"),[d,t]=s.createCtxNullable();function a(r){const{state:e,children:n,TransitionAnimation:o}=r,c=u.useMemo(()=>({state:e,TransitionAnimation:o}),[e,o]);return i.jsx(t,{value:c,children:n})}exports.AccordionContextProvider=a;exports.AccordionProvider=t;exports.useAccordionCtx=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("@okam/core-lib"),u=require("react"),[d,r]=s.createCtxNullable();function a(t){const{state:e,children:c,TransitionAnimation:o}=t,n=u.useMemo(()=>({state:e,TransitionAnimation:o}),[e,o]);return i.jsx(r,{value:n,children:c})}exports.AccordionContextProvider=a;exports.AccordionProvider=r;exports.useAccordionCtx=d;

package/index78.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { createCtxNullable as c } from "./index149.mjs";
+import { createCtxNullable as c } from "@okam/core-lib";
 import { useMemo as m } from "react";
 const [l, s] = c();
 function x(t) {

package/index79.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./index149.js"),t=require("react"),[l,s]=i.default();function S(u){const{userQuery:o,children:a}=u,[e,r]=t.useState(o),c=t.useMemo(()=>({userSearchQuery:e,setUserSearchQuery:r}),[e,r]);return n.jsx(s,{value:c,children:a})}exports.SearchBarProvider=S;exports.SearchProvider=s;exports.useUserQueryValHook=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("@okam/core-lib"),s=require("react"),[l,t]=n.createCtx();function S(o){const{userQuery:u,children:c}=o,[e,r]=s.useState(u),a=s.useMemo(()=>({userSearchQuery:e,setUserSearchQuery:r}),[e,r]);return i.jsx(t,{value:a,children:c})}exports.SearchBarProvider=S;exports.SearchProvider=t;exports.useUserQueryValHook=l;

package/index79.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import c from "./index149.mjs";
+import { createCtx as c } from "@okam/core-lib";
 import { useState as n, useMemo as i } from "react";
 const [f, m] = c();
 function p(o) {

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("./index114.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 "./index114.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/index80.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("./index149.js"),c=require("react"),[u,r]=i.createCtxNullable();function s(o){const{controller:e,children:t}=o,n=c.useMemo(()=>({controller:e}),[e]);return l.jsx(r,{value:n,children:t})}exports.SwiperControllerContextProvider=s;exports.SwiperControllerProvider=r;exports.useSwiperController=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("@okam/core-lib"),c=require("react"),[u,r]=i.createCtxNullable();function s(o){const{controller:e,children:t}=o,l=c.useMemo(()=>({controller:e}),[e]);return n.jsx(r,{value:l,children:t})}exports.SwiperControllerContextProvider=s;exports.SwiperControllerProvider=r;exports.useSwiperController=u;

package/index80.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as l } from "react/jsx-runtime";
-import { createCtxNullable as n } from "./index149.mjs";
+import { createCtxNullable as n } from "@okam/core-lib";
 import { useMemo as i } from "react";
 const [u, c] = n();
 function C(o) {

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 f=require("react/jsx-runtime"),g=require("@okam/core-lib"),v=require("radashi"),s=require("react"),b=require("./index90.js"),[q,i]=g.createCtx();function x({useTranslationFunc:u,children:c,namespace:o="common",translateFunctionName:e="t"}){const l=u(o),d=(t,n)=>(b.log(`translation function not found: translateFunctionName: ${e}`,"warn",{key:t,obj:n,namespace:o}),t),r=v.get(l,e,d),a=s.useCallback((t,n)=>n==null?r(t):r(t,n),[r]),T=s.useMemo(()=>({t:a}),[a]);return f.jsx(i,{value:T,children:c})}exports.TranslationContextProvider=x;exports.TranslationProvider=i;exports.useTranslation=q;