@okam/stack-ui 1.35.4 → 1.35.5

package/index18.mjs

@@ -1,37 +1,100 @@
 "use client";
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import k from "react";
-import { useSearchField as w, FocusRing as v } from "react-aria";
-import { useSearchFieldState as x } from "react-stately";
-import t from "./index69.mjs";
-import { useUserQueryValHook as C } from "./index75.mjs";
-import F from "./index6.mjs";
-import R from "./index50.mjs";
-import B from "./index112.mjs";
-import M from "./index3.mjs";
-const z = (a) => {
-  const { setUserSearchQuery: u } = C(), { label: i, themeName: r = "search", tokens: p, customTheme: s, disabled: c, errorMessage: n, placeholder: d, icon: f } = a, l = x(a);
-  u(l.value);
-  const m = k.useRef(null), { labelProps: b, inputProps: g, errorMessageProps: T, clearButtonProps: N } = w(a, l, m), o = { ...p, isError: n != null }, S = t(`${r}.wrapper`, o, s), y = t(`${r}.input`, o, s), P = t(`${r}.label`, o, s), $ = t(`${r}.container`, o, s);
-  return /* @__PURE__ */ h("div", { className: S, "aria-disabled": c, children: [
-    i && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    /* @__PURE__ */ e("label", { ...b, className: P, children: i }),
-    /* @__PURE__ */ h("div", { className: $, children: [
-      /* @__PURE__ */ e("input", { ref: m, ...g, placeholder: d, className: y, disabled: c }),
-      /* @__PURE__ */ e(v, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ e(
-        F,
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import "./index2.mjs";
+import x from "./index3.mjs";
+import "@react-aria/accordion";
+import D from "react";
+import "./index74.mjs";
+import s from "./index27.mjs";
+import { useSearchField as T, FocusRing as w } from "react-aria";
+import "react-use";
+import "@react-spring/web";
+import B from "./index69.mjs";
+import C from "./index6.mjs";
+import "./index111.mjs";
+import { useSearchFieldState as F } from "react-stately";
+import "./index5.mjs";
+import "react-div-100vh";
+import "./index71.mjs";
+import "@react-aria/focus";
+import "./index10.mjs";
+import "./index76.mjs";
+import "./index12.mjs";
+import "./index120.mjs";
+import "sanitize-html";
+import "@react-aria/i18n";
+import "radashi";
+import "react-hook-form";
+import "./index77.mjs";
+import { useUserQueryValHook as R } from "./index75.mjs";
+import M from "./index50.mjs";
+import j from "./index112.mjs";
+import "./index121.mjs";
+import "./index122.mjs";
+import "./index73.mjs";
+import "./index72.mjs";
+import "./index123.mjs";
+import "./index43.mjs";
+import "./index44.mjs";
+import "./index45.mjs";
+import "./index46.mjs";
+import "./index47.mjs";
+import "./index48.mjs";
+import "./index49.mjs";
+import "./index51.mjs";
+import "./index52.mjs";
+import "./index53.mjs";
+import "./index54.mjs";
+import "./index55.mjs";
+import "./index56.mjs";
+import "./index57.mjs";
+import "./index58.mjs";
+import "./index59.mjs";
+import "./index60.mjs";
+import "./index61.mjs";
+import "./index62.mjs";
+import "./index63.mjs";
+import "./index64.mjs";
+import "./index65.mjs";
+import "./index66.mjs";
+import "./index67.mjs";
+import "./index68.mjs";
+import "./index70.mjs";
+import "./index84.mjs";
+const Vr = (i) => {
+  const { setUserSearchQuery: h } = R(), {
+    label: a,
+    themeName: o = "search",
+    tokens: u,
+    customTheme: d,
+    disabled: l,
+    errorMessage: m,
+    placeholder: f,
+    icon: b,
+    isDisabled: g
+  } = i, p = F(i);
+  h(p.value);
+  const n = D.useRef(null), { labelProps: k, inputProps: N, errorMessageProps: S, clearButtonProps: y } = T(i, p, n), e = g || l, P = m != null, t = { ...u, isError: P, isDisabled: e ?? !1 }, $ = B(`${o}.input`, t, d);
+  return /* @__PURE__ */ c(s, { themeName: `${o}.wrapper`, tokens: t, "aria-disabled": e ?? !1, children: [
+    a && // eslint-disable-next-line jsx-a11y/label-has-associated-control
+    /* @__PURE__ */ r(s, { ...k, as: "label", themeName: `${o}.label`, tokens: t, children: a }),
+    /* @__PURE__ */ c(s, { themeName: `${o}.container`, tokens: t, children: [
+      /* @__PURE__ */ r("input", { ref: n, ...N, placeholder: f, className: $, disabled: l }),
+      /* @__PURE__ */ r(w, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ r(
+        C,
         {
-          handlePress: N.onPress,
-          tokens: { isIconOnly: !0, buttonStyle: "hollow" },
-          themeName: `${r}.icon`,
+          isDisabled: e,
+          handlePress: y.onPress,
+          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: e ?? !1 },
+          themeName: `${o}.icon`,
           "aria-label": "clear",
-          children: f ?? (l.value === "" ? /* @__PURE__ */ e(B, { width: "16", height: "16" }) : /* @__PURE__ */ e(R, { width: "16", height: "16" }))
+          children: b ?? (p.value === "" ? /* @__PURE__ */ r(j, { width: "16", height: "16" }) : /* @__PURE__ */ r(M, { width: "16", height: "16" }))
         }
       ) })
     ] }),
-    n && /* @__PURE__ */ e(M, { themeName: `${r}.errorMessage`, tokens: o, ...T, children: n })
+    m && /* @__PURE__ */ r(x, { themeName: `${o}.errorMessage`, tokens: t, ...S, children: m })
   ] });
 };
 export {
-  z as default
+  Vr as default
 };

package/index19.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),p=require("./index120.js"),G=require("react-aria"),m=require("./index121.js"),n=require("./index27.js"),i=require("./index3.js"),f=r=>{const{label:s,isError:a=!1,errorMessage:o,isDisabled:t=!1,children:x,themeName:c="checkboxGroup",tokens:h}=r,u=p.useCheckboxGroupState(r),{groupProps:l,labelProps:d,errorMessageProps:k}=G.useCheckboxGroup(r,u),b={...h,isDisabled:t};return e.jsxs(n.default,{...l,"aria-disabled":t,themeName:`${c}.checkboxGroup`,tokens:b,children:[s&&e.jsx(i.default,{...d,tokens:{size:"h6"},children:s}),e.jsx(n.default,{themeName:`${c}.checkboxGroupItemsGroup`,children:e.jsx(m.CheckboxGroupProvider,{state:u,children:x})}),a&&o&&e.jsx(i.default,{...k,tokens:{isError:!0},children:o})]})};module.exports=f;
+"use strict";const e=require("react/jsx-runtime"),p=require("./index124.js"),G=require("react-aria"),m=require("./index121.js"),n=require("./index27.js"),i=require("./index3.js"),f=r=>{const{label:s,isError:a=!1,errorMessage:o,isDisabled:t=!1,children:x,themeName:c="checkboxGroup",tokens:h}=r,u=p.useCheckboxGroupState(r),{groupProps:l,labelProps:d,errorMessageProps:k}=G.useCheckboxGroup(r,u),b={...h,isDisabled:t};return e.jsxs(n.default,{...l,"aria-disabled":t,themeName:`${c}.checkboxGroup`,tokens:b,children:[s&&e.jsx(i.default,{...d,tokens:{size:"h6"},children:s}),e.jsx(n.default,{themeName:`${c}.checkboxGroupItemsGroup`,children:e.jsx(m.CheckboxGroupProvider,{state:u,children:x})}),a&&o&&e.jsx(i.default,{...k,tokens:{isError:!0},children:o})]})};module.exports=f;

package/index19.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
-import { useCheckboxGroupState as x } from "./index120.mjs";
+import { useCheckboxGroupState as x } from "./index124.mjs";
 import { useCheckboxGroup as f } from "react-aria";
 import { CheckboxGroupProvider as G } from "./index121.mjs";
 import i from "./index27.mjs";

package/index23.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),i=require("./index27.js"),W=require("./index28.js"),G=require("./index122.js"),J=require("./index3.js"),Q=require("./index24.js"),p=require("./index25.js"),V=require("./index123.js");function X(o){const{popoverPlacement:h="bottom start",placement:P="bottom start",tokens:r,customTheme:x,themeName:t="datePicker",icon:k="ArrowDown",description:d,buttonLabel:f,buttonContent:b,label:l,children:j,invalidIndicator:c="❌",isDisabled:q=!1,isReadOnly:v=!1,isRequired:$=!1,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w}=o,S=P??h,s=U.useDatePickerState(o),{isInvalid:u,isOpen:T,hasTime:A}=s,a=L.useRef(null),{groupProps:F,fieldProps:m,labelProps:z,descriptionProps:B,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDatePicker(o,s,a),n={isInvalid:u,isOpen:T,hasTime:A,isDisabled:q,isReadOnly:v,isRequired:$,...r};return e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:x,children:[l&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:l}),d&&e.jsx(i.default,{as:"div",themeName:`${t}.description`,tokens:n,...B,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:a,groupProps:F,buttonProps:E,buttonLabel:f,buttonContent:b,icon:k,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"outer"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:c})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:{...r,isInvalid:u},triggerRef:a,state:s,placement:S,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[j,e.jsxs(i.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"inner"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:c})]}),e.jsx(W,{...K,tokens:r})]})})]})}module.exports=X;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),i=require("./index27.js"),W=require("./index28.js"),G=require("./index125.js"),J=require("./index3.js"),Q=require("./index24.js"),p=require("./index25.js"),V=require("./index122.js");function X(o){const{popoverPlacement:h="bottom start",placement:P="bottom start",tokens:r,customTheme:x,themeName:t="datePicker",icon:k="ArrowDown",description:d,buttonLabel:f,buttonContent:b,label:l,children:j,invalidIndicator:c="❌",isDisabled:q=!1,isReadOnly:v=!1,isRequired:$=!1,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w}=o,S=P??h,s=U.useDatePickerState(o),{isInvalid:u,isOpen:T,hasTime:A}=s,a=L.useRef(null),{groupProps:F,fieldProps:m,labelProps:z,descriptionProps:B,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDatePicker(o,s,a),n={isInvalid:u,isOpen:T,hasTime:A,isDisabled:q,isReadOnly:v,isRequired:$,...r};return e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:x,children:[l&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:l}),d&&e.jsx(i.default,{as:"div",themeName:`${t}.description`,tokens:n,...B,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:a,groupProps:F,buttonProps:E,buttonLabel:f,buttonContent:b,icon:k,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"outer"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:c})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:{...r,isInvalid:u},triggerRef:a,state:s,placement:S,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[j,e.jsxs(i.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"inner"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:c})]}),e.jsx(W,{...K,tokens:r})]})})]})}module.exports=X;

