@okam/stack-ui 1.38.1 → 1.39.1

package/index87.mjs

@@ -1,10 +1,33 @@
 "use client";
-import a from "./index85.mjs";
-import l from "./index86.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}`;
-};
+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 "./index98.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
 };

package/index88.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const u=require("./index85.js"),l=require("./index86.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 s=(t,e,m="sharing_tool")=>`?utm_source=${t}&utm_medium=${e}&utm_campaign=${m}`;module.exports=s;

package/index88.mjs

@@ -1,10 +1,4 @@
-"use client";
-import l from "./index85.mjs";
-import c from "./index86.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}`;
-};
+const m = (t, a, e = "sharing_tool") => `?utm_source=${t}&utm_medium=${a}&utm_campaign=${e}`;
 export {
-  d as default
+  m as default
 };

package/index89.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const c=require("./index85.js"),u=require("./index86.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 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/index89.mjs

@@ -1,10 +1,11 @@
 "use client";
-import c from "./index85.mjs";
-import i from "./index86.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 { 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 {
-  a as default
+  s as default
 };

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("./index92.js"),f=require("./index27.js"),a=require("./index6.js"),C=require("./index14.js"),N=require("./index30.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 e=require("react/jsx-runtime"),q=require("@react-aria/focus"),B=require("react-stately"),b=require("./index95.js"),f=require("./index28.js"),a=require("./index6.js"),C=require("./index15.js"),N=require("./index31.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;

package/index9.mjs

@@ -2,11 +2,11 @@
 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 "./index92.mjs";
-import $ from "./index27.mjs";
+import y from "./index95.mjs";
+import $ from "./index28.mjs";
 import s from "./index6.mjs";
-import w from "./index14.mjs";
-import L from "./index30.mjs";
+import w from "./index15.mjs";
+import L from "./index31.mjs";
 import P from "./index3.mjs";
 const T = (o) => {
   const { themeName: n, tokens: i, children: m, ...e } = o;

package/index90.js

@@ -1 +1,2 @@
-"use strict";const f=require("react-stately");function S(c){const{children:e,defaultSelectedKeys:a,selectionMode:d="single",selectedKeys:s,onSelectionChange:l,...o}=c,u=Array.isArray(e)?e:[e],r=a??u.reduce((t,i)=>{const{props:y,key:n}=i,{defaultOpen:p}=y??{};return!p||!n||t.push(n),t},[]);return f.useTreeState({children:e,selectionMode:d,defaultExpandedKeys:r,defaultSelectedKeys:r,expandedKeys:s,selectedKeys:s,onSelectionChange:l,...o})}module.exports=S;
+"use client";
+"use strict";const u=require("./index88.js"),i=require("./index89.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/index90.mjs

@@ -1,27 +1,10 @@
-import { useTreeState as y } from "react-stately";
-function h(d) {
-  const {
-    children: e,
-    defaultSelectedKeys: a,
-    selectionMode: c = "single",
-    selectedKeys: r,
-    onSelectionChange: o,
-    ...l
-  } = d, u = Array.isArray(e) ? e : [e], s = a ?? u.reduce((t, i) => {
-    const { props: f, key: n } = i, { defaultOpen: p } = f ?? {};
-    return !p || !n || t.push(n), t;
-  }, []);
-  return y({
-    children: e,
-    selectionMode: c,
-    defaultExpandedKeys: s,
-    defaultSelectedKeys: s,
-    expandedKeys: r,
-    selectedKeys: r,
-    onSelectionChange: o,
-    ...l
-  });
-}
+"use client";
+import a from "./index88.mjs";
+import l from "./index89.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 {
-  h as default
+  m as default
 };

package/index91.js

@@ -1 +1,2 @@
-"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;
+"use client";
+"use strict";const u=require("./index88.js"),l=require("./index89.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;

package/index91.mjs

@@ -1,12 +1,10 @@
-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 };
-}
+"use client";
+import l from "./index88.mjs";
+import c from "./index89.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}`;
+};
 export {
-  g as mergeDefaultComponentProps
+  d as default
 };

