@okam/stack-ui 1.42.4 → 1.43.0

package/index9.mjs

@@ -1,57 +1,86 @@
 "use client";
-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 "./index143.mjs";
-import r from "./index36.mjs";
-import j from "./index39.mjs";
-const M = (l) => {
+import { jsx as a, jsxs as C } from "react/jsx-runtime";
+import { useState as A } from "react";
+import { FocusScope as T, useFocusManager as I } from "react-aria";
+import N from "./index89.mjs";
+import K, { ButtonWithForwardRef as L } from "./index6.mjs";
+import b from "./index24.mjs";
+const $ = (w) => {
+  const { sharingLinksList: f, id: k, isOpen: m, setIsOpen: D, onShare: h, themeName: l = "shareButton", tokens: i, customTheme: c } = w, y = N(`${l}.linksList`, { ...i, isOpen: m }, c), e = I();
+  return /* @__PURE__ */ a("div", { className: y, id: k, role: "listbox", tabIndex: -1, onKeyDown: (r) => {
+    r.key === "Escape" && D(!1);
+    const { listDirection: u } = i ?? {};
+    u === "row" && (r.key === "ArrowRight" && (e == null || e.focusNext({ wrap: !0 }), r.preventDefault()), r.key === "ArrowLeft" && (e == null || e.focusPrevious({ wrap: !0 }), r.preventDefault())), u === "column" && (r.key === "ArrowDown" && (e == null || e.focusNext({ wrap: !0 }), r.preventDefault()), r.key === "ArrowUp" && (e == null || e.focusPrevious({ wrap: !0 }), r.preventDefault()));
+  }, children: f == null ? void 0 : f.map((r) => {
+    const { ariaLabel: u, onClick: d, href: t, icon: o, key: n } = r;
+    return /* @__PURE__ */ a(
+      K,
+      {
+        themeName: `${l}.link`,
+        tokens: { ...i, isOpen: m },
+        handlePress: () => {
+          h == null || h(n), d == null || d(n);
+        },
+        "aria-label": u,
+        ...t ? { href: t, rel: "noopener noreferrer", target: "_blank", as: "a" } : {},
+        role: "option",
+        children: /* @__PURE__ */ a(b, { themeName: `${l}.linkIcons`, icon: o })
+      },
+      n
+    );
+  }) });
+}, j = (w) => {
   const {
-    children: d,
-    closeBtnRender: m,
-    themeName: e = "sidePanel",
+    ariaLabel: f,
+    icon: k,
+    id: m,
+    sharingLinksList: D,
+    onShare: h,
+    customTheme: l,
+    themeName: i = "shareButton",
     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
+    ...y
+  } = w, [e, p] = A(!1), r = N(`${i}.container`, c, l), u = (t) => {
+    p(!e), !e && setTimeout(() => {
+      var n, s;
+      const o = (s = (n = t.target.parentElement) == null ? void 0 : n.lastChild) == null ? void 0 : s.firstChild;
+      o == null || o.focus();
+    });
   };
-  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__ */ a(T, { autoFocus: !0, restoreFocus: !0, contain: e, children: /* @__PURE__ */ C("div", { className: r, onKeyDown: (t) => {
+    const o = t.currentTarget.firstChild, n = t.currentTarget.lastChild, s = n.firstChild, v = n.lastChild, { listDirection: x } = c ?? {};
+    x === "row" && (t.key === "ArrowRight" && t.target === o && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowLeft" && t.target === o && (v.focus(), t.preventDefault())), x === "column" && (t.key === "ArrowDown" && t.target === o && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowUp" && t.target === o && (v.focus(), t.preventDefault())), t.key === "Escape" && (p(!1), o == null || o.focus()), document.activeElement === n && (o == null || o.focus());
+  }, children: [
+    /* @__PURE__ */ a(
+      L,
+      {
+        themeName: `${i}.button`,
+        tokens: { ...c, isOpen: e },
+        "aria-label": f,
+        "aria-haspopup": "listbox",
+        "aria-expanded": e,
+        ...e && { "aria-controls": m },
+        handlePress: u,
+        ...y,
+        children: /* @__PURE__ */ a(b, { themeName: `${i}.icon`, icon: k ?? "Share" })
+      }
+    ),
+    e && /* @__PURE__ */ a(
+      $,
+      {
+        id: m,
+        sharingLinksList: D,
+        onShare: h,
+        isOpen: e,
+        setIsOpen: p,
+        themeName: i,
+        customTheme: l,
+        tokens: c
+      }
+    )
+  ] }) });
 };
 export {
-  M as default
+  $ as IconsContainer,
+  j as default
 };

package/index90.js

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

@@ -1,49 +1,17 @@
 "use client";
-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 "./index105.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 });
+import { jsx as s } from "react/jsx-runtime";
+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 }) {
+  const [e, o] = n(!1);
+  u(() => {
+    o(!0);
+  }, []);
+  const r = f(() => ({ isClient: e }), [e]);
+  return /* @__PURE__ */ s(l, { value: r, children: t });
 }
 export {
-  T as SidePanelContextProvider,
-  M as useSidePanel
+  p as IsClientContextProvider,
+  a as useIsClient
 };

