@okam/stack-ui 1.42.3 → 1.43.0

package/index153.mjs

@@ -1,46 +1,13 @@
-import { useEffect as x } from "react";
-import { mergeProps as S } from "./index154.mjs";
-import { useFormValidationState as D, privateValidationStateProp as V } from "./index250.mjs";
-import { useFormValidation as I } from "./index251.mjs";
-import { usePress as g } from "./index252.mjs";
-import { useToggle as h } from "./index253.mjs";
-function F(e, r, i) {
-  let a = D({
-    ...e,
-    value: r.isSelected
-  }), { isInvalid: t, validationErrors: f, validationDetails: b } = a.displayValidation, { labelProps: m, inputProps: p, isSelected: s, isPressed: $, isDisabled: o, isReadOnly: d } = h({
-    ...e,
-    isInvalid: t
-  }, r, i);
-  I(e, a, i);
-  let { isIndeterminate: v, isRequired: l, validationBehavior: n = "aria" } = e;
-  x(() => {
-    i.current && (i.current.indeterminate = !!v);
-  });
-  let { pressProps: u } = g({
-    isDisabled: o || d,
-    onPress() {
-      let { [V]: c } = e, { commitValidation: P } = c || a;
-      P();
-    }
-  });
-  return {
-    labelProps: S(m, u),
-    inputProps: {
-      ...p,
-      checked: s,
-      "aria-required": l && n === "aria" || void 0,
-      required: l && n === "native"
-    },
-    isSelected: s,
-    isPressed: $,
-    isDisabled: o,
-    isReadOnly: d,
-    isInvalid: t,
-    validationErrors: f,
-    validationDetails: b
-  };
-}
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { isEqual as e } from "radashi";
+import { memo as l } from "react";
+const i = (t) => /* @__PURE__ */ o("svg", { width: 20, height: 20, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...t, children: [
+  /* @__PURE__ */ o("g", { stroke: "currentColor", clipPath: "url(#a)", children: [
+    /* @__PURE__ */ r("circle", { cx: "8.2727", cy: "8.2727", r: "7.2727" }),
+    /* @__PURE__ */ r("path", { d: "M13.4551 13.4531L19.5005 19.4986" })
+  ] }),
+  /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { children: /* @__PURE__ */ r("path", { fill: "currentColor", d: "M0 0h14v14H0z" }) }) })
+] }), s = l(i, e);
 export {
-  F as useCheckbox
+  s as default
 };

package/index154.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index241.js"),l=require("./index181.js"),f=require("./index258.js");function u(...i){let r={...i[0]};for(let n=1;n<i.length;n++){let s=i[n];for(let e in s){let o=r[e],t=s[e];typeof o=="function"&&typeof t=="function"&&e[0]==="o"&&e[1]==="n"&&e.charCodeAt(2)>=65&&e.charCodeAt(2)<=90?r[e]=c.chain(o,t):(e==="className"||e==="UNSAFE_className")&&typeof o=="string"&&typeof t=="string"?r[e]=f.clsx(o,t):e==="id"&&o&&t?r.id=l.mergeIds(o,t):r[e]=t!==void 0?t:o}}return r}exports.mergeProps=u;
+"use strict";const i=(r,n,t)=>{const e=r[n];return e?typeof e=="function"?e():Promise.resolve(e):new Promise((s,o)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+n+(n.split("/").length!==t?". Note that variables only represent file names one level deep.":""))))})};module.exports=i;

package/index154.mjs

