@okam/stack-ui 1.41.2 → 1.42.0

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

package/index80.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),r=require("react"),i=t=>e.jsx("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 256 256",...t,children:e.jsx("path",{fill:"#1da1f2",strokeMiterlimit:"10",strokeWidth:"0",d:"M81 230.6c95.4 0 147.6-79 147.6-147.6 0-2.3 0-4.5-.2-6.7 10.2-7.4 19-16.5 25.9-26.9-9.5 4.2-19.5 7-29.8 8.2a52 52 0 0 0 22.8-28.7 104 104 0 0 1-33 12.6A52 52 0 0 0 126 88.8C84.2 86.7 45.4 67 19 34.6a52 52 0 0 0 16 69.2 51.5 51.5 0 0 1-23.5-6.5v.7c0 24.7 17.4 46 41.6 50.9-7.6 2-15.6 2.4-23.4.9a52 52 0 0 0 48.5 36 104.1 104.1 0 0 1-76.8 21.5A146.9 146.9 0 0 0 81 230.6"})}),o=r.memo(i,s.isEqual);module.exports=o;
+"use strict";const s=require("react/jsx-runtime"),t=require("radashi"),r=require("react"),c=e=>s.jsx("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 256 256",...e,children:s.jsx("path",{fill:"currentColor",strokeMiterlimit:"10",strokeWidth:"0",d:"M199.75 145.13a54.45 54.45 0 0 0-43.54 21.82l-47.88-23.93c1.4-4.82 2.2-9.9 2.2-15.17a54.3 54.3 0 0 0-2.2-15.16l47.88-23.93a54.45 54.45 0 0 0 43.54 21.82 54.61 54.61 0 0 0 54.56-54.56c0-30.08-24.48-54.56-54.56-54.56s-54.56 24.48-54.56 54.56c0 5.27.79 10.35 2.19 15.17L99.5 95.11A54.45 54.45 0 0 0 55.97 73.3C25.88 73.3 1.4 97.77 1.4 127.86s24.47 54.56 54.56 54.56c17.79 0 33.56-8.6 43.53-21.82l47.88 23.92a54.32 54.32 0 0 0-2.2 15.17c0 30.09 24.48 54.56 54.57 54.56s54.56-24.47 54.56-54.56a54.62 54.62 0 0 0-54.56-54.56zm0-124c19.24 0 34.89 15.65 34.89 34.9s-15.65 34.88-34.9 34.88-34.88-15.65-34.88-34.89 15.65-34.89 34.89-34.89zM55.97 162.75c-19.24 0-34.9-15.65-34.9-34.9s15.66-34.88 34.9-34.88 34.88 15.65 34.88 34.89-15.65 34.89-34.88 34.89zm143.78 71.83a34.93 34.93 0 0 1-34.9-34.89c0-19.24 15.66-34.89 34.9-34.89s34.89 15.65 34.89 34.9a34.93 34.93 0 0 1-34.9 34.88z"})}),i=r.memo(c,t.isEqual);module.exports=i;

package/index80.mjs

@@ -1,15 +1,15 @@
 import { jsx as t } from "react/jsx-runtime";
