@okam/stack-ui 1.37.1 → 1.38.0

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("./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;
+"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 "./index112.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/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/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 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;
+"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,6 +1,6 @@
 "use client";
 import { jsx as S } from "react/jsx-runtime";
-import x from "./index149.mjs";
+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";

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 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;
+"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

@@ -4,7 +4,7 @@ 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 y from "./index114.mjs";
 import r from "./index27.mjs";
 import j from "./index30.mjs";
 const M = (l) => {

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("./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;
+"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;

package/index81.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import m from "./index149.mjs";
+import { createCtx as m } from "@okam/core-lib";
 import { get as f } from "radashi";
 import { useCallback as p, useMemo as x } from "react";
 import { log as b } from "./index90.mjs";

package/index88.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("radashi"),r=require("react-aria");function i(...t){const s=t.reduce((e,o)=>Object.assign(e,o==null?void 0:o.tokens),{}),n=t.map(e=>e==null?void 0:e.customTheme).filter(e=>!m.isEmpty(e)).join(" ");return{...r.mergeProps(...t.filter(e=>e!==null)),tokens:s,customTheme:n}}exports.mergeDefaultComponentProps=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("radashi"),r=require("react-aria");function d(s,...n){const o=[s,...n],m=o.reduce((e,t)=>t&&"tokens"in t?Object.assign(e,t==null?void 0:t.tokens):e,{}),i=o.map(e=>e&&"customTheme"in e?e==null?void 0:e.customTheme:void 0).filter(e=>!l.isEmpty(e)).join(" ");return{...r.mergeProps(...o.filter(e=>e!==null)),tokens:m,customTheme:i}}exports.mergeDefaultComponentProps=d;

package/index88.mjs

@@ -1,9 +1,12 @@
-import { isEmpty as n } from "radashi";
-import { mergeProps as i } from "react-aria";
-function d(...o) {
-  const t = o.reduce((e, m) => Object.assign(e, m == null ? void 0 : m.tokens), {}), s = o.map((e) => e == null ? void 0 : e.customTheme).filter((e) => !n(e)).join(" ");
-  return { ...i(...o.filter((e) => e !== null)), tokens: t, customTheme: s };
+import { isEmpty as p } from "radashi";
+import { mergeProps as l } from "react-aria";
+function g(m, ...s) {
+  const t = [m, ...s], n = t.reduce(
+    (e, o) => o && "tokens" in o ? Object.assign(e, o == null ? void 0 : o.tokens) : e,
+    {}
+  ), i = t.map((e) => e && "customTheme" in e ? e == null ? void 0 : e.customTheme : void 0).filter((e) => !p(e)).join(" ");
+  return { ...l(...t.filter((e) => e !== null)), tokens: n, customTheme: i };
 }
 export {
-  d as mergeDefaultComponentProps
+  g as mergeDefaultComponentProps
 };

package/index90.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@okam/logger"),e=o.createLogger("[StackUI]"),{log:g}=e;exports.log=g;exports.logger=e;

package/index90.mjs

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

package/index93.js

@@ -1 +1 @@
-"use strict";const e=require("tailwind-variants"),t=require("./index95.js"),r=require("./index111.js"),a=e.tv({base:"bg-color-1-200 p-4 flex flex-col gap-4"}),s=e.tv({base:"flex justify-between items-center gap-4 relative"}),n=e.tv({extend:t,base:"self-end"}),o=e.tv({base:"bg-color-1-300 m-2 rounded-lg order-2"}),l=e.tv({base:"m-4"}),i=e.tv({base:""}),c=e.tv({base:""}),p=e.tv({extend:r,defaultVariants:{size:"h1"}}),b=e.tv({extend:r}),u=e.tv({base:"block w-min bg-color-1-400 p-2 rounded-lg"}),v=e.tv({extend:t,variants:{order:{prev:"order-1",next:"order-3"}}}),d=e.tv({base:"flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0"}),g=e.tv({base:"w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",variants:{active:{true:"bg-color-1-100",false:""}}}),w={wrapper:a,carouselWrapper:s,closeBtn:n,swiper:{swiper:o,wrapper:l},item:{wrapper:i,container:c,title:p,content:b,icon:u},navigation:{button:v},pagination:{wrapper:d,bullet:g}};module.exports=w;
+"use strict";const e=require("tailwind-variants"),t=require("./index95.js"),r=require("./index112.js"),a=e.tv({base:"bg-color-1-200 p-4 flex flex-col gap-4"}),s=e.tv({base:"flex justify-between items-center gap-4 relative"}),n=e.tv({extend:t,base:"self-end"}),o=e.tv({base:"bg-color-1-300 m-2 rounded-lg order-2"}),l=e.tv({base:"m-4"}),i=e.tv({base:""}),c=e.tv({base:""}),p=e.tv({extend:r,defaultVariants:{size:"h1"}}),b=e.tv({extend:r}),u=e.tv({base:"block w-min bg-color-1-400 p-2 rounded-lg"}),v=e.tv({extend:t,variants:{order:{prev:"order-1",next:"order-3"}}}),d=e.tv({base:"flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0"}),g=e.tv({base:"w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",variants:{active:{true:"bg-color-1-100",false:""}}}),w={wrapper:a,carouselWrapper:s,closeBtn:n,swiper:{swiper:o,wrapper:l},item:{wrapper:i,container:c,title:p,content:b,icon:u},navigation:{button:v},pagination:{wrapper:d,bullet:g}};module.exports=w;

package/index93.mjs

@@ -1,6 +1,6 @@
 import { tv as e } from "tailwind-variants";
 import t from "./index95.mjs";
-import r from "./index111.mjs";
+import r from "./index112.mjs";
 const a = e({
   base: "bg-color-1-200 p-4 flex flex-col gap-4"
 }), o = e({

package/logger.d.ts

@@ -1,2 +1,2 @@
 export declare const logger: import("@okam/logger").Logger;
-export declare const log: (message: string, severity?: import("@okam/logger").LogSeverity | undefined, context?: Record<string, unknown> | undefined) => void;
+export declare const log: (message: string, severity?: import("@okam/logger").LogSeverity, context?: Record<string, unknown>) => void;

package/message.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+type Props = {
+    message: string;
+    children?: never;
+};
+export declare const Message: FC<Props>;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.37.1",
+  "version": "1.38.0",
   "types": "./index.d.ts",
   "exports": {
     ".": {

package/providers/Accordion/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TAccordionContext, TAccordionProviderProps } from './interface';
 export declare const useAccordionCtx: () => TAccordionContext, AccordionProvider: import("react").Provider<TAccordionContext | undefined>;
 export declare function AccordionContextProvider(props: TAccordionProviderProps): import("react/jsx-runtime").JSX.Element;

package/providers/Menu/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IMenuProviderProps, TMenuContext } from './interface';
 export declare const useMenu: () => TMenuContext, MenuProvider: import("react").Provider<TMenuContext | undefined>;
 export declare function MenuContextProvider({ children, defaultSelectedKey, defaultIsOpen, onCloseCallback, onOpenCallback, tabs, openBtn, closeBtn, ...rest }: IMenuProviderProps): import("react/jsx-runtime").JSX.Element;

package/providers/Swiper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TSwiperControllerContext, TSwiperControllerProviderProps } from './interface';
 export declare const useSwiperController: () => TSwiperControllerContext, SwiperControllerProvider: import("react").Provider<TSwiperControllerContext | undefined>;
 export declare function SwiperControllerContextProvider(props: TSwiperControllerProviderProps): import("react/jsx-runtime").JSX.Element;

package/providers/Translation/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TTranslationContext, TTranslationProps } from './interface';
 export declare const useTranslation: () => TTranslationContext, TranslationProvider: import("react").Provider<TTranslationContext | undefined>;
 export declare function TranslationContextProvider({ useTranslationFunc, children, namespace, translateFunctionName, }: TTranslationProps): import("react/jsx-runtime").JSX.Element;

package/providers/Translation/interface.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TTranslateFunc = (key: string, obj?: Record<string, unknown>) => string;
 export type TTranslationProps = {
     useTranslationFunc: (ns: string) => {

package/providers/UserSearchQuery/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TSearchListingContext, TSearchProviderProps } from './interface';
 export declare const useUserQueryValHook: () => TSearchListingContext, SearchProvider: import("react").Provider<TSearchListingContext | undefined>;
 export declare function SearchBarProvider(props: TSearchProviderProps): import("react/jsx-runtime").JSX.Element;

package/storybook/Lightbox/LightboxControlledState.d.ts

@@ -0,0 +1,3 @@
+import type { TLightboxProps } from '../../components/Lightbox/interface';
+declare const LightboxControlledState: (props: TLightboxProps) => import("react/jsx-runtime").JSX.Element;
+export default LightboxControlledState;

package/storybook/Menu/Menu.d.ts

@@ -0,0 +1,34 @@
+import type { ComponentType } from 'react';
+import React from 'react';
+import type { TButtonProps } from '../../components/Button/interface';
+import type { TMenuItemProps, TMenuProps, TMenuSidePanelProps } from '../../components/Menu/interface';
+export type TSubMenuTab = {
+    key: string;
+    title: string;
+    childItems?: TMenuItemProps[] | null;
+    extra: React.ReactNode | undefined;
+};
+export type TSubMenuExtraData = {
+    path: string;
+    data: React.ReactNode;
+};
+export declare const SidePanelControl: () => import("react/jsx-runtime").JSX.Element;
+export declare const BackBtn: ({ label }: TButtonProps & {
+    label?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseBtn: () => false | import("react/jsx-runtime").JSX.Element;
+export declare const ShowTab: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseBtnRender: () => import("react/jsx-runtime").JSX.Element;
+export declare const MenuFactory: ({ menuItems, tabs, id, defaultIsOpen, openBtn, MenuComponent, }: {
+    tabs: JSX.Element[];
+    id: string;
+    menuItems?: TMenuItemProps[] | null;
+    defaultIsOpen?: boolean;
+    openBtn?: React.ReactNode | null;
+    MenuComponent: ComponentType<TMenuProps | TMenuSidePanelProps>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const menuTabs: (menu: TMenuItemProps[], extras?: TSubMenuExtraData[], MenuComponent?: ComponentType<TMenuProps>) => import("react/jsx-runtime").JSX.Element[];
+declare const MenuContent: () => import("react/jsx-runtime").JSX.Element;
+export default MenuContent;

package/storybook/Menu/NestedMenu.d.ts

@@ -0,0 +1,2 @@
+declare const MenuContent: () => import("react/jsx-runtime").JSX.Element;
+export default MenuContent;

package/storybook/Menu/mock.d.ts

@@ -0,0 +1,2 @@
+import type { TMenuItemProps } from '../../components/Menu/interface';
+export declare const items: TMenuItemProps[];

package/storybook/SelectField/index.d.ts

@@ -0,0 +1,3 @@
+import type { TSelectProps } from '../../components/fields/Select/Select.interface';
+declare const SelectContent: ({ disabled, isError, errorMessage, id, label, name, placeholderLabel, options, ...rest }: TSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectContent;

package/storybook/ShareButtonExample/index.d.ts

@@ -0,0 +1,3 @@
+import type { TShareButtonProps } from '../../components/ShareButton/interface';
+declare const ShareButtonExample: (props: TShareButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default ShareButtonExample;