package/index92.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("./index154.js"),p=require("react-aria");function d(s,o,l){const{type:a="dialog"}=s,{triggerProps:{onPress:t,...i},overlayProps:g}=p.useOverlayTrigger({type:a},o,l),r=n.useSlotId(),e={"aria-labelledby":r,handlePress:t,...i};return{openTriggerProps:e,triggerProps:e,labelProps:{id:r},overlayProps:{...g,"aria-labelledby":r}}}module.exports=d;
+"use strict";const c=require("./index88.js"),u=require("./index89.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;

package/index92.mjs

@@ -1,22 +1,10 @@
 "use client";
-import { useSlotId as g } from "./index154.mjs";
-import { useOverlayTrigger as i } from "react-aria";
-function P(o, s, l) {
-  const { type: a = "dialog" } = o, {
-    triggerProps: { onPress: t, ...p },
-    overlayProps: d
-  } = i({ type: a }, s, l), r = g(), e = {
-    "aria-labelledby": r,
-    handlePress: t,
-    ...p
-  };
-  return {
-    openTriggerProps: e,
-    triggerProps: e,
-    labelProps: { id: r },
-    overlayProps: { ...d, "aria-labelledby": r }
-  };
-}
+import c from "./index88.mjs";
+import i from "./index89.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}`}`;
+};
 export {
-  P as default
+  a as default
 };

package/index93.js

@@ -1 +1 @@
-"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;
+"use strict";const f=require("react-stately");function S(c){const{children:e,defaultSelectedKeys:a,selectionMode:d="single",selectedKeys:s,onSelectionChange:l,...o}=c,u=Array.isArray(e)?e:[e],r=a??u.reduce((t,i)=>{const{props:y,key:n}=i,{defaultOpen:p}=y??{};return!p||!n||t.push(n),t},[]);return f.useTreeState({children:e,selectionMode:d,defaultExpandedKeys:r,defaultSelectedKeys:r,expandedKeys:s,selectedKeys:s,onSelectionChange:l,...o})}module.exports=S;

package/index93.mjs

@@ -1,6 +1,27 @@
-import { createLogger as o } from "@okam/logger";
-const r = o("[StackUI]"), { log: e } = r;
+import { useTreeState as y } from "react-stately";
+function h(d) {
+  const {
+    children: e,
+    defaultSelectedKeys: a,
+    selectionMode: c = "single",
+    selectedKeys: r,
+    onSelectionChange: o,
+    ...l
+  } = d, u = Array.isArray(e) ? e : [e], s = a ?? u.reduce((t, i) => {
+    const { props: f, key: n } = i, { defaultOpen: p } = f ?? {};
+    return !p || !n || t.push(n), t;
+  }, []);
+  return y({
+    children: e,
+    selectionMode: c,
+    defaultExpandedKeys: s,
+    defaultSelectedKeys: s,
+    expandedKeys: r,
+    selectedKeys: r,
+    onSelectionChange: o,
+    ...l
+  });
+}
 export {
-  e as log,
-  r as logger
+  h as default
 };

package/index94.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e;exports.makeTheme=t;
+"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/index94.mjs

@@ -1,4 +1,12 @@
-const m = (e) => e;
+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 {
-  m as makeTheme
+  g as mergeDefaultComponentProps
 };

package/index95.js

@@ -1,6 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),n=e.tv({base:"[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500",defaultVariants:{textAlign:"left",isOpen:!1},variants:{textAlign:{center:"text-center",left:"text-left"}}}),o=e.tv({base:"grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black",variants:{titleBold:{true:"font-bold"},textAlign:{center:"grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0",left:"grid-cols-[1fr_3rem]"},bgColor:{gray:"bg-gray-300",white:"bg-white"}},defaultVariants:{titleBold:!1,textAlign:"left",bgColor:"white"}}),r=e.tv({base:"",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"justify-self-center col-start-2",left:"justify-self-start"}}}),i=e.tv({base:"text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square",variants:{isOpen:{true:"-rotate-90",false:""}}}),a=e.tv({base:`
-    font-body 
-    text-inherit
-    h-auto
-    grid
-  `,defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"grid-cols-[3rem_1fr_3rem] px-6 text-center",left:"grid-cols-[1fr_3rem] text-left"}}}),l=e.tv({base:"overflow-hidden flex flex-col gap-2 items-start",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"col-start-2",left:""}}}),c={container:t=>n(t),button:t=>o(t),title:t=>r(t),icon:t=>i(t),region:t=>a(t),content:t=>l(t)};exports.accordionButton=o;exports.accordionContainer=n;exports.accordionContent=l;exports.accordionIcon=i;exports.accordionRegion=a;exports.accordionTheme=c;exports.accordionTitle=r;
+"use client";
+"use strict";const n=require("./index161.js"),p=require("react-aria");function d(s,o,l){const{type:a="dialog"}=s,{triggerProps:{onPress:t,...i},overlayProps:g}=p.useOverlayTrigger({type:a},o,l),r=n.useSlotId(),e={"aria-labelledby":r,handlePress:t,...i};return{openTriggerProps:e,triggerProps:e,labelProps:{id:r},overlayProps:{...g,"aria-labelledby":r}}}module.exports=d;