-import { isEqual as e } from "radashi";
-import { memo as r } from "react";
-const i = (o) => /* @__PURE__ */ t("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 256 256", ...o, children: /* @__PURE__ */ t(
+import { isEqual as r } from "radashi";
+import { memo as s } from "react";
+const e = (o) => /* @__PURE__ */ t("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 256 256", ...o, children: /* @__PURE__ */ t(
   "path",
   {
-    fill: "#1da1f2",
+    fill: "currentColor",
     strokeMiterlimit: "10",
     strokeWidth: "0",
-    d: "M81 230.6c95.4 0 147.6-79 147.6-147.6 0-2.3 0-4.5-.2-6.7 10.2-7.4 19-16.5 25.9-26.9-9.5 4.2-19.5 7-29.8 8.2a52 52 0 0 0 22.8-28.7 104 104 0 0 1-33 12.6A52 52 0 0 0 126 88.8C84.2 86.7 45.4 67 19 34.6a52 52 0 0 0 16 69.2 51.5 51.5 0 0 1-23.5-6.5v.7c0 24.7 17.4 46 41.6 50.9-7.6 2-15.6 2.4-23.4.9a52 52 0 0 0 48.5 36 104.1 104.1 0 0 1-76.8 21.5A146.9 146.9 0 0 0 81 230.6"
+    d: "M199.75 145.13a54.45 54.45 0 0 0-43.54 21.82l-47.88-23.93c1.4-4.82 2.2-9.9 2.2-15.17a54.3 54.3 0 0 0-2.2-15.16l47.88-23.93a54.45 54.45 0 0 0 43.54 21.82 54.61 54.61 0 0 0 54.56-54.56c0-30.08-24.48-54.56-54.56-54.56s-54.56 24.48-54.56 54.56c0 5.27.79 10.35 2.19 15.17L99.5 95.11A54.45 54.45 0 0 0 55.97 73.3C25.88 73.3 1.4 97.77 1.4 127.86s24.47 54.56 54.56 54.56c17.79 0 33.56-8.6 43.53-21.82l47.88 23.92a54.32 54.32 0 0 0-2.2 15.17c0 30.09 24.48 54.56 54.57 54.56s54.56-24.47 54.56-54.56a54.62 54.62 0 0 0-54.56-54.56zm0-124c19.24 0 34.89 15.65 34.89 34.9s-15.65 34.88-34.9 34.88-34.88-15.65-34.88-34.89 15.65-34.89 34.89-34.89zM55.97 162.75c-19.24 0-34.9-15.65-34.9-34.9s15.66-34.88 34.9-34.88 34.88 15.65 34.88 34.89-15.65 34.89-34.88 34.89zm143.78 71.83a34.93 34.93 0 0 1-34.9-34.89c0-19.24 15.66-34.89 34.9-34.89s34.89 15.65 34.89 34.9a34.93 34.93 0 0 1-34.9 34.88z"
   }
-) }), l = r(i, e);
+) }), i = s(e, r);
 export {
-  l as default
+  i as default
 };

package/index81.js

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),e=require("radashi"),r=require("react"),o=t=>a.jsx("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...t,children:a.jsx("path",{d:"M17 21H7a4 4 0 0 1-4-4v-1a1 1 0 1 1 2 0v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 1 2 0v1a4 4 0 0 1-4 4Zm-5-4a1 1 0 0 1-1-1V6.41l-2.29 2.3a1.004 1.004 0 0 1-1.42-1.42l4-4a1 1 0 0 1 .33-.21A1 1 0 0 1 12 3a1 1 0 0 1 .38.08 1 1 0 0 1 .33.21l4 4a1.004 1.004 0 1 1-1.42 1.42L13 6.41V16a1 1 0 0 1-1 1Z",fill:"currentColor"})}),s=r.memo(o,e.isEqual);module.exports=s;
+"use strict";const e=require("react/jsx-runtime"),r=require("radashi"),s=require("react"),i=t=>e.jsx("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 256 256",...t,children:e.jsx("path",{fill:"currentColor",strokeMiterlimit:"10",strokeWidth:"0",d:"M81 231A147 147 0 0 0 228 76c11-7 19-16 26-27-9 5-19 7-29 9 10-7 18-17 22-29-10 6-21 10-33 12a52 52 0 0 0-88 48C83 87 45 66 19 35a52 52 0 0 0 16 69c-8 0-16-3-23-7v1c0 25 17 46 41 51a52 52 0 0 1-23 1c6 20 26 35 48 36a104 104 0 0 1-77 21c23 15 51 24 80 24"})}),c=s.memo(i,r.isEqual);module.exports=c;

package/index81.mjs

@@ -1,13 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { isEqual as r } from "radashi";
-import { memo as t } from "react";
-const l = (a) => /* @__PURE__ */ o("svg", { width: 24, height: 24, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...a, children: /* @__PURE__ */ o(
+import { memo as e } from "react";
+const i = (o) => /* @__PURE__ */ t("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 256 256", ...o, children: /* @__PURE__ */ t(
   "path",
   {
-    d: "M17 21H7a4 4 0 0 1-4-4v-1a1 1 0 1 1 2 0v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 1 2 0v1a4 4 0 0 1-4 4Zm-5-4a1 1 0 0 1-1-1V6.41l-2.29 2.3a1.004 1.004 0 0 1-1.42-1.42l4-4a1 1 0 0 1 .33-.21A1 1 0 0 1 12 3a1 1 0 0 1 .38.08 1 1 0 0 1 .33.21l4 4a1.004 1.004 0 1 1-1.42 1.42L13 6.41V16a1 1 0 0 1-1 1Z",
-    fill: "currentColor"
+    fill: "currentColor",
+    strokeMiterlimit: "10",
+    strokeWidth: "0",
+    d: "M81 231A147 147 0 0 0 228 76c11-7 19-16 26-27-9 5-19 7-29 9 10-7 18-17 22-29-10 6-21 10-33 12a52 52 0 0 0-88 48C83 87 45 66 19 35a52 52 0 0 0 16 69c-8 0-16-3-23-7v1c0 25 17 46 41 51a52 52 0 0 1-23 1c6 20 26 35 48 36a104 104 0 0 1-77 21c23 15 51 24 80 24"
   }
-) }), n = t(l, r);
+) }), a = e(i, r);
 export {
-  n as default
+  a as default
 };

