@okam/stack-ui 1.41.1 → 1.42.0

package/index9.mjs

@@ -1,60 +1,56 @@
 "use client";
-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 "./index102.mjs";
-import $ from "./index35.mjs";
-import s from "./index6.mjs";
-import w from "./index22.mjs";
-import L from "./index38.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) => {
+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 "./index90.mjs";
+import $ from "./index42.mjs";
+import y from "./index142.mjs";
+import r from "./index36.mjs";
+import j from "./index39.mjs";
+const M = (l) => {
   const {
-    children: n,
-    thumbnailContent: i,
-    label: m,
-    themeName: e = "lightBox",
-    tokens: r,
-    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
+    children: d,
+    closeBtnRender: m,
+    themeName: e = "sidePanel",
+    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,
+      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 }) }) })
+      ] })
+    }
   );
-  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__ */ l(
-      L,
-      {
-        themeName: `${e}.modal`,
-        tokens: r,
-        state: a,
-        ...B,
-        transitionComponent: p,
-        children: [
-          g && /* @__PURE__ */ t(
-            h,
-            {
-              themeName: `${e}.closeBtn`,
-              tokens: r,
-              "aria-label": c,
-              ...f
-            }
-          ),
-          /* @__PURE__ */ t($, { themeName: `${e}.container`, tokens: r, children: n })
-        ]
-      }
-    )
-  ] });
 };
 export {
   M as default

package/index90.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),o=t.createContext(null),i=e=>{const{children:r,state:n}=e;return u.jsx(o.Provider,{value:n,children:r})};function s(){const e=t.useContext(o);return e!==null?e:null}exports.RadioGroupProvider=i;exports.useRadioGroupCtx=s;
+"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("./index104.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/index90.mjs

@@ -1,15 +1,49 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as u, useContext as i } from "react";
-const o = u(null), s = (t) => {
-  const { children: r, state: e } = t;
-  return /* @__PURE__ */ n(o.Provider, { value: e, children: r });
-};
-function x() {
-  const t = i(o);
-  return t !== null ? t : null;
+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 "./index104.mjs";
+const [M, h] = x();
+function T(i) {
+  const {
+    children: f,
+    defaultSelectedKey: s,
+    onOpenCallback: e,
+    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: n, overlayProps: l, labelProps: p } = b({ type: m }, r), g = B(
+    () => ({
+      labelProps: p,
+      overlayProps: l,
+      defaultSelectedKey: s,
+      overlayState: r,
+      buttonProps: {
+        closeButtonProps: n,
+        closeButtonRef: y,
+        openButtonProps: n,
+        openButtonRef: v
+      }
+    }),
+    [p, l, s, r, n]
+  );
+  return /* @__PURE__ */ S(h, { value: g, children: f });
 }
 export {
-  s as RadioGroupProvider,
-  x as useRadioGroupCtx
+  T as SidePanelContextProvider,
+  M as useSidePanel
 };

package/index91.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"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("./index90.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/index91.mjs

@@ -1,14 +1,41 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { createCtxNullable as c } from "@okam/core-lib";
-import { useMemo as m } from "react";
-const [l, s] = c();
-function x(t) {
-  const { state: o, children: n, TransitionAnimation: r } = t, e = m(() => ({ state: o, TransitionAnimation: r }), [o, r]);
-  return /* @__PURE__ */ i(s, { value: e, children: n });
+import { jsx as u } from "react/jsx-runtime";
+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 "./index90.mjs";
+const [q, d] = P();
+function w({
+  children: e,
+  defaultSelectedKey: i,
+  defaultIsOpen: p,
+  onCloseCallback: o,
+  onOpenCallback: s,
+  tabs: x,
+  openBtn: m,
+  closeBtn: n,
+  ...v
+}) {
+  const r = h({ ...v, children: x, defaultSelectedKey: i }), M = f(
+    () => ({ openBtn: m, closeBtn: n, tabState: r, defaultSelectedKey: i }),
+    [m, n, r, i]
+  );
+  return /* @__PURE__ */ u(d, { value: M, children: /* @__PURE__ */ u(
+    c,
+    {
+      onCloseCallback: () => {
+        var t;
+        o == null || o(), (t = r == null ? void 0 : r.setSelectedKey) == null || t.call(r, i);
+      },
+      onOpenCallback: s,
+      defaultIsOpen: p,
+      defaultSelectedKey: i.toString(),
+      children: e
+    }
+  ) });
 }
 export {
-  x as AccordionContextProvider,
-  s as AccordionProvider,
-  l as useAccordionCtx
+  w as MenuContextProvider,
+  d as MenuProvider,
+  q as useMenu
 };

package/index92.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),o=t.createContext(null),i=e=>{const{children:r,state:n}=e;return u.jsx(o.Provider,{value:n,children:r})};function s(){const e=t.useContext(o);return e!==null?e:null}exports.RadioGroupProvider=i;exports.useRadioGroupCtx=s;

package/index92.mjs

@@ -1,17 +1,15 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { createCtx as c } from "@okam/core-lib";
-import { useState as n, useMemo as i } from "react";
-const [f, m] = c();
-function p(o) {
-  const { userQuery: s, children: t } = o, [r, e] = n(s), u = i(
-    () => ({ userSearchQuery: r, setUserSearchQuery: e }),
-    [r, e]
-  );
-  return /* @__PURE__ */ a(m, { value: u, children: t });
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as u, useContext as i } from "react";
+const o = u(null), s = (t) => {
+  const { children: r, state: e } = t;
+  return /* @__PURE__ */ n(o.Provider, { value: e, children: r });
+};
+function x() {
+  const t = i(o);
+  return t !== null ? t : null;
 }
 export {
-  p as SearchBarProvider,
-  m as SearchProvider,
-  f as useUserQueryValHook
+  s as RadioGroupProvider,
+  x as useRadioGroupCtx
 };

package/index93.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),S=require("@okam/core-lib"),e=require("react"),[v,b]=S.createCtxNullable();function x(f){const{controller:o,children:w,id:t,slides:s,modules:n,...l}=f,[i,u]=e.useState(),c=e.useRef(null),a=e.useRef(null),r=e.useRef(null),[C,d]=e.useState(0),P=e.useMemo(()=>{var p;return{swiper:(p=r.current)==null?void 0:p.swiper,activeIndex:C,setActiveIndex:d,swiperRef:r,slides:s,controller:o??i,setController:u,prevNavigationRef:c,nextNavigationRef:a,id:t,modules:n,swiperProps:l}},[r,C,d,s,o,i,u,c,a,t,n,l]);return R.jsx(b,{value:P,children:w})}const g=x,m=v;exports.CarouselContextProvider=x;exports.SwiperControllerContextProvider=g;exports.useCarousel=v;exports.useSwiperController=m;
+"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/index93.mjs