package/index95.mjs

@@ -1,96 +1,22 @@
-import { tv as e } from "tailwind-variants";
-const r = e({
-  base: "[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500",
-  defaultVariants: {
-    textAlign: "left",
-    isOpen: !1
-  },
-  variants: {
-    textAlign: {
-      center: "text-center",
-      left: "text-left"
-    }
-  }
-}), n = e({
-  base: "grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black",
-  variants: {
-    titleBold: {
-      true: "font-bold"
-    },
-    textAlign: {
-      center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0",
-      left: "grid-cols-[1fr_3rem]"
-    },
-    bgColor: {
-      gray: "bg-gray-300",
-      white: "bg-white"
-    }
-  },
-  defaultVariants: {
-    titleBold: !1,
-    textAlign: "left",
-    bgColor: "white"
-  }
-}), o = e({
-  base: "",
-  defaultVariants: {
-    textAlign: "left"
-  },
-  variants: {
-    textAlign: {
-      center: "justify-self-center col-start-2",
-      left: "justify-self-start"
-    }
-  }
-}), i = e({
-  base: "text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square",
-  variants: {
-    isOpen: {
-      true: "-rotate-90",
-      false: ""
-    }
-  }
-}), l = e({
-  base: `
-    font-body 
-    text-inherit
-    h-auto
-    grid
-  `,
-  defaultVariants: {
-    textAlign: "left"
-  },
-  variants: {
-    textAlign: {
-      center: "grid-cols-[3rem_1fr_3rem] px-6 text-center",
-      left: "grid-cols-[1fr_3rem] text-left"
-    }
-  }
-}), a = e({
-  base: "overflow-hidden flex flex-col gap-2 items-start",
-  defaultVariants: {
-    textAlign: "left"
-  },
-  variants: {
-    textAlign: {
-      center: "col-start-2",
-      left: ""
-    }
-  }
-}), c = {
-  container: (t) => r(t),
-  button: (t) => n(t),
-  title: (t) => o(t),
-  icon: (t) => i(t),
-  region: (t) => l(t),
-  content: (t) => a(t)
-};
+"use client";
+import { useSlotId as g } from "./index161.mjs";
+import { useOverlayTrigger as i } from "react-aria";
+function P(o, s, l) {
+  const { type: a = "dialog" } = o, {
+    triggerProps: { onPress: t, ...p },
+    overlayProps: d
+  } = i({ type: a }, s, l), r = g(), e = {
+    "aria-labelledby": r,
+    handlePress: t,
+    ...p
+  };
+  return {
+    openTriggerProps: e,
+    triggerProps: e,
+    labelProps: { id: r },
+    overlayProps: { ...d, "aria-labelledby": r }
+  };
+}
 export {
-  n as accordionButton,
-  r as accordionContainer,
-  a as accordionContent,
-  i as accordionIcon,
-  l as accordionRegion,
-  c as accordionTheme,
-  o as accordionTitle
+  P as default
 };

package/index96.js