package/index82.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),o=require("react"),r=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:25,viewBox:"0 0 24 25",fill:"none",...t,children:e.jsx("path",{d:"M14.119 11.7052L20.4486 4.5H18.9492L13.4509 10.7549L9.0626 4.5H4L10.6374 13.9594L4 21.5142H5.4994L11.3021 14.9074L15.9374 21.5142H21M6.04057 5.60727H8.34407L18.9481 20.4613H16.644",fill:"currentColor"})}),i=o.memo(r,s.isEqual);module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),r=require("react"),i=t=>e.jsx("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 256 256",...t,children:e.jsx("path",{fill:"#1da1f2",strokeMiterlimit:"10",strokeWidth:"0",d:"M81 230.6c95.4 0 147.6-79 147.6-147.6 0-2.3 0-4.5-.2-6.7 10.2-7.4 19-16.5 25.9-26.9-9.5 4.2-19.5 7-29.8 8.2a52 52 0 0 0 22.8-28.7 104 104 0 0 1-33 12.6A52 52 0 0 0 126 88.8C84.2 86.7 45.4 67 19 34.6a52 52 0 0 0 16 69.2 51.5 51.5 0 0 1-23.5-6.5v.7c0 24.7 17.4 46 41.6 50.9-7.6 2-15.6 2.4-23.4.9a52 52 0 0 0 48.5 36 104.1 104.1 0 0 1-76.8 21.5A146.9 146.9 0 0 0 81 230.6"})}),o=r.memo(i,s.isEqual);module.exports=o;

package/index82.mjs

@@ -1,13 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
-import { isEqual as r } from "radashi";
-import { memo as i } from "react";
-const m = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", ...t, children: /* @__PURE__ */ o(
+import { jsx as t } from "react/jsx-runtime";
+import { isEqual as e } from "radashi";
+import { memo as r } from "react";
+const i = (o) => /* @__PURE__ */ t("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 256 256", ...o, children: /* @__PURE__ */ t(
   "path",
   {
-    d: "M14.119 11.7052L20.4486 4.5H18.9492L13.4509 10.7549L9.0626 4.5H4L10.6374 13.9594L4 21.5142H5.4994L11.3021 14.9074L15.9374 21.5142H21M6.04057 5.60727H8.34407L18.9481 20.4613H16.644",
-    fill: "currentColor"
+    fill: "#1da1f2",
+    strokeMiterlimit: "10",
+    strokeWidth: "0",
+    d: "M81 230.6c95.4 0 147.6-79 147.6-147.6 0-2.3 0-4.5-.2-6.7 10.2-7.4 19-16.5 25.9-26.9-9.5 4.2-19.5 7-29.8 8.2a52 52 0 0 0 22.8-28.7 104 104 0 0 1-33 12.6A52 52 0 0 0 126 88.8C84.2 86.7 45.4 67 19 34.6a52 52 0 0 0 16 69.2 51.5 51.5 0 0 1-23.5-6.5v.7c0 24.7 17.4 46 41.6 50.9-7.6 2-15.6 2.4-23.4.9a52 52 0 0 0 48.5 36 104.1 104.1 0 0 1-76.8 21.5A146.9 146.9 0 0 0 81 230.6"
   }
-) }), s = i(m, r);
+) }), l = r(i, e);
 export {
-  s as default
+  l as default
 };