package/index23.mjs

@@ -5,11 +5,11 @@ import { useDatePicker as U } from "react-aria";
 import { useDatePickerState as W } from "react-stately";
 import n from "./index27.mjs";
 import G from "./index28.mjs";
-import { Dialog as J } from "./index122.mjs";
+import { Dialog as J } from "./index125.mjs";
 import Q from "./index3.mjs";
 import { CalendarPopover as V } from "./index24.mjs";
 import f from "./index25.mjs";
-import X from "./index123.mjs";
+import X from "./index122.mjs";
 function le(a) {
   const {
     popoverPlacement: u = "bottom start",

package/index24.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("./index124.js"),d=require("./index125.js"),p=require("./index126.js"),f=require("react"),i=require("./index27.js");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const j=m(f);function v({themeName:e="datePicker",tokens:t,...r}){const o=j.useRef(null),{state:n,children:a}={...r},{popoverProps:u,underlayProps:l}=d.usePopover({...r,popoverRef:o},n);return s.jsxs(p.Overlay,{children:[s.jsx(i.default,{themeName:`${e}.calendarUnderlay`,tokens:t,...l}),s.jsxs(i.BoxWithForwardRef,{themeName:`${e}.calendarPopover`,tokens:t,...u,ref:o,children:[s.jsx(c.DismissButton,{onDismiss:n.close}),a,s.jsx(c.DismissButton,{onDismiss:n.close})]})]})}exports.CalendarPopover=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("./index126.js"),d=require("./index127.js"),p=require("./index128.js"),f=require("react"),i=require("./index27.js");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const j=m(f);function v({themeName:e="datePicker",tokens:t,...r}){const o=j.useRef(null),{state:n,children:a}={...r},{popoverProps:u,underlayProps:l}=d.usePopover({...r,popoverRef:o},n);return s.jsxs(p.Overlay,{children:[s.jsx(i.default,{themeName:`${e}.calendarUnderlay`,tokens:t,...l}),s.jsxs(i.BoxWithForwardRef,{themeName:`${e}.calendarPopover`,tokens:t,...u,ref:o,children:[s.jsx(c.DismissButton,{onDismiss:n.close}),a,s.jsx(c.DismissButton,{onDismiss:n.close})]})]})}exports.CalendarPopover=v;

package/index24.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { DismissButton as f } from "./index124.mjs";
-import { usePopover as n } from "./index125.mjs";
-import { Overlay as d } from "./index126.mjs";
+import { DismissButton as f } from "./index126.mjs";
+import { usePopover as n } from "./index127.mjs";
+import { Overlay as d } from "./index128.mjs";
 import * as l from "react";
 import $, { BoxWithForwardRef as x } from "./index27.mjs";
 function R({ themeName: r = "datePicker", tokens: s, ...a }) {

package/index25.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const i=require("react/jsx-runtime"),F=require("./index127.js"),q=require("@react-aria/i18n"),g=require("react"),o=require("react-aria"),N=require("react-stately"),S=require("./index69.js"),f=require("./index27.js");function j(n){const{themeName:a="datePicker",tokens:e,customTheme:l,segment:s,state:t}=n,c=g.useRef(null),{segmentProps:d}=o.useDateSegment(s,t,c),u=S(`${a}.dateSegmentPlaceholder`),{focusProps:r,isFocusVisible:h}=o.useFocusRing();return i.jsx(o.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:i.jsxs(f.BoxWithForwardRef,{...d,...r,ref:c,themeName:`${a}.dateSegment`,tokens:{...e,className:h?`has-focus-ring ${e==null?void 0:e.className}`:(e==null?void 0:e.className)??""},customTheme:l,children:[i.jsx("span",{className:u,"aria-hidden":"true",style:{visibility:s.isPlaceholder?"visible":"hidden",height:s.isPlaceholder?"":0,pointerEvents:"none",display:s.isPlaceholder?"block":"none"},children:s.placeholder}),s.isPlaceholder?"":s.text]})})}function k(n){const{themeName:a="datePicker",tokens:e,customTheme:l}=n,{locale:s}=q.useLocale(),t=N.useDateFieldState({...n,locale:s,createCalendar:F.createCalendar}),{isDisabled:c,isReadOnly:d,isRequired:u}=t,r=g.useRef(null),{fieldProps:h,isInvalid:x}=o.useDateField(n,t,r),m={isInvalid:x,isDisabled:c,isReadOnly:d,isRequired:u,...e};return i.jsx(f.BoxWithForwardRef,{...h,ref:r,themeName:`${a}.dateField`,tokens:m,customTheme:l,children:t.segments.map((P,R)=>i.jsx(j,{themeName:a,tokens:m,segment:P,state:t},R))})}module.exports=k;
+"use strict";const i=require("react/jsx-runtime"),F=require("./index129.js"),q=require("@react-aria/i18n"),g=require("react"),o=require("react-aria"),N=require("react-stately"),S=require("./index69.js"),f=require("./index27.js");function j(n){const{themeName:a="datePicker",tokens:e,customTheme:l,segment:s,state:t}=n,c=g.useRef(null),{segmentProps:d}=o.useDateSegment(s,t,c),u=S(`${a}.dateSegmentPlaceholder`),{focusProps:r,isFocusVisible:h}=o.useFocusRing();return i.jsx(o.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:i.jsxs(f.BoxWithForwardRef,{...d,...r,ref:c,themeName:`${a}.dateSegment`,tokens:{...e,className:h?`has-focus-ring ${e==null?void 0:e.className}`:(e==null?void 0:e.className)??""},customTheme:l,children:[i.jsx("span",{className:u,"aria-hidden":"true",style:{visibility:s.isPlaceholder?"visible":"hidden",height:s.isPlaceholder?"":0,pointerEvents:"none",display:s.isPlaceholder?"block":"none"},children:s.placeholder}),s.isPlaceholder?"":s.text]})})}function k(n){const{themeName:a="datePicker",tokens:e,customTheme:l}=n,{locale:s}=q.useLocale(),t=N.useDateFieldState({...n,locale:s,createCalendar:F.createCalendar}),{isDisabled:c,isReadOnly:d,isRequired:u}=t,r=g.useRef(null),{fieldProps:h,isInvalid:x}=o.useDateField(n,t,r),m={isInvalid:x,isDisabled:c,isReadOnly:d,isRequired:u,...e};return i.jsx(f.BoxWithForwardRef,{...h,ref:r,themeName:`${a}.dateField`,tokens:m,customTheme:l,children:t.segments.map((P,R)=>i.jsx(j,{themeName:a,tokens:m,segment:P,state:t},R))})}module.exports=k;

package/index25.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import { createCalendar as b } from "./index127.mjs";
+import { createCalendar as b } from "./index129.mjs";
 import { useLocale as N } from "@react-aria/i18n";
 import { useRef as u } from "react";
 import { useDateField as x, useDateSegment as R, useFocusRing as $, FocusRing as D } from "react-aria";

package/index26.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),a=require("./index27.js"),W=require("./index29.js"),G=require("./index122.js"),J=require("./index3.js"),Q=require("./index24.js"),r=require("./index25.js"),V=require("./index123.js");function X(o){const{popoverPlacement:x="bottom start",placement:P="bottom start",buttonLabel:g,description:d,themeName:t="datePicker",tokens:l,customTheme:j,icon:f,buttonContent:b,innerDateFieldSeparator:c=" - ",outerDateFieldSeparator:u=" - ",invalidIndicator:p="❌",children:q,label:m,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C}=o,y=P??x,s=U.useDateRangePickerState(o),{isInvalid:O,isOpen:T,hasTime:w}=s,i=L.useRef(null),{labelProps:z,descriptionProps:A,groupProps:B,startFieldProps:h,endFieldProps:k,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDateRangePicker(o,s,i),n={...l,isInvalid:O,isOpen:T,hasTime:w};return e.jsxs(a.default,{themeName:`${t}.container`,tokens:n,customTheme:j,children:[m&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:m}),d&&e.jsx(a.default,{as:"div",themeName:`${t}.description`,tokens:n,...A,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:i,groupProps:B,buttonProps:E,buttonLabel:g,buttonContent:b,icon:f,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"start"},...h}),u&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:u}),e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:p})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:n,triggerRef:i,state:s,placement:y,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[q,e.jsxs(a.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"start"},...h}),c&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:c}),e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:p})]}),e.jsx(W,{...K,tokens:l})]})})]})}module.exports=X;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),a=require("./index27.js"),W=require("./index29.js"),G=require("./index125.js"),J=require("./index3.js"),Q=require("./index24.js"),r=require("./index25.js"),V=require("./index122.js");function X(o){const{popoverPlacement:x="bottom start",placement:P="bottom start",buttonLabel:g,description:d,themeName:t="datePicker",tokens:l,customTheme:j,icon:f,buttonContent:b,innerDateFieldSeparator:c=" - ",outerDateFieldSeparator:u=" - ",invalidIndicator:p="❌",children:q,label:m,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C}=o,y=P??x,s=U.useDateRangePickerState(o),{isInvalid:O,isOpen:T,hasTime:w}=s,i=L.useRef(null),{labelProps:z,descriptionProps:A,groupProps:B,startFieldProps:h,endFieldProps:k,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDateRangePicker(o,s,i),n={...l,isInvalid:O,isOpen:T,hasTime:w};return e.jsxs(a.default,{themeName:`${t}.container`,tokens:n,customTheme:j,children:[m&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:m}),d&&e.jsx(a.default,{as:"div",themeName:`${t}.description`,tokens:n,...A,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:i,groupProps:B,buttonProps:E,buttonLabel:g,buttonContent:b,icon:f,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"start"},...h}),u&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:u}),e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:p})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:n,triggerRef:i,state:s,placement:y,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[q,e.jsxs(a.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"start"},...h}),c&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:c}),e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:p})]}),e.jsx(W,{...K,tokens:l})]})})]})}module.exports=X;

