@okam/stack-ui 1.41.1 → 1.42.0

package/index108.mjs

@@ -1,25 +1,41 @@
 "use client";
-import { mergeProps as f } from "react-aria";
-import { useCarousel as x } from "./index93.mjs";
-function N(a) {
-  const { isDisabled: i, ...l } = a, { controller: c, nextNavigationRef: d, id: p, activeIndex: s } = x(), { params: n, slides: e } = c ?? {}, { slidesPerView: o, loop: u } = n ?? {}, { a11y: t } = n ?? {}, g = Math.round(
-    typeof o == "number" ? (s + 1) / o : s
-  ), m = Math.round(
-    e && typeof o == "number" ? e.length / o : (e == null ? void 0 : e.length) ?? 1
-  ), b = g < m, r = i || !u && !b;
+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 "./index95.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 {
-    isDisabled: r,
-    navigationProps: f(
-      {
-        "aria-disabled": r,
-        "aria-controls": p,
-        "aria-label": t == null ? void 0 : t.nextSlideMessage
-      },
-      l
-    ),
-    ref: d
+    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 {
-  N as useCarouselNextNavigation
+  I as useCarouselPaginationBullet
 };

package/index109.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react-aria"),g=require("./index93.js");function p(i){const{isDisabled:r,...o}=i,{controller:e,prevNavigationRef:t,id:n,activeIndex:l}=g.useCarousel(),{params:c}=e??{},{a11y:a}=(e==null?void 0:e.params)??{},{loop:u}=c??{},v=l>0,s=r||!u&&!v;return{isDisabled:s,navigationProps:d.mergeProps({"aria-disabled":s,"aria-controls":n,"aria-label":a==null?void 0:a.prevSlideMessage},o),ref:t}}exports.useCarouselPrevNavigation=p;
+"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;

package/index109.mjs

@@ -1,21 +1,19 @@
 "use client";
-import { mergeProps as d } from "react-aria";
-import { useCarousel as m } from "./index93.mjs";
-function b(o) {
-  const { isDisabled: i, ...r } = o, { controller: a, prevNavigationRef: t, id: n, activeIndex: l } = m(), { params: p } = a ?? {}, { a11y: s } = (a == null ? void 0 : a.params) ?? {}, { loop: c } = p ?? {}, v = l > 0, e = i || !c && !v;
+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;
   return {
-    isDisabled: e,
-    navigationProps: d(
+    paginationFractionProps: i(
       {
-        "aria-disabled": e,
-        "aria-controls": n,
-        "aria-label": s == null ? void 0 : s.prevSlideMessage
+        "aria-label": `${o} / ${t}`
       },
-      r
+      e
     ),
-    ref: t
+    current: o,
+    total: t
   };
 }
 export {
-  b as useCarouselPrevNavigation
+  p as useCarouselPaginationFraction
 };

package/index11.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),s=require("react-aria"),j=require("react-stately"),B=require("./index10.js"),T=require("./index6.js"),C=o=>{const{children:p,buttonProps:d,placement:h="right",offset:m=5,themeName:a="popover",tokens:f,customTheme:v,label:y,handlePress:n,shouldCloseOnInteractOutside:R,isKeyboardDismissDisabled:O}=o,r=j.useOverlayTriggerState(o),e=c.useRef(null),l=c.useRef(null),{triggerProps:P,overlayProps:u}=s.useOverlayTrigger({type:"dialog"},r,e),{overlayProps:x}=s.useOverlayPosition({...o,placement:h,offset:m,targetRef:e,overlayRef:l,isOpen:r.isOpen}),{onPress:i,...q}=P,b=g=>{i==null||i(g),n==null||n(g)};return t.jsxs(t.Fragment,{children:[t.jsx(T.ButtonWithForwardRef,{themeName:`${a}.button`,handlePress:b,...d,...q,ref:e,children:y}),r.isOpen&&t.jsx(s.OverlayContainer,{children:t.jsx(B.Popover,{themeName:a,tokens:f,customTheme:v,triggerRef:e,...s.mergeProps(u,x),popoverRef:l,sizeRef:e,state:r,shouldCloseOnInteractOutside:R,isKeyboardDismissDisabled:O,children:c.cloneElement(p,u)})})]})};module.exports=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),s=require("react-aria"),m=require("./index36.js"),f=i=>{var a;const{children:d,themeName:o="popover",tokens:v,customTheme:h,placement:R="bottom",offset:P=5,state:r,arrow:p,sizeRef:x,popoverRef:g,triggerRef:j,contain:y=!0,autoFocus:k=!0,restoreFocus:w=!0}=i,t=x??j,{isOpen:F}=r,$=c.useRef(null),u=g??$,{popoverProps:l,underlayProps:b,arrowProps:q,placement:D}=s.usePopover({...i,placement:R,offset:P,popoverRef:u},r),n={placement:D??"bottom",isOpen:F,...v},B={[`--${o==null?void 0:o.replace(".","-")}-container-width`]:`${(a=t==null?void 0:t.current)==null?void 0:a.offsetWidth}px`,...l.style};return e.jsxs(s.Overlay,{children:[e.jsx(m.default,{themeName:`${o}.underlay`,tokens:n,...b}),e.jsx(s.FocusScope,{autoFocus:k,restoreFocus:w,contain:y,children:e.jsxs(m.BoxWithForwardRef,{themeName:`${o}.popover`,customTheme:h,tokens:n,ref:u,...l,style:B,children:[p&&c.cloneElement(p,{...q,themeName:`${o}.arrow`,tokens:n}),e.jsx(s.DismissButton,{onDismiss:r.close}),c.Children.map(d,O=>e.jsx(s.FocusRing,{focusRingClass:"has-focus-ring",children:O})),e.jsx(s.DismissButton,{onDismiss:r.close})]})})]})};exports.Popover=f;exports.default=f;