package/index83.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("radashi"),r=require("react"),i=s=>e.jsx("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 256 256",...s,children:e.jsx("path",{fill:"currentColor",strokeMiterlimit:"10",strokeWidth:"0",d:"M249 67c-3-11-11-19-22-22-20-6-99-6-99-6s-79 0-99 6C18 48 10 56 7 67c-6 20-6 61-6 61s0 41 6 61c3 11 11 19 22 22 20 5 99 5 99 5s79 0 99-5c11-3 19-11 22-22 5-20 5-61 5-61s0-41-5-61zm-146 99V90l65 38-65 38z"})}),o=r.memo(i,t.isEqual);module.exports=o;
+"use strict";const a=require("react/jsx-runtime"),e=require("radashi"),r=require("react"),o=t=>a.jsx("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...t,children:a.jsx("path",{d:"M17 21H7a4 4 0 0 1-4-4v-1a1 1 0 1 1 2 0v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 1 2 0v1a4 4 0 0 1-4 4Zm-5-4a1 1 0 0 1-1-1V6.41l-2.29 2.3a1.004 1.004 0 0 1-1.42-1.42l4-4a1 1 0 0 1 .33-.21A1 1 0 0 1 12 3a1 1 0 0 1 .38.08 1 1 0 0 1 .33.21l4 4a1.004 1.004 0 1 1-1.42 1.42L13 6.41V16a1 1 0 0 1-1 1Z",fill:"currentColor"})}),s=r.memo(o,e.isEqual);module.exports=s;

package/index83.mjs

@@ -1,15 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
 import { isEqual as r } from "radashi";
-import { memo as e } from "react";
-const s = (t) => /* @__PURE__ */ o("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 256 256", ...t, children: /* @__PURE__ */ o(
+import { memo as t } from "react";
+const l = (a) => /* @__PURE__ */ o("svg", { width: 24, height: 24, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...a, children: /* @__PURE__ */ o(
   "path",
   {
-    fill: "currentColor",
-    strokeMiterlimit: "10",
-    strokeWidth: "0",
-    d: "M249 67c-3-11-11-19-22-22-20-6-99-6-99-6s-79 0-99 6C18 48 10 56 7 67c-6 20-6 61-6 61s0 41 6 61c3 11 11 19 22 22 20 5 99 5 99 5s79 0 99-5c11-3 19-11 22-22 5-20 5-61 5-61s0-41-5-61zm-146 99V90l65 38-65 38z"
+    d: "M17 21H7a4 4 0 0 1-4-4v-1a1 1 0 1 1 2 0v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 1 2 0v1a4 4 0 0 1-4 4Zm-5-4a1 1 0 0 1-1-1V6.41l-2.29 2.3a1.004 1.004 0 0 1-1.42-1.42l4-4a1 1 0 0 1 .33-.21A1 1 0 0 1 12 3a1 1 0 0 1 .38.08 1 1 0 0 1 .33.21l4 4a1.004 1.004 0 1 1-1.42 1.42L13 6.41V16a1 1 0 0 1-1 1Z",
+    fill: "currentColor"
   }
-) }), c = e(s, r);
+) }), n = t(l, r);
 export {
-  c as default
+  n as default
 };

package/index84.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("radashi"),r=require("react"),i=s=>e.jsx("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 256 256",...s,children:e.jsxs("g",{fill:"currentColor",strokeMiterlimit:"10",strokeWidth:"0",children:[e.jsx("path",{fill:"red",d:"M249.02 66.99a31.68 31.68 0 0 0-22.36-22.36c-19.72-5.29-98.8-5.29-98.8-5.29s-79.09 0-98.8 5.29A31.68 31.68 0 0 0 6.68 66.99c-5.28 19.72-5.28 60.87-5.28 60.87s0 41.15 5.28 60.87a31.68 31.68 0 0 0 22.36 22.36c19.72 5.28 98.8 5.28 98.8 5.28s79.1 0 98.81-5.28a31.68 31.68 0 0 0 22.36-22.36c5.29-19.72 5.29-60.87 5.29-60.87s0-41.15-5.29-60.87z"}),e.jsx("path",{fill:"#fff",d:"m102.57 165.8 65.7-37.94-65.7-37.94z"})]})}),o=r.memo(i,t.isEqual);module.exports=o;
+"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),o=require("react"),r=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:25,viewBox:"0 0 24 25",fill:"none",...t,children:e.jsx("path",{d:"M14.119 11.7052L20.4486 4.5H18.9492L13.4509 10.7549L9.0626 4.5H4L10.6374 13.9594L4 21.5142H5.4994L11.3021 14.9074L15.9374 21.5142H21M6.04057 5.60727H8.34407L18.9481 20.4613H16.644",fill:"currentColor"})}),i=o.memo(r,s.isEqual);module.exports=i;