package/index26.mjs

@@ -5,11 +5,11 @@ import { useDateRangePicker as q } from "react-aria";
 import { useDateRangePickerState as A } from "react-stately";
 import n from "./index27.mjs";
 import G from "./index29.mjs";
-import { Dialog as J } from "./index122.mjs";
+import { Dialog as J } from "./index125.mjs";
 import Q from "./index3.mjs";
 import { CalendarPopover as V } from "./index24.mjs";
 import i from "./index25.mjs";
-import X from "./index123.mjs";
+import X from "./index122.mjs";
 function de(s) {
   const {
     popoverPlacement: f = "bottom start",

package/index28.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),B=require("./index127.js"),$=require("@react-aria/i18n"),P=require("react"),v=require("react-aria"),y=require("react-stately"),o=require("./index27.js"),F=require("./index3.js"),S=require("./index128.js"),b=require("./index129.js");function g({buttons:c,tokens:i,customTheme:l,themeName:e="calendar",gridProps:u,value:s,...a}){const{locale:d}=$.useLocale(),r=y.useCalendarState({...a,locale:d,value:s,createCalendar:B.createCalendar}),{isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f}=r,j=P.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:R,title:h}=v.useCalendar({...a,value:s},r),t={isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f,...i};return n.jsxs(o.BoxWithForwardRef,{...k,ref:j,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx(F.default,{as:"p",themeName:`${e}.title`,tokens:t,children:h}),n.jsx(b,{themeName:e,tokens:t,buttons:c,prevButtonProps:p,nextButtonProps:R})]}),n.jsx(S,{...u,themeName:e,state:r,tokens:t})]})}module.exports=g;
+"use strict";const n=require("react/jsx-runtime"),B=require("./index129.js"),$=require("@react-aria/i18n"),P=require("react"),v=require("react-aria"),y=require("react-stately"),o=require("./index27.js"),F=require("./index3.js"),S=require("./index130.js"),b=require("./index131.js");function g({buttons:c,tokens:i,customTheme:l,themeName:e="calendar",gridProps:u,value:s,...a}){const{locale:d}=$.useLocale(),r=y.useCalendarState({...a,locale:d,value:s,createCalendar:B.createCalendar}),{isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f}=r,j=P.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:R,title:h}=v.useCalendar({...a,value:s},r),t={isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f,...i};return n.jsxs(o.BoxWithForwardRef,{...k,ref:j,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx(F.default,{as:"p",themeName:`${e}.title`,tokens:t,children:h}),n.jsx(b,{themeName:e,tokens:t,buttons:c,prevButtonProps:p,nextButtonProps:R})]}),n.jsx(S,{...u,themeName:e,state:r,tokens:t})]})}module.exports=g;