package/index11.mjs

@@ -1,63 +1,63 @@
 "use client";
-import { jsxs as B, Fragment as T, jsx as n } from "react/jsx-runtime";
-import { useRef as p, cloneElement as j } from "react";
-import { useOverlayTrigger as C, useOverlayPosition as D, OverlayContainer as F, mergeProps as N } from "react-aria";
-import { useOverlayTriggerState as k } from "react-stately";
-import { Popover as w } from "./index10.mjs";
-import { ButtonWithForwardRef as z } from "./index6.mjs";
-const q = (r) => {
+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;
   const {
-    children: c,
-    buttonProps: f,
-    placement: u = "right",
-    offset: g = 5,
-    themeName: i = "popover",
-    tokens: d,
+    children: f,
+    themeName: e = "popover",
+    tokens: u,
     customTheme: h,
-    label: v,
-    handlePress: t,
-    shouldCloseOnInteractOutside: y,
-    isKeyboardDismissDisabled: O
-  } = r, o = k(r), e = p(null), l = p(null), { triggerProps: P, overlayProps: a } = C({ type: "dialog" }, o, e), { overlayProps: R } = D({
-    ...r,
-    placement: u,
-    offset: g,
-    targetRef: e,
-    overlayRef: l,
-    isOpen: o.isOpen
-  }), { onPress: s, ...b } = P, x = (m) => {
-    s == null || s(m), t == null || t(m);
+    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__ */ B(T, { children: [
-    /* @__PURE__ */ n(
-      z,
+  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,
       {
-        themeName: `${i}.button`,
-        handlePress: x,
-        ...f,
-        ...b,
-        ref: e,
-        children: v
-      }
-    ),
-    o.isOpen && /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(
-      w,
-      {
-        themeName: i,
-        tokens: d,
+        themeName: `${e}.popover`,
         customTheme: h,
-        triggerRef: e,
-        ...N(a, R),
-        popoverRef: l,
-        sizeRef: e,
-        state: o,
-        shouldCloseOnInteractOutside: y,
-        isKeyboardDismissDisabled: O,
-        children: j(c, a)
+        tokens: s,
+        ref: c,
+        ...i,
+        style: b,
+        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 })
+        ]
       }
     ) })
   ] });
 };
 export {
-  q as default
+  J as Popover,
+  J as default
 };

package/index110.js

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

package/index110.mjs

@@ -1,17 +1,31 @@
 "use client";
-import { mergeProps as i } from "react-aria";
-import { useCarousel as p } from "./index93.mjs";
-function s(t) {
-  var e, n;
-  const { controller: a, activeIndex: o, slides: r } = p(), { params: c } = a ?? {}, { a11y: u } = c ?? {};
+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
+  });
   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: r,
+    navigationProps: v(
+      f,
+      {
+        "aria-disabled": r,
+        "aria-controls": c,
+        "aria-label": n == null ? void 0 : n.nextSlideMessage
+      },
+      d
+    ),
+    ref: u
   };
 }
 export {
-  s as useCarouselA11yAnnouncer
+  w as useCarouselNextNavigation
 };

package/index111.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 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;

package/index111.mjs

@@ -1,16 +1,27 @@
 "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 { 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);
+    },
+    isDisabled: i
+  });
+  return {
+    isDisabled: i,
+    navigationProps: g(
+      l,
+      {
+        "aria-disabled": i,
+        "aria-controls": p,
+        "aria-label": a == null ? void 0 : a.prevSlideMessage
+      },
+      t
+    ),
+    ref: n
+  };
 }
 export {
-  f as useDebounce
+  N as useCarouselPrevNavigation
 };

package/index112.js

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

package/index112.mjs

@@ -1,39 +1,17 @@
 "use client";
-import A, { useState as I, useMemo as l } from "react";
-import { Node as L } from "./index60.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]);
+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 ?? {};
   return {
-    structureType: s,
-    inputValue: c,
-    onInputChange: p,
-    items: o ? m : n
+    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 {
-  v as useComboBoxFiltering
+  s as useCarouselA11yAnnouncer
 };

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

@@ -1,6 +1,16 @@
-import { createLogger as o } from "@okam/logger";
-const r = o("[StackUI]"), { log: e } = r;
+"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 {
-  e as log,
-  r as logger
+  f as useDebounce
 };

package/index114.js

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

package/index114.mjs

@@ -1,4 +1,39 @@
-const m = (e) => e;
+"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())
+      )
+    };
+  }).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 {
-  m as makeTheme
+  v as useComboBoxFiltering
 };

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

package/index115.mjs

@@ -1,96 +1,6 @@
-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)
-};
+import { createLogger as o } from "@okam/logger";
+const r = o("[StackUI]"), { log: e } = r;
 export {
-  n as accordionButton,
-  r as accordionContainer,
-  a as accordionContent,
-  i as accordionIcon,
-  l as accordionRegion,
-  c as accordionTheme,
-  o as accordionTitle
+  e as log,
+  r as logger
 };

package/index116.js

@@ -1 +1 @@
-"use strict";const e=require("tailwind-variants"),t=require("./index118.js"),r=require("./index137.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 t=e=>e;exports.makeTheme=t;