package/index84.mjs

@@ -1,16 +1,13 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { isEqual as e } from "radashi";
-import { memo as s } from "react";
-const i = (r) => /* @__PURE__ */ o("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 256 256", ...r, children: /* @__PURE__ */ t("g", { fill: "currentColor", strokeMiterlimit: "10", strokeWidth: "0", children: [
-  /* @__PURE__ */ o(
-    "path",
-    {
-      fill: "red",
-      d: "M249.02 66.99a31.68 31.68 0 0 0-22.36-22.36c-19.72-5.29-98.8-5.29-98.8-5.29s-79.09 0-98.8 5.29A31.68 31.68 0 0 0 6.68 66.99c-5.28 19.72-5.28 60.87-5.28 60.87s0 41.15 5.28 60.87a31.68 31.68 0 0 0 22.36 22.36c19.72 5.28 98.8 5.28 98.8 5.28s79.1 0 98.81-5.28a31.68 31.68 0 0 0 22.36-22.36c5.29-19.72 5.29-60.87 5.29-60.87s0-41.15-5.29-60.87z"
-    }
-  ),
-  /* @__PURE__ */ o("path", { fill: "#fff", d: "m102.57 165.8 65.7-37.94-65.7-37.94z" })
-] }) }), f = s(i, e);
+import { jsx as o } from "react/jsx-runtime";
+import { isEqual as r } from "radashi";
+import { memo as i } from "react";
+const m = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", ...t, children: /* @__PURE__ */ o(
+  "path",
+  {
+    d: "M14.119 11.7052L20.4486 4.5H18.9492L13.4509 10.7549L9.0626 4.5H4L10.6374 13.9594L4 21.5142H5.4994L11.3021 14.9074L15.9374 21.5142H21M6.04057 5.60727H8.34407L18.9481 20.4613H16.644",
+    fill: "currentColor"
+  }
+) }), s = i(m, r);
 export {
-  f as default
+  s as default
 };

package/index85.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react");function u(){const e=o.createContext(void 0);function r(){const t=o.useContext(e);return t===void 0?null:t}return[r,e.Provider]}const i={typography:()=>""},[s,l]=u();function c({children:e,brandTheme:r=i}){const t=o.useMemo(()=>({brandTheme:r}),[r]);return n.jsx(l,{value:t,children:e})}const x=e=>({children:t})=>n.jsx(c,{brandTheme:e,children:t});exports.ThemeContextProvider=c;exports.createCtxNullable=u;exports.createThemeProvider=x;exports.useTheme=s;
+"use strict";const e=require("react/jsx-runtime"),t=require("radashi"),r=require("react"),i=s=>e.jsx("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 256 256",...s,children:e.jsx("path",{fill:"currentColor",strokeMiterlimit:"10",strokeWidth:"0",d:"M249 67c-3-11-11-19-22-22-20-6-99-6-99-6s-79 0-99 6C18 48 10 56 7 67c-6 20-6 61-6 61s0 41 6 61c3 11 11 19 22 22 20 5 99 5 99 5s79 0 99-5c11-3 19-11 22-22 5-20 5-61 5-61s0-41-5-61zm-146 99V90l65 38-65 38z"})}),o=r.memo(i,t.isEqual);module.exports=o;

package/index85.mjs