package/index28.mjs

@@ -1,14 +1,14 @@
 "use client";
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { createCalendar as b } from "./index127.mjs";
+import { createCalendar as b } from "./index129.mjs";
 import { useLocale as y } from "@react-aria/i18n";
 import { useRef as P } from "react";
 import { useCalendar as R } from "react-aria";
 import { useCalendarState as g } from "react-stately";
 import j, { BoxWithForwardRef as v } from "./index27.mjs";
 import F from "./index3.mjs";
-import T from "./index128.mjs";
-import w from "./index129.mjs";
+import T from "./index130.mjs";
+import w from "./index131.mjs";
 function A({
   buttons: i,
   tokens: d,

package/index29.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),j=require("./index127.js"),g=require("@react-aria/i18n"),N=require("react"),B=require("react-aria"),P=require("react-stately"),o=require("./index27.js"),$=require("./index3.js"),v=require("./index128.js"),b=require("./index129.js");function y(c){const{buttons:i,tokens:u,customTheme:l,themeName:e="calendar",gridProps:d,...s}=c,{locale:m}=g.useLocale(),r=P.useRangeCalendarState({...s,locale:m,createCalendar:j.createCalendar}),{isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R}=r,a=N.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:C,title:f}=B.useRangeCalendar({...s},r,a),t={isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R,...u};return n.jsxs(o.BoxWithForwardRef,{...k,ref:a,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx($.default,{as:"p",themeName:`${e}.title`,tokens:t,children:f}),n.jsx(b,{themeName:e,tokens:t,buttons:i,prevButtonProps:p,nextButtonProps:C})]}),n.jsx(v,{...d,state:r,themeName:e,tokens:t})]})}module.exports=y;
+"use strict";const n=require("react/jsx-runtime"),j=require("./index129.js"),g=require("@react-aria/i18n"),N=require("react"),B=require("react-aria"),P=require("react-stately"),o=require("./index27.js"),$=require("./index3.js"),v=require("./index130.js"),b=require("./index131.js");function y(c){const{buttons:i,tokens:u,customTheme:l,themeName:e="calendar",gridProps:d,...s}=c,{locale:m}=g.useLocale(),r=P.useRangeCalendarState({...s,locale:m,createCalendar:j.createCalendar}),{isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R}=r,a=N.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:C,title:f}=B.useRangeCalendar({...s},r,a),t={isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R,...u};return n.jsxs(o.BoxWithForwardRef,{...k,ref:a,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx($.default,{as:"p",themeName:`${e}.title`,tokens:t,children:f}),n.jsx(b,{themeName:e,tokens:t,buttons:i,prevButtonProps:p,nextButtonProps:C})]}),n.jsx(v,{...d,state:r,themeName:e,tokens:t})]})}module.exports=y;