@@ -1 +1,2 @@
-"use strict";const e=require("tailwind-variants"),t=require("./index98.js"),r=require("./index115.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 client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function r(e,t){const[n,o]=u.useState(e);return u.useEffect(()=>{const c=setTimeout(()=>{o(e)},t);return()=>{clearTimeout(c)}},[e,t]),n}exports.useDebounce=r;

package/index96.mjs

@@ -1,71 +1,16 @@
-import { tv as e } from "tailwind-variants";
-import t from "./index98.mjs";
-import r from "./index115.mjs";
-const a = e({
-  base: "bg-color-1-200 p-4 flex flex-col gap-4"
-}), o = e({
-  base: "flex justify-between items-center gap-4 relative"
-}), s = e({
-  extend: t,
-  base: "self-end"
-}), n = e({
-  base: "bg-color-1-300 m-2 rounded-lg order-2"
-}), l = e({
-  base: "m-4"
-}), p = e({
-  base: ""
-}), i = e({
-  base: ""
-}), c = e({
-  extend: r,
-  defaultVariants: {
-    size: "h1"
-  }
-}), b = e({
-  extend: r
-}), g = e({
-  base: "block w-min bg-color-1-400 p-2 rounded-lg"
-}), m = e({
-  extend: t,
-  variants: {
-    order: {
-      prev: "order-1",
-      next: "order-3"
-    }
-  }
-}), u = e({
-  base: "flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0"
-}), d = e({
-  base: "w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",
-  variants: {
-    active: {
-      true: "bg-color-1-100",
-      false: ""
-    }
-  }
-}), v = {
-  wrapper: a,
-  carouselWrapper: o,
-  closeBtn: s,
-  swiper: {
-    swiper: n,
-    wrapper: l
-  },
-  item: {
-    wrapper: p,
-    container: i,
-    title: c,
-    content: b,
-    icon: g
-  },
-  navigation: {
-    button: m
-  },
-  pagination: {
-    wrapper: u,
-    bullet: d
-  }
-};
+"use client";
+import { useState as r, useEffect as c } from "react";
+function f(e, t) {
+  const [o, u] = r(e);
+  return c(() => {
+    const n = setTimeout(() => {
+      u(e);
+    }, t);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e, t]), o;
+}
 export {
-  v as default
+  f as useDebounce
 };

package/index97.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("tailwind-variants"),s=l.tv({base:"w-full bg-slate-100"}),a=l.tv({base:"max-w-screen-lg mx-auto w-full",variants:{fullWidth:{true:"max-w-full col-span-full p-0"},spacing:{small:"mb-3",medium:"mb-6",large:"mb-8",none:"mb-0"}}}),t=l.tv({extend:a,base:"grid grid-cols-12 gap-6 px-4 col-span-full",variants:{fullWidth:{true:"max-w-full col-span-full p-0"}}}),e=l.tv({base:"bg-slate-300 h-64 p-4 flex justify-start items-end",defaultVariants:{size:"small"},variants:{size:{small:"col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4",medium:"col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8",large:"lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13"}}});exports.container=a;exports.grid=t;exports.gridItem=e;exports.main=s;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),A=require("./index53.js");function S(i,a,f){const[d,h]=l.useState(""),n=l.useMemo(()=>!i||i.length===0?i:Array.from(i).some(r=>"items"in r&&Array.isArray(r.items)&&!("children"in r))?i.map(r=>({...r,children:({key:t,children:m,...g})=>l.createElement(A.Node,{key:t,...g},m)})):i,[i]),s=l.useMemo(()=>{if(!n||n.length===0)return"none";const e=Array.from(n);return e.some(t=>"items"in t&&Array.isArray(t.items)&&"children"in t&&typeof t.children=="function")?"sections":e.some(t=>"children"in t&&typeof t.children=="string"&&!("items"in t))?"flatList":"none"},[n]),o=s!=="none",c=a??(o?d:void 0),p=f??(o?h:void 0),y=l.useMemo(()=>!o||!n||!c?n:s==="sections"?n.map(e=>{var u;return{...e,items:(u=e.items)==null?void 0:u.filter(r=>"children"in r&&typeof r.children=="string"&&r.children.toLowerCase().includes(c.toLowerCase()))}}).filter(e=>e.items&&e.items.length>0):s==="flatList"?Array.from(n).filter(e=>"children"in e&&typeof e.children=="string"&&e.children.toLowerCase().includes(c.toLowerCase())):n,[o,n,c,s]);return{structureType:s,inputValue:c,onInputChange:p,items:o?y:n}}exports.useComboBoxFiltering=S;

package/index97.mjs