@@ -1,48 +1,14 @@
 "use client";
-import { jsx as w } from "react/jsx-runtime";
-import { createCtxNullable as P } from "@okam/core-lib";
-import { useState as C, useRef as o, useMemo as R } from "react";
-const [N, S] = P();
-function g(f) {
-  const { controller: r, children: m, id: t, slides: n, modules: l, ...s } = f, [i, c] = C(), u = o(null), p = o(null), e = o(null), [a, d] = C(0), x = R(
-    () => {
-      var v;
-      return {
-        swiper: (v = e.current) == null ? void 0 : v.swiper,
-        activeIndex: a,
-        setActiveIndex: d,
-        swiperRef: e,
-        slides: n,
-        controller: r ?? i,
-        setController: c,
-        prevNavigationRef: u,
-        nextNavigationRef: p,
-        id: t,
-        modules: l,
-        swiperProps: s
-      };
-    },
-    [
-      e,
-      a,
-      d,
-      n,
-      r,
-      i,
-      c,
-      u,
-      p,
-      t,
-      l,
-      s
-    ]
-  );
-  return /* @__PURE__ */ w(S, { value: x, children: m });
+import { jsx as i } from "react/jsx-runtime";
+import { createCtxNullable as c } from "@okam/core-lib";
+import { useMemo as m } from "react";
+const [l, s] = c();
+function x(t) {
+  const { state: o, children: n, TransitionAnimation: r } = t, e = m(() => ({ state: o, TransitionAnimation: r }), [o, r]);
+  return /* @__PURE__ */ i(s, { value: e, children: n });
 }
-const j = g, A = N;
 export {
-  g as CarouselContextProvider,
-  j as SwiperControllerContextProvider,
-  N as useCarousel,
-  A as useSwiperController
+  x as AccordionContextProvider,
+  s as AccordionProvider,
+  l as useAccordionCtx
 };

package/index94.js

@@ -1,2 +1,2 @@
 "use client";
-"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("./index113.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;
+"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/index94.mjs

@@ -1,33 +1,17 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-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 "./index113.mjs";
-const [j, d] = m();
-function k({
-  useTranslationFunc: i,
-  children: s,
-  namespace: r = "common",
-  translateFunctionName: a = "t"
-}) {
-  const c = i(r), o = f(c, a, (t, n) => (b(`translation function not found: translateFunctionName: ${a}`, "warn", {
-    key: t,
-    obj: n,
-    namespace: r
-  }), t)), l = p(
-    (t, n) => n == null ? o(t) : o(t, n),
-    [o]
-  ), e = x(
-    () => ({
-      t: l
-    }),
-    [l]
+import { jsx as a } from "react/jsx-runtime";
+import { createCtx as c } from "@okam/core-lib";
+import { useState as n, useMemo as i } from "react";
+const [f, m] = c();
+function p(o) {
+  const { userQuery: s, children: t } = o, [r, e] = n(s), u = i(
+    () => ({ userSearchQuery: r, setUserSearchQuery: e }),
+    [r, e]
   );
-  return /* @__PURE__ */ u(d, { value: e, children: s });
+  return /* @__PURE__ */ a(m, { value: u, children: t });
 }
 export {
-  k as TranslationContextProvider,
-  d as TranslationProvider,
-  j as useTranslation
+  p as SearchBarProvider,
+  m as SearchProvider,
+  f as useUserQueryValHook
 };

package/index95.js

@@ -1 +1,2 @@
-"use strict";const s=(t,e,m="sharing_tool")=>`?utm_source=${t}&utm_medium=${e}&utm_campaign=${m}`;module.exports=s;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),S=require("@okam/core-lib"),e=require("react"),[v,b]=S.createCtxNullable();function x(f){const{controller:o,children:w,id:t,slides:s,modules:n,...l}=f,[i,u]=e.useState(),c=e.useRef(null),a=e.useRef(null),r=e.useRef(null),[C,d]=e.useState(0),P=e.useMemo(()=>{var p;return{swiper:(p=r.current)==null?void 0:p.swiper,activeIndex:C,setActiveIndex:d,swiperRef:r,slides:s,controller:o??i,setController:u,prevNavigationRef:c,nextNavigationRef:a,id:t,modules:n,swiperProps:l}},[r,C,d,s,o,i,u,c,a,t,n,l]);return R.jsx(b,{value:P,children:w})}const g=x,m=v;exports.CarouselContextProvider=x;exports.SwiperControllerContextProvider=g;exports.useCarousel=v;exports.useSwiperController=m;

package/index95.mjs

@@ -1,4 +1,48 @@
-const m = (t, a, e = "sharing_tool") => `?utm_source=${t}&utm_medium=${a}&utm_campaign=${e}`;
+"use client";
+import { jsx as w } from "react/jsx-runtime";
+import { createCtxNullable as P } from "@okam/core-lib";
+import { useState as C, useRef as o, useMemo as R } from "react";
+const [N, S] = P();
+function g(f) {
+  const { controller: r, children: m, id: t, slides: n, modules: l, ...s } = f, [i, c] = C(), u = o(null), p = o(null), e = o(null), [a, d] = C(0), x = R(
+    () => {
+      var v;
+      return {
+        swiper: (v = e.current) == null ? void 0 : v.swiper,
+        activeIndex: a,
+        setActiveIndex: d,
+        swiperRef: e,
+        slides: n,
+        controller: r ?? i,
+        setController: c,
+        prevNavigationRef: u,
+        nextNavigationRef: p,
+        id: t,
+        modules: l,
+        swiperProps: s
+      };
+    },
+    [
+      e,
+      a,
+      d,
+      n,
+      r,
+      i,
+      c,
+      u,
+      p,
+      t,
+      l,
+      s
+    ]
+  );
+  return /* @__PURE__ */ w(S, { value: x, children: m });
+}
+const j = g, A = N;
 export {
-  m as default
+  g as CarouselContextProvider,
+  j as SwiperControllerContextProvider,
+  N as useCarousel,
+  A as useSwiperController
 };

package/index96.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react"),s=()=>{const[e,o]=t.useState(),[n,i]=t.useState();return t.useEffect(()=>{o(window.location.href),i(window.document.title)},[]),{windowLocation:e,windowTitle:n}};module.exports=s;
+"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("./index115.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/index96.mjs

@@ -1,11 +1,33 @@
 "use client";
-import { useState as o, useEffect as w } from "react";
-const s = () => {
-  const [t, e] = o(), [n, i] = o();
-  return w(() => {
-    e(window.location.href), i(window.document.title);
-  }, []), { windowLocation: t, windowTitle: n };
-};
+import { jsx as u } from "react/jsx-runtime";
+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 "./index115.mjs";
+const [j, d] = m();
+function k({
+  useTranslationFunc: i,
+  children: s,
+  namespace: r = "common",
+  translateFunctionName: a = "t"
+}) {
+  const c = i(r), o = f(c, a, (t, n) => (b(`translation function not found: translateFunctionName: ${a}`, "warn", {
+    key: t,
+    obj: n,
+    namespace: r
+  }), t)), l = p(
+    (t, n) => n == null ? o(t) : o(t, n),
+    [o]
+  ), e = x(
+    () => ({
+      t: l
+    }),
+    [l]
+  );
+  return /* @__PURE__ */ u(d, { value: e, children: s });
+}
 export {
-  s as default
+  k as TranslationContextProvider,
+  d as TranslationProvider,
+  j as useTranslation
 };

package/index97.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const u=require("./index95.js"),i=require("./index96.js"),l=(t,e,o)=>{const{windowLocation:r,windowTitle:s}=i(),n=o??r,c=u(t,e);return`https://www.facebook.com/sharer.php?u=${`${n}${c}`}&t=${s}`};module.exports=l;
+"use strict";const s=(t,e,m="sharing_tool")=>`?utm_source=${t}&utm_medium=${e}&utm_campaign=${m}`;module.exports=s;

package/index97.mjs

@@ -1,10 +1,4 @@
-"use client";
-import a from "./index95.mjs";
-import l from "./index96.mjs";
-const m = (o, t, r) => {
-  const { windowLocation: e, windowTitle: n } = l(), s = r ?? e, c = a(o, t);
-  return `https://www.facebook.com/sharer.php?u=${`${s}${c}`}&t=${n}`;
-};
+const m = (t, a, e = "sharing_tool") => `?utm_source=${t}&utm_medium=${a}&utm_campaign=${e}`;
 export {
   m as default
 };

package/index98.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const u=require("./index95.js"),l=require("./index96.js"),a=(t,o,e)=>{const{windowLocation:n,windowTitle:r}=l(),s=e??n,c=u(t,o),i=`${s}${c}`;return`mailto:?to=&body=${r}%20${i}`};module.exports=a;
+"use strict";const t=require("react"),s=()=>{const[e,o]=t.useState(),[n,i]=t.useState();return t.useEffect(()=>{o(window.location.href),i(window.document.title)},[]),{windowLocation:e,windowTitle:n}};module.exports=s;

package/index98.mjs

@@ -1,10 +1,11 @@
 "use client";
-import l from "./index95.mjs";
-import c from "./index96.mjs";
-const d = (o, t, r) => {
-  const { windowLocation: n, windowTitle: e } = c(), i = r ?? n, s = l(o, t), a = `${i}${s}`;
-  return `mailto:?to=&body=${e}%20${a}`;
+import { useState as o, useEffect as w } from "react";
+const s = () => {
+  const [t, e] = o(), [n, i] = o();
+  return w(() => {
+    e(window.location.href), i(window.document.title);
+  }, []), { windowLocation: t, windowTitle: n };
 };
 export {
-  d as default
+  s as default
 };

package/index99.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const c=require("./index95.js"),u=require("./index96.js"),i=(t,e,r)=>{const{windowLocation:n}=u(),s=r??n,o=c(t,e);return`https://twitter.com/intent/tweet?text=${`${s}${o}`}`};module.exports=i;
+"use strict";const u=require("./index97.js"),i=require("./index98.js"),l=(t,e,o)=>{const{windowLocation:r,windowTitle:s}=i(),n=o??r,c=u(t,e);return`https://www.facebook.com/sharer.php?u=${`${n}${c}`}&t=${s}`};module.exports=l;

package/index99.mjs

@@ -1,10 +1,10 @@
 "use client";
-import c from "./index95.mjs";
-import i from "./index96.mjs";
-const a = (t, e, r) => {
-  const { windowLocation: o } = i(), n = r ?? o, s = c(t, e);
-  return `https://twitter.com/intent/tweet?text=${`${n}${s}`}`;
+import a from "./index97.mjs";
+import l from "./index98.mjs";
+const m = (o, t, r) => {
+  const { windowLocation: e, windowTitle: n } = l(), s = r ?? e, c = a(o, t);
+  return `https://www.facebook.com/sharer.php?u=${`${s}${c}`}&t=${n}`;
 };
 export {
-  a as default
+  m as default
 };

package/package.json

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

package/theme/PrintButton/index.d.ts

@@ -0,0 +1,2 @@
+export declare const printButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const printButtonIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-white", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-white", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;