@@ -1,22 +1,16 @@
-import { chain as n } from "./index241.mjs";
-import { mergeIds as s } from "./index181.mjs";
-import { clsx as l } from "./index258.mjs";
-function a(...r) {
-  let o = {
-    ...r[0]
-  };
-  for (let c = 1; c < r.length; c++) {
-    let i = r[c];
-    for (let e in i) {
-      let f = o[e], t = i[e];
-      typeof f == "function" && typeof t == "function" && // This is a lot faster than a regex.
-      e[0] === "o" && e[1] === "n" && e.charCodeAt(2) >= /* 'A' */
-      65 && e.charCodeAt(2) <= /* 'Z' */
-      90 ? o[e] = n(f, t) : (e === "className" || e === "UNSAFE_className") && typeof f == "string" && typeof t == "string" ? o[e] = l(f, t) : e === "id" && f && t ? o.id = s(f, t) : o[e] = t !== void 0 ? t : f;
-    }
-  }
-  return o;
-}
+const l = (r, n, t) => {
+  const e = r[n];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      o.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
 export {
-  a as mergeProps
+  l as default
 };

package/index155.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index154.js"),o=require("react"),p=require("./index238.js"),c={border:0,clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"};function u(s={}){let{style:e,isFocusable:t}=s,[i,n]=o.useState(!1),{focusWithinProps:l}=p.useFocusWithin({isDisabled:!t,onFocusWithinChange:a=>n(a)}),r=o.useMemo(()=>i?e:e?{...c,...e}:c,[i]);return{visuallyHiddenProps:{...l,style:r}}}function h(s){let{children:e,elementType:t="div",isFocusable:i,style:n,...l}=s,{visuallyHiddenProps:r}=u(s);return o.createElement(t,d.mergeProps(l,r),e)}exports.VisuallyHidden=h;exports.useVisuallyHidden=u;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index89.js"),l=require("./index37.js"),j=require("./index3.js"),N=require("./index193.js"),d=({item:o,state:a,themeName:n="li"})=>{const r=p.useRef(null),{optionProps:e,isFocusVisible:i}=h.useOption({key:o.key},a,r),c=k(n);return t.jsx(j.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${c} ${i?"has-focus-ring":""}`},ref:r,children:o.rendered})},y=o=>{const{children:a,listBoxRef:n,themeName:r,...e}=o;return t.jsx(h.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:t.jsx(l.BoxWithForwardRef,{...e,ref:n,as:"ul",themeName:`${r}.ul`,children:a})})},B=o=>{const a=p.useRef(null),{listBoxRef:n=a,state:r,themeName:e="option",optionsWithHeaders:i}=o,{listBoxProps:c}=h.useListBox(o,r,n),m=Array.from(r.collection),$=N.useListboxSections(m,i||[]);return(i==null?void 0:i.some(s=>{var u;return(u=s.key)==null?void 0:u.includes("header-")}))?t.jsx(y,{...c,listBoxRef:n,themeName:e,children:$.map(s=>{var x;const u=s.header?`section-${s.header.key}`:`section-${((x=s.items[0])==null?void 0:x.key)||"empty"}`;return t.jsx(l.default,{as:"li",themeName:`${e}.group`,children:t.jsxs(l.default,{as:"section",themeName:`${e}.section`,children:[s.header&&t.jsx(j.default,{as:"header",themeName:`${e}.headerText`,children:s.header.rendered},s.header.key),t.jsx(l.default,{as:"ul",themeName:`${e}.list`,children:s.items.map(f=>t.jsx(d,{themeName:`${e}.li`,item:f,state:r},String(f.key)))})]})},u)})}):t.jsx(y,{...c,listBoxRef:n,themeName:e,children:m.map(s=>t.jsx(d,{themeName:`${e}.li`,item:s,state:r},s.key))})};exports.ListBox=B;exports.Option=d;

package/index155.mjs