package/index29.mjs

@@ -1,14 +1,14 @@
 "use client";
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { createCalendar as $ } from "./index127.mjs";
+import { createCalendar as $ } from "./index129.mjs";
 import { useLocale as b } from "@react-aria/i18n";
 import { useRef as B } from "react";
 import { useRangeCalendar as N } from "react-aria";
 import { useRangeCalendarState as P } from "react-stately";
 import v, { BoxWithForwardRef as y } from "./index27.mjs";
 import T from "./index3.mjs";
-import j from "./index128.mjs";
-import F from "./index129.mjs";
+import j from "./index130.mjs";
+import F from "./index131.mjs";
 function z(m) {
   const { buttons: i, tokens: d, customTheme: l, themeName: e = "calendar", gridProps: c, ...a } = m, { locale: p } = b(), o = P({
     ...a,

package/index30.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index130.js"),d=require("./index131.js"),u=require("./index132.js"),m=s=>{const{children:o,transitionComponent:a=l,state:t,themeName:n,tokens:r,...i}=s;return e.jsx(c.OverlayContainer,{children:e.jsx(a,{themeName:`${n}.transition`,tokens:r,isVisible:t.isOpen,children:e.jsx(u,{themeName:n,tokens:r,state:t,...i,children:e.jsx(d,{themeName:n,tokens:r,...i,children:o})})})})};module.exports=m;
+"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index132.js"),d=require("./index133.js"),u=require("./index134.js"),m=s=>{const{children:o,transitionComponent:a=l,state:t,themeName:n,tokens:r,...i}=s;return e.jsx(c.OverlayContainer,{children:e.jsx(a,{themeName:`${n}.transition`,tokens:r,isVisible:t.isOpen,children:e.jsx(u,{themeName:n,tokens:r,state:t,...i,children:e.jsx(d,{themeName:n,tokens:r,...i,children:o})})})})};module.exports=m;

package/index30.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
 import { OverlayContainer as s } from "react-aria";
-import l from "./index130.mjs";
-import d from "./index131.mjs";
-import p from "./index132.mjs";
+import l from "./index132.mjs";
+import d from "./index133.mjs";
+import p from "./index134.mjs";
 const O = (n) => {
   const {
     children: a,

package/index32.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),h=require("./index133.js"),x=require("react-aria"),m=require("./index73.js"),u=require("./index27.js"),d=require("./index3.js"),R=r=>{const{label:o,isError:n=!1,errorMessage:s,isDisabled:t=!1,children:c,themeName:i="radioGroup",tokens:l}=r,a=h.useRadioGroupState(r),{radioGroupProps:G}=x.useRadioGroup(r,a),p={...l,isDisabled:t};return e.jsxs(u.default,{...G,"aria-disabled":t,themeName:`${i}.radioGroup`,tokens:p,children:[o&&e.jsx(d.default,{tokens:{size:"h6"},children:o}),e.jsx(u.default,{themeName:`${i}.radioGroupItemsGroup`,children:e.jsx(m.RadioGroupProvider,{state:a,children:c})}),n&&s&&e.jsx(d.default,{tokens:{isError:!0},children:s})]})};module.exports=R;
+"use strict";const e=require("react/jsx-runtime"),h=require("./index135.js"),x=require("react-aria"),m=require("./index73.js"),u=require("./index27.js"),d=require("./index3.js"),R=r=>{const{label:o,isError:n=!1,errorMessage:s,isDisabled:t=!1,children:c,themeName:i="radioGroup",tokens:l}=r,a=h.useRadioGroupState(r),{radioGroupProps:G}=x.useRadioGroup(r,a),p={...l,isDisabled:t};return e.jsxs(u.default,{...G,"aria-disabled":t,themeName:`${i}.radioGroup`,tokens:p,children:[o&&e.jsx(d.default,{tokens:{size:"h6"},children:o}),e.jsx(u.default,{themeName:`${i}.radioGroupItemsGroup`,children:e.jsx(m.RadioGroupProvider,{state:a,children:c})}),n&&s&&e.jsx(d.default,{tokens:{isError:!0},children:s})]})};module.exports=R;

package/index32.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useRadioGroupState as h } from "./index133.mjs";
+import { useRadioGroupState as h } from "./index135.mjs";
 import { useRadioGroup as G } from "react-aria";
 import { RadioGroupProvider as b } from "./index73.mjs";
 import d from "./index27.mjs";

package/index34.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),h=require("./index72.js"),l=require("./index71.js"),x=require("./index134.js"),r=require("./index27.js"),p=require("./index135.js"),q=c=>{const{id:o="main-menu",children:u,PanelTransition:m=x,themeName:e,tokens:n,customTheme:a,...d}=c,{overlayState:i}=l.useSidePanel(),{closeBtn:s}=h.useMenu();return t.jsx(m,{themeName:`${e}.panelTransition`,tokens:n,isVisible:i==null?void 0:i.isOpen,children:t.jsxs(r.default,{themeName:`${e}.wrapper`,tokens:n,children:[s&&s(),t.jsx(r.default,{themeName:`${e}.container`,tokens:n,children:t.jsx(p,{id:o,themeName:`${e}.innerContent`,tokens:n,customTheme:a,...d,children:u})})]})})};module.exports=q;
+"use strict";const t=require("react/jsx-runtime"),h=require("./index72.js"),l=require("./index71.js"),x=require("./index136.js"),r=require("./index27.js"),p=require("./index137.js"),q=c=>{const{id:o="main-menu",children:u,PanelTransition:m=x,themeName:e,tokens:n,customTheme:a,...d}=c,{overlayState:i}=l.useSidePanel(),{closeBtn:s}=h.useMenu();return t.jsx(m,{themeName:`${e}.panelTransition`,tokens:n,isVisible:i==null?void 0:i.isOpen,children:t.jsxs(r.default,{themeName:`${e}.wrapper`,tokens:n,children:[s&&s(),t.jsx(r.default,{themeName:`${e}.container`,tokens:n,children:t.jsx(p,{id:o,themeName:`${e}.innerContent`,tokens:n,customTheme:a,...d,children:u})})]})})};module.exports=q;

package/index34.mjs

@@ -2,9 +2,9 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { useMenu as d } from "./index72.mjs";
 import { useSidePanel as u } from "./index71.mjs";
-import f from "./index134.mjs";
+import f from "./index136.mjs";
 import i from "./index27.mjs";
-import N from "./index135.mjs";
+import N from "./index137.mjs";
 const M = (o) => {
   const {
     id: s = "main-menu",

package/index35.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),x=require("./index72.js"),h=require("./index8.js"),q=require("./index135.js"),j=o=>{const{id:n="main-menu",children:c,TransitionAnimation:l,PanelTransition:u,themeName:t,tokens:s,customTheme:i,...d}=o,{closeBtn:a,tabState:e,defaultSelectedKey:m}=x.useMenu();return r.jsx(h,{themeName:`${t}.sidePanel`,tokens:s,customTheme:i,closeBtnRender:a,id:n,TransitionAnimation:l,PanelTransition:u,onCloseCallBack:()=>{e==null||e.setSelectedKey(m)},children:r.jsx(q,{id:n,themeName:t,tokens:s,customTheme:i,...d,children:c})})};module.exports=j;
+"use strict";const r=require("react/jsx-runtime"),x=require("./index72.js"),h=require("./index8.js"),q=require("./index137.js"),j=o=>{const{id:n="main-menu",children:c,TransitionAnimation:l,PanelTransition:u,themeName:t,tokens:s,customTheme:i,...d}=o,{closeBtn:a,tabState:e,defaultSelectedKey:m}=x.useMenu();return r.jsx(h,{themeName:`${t}.sidePanel`,tokens:s,customTheme:i,closeBtnRender:a,id:n,TransitionAnimation:l,PanelTransition:u,onCloseCallBack:()=>{e==null||e.setSelectedKey(m)},children:r.jsx(q,{id:n,themeName:t,tokens:s,customTheme:i,...d,children:c})})};module.exports=j;

package/index35.mjs

@@ -2,7 +2,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useMenu as f } from "./index72.mjs";
 import h from "./index8.mjs";
-import p from "./index135.mjs";
+import p from "./index137.mjs";
 const T = (m) => {
   const {
     id: n = "main-menu",

package/index37.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react"),s=require("./index72.js"),a=require("./index136.js"),c=n=>{var t;const{tabState:e}=s.useMenu();return r.createElement(a,{...n,key:(t=e.selectedItem)==null?void 0:t.key,state:e})};module.exports=c;
+"use strict";const r=require("react"),s=require("./index72.js"),a=require("./index138.js"),c=n=>{var t;const{tabState:e}=s.useMenu();return r.createElement(a,{...n,key:(t=e.selectedItem)==null?void 0:t.key,state:e})};module.exports=c;

package/index37.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { createElement as a } from "react";
 import { useMenu as o } from "./index72.mjs";
-import m from "./index136.mjs";
+import m from "./index138.mjs";
 const f = (r) => {
   var t;
   const { tabState: e } = o();

package/index38.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),d=require("./index134.js"),x=require("./index11.js"),O=require("./index107.js"),y=require("./index137.js"),B=require("./index39.js"),C=e=>{const{themeName:t="alerts",tokens:s,customTheme:R,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:f,onOpenChange:j,setOpen:A,children:u=B,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=O({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(x,{themeName:t,tokens:s,...m,children:u})]})};module.exports=C;
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),d=require("./index136.js"),x=require("./index11.js"),O=require("./index107.js"),y=require("./index123.js"),B=require("./index39.js"),C=e=>{const{themeName:t="alerts",tokens:s,customTheme:R,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:f,onOpenChange:j,setOpen:A,children:u=B,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=O({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(x,{themeName:t,tokens:s,...m,children:u})]})};module.exports=C;

package/index38.mjs

@@ -2,10 +2,10 @@
 import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import { useRef as h } from "react";
 import { useOverlayTriggerState as O } from "react-stately";
-import d from "./index134.mjs";
+import d from "./index136.mjs";
 import C from "./index11.mjs";
 import y from "./index107.mjs";
-import B from "./index137.mjs";
+import B from "./index123.mjs";
 import A from "./index39.mjs";
 const I = (e) => {
   const {

package/index42.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),q=require("react"),N=require("react-aria"),$=require("react-stately"),m=require("./index27.js"),n=require("./index3.js"),P=require("./index138.js"),R=s=>{const{themeName:e="tagGroup",tokens:r,customTheme:d,as:h,label:c,description:i,errorMessage:u,removeButtonProps:p={children:"❌"}}=s,l=q.useRef(null),o=$.useListState(s),{gridProps:x,labelProps:g,descriptionProps:f,errorMessageProps:j}=N.useTagGroup(s,o,l);return t.jsxs(m.default,{as:h,themeName:`${e}.wrapper`,tokens:r,customTheme:d,children:[c&&t.jsx(n.default,{themeName:`${e}.label`,tokens:r,...g,children:c}),t.jsx(m.BoxWithForwardRef,{themeName:`${e}.tags`,tokens:r,ref:l,...x,children:[...o.collection].map(a=>t.jsx(P,{themeName:`${e}.tag`,tokens:r,item:{...a,props:{removeButtonProps:p,...a.props}},state:o},a.key))}),i&&t.jsx(n.default,{themeName:`${e}.description`,tokens:r,...f,children:i}),u&&t.jsx(n.default,{themeName:`${e}.errorMessage`,tokens:r,...j,children:u})]})};module.exports=R;
+"use strict";const t=require("react/jsx-runtime"),q=require("react"),N=require("react-aria"),$=require("react-stately"),m=require("./index27.js"),n=require("./index3.js"),P=require("./index139.js"),R=s=>{const{themeName:e="tagGroup",tokens:r,customTheme:d,as:h,label:c,description:i,errorMessage:u,removeButtonProps:p={children:"❌"}}=s,l=q.useRef(null),o=$.useListState(s),{gridProps:x,labelProps:g,descriptionProps:f,errorMessageProps:j}=N.useTagGroup(s,o,l);return t.jsxs(m.default,{as:h,themeName:`${e}.wrapper`,tokens:r,customTheme:d,children:[c&&t.jsx(n.default,{themeName:`${e}.label`,tokens:r,...g,children:c}),t.jsx(m.BoxWithForwardRef,{themeName:`${e}.tags`,tokens:r,ref:l,...x,children:[...o.collection].map(a=>t.jsx(P,{themeName:`${e}.tag`,tokens:r,item:{...a,props:{removeButtonProps:p,...a.props}},state:o},a.key))}),i&&t.jsx(n.default,{themeName:`${e}.description`,tokens:r,...f,children:i}),u&&t.jsx(n.default,{themeName:`${e}.errorMessage`,tokens:r,...j,children:u})]})};module.exports=R;

package/index42.mjs

@@ -5,7 +5,7 @@ import { useTagGroup as P } from "react-aria";
 import { useListState as T } from "react-stately";
 import b, { BoxWithForwardRef as y } from "./index27.mjs";
 import a from "./index3.mjs";
-import B from "./index138.mjs";
+import B from "./index139.mjs";
 const F = (t) => {
   const {
     themeName: e = "tagGroup",

package/index70.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index139.js"),e=require("react"),[u,l]=o.default();function c({children:s}){const[t,n]=e.useState(!1);e.useEffect(()=>{n(!0)},[]);const r=e.useMemo(()=>({isClient:t}),[t]);return i.jsx(l,{value:r,children:s})}exports.IsClientContextProvider=c;exports.useIsClient=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index140.js"),e=require("react"),[u,l]=o.default();function c({children:s}){const[t,n]=e.useState(!1);e.useEffect(()=>{n(!0)},[]);const r=e.useMemo(()=>({isClient:t}),[t]);return i.jsx(l,{value:r,children:s})}exports.IsClientContextProvider=c;exports.useIsClient=u;

package/index70.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import i from "./index139.mjs";
+import i from "./index140.mjs";
 import { useState as n, useEffect as u, useMemo as f } from "react";
 const [a, l] = i();
 function p({ children: t }) {

package/index71.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),g=require("./index139.js"),r=require("react"),v=require("react-stately"),y=require("./index107.js"),[x,R]=g.default();function q(i){const{children:l,defaultSelectedKey:s,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:a=!1,type:c="dialog"}=i,d=r.useRef(null),P=r.useRef(null),n=v.useOverlayTriggerState({defaultOpen:a,onOpenChange(p){if(!p){t==null||t();return}e==null||e()}}),{triggerProps:o,overlayProps:u}=y({type:c},n),f=r.useMemo(()=>({overlayProps:u,defaultSelectedKey:s,overlayState:n,buttonProps:{closeButtonProps:o,closeButtonRef:P,openButtonProps:o,openButtonRef:d}}),[n,s,o,u]);return S.jsx(R,{value:f,children:l})}exports.SidePanelContextProvider=q;exports.useSidePanel=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),g=require("./index140.js"),r=require("react"),v=require("react-stately"),y=require("./index107.js"),[x,R]=g.default();function q(i){const{children:l,defaultSelectedKey:s,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:a=!1,type:c="dialog"}=i,d=r.useRef(null),P=r.useRef(null),n=v.useOverlayTriggerState({defaultOpen:a,onOpenChange(p){if(!p){t==null||t();return}e==null||e()}}),{triggerProps:o,overlayProps:u}=y({type:c},n),f=r.useMemo(()=>({overlayProps:u,defaultSelectedKey:s,overlayState:n,buttonProps:{closeButtonProps:o,closeButtonRef:P,openButtonProps:o,openButtonRef:d}}),[n,s,o,u]);return S.jsx(R,{value:f,children:l})}exports.SidePanelContextProvider=q;exports.useSidePanel=x;

package/index71.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as P } from "react/jsx-runtime";
-import v from "./index139.mjs";
+import v from "./index140.mjs";
 import { useRef as u, useMemo as g } from "react";
 import { useOverlayTriggerState as y } from "react-stately";
 import S from "./index107.mjs";

package/index72.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),q=require("./index139.js"),j=require("react"),g=require("react-stately"),m=require("./index71.js"),[h,s]=q.createCtxNullable();function R({children:c,defaultSelectedKey:r,defaultIsOpen:x,onCloseCallback:n,onOpenCallback:M,tabs:v,openBtn:t,closeBtn:i,...P}){const e=g.useTabListState({...P,children:v,defaultSelectedKey:r}),d=j.useMemo(()=>({openBtn:t,closeBtn:i,tabState:e,defaultSelectedKey:r}),[t,i,e,r]);return o.jsx(s,{value:d,children:o.jsx(m.SidePanelContextProvider,{onCloseCallback:()=>{var u;n==null||n(),(u=e==null?void 0:e.setSelectedKey)==null||u.call(e,r)},onOpenCallback:M,defaultIsOpen:x,defaultSelectedKey:r.toString(),children:c})})}exports.MenuContextProvider=R;exports.MenuProvider=s;exports.useMenu=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),q=require("./index140.js"),j=require("react"),g=require("react-stately"),m=require("./index71.js"),[h,s]=q.createCtxNullable();function R({children:c,defaultSelectedKey:r,defaultIsOpen:x,onCloseCallback:n,onOpenCallback:M,tabs:v,openBtn:t,closeBtn:i,...P}){const e=g.useTabListState({...P,children:v,defaultSelectedKey:r}),d=j.useMemo(()=>({openBtn:t,closeBtn:i,tabState:e,defaultSelectedKey:r}),[t,i,e,r]);return o.jsx(s,{value:d,children:o.jsx(m.SidePanelContextProvider,{onCloseCallback:()=>{var u;n==null||n(),(u=e==null?void 0:e.setSelectedKey)==null||u.call(e,r)},onOpenCallback:M,defaultIsOpen:x,defaultSelectedKey:r.toString(),children:c})})}exports.MenuContextProvider=R;exports.MenuProvider=s;exports.useMenu=h;