@@ -1,25 +1,15 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import r, { useMemo as u } from "react";
-function c() {
-  const e = r.createContext(void 0);
-  function o() {
-    const t = r.useContext(e);
-    return t === void 0 ? null : t;
+import { jsx as o } from "react/jsx-runtime";
+import { isEqual as r } from "radashi";
+import { memo as e } from "react";
+const s = (t) => /* @__PURE__ */ o("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 256 256", ...t, children: /* @__PURE__ */ o(
+  "path",
+  {
+    fill: "currentColor",
+    strokeMiterlimit: "10",
+    strokeWidth: "0",
+    d: "M249 67c-3-11-11-19-22-22-20-6-99-6-99-6s-79 0-99 6C18 48 10 56 7 67c-6 20-6 61-6 61s0 41 6 61c3 11 11 19 22 22 20 5 99 5 99 5s79 0 99-5c11-3 19-11 22-22 5-20 5-61 5-61s0-41-5-61zm-146 99V90l65 38-65 38z"
   }
-  return [o, e.Provider];
-}
-const i = {
-  typography: () => ""
-}, [v, s] = c();
-function m({ children: e, brandTheme: o = i }) {
-  const t = u(() => ({ brandTheme: o }), [o]);
-  return /* @__PURE__ */ n(s, { value: t, children: e });
-}
-const a = (e) => ({ children: t }) => /* @__PURE__ */ n(m, { brandTheme: e, children: t });
+) }), c = e(s, r);
 export {
-  m as ThemeContextProvider,
-  c as createCtxNullable,
-  a as createThemeProvider,
-  v as useTheme
+  c as default
 };

package/index86.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const u=require("radashi"),l=require("./index85.js"),c=(t,i={},n=null)=>{const r=l.useTheme();if(r!=null&&t!=null){const{brandTheme:o}=r,e=u.get(o,t);if(typeof e=="function"){const s=e==null?void 0:e(i);if(typeof s=="string")return s}}if(n)return n};module.exports=c;
+"use strict";const e=require("react/jsx-runtime"),t=require("radashi"),r=require("react"),i=s=>e.jsx("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 256 256",...s,children:e.jsxs("g",{fill:"currentColor",strokeMiterlimit:"10",strokeWidth:"0",children:[e.jsx("path",{fill:"red",d:"M249.02 66.99a31.68 31.68 0 0 0-22.36-22.36c-19.72-5.29-98.8-5.29-98.8-5.29s-79.09 0-98.8 5.29A31.68 31.68 0 0 0 6.68 66.99c-5.28 19.72-5.28 60.87-5.28 60.87s0 41.15 5.28 60.87a31.68 31.68 0 0 0 22.36 22.36c19.72 5.28 98.8 5.28 98.8 5.28s79.1 0 98.81-5.28a31.68 31.68 0 0 0 22.36-22.36c5.29-19.72 5.29-60.87 5.29-60.87s0-41.15-5.29-60.87z"}),e.jsx("path",{fill:"#fff",d:"m102.57 165.8 65.7-37.94-65.7-37.94z"})]})}),o=r.memo(i,t.isEqual);module.exports=o;

package/index86.mjs

@@ -1,19 +1,16 @@
-"use client";
-import { get as u } from "radashi";
-import { useTheme as l } from "./index85.mjs";
-const p = (e, f = {}, n = null) => {
-  const r = l();
-  if (r != null && e != null) {
-    const { brandTheme: i } = r, t = u(i, e);
-    if (typeof t == "function") {
-      const o = t == null ? void 0 : t(f);
-      if (typeof o == "string")
-        return o;
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { isEqual as e } from "radashi";
+import { memo as s } from "react";
+const i = (r) => /* @__PURE__ */ o("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 256 256", ...r, children: /* @__PURE__ */ t("g", { fill: "currentColor", strokeMiterlimit: "10", strokeWidth: "0", children: [
+  /* @__PURE__ */ o(
+    "path",
+    {
+      fill: "red",
+      d: "M249.02 66.99a31.68 31.68 0 0 0-22.36-22.36c-19.72-5.29-98.8-5.29-98.8-5.29s-79.09 0-98.8 5.29A31.68 31.68 0 0 0 6.68 66.99c-5.28 19.72-5.28 60.87-5.28 60.87s0 41.15 5.28 60.87a31.68 31.68 0 0 0 22.36 22.36c19.72 5.28 98.8 5.28 98.8 5.28s79.1 0 98.81-5.28a31.68 31.68 0 0 0 22.36-22.36c5.29-19.72 5.29-60.87 5.29-60.87s0-41.15-5.29-60.87z"
     }
-  }
-  if (n)
-    return n;
-};
+  ),
+  /* @__PURE__ */ o("path", { fill: "#fff", d: "m102.57 165.8 65.7-37.94-65.7-37.94z" })
+] }) }), f = s(i, e);
 export {
-  p as default
+  f as default
 };