@@ -1,40 +1,41 @@
-import { mergeProps as n } from "./index154.mjs";
-import d, { useState as u, useMemo as p } from "react";
-import { useFocusWithin as f } from "./index238.mjs";
-const a = {
-  border: 0,
-  clip: "rect(0 0 0 0)",
-  clipPath: "inset(50%)",
-  height: "1px",
-  margin: "-1px",
-  overflow: "hidden",
-  padding: 0,
-  position: "absolute",
-  width: "1px",
-  whiteSpace: "nowrap"
-};
-function $(s = {}) {
-  let { style: e, isFocusable: t } = s, [i, r] = u(!1), { focusWithinProps: l } = f({
-    isDisabled: !t,
-    onFocusWithinChange: (c) => r(c)
-  }), o = p(() => i ? e : e ? {
-    ...a,
-    ...e
-  } : a, [
-    i
-  ]);
-  return {
-    visuallyHiddenProps: {
-      ...l,
-      style: o
+"use client";
+import { jsx as o, jsxs as $ } from "react/jsx-runtime";
+import y from "react";
+import { useListBox as N, useOption as k, FocusScope as B } from "react-aria";
+import R from "./index89.mjs";
+import h, { BoxWithForwardRef as F } from "./index37.mjs";
+import g, { TypographyWithForwardRef as L } from "./index3.mjs";
+import { useListboxSections as S } from "./index193.mjs";
+const p = ({ item: s, state: i, themeName: n = "li" }) => {
+  const t = y.useRef(null), { optionProps: e, isFocusVisible: a } = k({ key: s.key }, i, t), m = R(n);
+  return /* @__PURE__ */ o(
+    L,
+    {
+      as: "li",
+      ...e,
+      tokens: { className: `${m} ${a ? "has-focus-ring" : ""}` },
+      ref: t,
+      children: s.rendered
     }
-  };
-}
-function y(s) {
-  let { children: e, elementType: t = "div", isFocusable: i, style: r, ...l } = s, { visuallyHiddenProps: o } = $(s);
-  return /* @__PURE__ */ d.createElement(t, n(l, o), e);
-}
+  );
+}, f = (s) => {
+  const { children: i, listBoxRef: n, themeName: t, ...e } = s;
+  return /* @__PURE__ */ o(B, { autoFocus: !0, restoreFocus: !0, contain: !0, children: /* @__PURE__ */ o(F, { ...e, ref: n, as: "ul", themeName: `${t}.ul`, children: i }) });
+}, C = (s) => {
+  const i = y.useRef(null), { listBoxRef: n = i, state: t, themeName: e = "option", optionsWithHeaders: a } = s, { listBoxProps: m } = N(s, t, n), l = Array.from(t.collection), x = S(l, a || []);
+  return (a == null ? void 0 : a.some((r) => {
+    var c;
+    return (c = r.key) == null ? void 0 : c.includes("header-");
+  })) ? /* @__PURE__ */ o(f, { ...m, listBoxRef: n, themeName: e, children: x.map((r) => {
+    var u;
+    const c = r.header ? `section-${r.header.key}` : `section-${((u = r.items[0]) == null ? void 0 : u.key) || "empty"}`;
+    return /* @__PURE__ */ o(h, { as: "li", themeName: `${e}.group`, children: /* @__PURE__ */ $(h, { as: "section", themeName: `${e}.section`, children: [
+      r.header && /* @__PURE__ */ o(g, { as: "header", themeName: `${e}.headerText`, children: r.header.rendered }, r.header.key),
+      /* @__PURE__ */ o(h, { as: "ul", themeName: `${e}.list`, children: r.items.map((d) => /* @__PURE__ */ o(p, { themeName: `${e}.li`, item: d, state: t }, String(d.key))) })
+    ] }) }, c);
+  }) }) : /* @__PURE__ */ o(f, { ...m, listBoxRef: n, themeName: e, children: l.map((r) => /* @__PURE__ */ o(p, { themeName: `${e}.li`, item: r, state: t }, r.key)) });
+};
 export {
-  y as VisuallyHidden,
-  $ as useVisuallyHidden
+  C as ListBox,
+  p as Option
 };

package/index156.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index276.js");function a(e={}){let{isReadOnly:t}=e,[l,d]=o.useControlledState(e.isSelected,e.defaultSelected||!1,e.onChange);function c(i){t||d(i)}function n(){t||d(!l)}return{isSelected:l,setSelected:c,toggle:n}}exports.useToggleState=a;
+"use client";
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),s=require("react-aria"),i=require("./index37.js"),f=o=>{const n=m.useRef(null),{popoverRef:t=n,state:r,children:c,themeName:u="popover",tokens:l,customTheme:h,triggerRef:x,...d}=o,{popoverProps:p,underlayProps:a}=s.usePopover({...o,popoverRef:t,triggerRef:x},r);return e.jsxs(s.Overlay,{children:[e.jsx("div",{...a,style:{position:"fixed",inset:0}}),e.jsx(i.default,{...d,children:e.jsxs(i.BoxWithForwardRef,{...p,ref:t,themeName:u,tokens:l,children:[e.jsx(s.DismissButton,{onDismiss:r.close}),c,e.jsx(s.DismissButton,{onDismiss:r.close})]})})]})};module.exports=f;

package/index156.mjs