package/index72.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import { createCtxNullable as P } from "./index139.mjs";
+import { createCtxNullable as P } from "./index140.mjs";
 import { useMemo as f } from "react";
 import { useTabListState as h } from "react-stately";
 import { SidePanelContextProvider as c } from "./index71.mjs";

package/index74.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("./index139.js"),u=require("react"),[d,t]=s.createCtxNullable();function a(r){const{state:e,children:n,TransitionAnimation:o}=r,c=u.useMemo(()=>({state:e,TransitionAnimation:o}),[e,o]);return i.jsx(t,{value:c,children:n})}exports.AccordionContextProvider=a;exports.AccordionProvider=t;exports.useAccordionCtx=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("./index140.js"),u=require("react"),[d,t]=s.createCtxNullable();function a(r){const{state:e,children:n,TransitionAnimation:o}=r,c=u.useMemo(()=>({state:e,TransitionAnimation:o}),[e,o]);return i.jsx(t,{value:c,children:n})}exports.AccordionContextProvider=a;exports.AccordionProvider=t;exports.useAccordionCtx=d;

package/index74.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { createCtxNullable as c } from "./index139.mjs";
+import { createCtxNullable as c } from "./index140.mjs";
 import { useMemo as m } from "react";
 const [l, s] = c();
 function x(t) {

package/index75.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./index139.js"),t=require("react"),[l,s]=i.default();function S(u){const{userQuery:o,children:a}=u,[e,r]=t.useState(o),c=t.useMemo(()=>({userSearchQuery:e,setUserSearchQuery:r}),[e,r]);return n.jsx(s,{value:c,children:a})}exports.SearchBarProvider=S;exports.SearchProvider=s;exports.useUserQueryValHook=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./index140.js"),t=require("react"),[l,s]=i.default();function S(u){const{userQuery:o,children:a}=u,[e,r]=t.useState(o),c=t.useMemo(()=>({userSearchQuery:e,setUserSearchQuery:r}),[e,r]);return n.jsx(s,{value:c,children:a})}exports.SearchBarProvider=S;exports.SearchProvider=s;exports.useUserQueryValHook=l;