@@ -1,43 +1,39 @@
-import { tv as l } from "tailwind-variants";
-const t = l({
-  base: "w-full bg-slate-100"
-}), a = l({
-  base: "max-w-screen-lg mx-auto w-full",
-  variants: {
-    fullWidth: {
-      true: "max-w-full col-span-full p-0"
-    },
-    spacing: {
-      small: "mb-3",
-      medium: "mb-6",
-      large: "mb-8",
-      none: "mb-0"
-    }
-  }
-}), n = l({
-  extend: a,
-  base: "grid grid-cols-12 gap-6 px-4 col-span-full",
-  variants: {
-    fullWidth: {
-      true: "max-w-full col-span-full p-0"
-    }
-  }
-}), e = l({
-  base: "bg-slate-300 h-64 p-4 flex justify-start items-end",
-  defaultVariants: {
-    size: "small"
-  },
-  variants: {
-    size: {
-      small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4",
-      medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8",
-      large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13"
-    }
-  }
-});
+"use client";
+import A, { useState as I, useMemo as l } from "react";
+import { Node as L } from "./index53.mjs";
+function v(i, u, f) {
+  const [d, h] = I(""), n = l(() => !i || i.length === 0 ? i : Array.from(i).some(
+    (r) => "items" in r && Array.isArray(r.items) && !("children" in r)
+  ) ? i.map((r) => ({
+    ...r,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    children: ({ key: t, children: y, ...g }) => A.createElement(L, { key: t, ...g }, y)
+  })) : i, [i]), s = l(() => {
+    if (!n || n.length === 0) return "none";
+    const e = Array.from(n);
+    return e.some(
+      (t) => "items" in t && Array.isArray(t.items) && "children" in t && typeof t.children == "function"
+    ) ? "sections" : e.some(
+      (t) => "children" in t && typeof t.children == "string" && !("items" in t)
+    ) ? "flatList" : "none";
+  }, [n]), o = s !== "none", c = u ?? (o ? d : void 0), p = f ?? (o ? h : void 0), m = l(() => !o || !n || !c ? n : s === "sections" ? n.map((e) => {
+    var a;
+    return {
+      ...e,
+      items: (a = e.items) == null ? void 0 : a.filter(
+        (r) => "children" in r && typeof r.children == "string" && r.children.toLowerCase().includes(c.toLowerCase())
+      )
+    };
+  }).filter((e) => e.items && e.items.length > 0) : s === "flatList" ? Array.from(n).filter(
+    (e) => "children" in e && typeof e.children == "string" && e.children.toLowerCase().includes(c.toLowerCase())
+  ) : n, [o, n, c, s]);
+  return {
+    structureType: s,
+    inputValue: c,
+    onInputChange: p,
+    items: o ? m : n
+  };
+}
 export {
-  a as container,
-  n as grid,
-  e as gridItem,
-  t as main
+  v as useComboBoxFiltering
 };

package/index98.js

@@ -1,42 +1 @@
-"use strict";const e=require("tailwind-variants"),t=e.tv({base:`
-    flex
-    items-center
-    justify-center
-    gap-4
-    transition
-    duration-300
-    ease-in-out
-    disabled:pointer-events-none
-    disabled:opacity-30
-    focus-ring-black
-  `,defaultVariants:{buttonStyle:"default",type:"button",size:"default",shape:"rounded"},variants:{type:{button:"",menu:"text-2xl"},buttonStyle:{default:`
-            px-4
-            py-2
-            text-white
-            !bg-color-1-500 
-            hover:!bg-color-1-400
-            active:!bg-color-1-400
-          `,outline:`
-            px-4
-            py-2
-            bg-transparent
-            !border-color-1-500
-            text-color-1-500
-            hover:bg-color-1-500
-            hover:text-white
-            active:bg-color-1-500
-            active:text-white
-          `,hollow:`
-            px-2
-            bg-transparent
-            text-color-1-500
-            hover:border-b-color-1-500
-            active:border-b-color-1-500
-            focus:border-b-color-1-500
-    
-          `},intent:{error:`
-            !bg-error 
-            text-white 
-            pointer-events-none
-            !border-error
-          `},size:{default:"min-w-12 min-h-6",large:"min-w-36 min-h-18"},shape:{rounded:"rounded-md",circular:"rounded-full"}}});module.exports=t;
+"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;