@@ -1,18 +1,26 @@
-import { useControlledState as n } from "./index276.mjs";
-function o(e = {}) {
-  let { isReadOnly: t } = e, [l, c] = n(e.isSelected, e.defaultSelected || !1, e.onChange);
-  function d(f) {
-    t || c(f);
-  }
-  function a() {
-    t || c(!l);
-  }
-  return {
-    isSelected: l,
-    setSelected: d,
-    toggle: a
-  };
-}
+"use client";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import u from "react";
+import { usePopover as h, Overlay as v, DismissButton as i } from "react-aria";
+import x, { BoxWithForwardRef as R } from "./index37.mjs";
+const j = (r) => {
+  const n = u.useRef(null), { popoverRef: s = n, state: o, children: m, themeName: p = "popover", tokens: f, customTheme: P, triggerRef: l, ...c } = r, { popoverProps: d, underlayProps: a } = h(
+    {
+      ...r,
+      popoverRef: s,
+      triggerRef: l
+    },
+    o
+  );
+  return /* @__PURE__ */ t(v, { children: [
+    /* @__PURE__ */ e("div", { ...a, style: { position: "fixed", inset: 0 } }),
+    /* @__PURE__ */ e(x, { ...c, children: /* @__PURE__ */ t(R, { ...d, ref: s, themeName: p, tokens: f, children: [
+      /* @__PURE__ */ e(i, { onDismiss: o.close }),
+      m,
+      /* @__PURE__ */ e(i, { onDismiss: o.close })
+    ] }) })
+  ] });
+};
 export {
-  o as useToggleState
+  j as default
 };

package/index157.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),o=t.createContext(null),c=e=>{const{children:r,state:n}=e;return u.jsx(o.Provider,{value:n,children:r})};function s(){const e=t.useContext(o);return e||null}exports.CheckboxGroupProvider=c;exports.useCheckboxGroupCtx=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),V=require("./index158.js"),v=require("./index236.js"),f=require("./index237.js"),y=require("./index238.js"),I=require("./index239.js");function h(e,t,i){let s=v.useFormValidationState({...e,value:t.isSelected}),{isInvalid:r,validationErrors:P,validationDetails:m}=s.displayValidation,{labelProps:b,inputProps:p,isSelected:l,isPressed:S,isDisabled:o,isReadOnly:n}=I.useToggle({...e,isInvalid:r},t,i);f.useFormValidation(e,s,i);let{isIndeterminate:q,isRequired:d,validationBehavior:u="aria"}=e;c.useEffect(()=>{i.current&&(i.current.indeterminate=!!q)});let{pressProps:g}=y.usePress({isDisabled:o||n,onPress(){let{[v.privateValidationStateProp]:a}=e,{commitValidation:D}=a||s;D()}});return{labelProps:V.mergeProps(b,g,c.useMemo(()=>({onMouseDown:a=>a.preventDefault()}),[])),inputProps:{...p,checked:l,"aria-required":d&&u==="aria"||void 0,required:d&&u==="native"},isSelected:l,isPressed:S,isDisabled:o,isReadOnly:n,isInvalid:r,validationErrors:P,validationDetails:m}}exports.useCheckbox=h;

package/index157.mjs