package/index75.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import c from "./index139.mjs";
+import c from "./index140.mjs";
 import { useState as n, useMemo as i } from "react";
 const [f, m] = c();
 function p(o) {

package/index76.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("./index139.js"),c=require("react"),[u,r]=i.createCtxNullable();function s(o){const{controller:e,children:t}=o,n=c.useMemo(()=>({controller:e}),[e]);return l.jsx(r,{value:n,children:t})}exports.SwiperControllerContextProvider=s;exports.SwiperControllerProvider=r;exports.useSwiperController=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("./index140.js"),c=require("react"),[u,r]=i.createCtxNullable();function s(o){const{controller:e,children:t}=o,n=c.useMemo(()=>({controller:e}),[e]);return l.jsx(r,{value:n,children:t})}exports.SwiperControllerContextProvider=s;exports.SwiperControllerProvider=r;exports.useSwiperController=u;

package/index76.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as l } from "react/jsx-runtime";
-import { createCtxNullable as n } from "./index139.mjs";
+import { createCtxNullable as n } from "./index140.mjs";
 import { useMemo as i } from "react";
 const [u, c] = n();
 function C(o) {

package/index77.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),g=require("./index139.js"),v=require("radashi"),s=require("react"),q=require("./index84.js"),[x,i]=g.default();function P({useTranslationFunc:u,children:l,namespace:o="common",translateFunctionName:e="t"}){const c=u(o),d=(t,n)=>(q.log(`translation function not found: translateFunctionName: ${e}`,"warn",{key:t,obj:n,namespace:o}),t),r=v.get(c,e,d),a=s.useCallback((t,n)=>n==null?r(t):r(t,n),[r]),f=s.useMemo(()=>({t:a}),[a]);return T.jsx(i,{value:f,children:l})}exports.TranslationContextProvider=P;exports.TranslationProvider=i;exports.useTranslation=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),g=require("./index140.js"),v=require("radashi"),s=require("react"),q=require("./index84.js"),[x,i]=g.default();function P({useTranslationFunc:u,children:l,namespace:o="common",translateFunctionName:e="t"}){const c=u(o),d=(t,n)=>(q.log(`translation function not found: translateFunctionName: ${e}`,"warn",{key:t,obj:n,namespace:o}),t),r=v.get(c,e,d),a=s.useCallback((t,n)=>n==null?r(t):r(t,n),[r]),f=s.useMemo(()=>({t:a}),[a]);return T.jsx(i,{value:f,children:l})}exports.TranslationContextProvider=P;exports.TranslationProvider=i;exports.useTranslation=x;

package/index77.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import m from "./index139.mjs";
+import m from "./index140.mjs";
 import { get as f } from "radashi";
 import { useCallback as p, useMemo as x } from "react";
 import { log as b } from "./index84.mjs";

package/index84.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index140.js");const o=require("./index141.js"),e=o("[StackUI]"),{log:r}=e;exports.log=r;exports.logger=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index141.js");const o=require("./index142.js"),e=o("[StackUI]"),{log:r}=e;exports.log=r;exports.logger=e;

package/index84.mjs

@@ -1,5 +1,5 @@
-import "./index140.mjs";
-import o from "./index141.mjs";
+import "./index141.mjs";
+import o from "./index142.mjs";
 const r = o("[StackUI]"), { log: g } = r;
 export {
   g as log,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.35.4",
+  "version": "1.35.5",
   "types": "./index.d.ts",
   "exports": {
     ".": {