@okam/stack-ui 1.42.4 → 1.44.0

package/index11.mjs

@@ -1,63 +1,61 @@
 "use client";
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { useRef as C, cloneElement as N, Children as O } from "react";
-import { usePopover as T, Overlay as W, FocusScope as z, DismissButton as a, FocusRing as E } from "react-aria";
-import S, { BoxWithForwardRef as q } from "./index36.mjs";
-const J = (n) => {
-  var m;
+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 "./index106.mjs";
+import $ from "./index37.mjs";
+import s from "./index6.mjs";
+import w from "./index24.mjs";
+import L from "./index40.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) => {
   const {
-    children: f,
-    themeName: e = "popover",
-    tokens: u,
-    customTheme: h,
-    placement: d = "bottom",
-    offset: v = 5,
-    state: r,
-    arrow: p,
-    sizeRef: R,
-    popoverRef: P,
-    triggerRef: g,
-    contain: x = !0,
-    autoFocus: k = !0,
-    restoreFocus: w = !0
-  } = n, t = R ?? g, { isOpen: y } = r, F = C(null), c = P ?? F, { popoverProps: i, underlayProps: $, arrowProps: B, placement: D } = T(
-    {
-      ...n,
-      placement: d,
-      offset: v,
-      popoverRef: c
-    },
-    r
-  ), s = {
-    placement: D ?? "bottom",
-    isOpen: y,
-    ...u
-  }, b = {
-    [`--${e == null ? void 0 : e.replace(".", "-")}-container-width`]: `${(m = t == null ? void 0 : t.current) == null ? void 0 : m.offsetWidth}px`,
-    ...i.style
-  };
-  return /* @__PURE__ */ l(W, { children: [
-    /* @__PURE__ */ o(S, { themeName: `${e}.underlay`, tokens: s, ...$ }),
-    /* @__PURE__ */ o(z, { autoFocus: k, restoreFocus: w, contain: x, children: /* @__PURE__ */ l(
-      q,
+    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
+  );
+  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}.popover`,
-        customTheme: h,
-        tokens: s,
-        ref: c,
-        ...i,
-        style: b,
+        themeName: `${e}.modal`,
+        tokens: r,
+        state: a,
+        ...B,
+        transitionComponent: p,
         children: [
-          p && N(p, { ...B, themeName: `${e}.arrow`, tokens: s }),
-          /* @__PURE__ */ o(a, { onDismiss: r.close }),
-          O.map(f, (j) => /* @__PURE__ */ o(E, { focusRingClass: "has-focus-ring", children: j })),
-          /* @__PURE__ */ o(a, { onDismiss: r.close })
+          g && /* @__PURE__ */ t(
+            h,
+            {
+              themeName: `${e}.closeBtn`,
+              tokens: r,
+              "aria-label": c,
+              ...f
+            }
+          ),
+          /* @__PURE__ */ t($, { themeName: `${e}.container`, tokens: r, children: n })
         ]
       }
-    ) })
+    )
   ] });
 };
 export {
-  J as Popover,
-  J as default
+  M as default
 };

package/index110.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react-aria"),c=require("./index95.js");function u(r){const{startIndex:n=1,...o}=r,{slides:a,activeIndex:i}=c.useCarousel(),e=a.length,t=n+i;return{paginationFractionProps:s.mergeProps({"aria-label":`${t} / ${e}`},o),current:t,total:e}}exports.useCarouselPaginationFraction=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("radashi"),o=require("react-aria"),g=require("./index96.js"),h={horizontal:{prev:"ArrowLeft",next:"ArrowRight"},vertical:{prev:"ArrowUp",next:"ArrowDown"}};function D(a){const{controller:s,slides:l,swiperProps:d,activeIndex:p}=g.useCarousel(),{direction:b="horizontal"}=d,{index:r,handlePress:n}=a,e=o.useFocusManager(),{prev:v,next:x}=h[b],{keyboardProps:y}=o.useKeyboard({onKeyUp:t=>{t.key===v&&(t.preventDefault(),e==null||e.focusPrevious({wrap:!0})),t.key===x&&(t.preventDefault(),e==null||e.focusNext({wrap:!0}))}}),{pressProps:P}=o.usePress({onPress:t=>{s==null||s.slideTo(r),n==null||n(t),e==null||e.focusNext({wrap:!0})}}),w=l[r],i=r===p,{title:f,id:A}=w,u=!c.isEmpty(f);return{paginationBulletProps:o.mergeProps(y,P,{tabIndex:0,role:"button","aria-current":i?"true":"false","aria-disabled":i,isDisabled:i,"aria-label":u?void 0:c.get(a,"aria-label")??`${r+1} / ${l.length}`,"aria-labelledby":u?A:void 0}),index:r,isActive:i}}exports.useCarouselPaginationBullet=D;

package/index110.mjs

@@ -1,19 +1,41 @@
 "use client";
-import { mergeProps as i } from "react-aria";
-import { useCarousel as c } from "./index95.mjs";
-function p(r) {
-  const { startIndex: n = 1, ...e } = r, { slides: a, activeIndex: s } = c(), t = a.length, o = n + s;
+import { isEmpty as y, get as P } from "radashi";
+import { useFocusManager as A, useKeyboard as h, usePress as D, mergeProps as k } from "react-aria";
+import { useCarousel as K } from "./index96.mjs";
+const g = {
+  horizontal: {
+    prev: "ArrowLeft",
+    next: "ArrowRight"
+  },
+  vertical: {
+    prev: "ArrowUp",
+    next: "ArrowDown"
+  }
+};
+function I(n) {
+  const { controller: i, slides: a, swiperProps: p, activeIndex: u } = K(), { direction: c = "horizontal" } = p, { index: r, handlePress: s } = n, e = A(), { prev: d, next: v } = g[c], { keyboardProps: b } = h({
+    onKeyUp: (t) => {
+      t.key === d && (t.preventDefault(), e == null || e.focusPrevious({ wrap: !0 })), t.key === v && (t.preventDefault(), e == null || e.focusNext({ wrap: !0 }));
+    }
+  }), { pressProps: w } = D({
+    onPress: (t) => {
+      i == null || i.slideTo(r), s == null || s(t), e == null || e.focusNext({ wrap: !0 });
+    }
+  }), x = a[r], o = r === u, { title: f, id: m } = x, l = !y(f);
   return {
-    paginationFractionProps: i(
-      {
-        "aria-label": `${o} / ${t}`
-      },
-      e
-    ),
-    current: o,
-    total: t
+    paginationBulletProps: k(b, w, {
+      tabIndex: 0,
+      role: "button",
+      "aria-current": o ? "true" : "false",
+      "aria-disabled": o,
+      isDisabled: o,
+      "aria-label": l ? void 0 : P(n, "aria-label") ?? `${r + 1} / ${a.length}`,
+      "aria-labelledby": l ? m : void 0
+    }),
+    index: r,
+    isActive: o
   };
 }
 export {
-  p as useCarouselPaginationFraction
+  I as useCarouselPaginationBullet
 };

package/index111.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react-aria"),m=require("./index95.js");function h(l){const{isDisabled:c,handlePress:o,...d}=l,{controller:s,nextNavigationRef:g,id:p,activeIndex:r}=m.useCarousel(),{params:a,slides:e}=s??{},{slidesPerView:t,loop:b}=a??{},{a11y:i}=a??{},x=Math.round(typeof t=="number"?(r+1)/t:r),N=Math.round(e&&typeof t=="number"?e.length/t:(e==null?void 0:e.length)??1),v=x<N,n=c||!b&&!v,{pressProps:P}=u.usePress({onPress:f=>{s==null||s.slideNext(),o==null||o(f)},isDisabled:n});return{isDisabled:n,navigationProps:u.mergeProps(P,{"aria-disabled":n,"aria-controls":p,"aria-label":i==null?void 0:i.nextSlideMessage},d),ref:g}}exports.useCarouselNextNavigation=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react-aria"),c=require("./index96.js");function u(r){const{startIndex:n=1,...o}=r,{slides:a,activeIndex:i}=c.useCarousel(),e=a.length,t=n+i;return{paginationFractionProps:s.mergeProps({"aria-label":`${t} / ${e}`},o),current:t,total:e}}exports.useCarouselPaginationFraction=u;

package/index111.mjs

@@ -1,31 +1,19 @@
 "use client";
-import { usePress as P, mergeProps as v } from "react-aria";
-import { useCarousel as h } from "./index95.mjs";
-function w(l) {
-  const { isDisabled: p, handlePress: t, ...d } = l, { controller: s, nextNavigationRef: u, id: c, activeIndex: i } = h(), { params: a, slides: e } = s ?? {}, { slidesPerView: o, loop: g } = a ?? {}, { a11y: n } = a ?? {}, m = Math.round(
-    typeof o == "number" ? (i + 1) / o : i
-  ), x = Math.round(
-    e && typeof o == "number" ? e.length / o : (e == null ? void 0 : e.length) ?? 1
-  ), b = m < x, r = p || !g && !b, { pressProps: f } = P({
-    onPress: (N) => {
-      s == null || s.slideNext(), t == null || t(N);
-    },
-    isDisabled: r
-  });
+import { mergeProps as i } from "react-aria";
+import { useCarousel as c } from "./index96.mjs";
+function p(r) {
+  const { startIndex: n = 1, ...e } = r, { slides: a, activeIndex: s } = c(), t = a.length, o = n + s;
   return {
-    isDisabled: r,
-    navigationProps: v(
-      f,
+    paginationFractionProps: i(
       {
-        "aria-disabled": r,
-        "aria-controls": c,
-        "aria-label": n == null ? void 0 : n.nextSlideMessage
+        "aria-label": `${o} / ${t}`
       },
-      d
+      e
     ),
-    ref: u
+    current: o,
+    total: t
   };
 }
 export {
-  w as useCarouselNextNavigation
+  p as useCarouselPaginationFraction
 };

package/index112.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react-aria"),b=require("./index95.js");function f(o){const{isDisabled:t,handlePress:s,...n}=o,{controller:e,prevNavigationRef:u,id:c,activeIndex:v}=b.useCarousel(),{params:d}=e??{},{a11y:a}=(e==null?void 0:e.params)??{},{loop:l}=d??{},p=v>0,i=t||!l&&!p,{pressProps:P}=r.usePress({onPress:g=>{e==null||e.slidePrev(),s==null||s(g)},isDisabled:i});return{isDisabled:i,navigationProps:r.mergeProps(P,{"aria-disabled":i,"aria-controls":c,"aria-label":a==null?void 0:a.prevSlideMessage},n),ref:u}}exports.useCarouselPrevNavigation=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react-aria"),m=require("./index96.js");function h(l){const{isDisabled:c,handlePress:o,...d}=l,{controller:s,nextNavigationRef:g,id:p,activeIndex:r}=m.useCarousel(),{params:a,slides:e}=s??{},{slidesPerView:t,loop:b}=a??{},{a11y:i}=a??{},x=Math.round(typeof t=="number"?(r+1)/t:r),N=Math.round(e&&typeof t=="number"?e.length/t:(e==null?void 0:e.length)??1),v=x<N,n=c||!b&&!v,{pressProps:P}=u.usePress({onPress:f=>{s==null||s.slideNext(),o==null||o(f)},isDisabled:n});return{isDisabled:n,navigationProps:u.mergeProps(P,{"aria-disabled":n,"aria-controls":p,"aria-label":i==null?void 0:i.nextSlideMessage},d),ref:g}}exports.useCarouselNextNavigation=h;

package/index112.mjs

@@ -1,27 +1,31 @@
 "use client";
-import { usePress as u, mergeProps as g } from "react-aria";
-import { useCarousel as b } from "./index95.mjs";
-function N(o) {
-  const { isDisabled: r, handlePress: e, ...t } = o, { controller: s, prevNavigationRef: n, id: p, activeIndex: v } = b(), { params: c } = s ?? {}, { a11y: a } = (s == null ? void 0 : s.params) ?? {}, { loop: d } = c ?? {}, P = v > 0, i = r || !d && !P, { pressProps: l } = u({
-    onPress: (m) => {
-      s == null || s.slidePrev(), e == null || e(m);
+import { usePress as P, mergeProps as v } from "react-aria";
+import { useCarousel as h } from "./index96.mjs";
+function w(l) {
+  const { isDisabled: p, handlePress: t, ...d } = l, { controller: s, nextNavigationRef: u, id: c, activeIndex: i } = h(), { params: a, slides: e } = s ?? {}, { slidesPerView: o, loop: g } = a ?? {}, { a11y: n } = a ?? {}, m = Math.round(
+    typeof o == "number" ? (i + 1) / o : i
+  ), x = Math.round(
+    e && typeof o == "number" ? e.length / o : (e == null ? void 0 : e.length) ?? 1
+  ), b = m < x, r = p || !g && !b, { pressProps: f } = P({
+    onPress: (N) => {
+      s == null || s.slideNext(), t == null || t(N);
     },
-    isDisabled: i
+    isDisabled: r
   });
   return {
-    isDisabled: i,
-    navigationProps: g(
-      l,
+    isDisabled: r,
+    navigationProps: v(
+      f,
       {
-        "aria-disabled": i,
-        "aria-controls": p,
-        "aria-label": a == null ? void 0 : a.prevSlideMessage
+        "aria-disabled": r,
+        "aria-controls": c,
+        "aria-label": n == null ? void 0 : n.nextSlideMessage
       },
-      t
+      d
     ),
-    ref: n
+    ref: u
   };
 }
 export {
-  N as useCarouselPrevNavigation
+  w as useCarouselNextNavigation
 };

package/index113.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react-aria"),l=require("./index95.js");function s(t){var n,o;const{controller:a,activeIndex:r,slides:e}=l.useCarousel(),{params:u}=a??{},{a11y:c}=u??{};return{a11y:c,announcerProps:i.mergeProps(t,{"aria-live":"polite",children:((n=e==null?void 0:e[r])==null?void 0:n.title)??((o=e==null?void 0:e[r])==null?void 0:o.ariaLabel)})}}exports.useCarouselA11yAnnouncer=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react-aria"),b=require("./index96.js");function f(o){const{isDisabled:t,handlePress:s,...n}=o,{controller:e,prevNavigationRef:u,id:c,activeIndex:v}=b.useCarousel(),{params:d}=e??{},{a11y:a}=(e==null?void 0:e.params)??{},{loop:l}=d??{},p=v>0,i=t||!l&&!p,{pressProps:P}=r.usePress({onPress:g=>{e==null||e.slidePrev(),s==null||s(g)},isDisabled:i});return{isDisabled:i,navigationProps:r.mergeProps(P,{"aria-disabled":i,"aria-controls":c,"aria-label":a==null?void 0:a.prevSlideMessage},n),ref:u}}exports.useCarouselPrevNavigation=f;

package/index113.mjs

@@ -1,17 +1,27 @@
 "use client";
-import { mergeProps as i } from "react-aria";
-import { useCarousel as p } from "./index95.mjs";
-function s(t) {
-  var e, n;
-  const { controller: a, activeIndex: o, slides: r } = p(), { params: c } = a ?? {}, { a11y: u } = c ?? {};
+import { usePress as u, mergeProps as g } from "react-aria";
+import { useCarousel as b } from "./index96.mjs";
+function N(o) {
+  const { isDisabled: r, handlePress: e, ...t } = o, { controller: s, prevNavigationRef: n, id: p, activeIndex: v } = b(), { params: c } = s ?? {}, { a11y: a } = (s == null ? void 0 : s.params) ?? {}, { loop: d } = c ?? {}, P = v > 0, i = r || !d && !P, { pressProps: l } = u({
+    onPress: (m) => {
+      s == null || s.slidePrev(), e == null || e(m);
+    },
+    isDisabled: i
+  });
   return {
-    a11y: u,
-    announcerProps: i(t, {
-      "aria-live": "polite",
-      children: ((e = r == null ? void 0 : r[o]) == null ? void 0 : e.title) ?? ((n = r == null ? void 0 : r[o]) == null ? void 0 : n.ariaLabel)
-    })
+    isDisabled: i,
+    navigationProps: g(
+      l,
+      {
+        "aria-disabled": i,
+        "aria-controls": p,
+        "aria-label": a == null ? void 0 : a.prevSlideMessage
+      },
+      t
+    ),
+    ref: n
   };
 }
 export {
-  s as useCarouselA11yAnnouncer
+  N as useCarouselPrevNavigation
 };

package/index114.js

@@ -1,2 +1,2 @@
 "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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react-aria"),l=require("./index96.js");function s(t){var n,o;const{controller:a,activeIndex:r,slides:e}=l.useCarousel(),{params:u}=a??{},{a11y:c}=u??{};return{a11y:c,announcerProps:i.mergeProps(t,{"aria-live":"polite",children:((n=e==null?void 0:e[r])==null?void 0:n.title)??((o=e==null?void 0:e[r])==null?void 0:o.ariaLabel)})}}exports.useCarouselA11yAnnouncer=s;

package/index114.mjs

@@ -1,16 +1,17 @@
 "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;
+import { mergeProps as i } from "react-aria";
+import { useCarousel as p } from "./index96.mjs";
+function s(t) {
+  var e, n;
+  const { controller: a, activeIndex: o, slides: r } = p(), { params: c } = a ?? {}, { a11y: u } = c ?? {};
+  return {
+    a11y: u,
+    announcerProps: i(t, {
+      "aria-live": "polite",
+      children: ((e = r == null ? void 0 : r[o]) == null ? void 0 : e.title) ?? ((n = r == null ? void 0 : r[o]) == null ? void 0 : n.ariaLabel)
+    })
+  };
 }
 export {
-  f as useDebounce
+  s as useCarouselA11yAnnouncer
 };

package/index115.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),A=require("./index61.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;
+"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/index115.mjs

@@ -1,39 +1,16 @@
 "use client";
-import A, { useState as I, useMemo as l } from "react";
-import { Node as L } from "./index61.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())
-      )
+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);
     };
-  }).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
-  };
+  }, [e, t]), o;
 }
 export {
-  v as useComboBoxFiltering
+  f as useDebounce
 };

package/index116.js

@@ -1 +1,2 @@
-"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 client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),A=require("./index62.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/index116.mjs

@@ -1,6 +1,39 @@
-import { createLogger as o } from "@okam/logger";
-const r = o("[StackUI]"), { log: e } = r;
+"use client";
+import A, { useState as I, useMemo as l } from "react";
+import { Node as L } from "./index62.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 {
-  e as log,
-  r as logger
+  v as useComboBoxFiltering
 };

package/index117.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 o=require("@okam/logger"),e=o.createLogger("[StackUI]"),{log:g}=e;exports.log=g;exports.logger=e;

package/index117.mjs

@@ -1,4 +1,6 @@
-const m = (e) => e;
+import { createLogger as o } from "@okam/logger";
+const r = o("[StackUI]"), { log: e } = r;
 export {
-  m as makeTheme
+  e as log,
+  r as logger
 };

package/index118.js

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

package/index118.mjs

@@ -1,96 +1,4 @@
-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)
-};
+const m = (e) => e;
 export {
-  n as accordionButton,
-  r as accordionContainer,
-  a as accordionContent,
-  i as accordionIcon,
-  l as accordionRegion,
-  c as accordionTheme,
-  o as accordionTitle
+  m as makeTheme
 };

package/index119.js

@@ -1 +1,6 @@
-"use strict";const e=require("tailwind-variants"),t=require("./index121.js"),r=require("./index141.js"),a=e.tv({base:"bg-color-1-200 p-4 flex flex-col gap-4"}),s=e.tv({base:"flex flex-wrap 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 basis-9/12"}),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}),d=e.tv({base:"block w-min bg-color-1-400 p-2 rounded-lg"}),u=e.tv({extend:t,base:"basis-1/12",variants:{order:{prev:"order-1",next:"order-3"}}}),v=e.tv({base:"flex gap-4 justify-center bg-color-1-200 z-10 bottom-4 left-0 right-0 order-4 basis-full"}),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:""}}}),f={wrapper:a,carouselWrapper:s,closeBtn:n,swiper:{swiper:o,wrapper:l},item:{wrapper:i,container:c,title:p,content:b,icon:d},navigation:{button:u},pagination:{wrapper:v,bullet:g}};module.exports=f;
+"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;