@@ -1,15 +1,50 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as u, useContext as c } from "react";
-const o = u(null), i = (t) => {
-  const { children: e, state: r } = t;
-  return /* @__PURE__ */ n(o.Provider, { value: r, children: e });
-};
-function C() {
-  const t = c(o);
-  return t || null;
+import { useEffect as x, useMemo as D } from "react";
+import { mergeProps as S } from "./index158.mjs";
+import { useFormValidationState as V, privateValidationStateProp as I } from "./index236.mjs";
+import { useFormValidation as g } from "./index237.mjs";
+import { usePress as h } from "./index238.mjs";
+import { useToggle as q } from "./index239.mjs";
+function M(e, t, i) {
+  let r = V({
+    ...e,
+    value: t.isSelected
+  }), { isInvalid: s, validationErrors: f, validationDetails: m } = r.displayValidation, { labelProps: b, inputProps: p, isSelected: o, isPressed: $, isDisabled: d, isReadOnly: l } = q({
+    ...e,
+    isInvalid: s
+  }, t, i);
+  g(e, r, i);
+  let { isIndeterminate: u, isRequired: n, validationBehavior: c = "aria" } = e;
+  x(() => {
+    i.current && (i.current.indeterminate = !!u);
+  });
+  let { pressProps: v } = h({
+    isDisabled: d || l,
+    onPress() {
+      let { [I]: a } = e, { commitValidation: P } = a || r;
+      P();
+    }
+  });
+  return {
+    labelProps: S(b, v, D(() => ({
+      // Prevent label from being focused when mouse down on it.
+      // Note, this does not prevent the input from being focused in the `click` event.
+      onMouseDown: (a) => a.preventDefault()
+    }), [])),
+    inputProps: {
+      ...p,
+      checked: o,
+      "aria-required": n && c === "aria" || void 0,
+      required: n && c === "native"
+    },
+    isSelected: o,
+    isPressed: $,
+    isDisabled: d,
+    isReadOnly: l,
+    isInvalid: s,
+    validationErrors: f,
+    validationDetails: m
+  };
 }
 export {
-  i as CheckboxGroupProvider,
-  C as useCheckboxGroupCtx
+  M as useCheckbox
 };

package/index158.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const r=require("react/jsx-runtime"),x=require("react"),a=require("./index36.js"),p=require("./index6.js"),b=require("./index23.js"),i=require("./index3.js"),u=x.forwardRef((d,c)=>{const{themeName:e="datePicker",tokens:t,groupProps:m,buttonProps:n,buttonLabel:o,buttonContent:s,icon:h,children:l}=d;return r.jsxs(a.BoxWithForwardRef,{themeName:`${e}.wrapper`,tokens:t,...m,ref:c,children:[o&&r.jsx(i.default,{themeName:`${e}.buttonLabel`,tokens:t,children:o}),r.jsx(a.default,{themeName:`${e}.dateFieldContainer`,tokens:t,children:l}),r.jsxs(p.default,{themeName:`${e}.button`,tokens:t,type:"button",...n,handlePress:n.onPress,children:[s&&r.jsx(i.default,{themeName:`${e}.buttonContent`,tokens:t,children:s}),r.jsx(b,{themeName:`${e}.icon`,tokens:t,icon:h??"ArrowDown"})]})]})});u.displayName="Wrapper";module.exports=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index243.js"),l=require("./index185.js"),f=require("./index247.js");function u(...i){let r={...i[0]};for(let n=1;n<i.length;n++){let s=i[n];for(let e in s){let o=r[e],t=s[e];typeof o=="function"&&typeof t=="function"&&e[0]==="o"&&e[1]==="n"&&e.charCodeAt(2)>=65&&e.charCodeAt(2)<=90?r[e]=c.chain(o,t):(e==="className"||e==="UNSAFE_className")&&typeof o=="string"&&typeof t=="string"?r[e]=f.clsx(o,t):e==="id"&&o&&t?r.id=l.mergeIds(o,t):r[e]=t!==void 0?t:o}}return r}exports.mergeProps=u;

package/index158.mjs

@@ -1,41 +1,22 @@
-"use client";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import u, { BoxWithForwardRef as f } from "./index36.mjs";
-import b from "./index6.mjs";
-import N from "./index23.mjs";
-import p from "./index3.mjs";
-const $ = l((i, h) => {
-  const {
-    themeName: e = "datePicker",
-    tokens: t,
-    groupProps: s,
-    buttonProps: r,
-    buttonLabel: n,
-    buttonContent: m,
-    icon: c,
-    children: d
-  } = i;
-  return /* @__PURE__ */ a(f, { themeName: `${e}.wrapper`, tokens: t, ...s, ref: h, children: [
-    n && /* @__PURE__ */ o(p, { themeName: `${e}.buttonLabel`, tokens: t, children: n }),
-    /* @__PURE__ */ o(u, { themeName: `${e}.dateFieldContainer`, tokens: t, children: d }),
-    /* @__PURE__ */ a(
-      b,
-      {
-        themeName: `${e}.button`,
-        tokens: t,
-        type: "button",
-        ...r,
-        handlePress: r.onPress,
-        children: [
-          m && /* @__PURE__ */ o(p, { themeName: `${e}.buttonContent`, tokens: t, children: m }),
-          /* @__PURE__ */ o(N, { themeName: `${e}.icon`, tokens: t, icon: c ?? "ArrowDown" })
-        ]
-      }
-    )
-  ] });
-});
-$.displayName = "Wrapper";
+import { chain as n } from "./index243.mjs";
+import { mergeIds as s } from "./index185.mjs";
+import { clsx as l } from "./index247.mjs";
+function a(...r) {
+  let o = {
+    ...r[0]
+  };
+  for (let c = 1; c < r.length; c++) {
+    let i = r[c];
+    for (let e in i) {
+      let f = o[e], t = i[e];
+      typeof f == "function" && typeof t == "function" && // This is a lot faster than a regex.
+      e[0] === "o" && e[1] === "n" && e.charCodeAt(2) >= /* 'A' */
+      65 && e.charCodeAt(2) <= /* 'Z' */
+      90 ? o[e] = n(f, t) : (e === "className" || e === "UNSAFE_className") && typeof f == "string" && typeof t == "string" ? o[e] = l(f, t) : e === "id" && f && t ? o.id = s(f, t) : o[e] = t !== void 0 ? t : f;
+    }
+  }
+  return o;
+}
 export {
-  $ as default
+  a as mergeProps
 };

package/index159.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),c=require("./index6.js"),u=require("./index23.js"),l=require("./index68.js"),t=i.forwardRef((r,s)=>{const{themeName:n="alerts.closeBtn",...o}=r;return e.jsx(c.ButtonWithForwardRef,{ref:s,themeName:n,...o,children:e.jsx(u,{icon:e.jsx(l,{})})})});t.displayName="AlertsCloseButton";module.exports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index158.js"),o=require("react"),p=require("./index270.js"),c={border:0,clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"};function u(s={}){let{style:e,isFocusable:t}=s,[i,n]=o.useState(!1),{focusWithinProps:l}=p.useFocusWithin({isDisabled:!t,onFocusWithinChange:a=>n(a)}),r=o.useMemo(()=>i?e:e?{...c,...e}:c,[i]);return{visuallyHiddenProps:{...l,style:r}}}function h(s){let{children:e,elementType:t="div",isFocusable:i,style:n,...l}=s,{visuallyHiddenProps:r}=u(s);return o.createElement(t,d.mergeProps(l,r),e)}exports.VisuallyHidden=h;exports.useVisuallyHidden=u;