package/index91.js

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

@@ -1,41 +1,49 @@
 "use client";
-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
+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 "./index106.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 {
-  w as MenuContextProvider,
-  d as MenuProvider,
-  q as useMenu
+  T as SidePanelContextProvider,
+  M as useSidePanel
 };

package/index92.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 o=require("react/jsx-runtime"),q=require("@okam/core-lib"),j=require("react"),g=require("react-stately"),m=require("./index91.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/index92.mjs

@@ -1,15 +1,41 @@
 "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 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 "./index91.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 {
-  s as RadioGroupProvider,
-  x as useRadioGroupCtx
+  w as MenuContextProvider,
+  d as MenuProvider,
+  q as useMenu
 };

package/index93.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 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/index93.mjs

@@ -1,14 +1,15 @@
 "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 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 {
-  x as AccordionContextProvider,
-  s as AccordionProvider,
-  l as useAccordionCtx
+  s as RadioGroupProvider,
+  x as useRadioGroupCtx
 };

package/index94.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 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/index94.mjs

@@ -1,17 +1,14 @@
 "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 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 });
 }
 export {
-  p as SearchBarProvider,
-  m as SearchProvider,
-  f as useUserQueryValHook
+  x as AccordionContextProvider,
+  s as AccordionProvider,
+  l as useAccordionCtx
 };

package/index95.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"),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/index95.mjs

@@ -1,48 +1,17 @@
 "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
-    ]
+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__ */ w(S, { value: x, children: m });
+  return /* @__PURE__ */ a(m, { value: u, children: t });
 }
-const j = g, A = N;
 export {
-  g as CarouselContextProvider,
-  j as SwiperControllerContextProvider,
-  N as useCarousel,
-  A as useSwiperController
+  p as SearchBarProvider,
+  m as SearchProvider,
+  f as useUserQueryValHook
 };

package/index96.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("./index116.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 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/index96.mjs

@@ -1,33 +1,48 @@
 "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 "./index116.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 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__ */ u(d, { value: e, children: s });
+  return /* @__PURE__ */ w(S, { value: x, children: m });
 }
+const j = g, A = N;
 export {
-  k as TranslationContextProvider,
-  d as TranslationProvider,
-  j as useTranslation
+  g as CarouselContextProvider,
+  j as SwiperControllerContextProvider,
+  N as useCarousel,
+  A as useSwiperController
 };

package/index97.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 f=require("react/jsx-runtime"),g=require("@okam/core-lib"),v=require("radashi"),s=require("react"),b=require("./index117.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/index97.mjs

@@ -1,4 +1,33 @@
-const m = (t, a, e = "sharing_tool") => `?utm_source=${t}&utm_medium=${a}&utm_campaign=${e}`;
+"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 "./index117.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 {
-  m as default
+  k as TranslationContextProvider,
+  d as TranslationProvider,
+  j as useTranslation
 };