package/index87.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react");function u(){const e=o.createContext(void 0);function r(){const t=o.useContext(e);return t===void 0?null:t}return[r,e.Provider]}const i={typography:()=>""},[s,l]=u();function c({children:e,brandTheme:r=i}){const t=o.useMemo(()=>({brandTheme:r}),[r]);return n.jsx(l,{value:t,children:e})}const x=e=>({children:t})=>n.jsx(c,{brandTheme:e,children:t});exports.ThemeContextProvider=c;exports.createCtxNullable=u;exports.createThemeProvider=x;exports.useTheme=s;

package/index87.mjs

@@ -1,17 +1,25 @@
 "use client";
-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 });
+import { jsx as n } from "react/jsx-runtime";
+import r, { useMemo as u } from "react";
+function c() {
+  const e = r.createContext(void 0);
+  function o() {
+    const t = r.useContext(e);
+    return t === void 0 ? null : t;
+  }
+  return [o, e.Provider];
 }
+const i = {
+  typography: () => ""
+}, [v, s] = c();
+function m({ children: e, brandTheme: o = i }) {
+  const t = u(() => ({ brandTheme: o }), [o]);
+  return /* @__PURE__ */ n(s, { value: t, children: e });
+}
+const a = (e) => ({ children: t }) => /* @__PURE__ */ n(m, { brandTheme: e, children: t });
 export {
-  p as IsClientContextProvider,
-  a as useIsClient
+  m as ThemeContextProvider,
+  c as createCtxNullable,
+  a as createThemeProvider,
+  v as useTheme
 };

package/index88.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("./index102.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";const u=require("radashi"),l=require("./index87.js"),c=(t,i={},n=null)=>{const r=l.useTheme();if(r!=null&&t!=null){const{brandTheme:o}=r,e=u.get(o,t);if(typeof e=="function"){const s=e==null?void 0:e(i);if(typeof s=="string")return s}}if(n)return n};module.exports=c;

package/index88.mjs

@@ -1,49 +1,19 @@
 "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 "./index102.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();
+import { get as u } from "radashi";
+import { useTheme as l } from "./index87.mjs";
+const p = (e, f = {}, n = null) => {
+  const r = l();
+  if (r != null && e != null) {
+    const { brandTheme: i } = r, t = u(i, e);
+    if (typeof t == "function") {
+      const o = t == null ? void 0 : t(f);
+      if (typeof o == "string")
+        return o;
     }
-  }), { 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 });
-}
+  }
+  if (n)
+    return n;
+};
 export {
-  T as SidePanelContextProvider,
-  M as useSidePanel
+  p as default
 };

package/index89.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("./index88.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 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/index89.mjs

@@ -1,41 +1,17 @@
 "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 "./index88.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 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 {
-  w as MenuContextProvider,
-  d as MenuProvider,
-  q as useMenu
+  p as IsClientContextProvider,
+  a as useIsClient
 };

package/index9.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),q=require("@react-aria/focus"),B=require("react-stately"),b=require("./index102.js"),f=require("./index35.js"),a=require("./index6.js"),C=require("./index22.js"),N=require("./index38.js"),p=require("./index3.js"),w=n=>{const{themeName:s,tokens:o,children:i,...t}=n;return e.jsx(a.default,{themeName:s,tokens:o,...t,children:e.jsx(C,{icon:"CloseBtn"})})},y=n=>{const{children:s,thumbnailContent:o,label:i,themeName:t="lightBox",tokens:r,closeButton:c=w,closeButtonAriaLabel:u,transitionComponent:h,showTriggerButton:d=!0,showCloseButton:x=!0}=n,l=B.useOverlayTriggerState(n),{openTriggerProps:m,triggerProps:g,overlayProps:j,labelProps:$}=b({...n,type:"dialog"},l);return e.jsxs(e.Fragment,{children:[d&&e.jsx(q.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs(a.default,{themeName:`${t}.wrapper`,tokens:r,...m,children:[i&&e.jsx(p.default,{themeName:`${t}.label`,tokens:r,...$,children:i}),o]})}),e.jsxs(N,{themeName:`${t}.modal`,tokens:r,state:l,...j,transitionComponent:h,children:[x&&e.jsx(c,{themeName:`${t}.closeBtn`,tokens:r,"aria-label":u,...g}),e.jsx(f.default,{themeName:`${t}.container`,tokens:r,children:s})]})]})};module.exports=y;
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),N=require("react-div-100vh"),S=require("./index90.js"),T=require("./index42.js"),b=require("./index142.js"),o=require("./index36.js"),v=require("./index39.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;