package/index159.mjs

@@ -1,13 +1,40 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { ButtonWithForwardRef as n } from "./index6.mjs";
-import i from "./index23.mjs";
-import l from "./index68.mjs";
-const a = m((o, r) => {
-  const { themeName: e = "alerts.closeBtn", ...s } = o;
-  return /* @__PURE__ */ t(n, { ref: r, themeName: e, ...s, children: /* @__PURE__ */ t(i, { icon: /* @__PURE__ */ t(l, {}) }) });
-});
-a.displayName = "AlertsCloseButton";
+import { mergeProps as n } from "./index158.mjs";
+import d, { useState as u, useMemo as p } from "react";
+import { useFocusWithin as f } from "./index270.mjs";
+const a = {
+  border: 0,
+  clip: "rect(0 0 0 0)",
+  clipPath: "inset(50%)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: 0,
+  position: "absolute",
+  width: "1px",
+  whiteSpace: "nowrap"
+};
+function $(s = {}) {
+  let { style: e, isFocusable: t } = s, [i, r] = u(!1), { focusWithinProps: l } = f({
+    isDisabled: !t,
+    onFocusWithinChange: (c) => r(c)
+  }), o = p(() => i ? e : e ? {
+    ...a,
+    ...e
+  } : a, [
+    i
+  ]);
+  return {
+    visuallyHiddenProps: {
+      ...l,
+      style: o
+    }
+  };
+}
+function y(s) {
+  let { children: e, elementType: t = "div", isFocusable: i, style: r, ...l } = s, { visuallyHiddenProps: o } = $(s);
+  return /* @__PURE__ */ d.createElement(t, n(l, o), e);
+}
 export {
-  a as default
+  y as VisuallyHidden,
+  $ as useVisuallyHidden
 };

package/index16.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("react/jsx-runtime"),u=require("./index6.js"),c=require("./index111.js"),x=e=>{const{children:t,themeName:n="carousel.navigation",tokens:o}=e,{navigationProps:s,ref:i,isDisabled:r}=c.useCarouselNextNavigation(e);return a.jsx(u.ButtonWithForwardRef,{themeName:`${n}.button`,tokens:{...o,order:"next"},...s,ref:i,isDisabled:r,children:t})};module.exports=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),g=require("react"),v=require("react-aria"),N=require("./index96.js"),b=require("./index6.js"),x=require("./index24.js"),d=g.forwardRef((n,r)=>{const{themeName:i,tokens:u,customTheme:e,children:c,onSubmit:s,...t}=n,{isDisabled:o}=t,{pressProps:l}=v.usePress({onPress:()=>s==null?void 0:s()});return a.jsx(v.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:a.jsx(b.ButtonWithForwardRef,{themeName:i,tokens:u,ref:r,...l,...t,"aria-disabled":o,children:c})})}),h=g.forwardRef((n,r)=>{const{children:i,...u}=n,{controller:e}=N.useCarousel(),{params:c,activeIndex:s=1,slides:t}=e??{},{slidesPerView:o=1,loop:l}=c??{},f=Math.round(typeof o=="number"?(s+1)/o:s),m=Math.round(t&&typeof o=="number"?t.length/o:(t==null?void 0:t.length)??1),p=f<m,C=!l&&!p;return a.jsx(d,{onSubmit:()=>e==null?void 0:e.slideNext(),...u,ref:r,isDisabled:C,children:i||a.jsx(x,{icon:"ArrowRight"})})}),y=g.forwardRef((n,r)=>{const{children:i,...u}=n,{controller:e}=N.useCarousel(),{params:c,activeIndex:s=1}=e??{},{loop:t}=c??{},l=!t&&!(s!==0);return a.jsx(d,{onSubmit:()=>e==null?void 0:e.slidePrev(),...u,ref:r,isDisabled:l,children:i||a.jsx(x,{icon:"ArrowLeft"})})});d.displayName="LegacyCarouselNavigationButton";h.displayName="LegacyCarouselNextNavigationButton";y.displayName="LegacyCarouselPrevNavigationButton";exports.LegacyCarouselNavigationButton=d;exports.LegacyCarouselNextNavigationButton=h;exports.LegacyCarouselPrevNavigationButton=y;exports.default=d;

package/index16.mjs

@@ -1,21 +1,67 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import { ButtonWithForwardRef as m } from "./index6.mjs";
-import { useCarouselNextNavigation as u } from "./index111.mjs";
-const c = (t) => {
-  const { children: e, themeName: o = "carousel.navigation", tokens: r } = t, { navigationProps: a, ref: n, isDisabled: i } = u(t);
-  return /* @__PURE__ */ s(
-    m,
-    {
-      themeName: `${o}.button`,
-      tokens: { ...r, order: "next" },
-      ...a,
-      ref: n,
-      isDisabled: i,
-      children: e
-    }
-  );
-};
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { usePress as f, FocusRing as b } from "react-aria";
+import { useCarousel as g } from "./index96.mjs";
+import { ButtonWithForwardRef as y } from "./index6.mjs";
+import p from "./index24.mjs";
+const m = u(
+  (r, i) => {
+    const { themeName: n, tokens: c, customTheme: e, children: l, onSubmit: o, ...t } = r, { isDisabled: s } = t, { pressProps: d } = f({
+      onPress: () => o == null ? void 0 : o()
+    });
+    return /* @__PURE__ */ a(b, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ a(
+      y,
+      {
+        themeName: n,
+        tokens: c,
+        ref: i,
+        ...d,
+        ...t,
+        "aria-disabled": s,
+        children: l
+      }
+    ) });
+  }
+), w = u(
+  (r, i) => {
+    const { children: n, ...c } = r, { controller: e } = g(), { params: l, activeIndex: o = 1, slides: t } = e ?? {}, { slidesPerView: s = 1, loop: d } = l ?? {}, h = Math.round(
+      typeof s == "number" ? (o + 1) / s : o
+    ), N = Math.round(
+      t && typeof s == "number" ? t.length / s : (t == null ? void 0 : t.length) ?? 1
+    ), v = h < N;
+    return /* @__PURE__ */ a(
+      m,
+      {
+        onSubmit: () => e == null ? void 0 : e.slideNext(),
+        ...c,
+        ref: i,
+        isDisabled: !d && !v,
+        children: n || /* @__PURE__ */ a(p, { icon: "ArrowRight" })
+      }
+    );
+  }
+), x = u(
+  (r, i) => {
+    const { children: n, ...c } = r, { controller: e } = g(), { params: l, activeIndex: o = 1 } = e ?? {}, { loop: t } = l ?? {};
+    return /* @__PURE__ */ a(
+      m,
+      {
+        onSubmit: () => e == null ? void 0 : e.slidePrev(),
+        ...c,
+        ref: i,
+        isDisabled: !t && !(o !== 0),
+        children: n || /* @__PURE__ */ a(p, { icon: "ArrowLeft" })
+      }
+    );
+  }
+);
+m.displayName = "LegacyCarouselNavigationButton";
+w.displayName = "LegacyCarouselNextNavigationButton";
+x.displayName = "LegacyCarouselPrevNavigationButton";
 export {
-  c as default
+  m as LegacyCarouselNavigationButton,
+  w as LegacyCarouselNextNavigationButton,
+  x as LegacyCarouselPrevNavigationButton,
+  m as default
 };

package/index160.js

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),l=require("./index6.js"),s=o.forwardRef((n,r)=>{const{state:t,handlePress:e,...a}=n,c=o.useCallback(u=>{t.setInputValue(""),t.selectionManager.clearSelection(),e==null||e(u)},[e,t]);return i.jsx(l.ButtonWithForwardRef,{...a,ref:r,handlePress:c})});s.displayName="ComboBoxButton";module.exports=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index271.js"),o=require("react");function f(e={}){let{isReadOnly:d}=e,[t,a]=S.useControlledState(e.isSelected,e.defaultSelected||!1,e.onChange),[c]=o.useState(t);function u(n){d||a(n)}function i(){d||a(!t)}var l;return{isSelected:t,defaultSelected:(l=e.defaultSelected)!==null&&l!==void 0?l:c,setSelected:u,toggle:i}}exports.useToggleState=f;

package/index160.mjs

@@ -1,16 +1,21 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as m, useCallback as u } from "react";
-import { ButtonWithForwardRef as c } from "./index6.mjs";
-const f = m((e, r) => {
-  const { state: o, handlePress: t, ...a } = e, s = u(
-    (n) => {
-      o.setInputValue(""), o.selectionManager.clearSelection(), t == null || t(n);
-    },
-    [t, o]
-  );
-  return /* @__PURE__ */ l(c, { ...a, ref: r, handlePress: s });
-});
-f.displayName = "ComboBoxButton";
+import { useControlledState as o } from "./index271.mjs";
+import { useState as u } from "react";
+function r(e = {}) {
+  let { isReadOnly: d } = e, [t, a] = o(e.isSelected, e.defaultSelected || !1, e.onChange), [c] = u(t);
+  function f(n) {
+    d || a(n);
+  }
+  function i() {
+    d || a(!t);
+  }
+  var l;
+  return {
+    isSelected: t,
+    defaultSelected: (l = e.defaultSelected) !== null && l !== void 0 ? l : c,
+    setSelected: f,
+    toggle: i
+  };
+}
 export {
-  f as default
+  r as useToggleState
 };

package/index161.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index250.js"),o=require("./index276.js"),v=require("react");function V(e={}){let[a,l]=o.useControlledState(e.value,e.defaultValue||[],e.onChange),f=!!e.isRequired&&a.length===0,u=v.useRef(new Map),n=c.useFormValidationState({...e,value:a}),r=n.displayValidation.isInvalid;var s;return{...n,value:a,setValue(i){e.isReadOnly||e.isDisabled||l(i)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(i){return a.includes(i)},addValue(i){e.isReadOnly||e.isDisabled||a.includes(i)||l(a.concat(i))},removeValue(i){e.isReadOnly||e.isDisabled||a.includes(i)&&l(a.filter(t=>t!==i))},toggleValue(i){e.isReadOnly||e.isDisabled||(a.includes(i)?l(a.filter(t=>t!==i)):l(a.concat(i)))},setInvalid(i,t){let d=new Map(u.current);t.isInvalid?d.set(i,t):d.delete(i),u.current=d,n.updateValidation(c.mergeValidation(...d.values()))},validationState:(s=e.validationState)!==null&&s!==void 0?s:r?"invalid":null,isInvalid:r,isRequired:f}}exports.useCheckboxGroupState=V;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),o=t.createContext(null),c=e=>{const{children:r,state:n}=e;return u.jsx(o.Provider,{value:n,children:r})};function s(){const e=t.useContext(o);return e||null}exports.CheckboxGroupProvider=c;exports.useCheckboxGroupCtx=s;