@okam/stack-ui 1.32.7 → 1.33.0

package/components/WysiwygBlock/index.d.ts

@@ -1,4 +1,4 @@
 import type { TToken } from '../../providers/Theme/interface';
 import type TWysiwygBlockProps from './interface';
-declare const WysiwygBlock: <T extends TToken>({ content, themeName, ...rest }: TWysiwygBlockProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const WysiwygBlock: <Tags extends string = string, T extends TToken = TToken>({ content, themeName, useSanitizerDefaultAllowedTags, useSanitizerDefaultAllowedAttributes, allowedTags, allowedAttributes, ...rest }: TWysiwygBlockProps<Tags, T>) => import("react/jsx-runtime").JSX.Element;
 export default WysiwygBlock;

package/components/WysiwygBlock/interface.d.ts

@@ -1,6 +1,12 @@
 import type { TToken } from '../../providers/Theme/interface';
 import type { TDefaultComponent } from '../../types/components';
-interface TWysiwygBlockProps<T = TToken> extends TDefaultComponent<T> {
+interface TWysiwygBlockProps<Tags extends string = string, T = TToken> extends TDefaultComponent<T> {
     content: string;
+    useSanitizerDefaultAllowedTags?: boolean;
+    useSanitizerDefaultAllowedAttributes?: boolean;
+    allowedTags?: Tags[];
+    allowedAttributes?: {
+        [K in Tags]?: string[];
+    };
 }
 export default TWysiwygBlockProps;

package/components/fields/Select/Select.interface.d.ts

@@ -1,3 +1,4 @@
+import type { CollectionChildren } from '@react-types/shared';
 import type { Key } from 'react';
 import type React from 'react';
 import type { RefCallBack } from 'react-hook-form';
@@ -8,6 +9,7 @@ export interface TSelectProps<T = TToken> extends TFieldReactHookForm<T> {
     id: string;
     icon?: string | React.ReactNode;
     label?: string;
+    children?: CollectionChildren<object> | undefined;
     name: string;
     required?: boolean;
     disabled?: boolean;

package/components/fields/Select/components/Listbox.interface.d.ts

@@ -10,3 +10,11 @@ export interface TOptionProps extends AriaOptionProps, TDefaultComponent {
     item: any;
     state: ListState<unknown>;
 }
+export type Item = {
+    key: React.Key;
+    rendered: string;
+};
+export type Section = {
+    header?: Item;
+    items: Item[];
+};

package/components/fields/Select/components/useListboxSections.d.ts

@@ -0,0 +1,7 @@
+import type { Item, Section } from './Listbox.interface';
+/**
+ * Custom hook that builds a tree structure where each header is a section,
+ * and each following option is a child of the section.
+ * If no headers are found, all items are placed in a section without a header.
+ */
+export declare function useListboxSections(collection: Item[]): Section[];

package/index101.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("./index138.js"),p=require("react-aria");function P(o,s,t){const{type:a="dialog"}=o,{triggerProps:{onPress:l,...i},overlayProps:g}=p.useOverlayTrigger({type:a},s,t),e={handlePress:l,...i},r=n.useSlotId();return{openTriggerProps:{"aria-labelledby":r,...e},triggerProps:e,labelProps:{id:r},overlayProps:{...g,"aria-labelledby":r}}}module.exports=P;
+"use strict";const n=require("./index143.js"),p=require("react-aria");function P(o,s,t){const{type:a="dialog"}=o,{triggerProps:{onPress:l,...i},overlayProps:g}=p.useOverlayTrigger({type:a},s,t),e={handlePress:l,...i},r=n.useSlotId();return{openTriggerProps:{"aria-labelledby":r,...e},triggerProps:e,labelProps:{id:r},overlayProps:{...g,"aria-labelledby":r}}}module.exports=P;

package/index101.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { useSlotId as i } from "./index138.mjs";
+import { useSlotId as i } from "./index143.mjs";
 import { useOverlayTrigger as d } from "react-aria";
 function c(o, s, a) {
   const { type: l = "dialog" } = o, {

package/index108.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),u=require("react-aria"),p=require("./index64.js"),l=require("./index3.js"),h=({item:o,state:i,themeName:t="li"})=>{const e=a.useRef(null),{optionProps:s,isFocusVisible:c}=u.useOption({key:o.key},i,e),r=p(t);return n.jsx(l.TypographyWithForwardRef,{as:"li",...s,tokens:{className:`${r} ${c?"has-focus-ring":""}`},ref:e,children:o.rendered})},x=o=>{const i=a.useRef(null),{listBoxRef:t=i,state:e,themeName:s="option"}=o,{listBoxProps:c}=u.useListBox(o,e,t);return n.jsx(u.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:n.jsx(l.TypographyWithForwardRef,{...c,ref:t,as:"ul",themeName:`${s}.ul`,children:[...e.collection].map(r=>n.jsx(h,{themeName:`${s}.li`,item:r,state:e},r.key))})})};exports.ListBox=x;exports.Option=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),y=require("react"),h=require("react-aria"),$=require("./index64.js"),l=require("./index25.js"),j=require("./index3.js"),k=require("./index145.js"),d=({item:o,state:i,themeName:n="li"})=>{const r=y.useRef(null),{optionProps:e,isFocusVisible:a}=h.useOption({key:o.key},i,r),c=$(n);return t.jsx(j.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${c} ${a?"has-focus-ring":""}`},ref:r,children:o.rendered})},p=o=>{const{children:i,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:i})})},N=o=>{const i=y.useRef(null),{listBoxRef:n=i,state:r,themeName:e="option"}=o,{listBoxProps:a}=h.useListBox(o,r,n),c=Array.from(r.collection),m=k.useListboxSections(c);return m.some(s=>{var u;return((u=s.header)==null?void 0:u.key)!=null})?t.jsx(p,{...a,listBoxRef:n,themeName:e,children:m.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(p,{...a,listBoxRef:n,themeName:e,children:c.map(s=>t.jsx(d,{themeName:`${e}.li`,item:s,state:r},s.key))})};exports.ListBox=N;exports.Option=d;

package/index108.mjs

@@ -1,25 +1,40 @@
-import { jsx as n } from "react/jsx-runtime";
-import u from "react";
-import { useListBox as m, FocusScope as a, useOption as f } from "react-aria";
-import p from "./index64.mjs";
-import { TypographyWithForwardRef as l } from "./index3.mjs";
-const h = ({ item: o, state: i, themeName: t = "li" }) => {
-  const e = u.useRef(null), { optionProps: s, isFocusVisible: c } = f({ key: o.key }, i, e), r = p(t);
-  return /* @__PURE__ */ n(
-    l,
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import y from "react";
+import { useListBox as $, useOption as N, FocusScope as k } from "react-aria";
+import B from "./index64.mjs";
+import h, { BoxWithForwardRef as R } from "./index25.mjs";
+import F, { TypographyWithForwardRef as g } from "./index3.mjs";
+import { useListboxSections as L } from "./index145.mjs";
+const p = ({ item: s, state: a, themeName: n = "li" }) => {
+  const t = y.useRef(null), { optionProps: e, isFocusVisible: i } = N({ key: s.key }, a, t), m = B(n);
+  return /* @__PURE__ */ o(
+    g,
     {
       as: "li",
-      ...s,
-      tokens: { className: `${r} ${c ? "has-focus-ring" : ""}` },
-      ref: e,
-      children: o.rendered
+      ...e,
+      tokens: { className: `${m} ${i ? "has-focus-ring" : ""}` },
+      ref: t,
+      children: s.rendered
     }
   );
-}, k = (o) => {
-  const i = u.useRef(null), { listBoxRef: t = i, state: e, themeName: s = "option" } = o, { listBoxProps: c } = m(o, e, t);
-  return /* @__PURE__ */ n(a, { autoFocus: !0, restoreFocus: !0, contain: !0, children: /* @__PURE__ */ n(l, { ...c, ref: t, as: "ul", themeName: `${s}.ul`, children: [...e.collection].map((r) => /* @__PURE__ */ n(h, { themeName: `${s}.li`, item: r, state: e }, r.key)) }) });
+}, f = (s) => {
+  const { children: a, listBoxRef: n, themeName: t, ...e } = s;
+  return /* @__PURE__ */ o(k, { autoFocus: !0, restoreFocus: !0, contain: !0, children: /* @__PURE__ */ o(R, { ...e, ref: n, as: "ul", themeName: `${t}.ul`, children: a }) });
+}, W = (s) => {
+  const a = y.useRef(null), { listBoxRef: n = a, state: t, themeName: e = "option" } = s, { listBoxProps: i } = $(s, t, n), m = Array.from(t.collection), l = L(m);
+  return l.some((r) => {
+    var c;
+    return ((c = r.header) == null ? void 0 : c.key) != null;
+  }) ? /* @__PURE__ */ o(f, { ...i, listBoxRef: n, themeName: e, children: l.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__ */ x(h, { as: "section", themeName: `${e}.section`, children: [
+      r.header && /* @__PURE__ */ o(F, { 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, { ...i, listBoxRef: n, themeName: e, children: m.map((r) => /* @__PURE__ */ o(p, { themeName: `${e}.li`, item: r, state: t }, r.key)) });
 };
 export {
-  k as ListBox,
-  h as Option
+  W as ListBox,
+  p as Option
 };

package/index110.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),f=require("./index158.js"),c=require("./index156.js"),D=require("./index159.js"),y=require("./index160.js"),I=require("./index161.js");function h(e,s,i){let a=c.useFormValidationState({...e,value:s.isSelected}),{isInvalid:r,validationErrors:v,validationDetails:P}=a.displayValidation,{labelProps:m,inputProps:b,isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o}=I.useToggle({...e,isInvalid:r},s,i);D.useFormValidation(e,a,i);let{isIndeterminate:p,isRequired:d,validationBehavior:n="aria"}=e;V.useEffect(()=>{i.current&&(i.current.indeterminate=!!p)});let{pressProps:q}=y.usePress({isDisabled:l||o,onPress(){let{[c.privateValidationStateProp]:u}=e,{commitValidation:g}=u||a;g()}});return{labelProps:f.mergeProps(m,q),inputProps:{...b,checked:t,"aria-required":d&&n==="aria"||void 0,required:d&&n==="native"},isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o,isInvalid:r,validationErrors:v,validationDetails:P}}exports.useCheckbox=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),f=require("./index111.js"),c=require("./index158.js"),D=require("./index160.js"),y=require("./index161.js"),I=require("./index162.js");function h(e,s,i){let a=c.useFormValidationState({...e,value:s.isSelected}),{isInvalid:r,validationErrors:v,validationDetails:P}=a.displayValidation,{labelProps:m,inputProps:b,isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o}=I.useToggle({...e,isInvalid:r},s,i);D.useFormValidation(e,a,i);let{isIndeterminate:p,isRequired:d,validationBehavior:n="aria"}=e;V.useEffect(()=>{i.current&&(i.current.indeterminate=!!p)});let{pressProps:q}=y.usePress({isDisabled:l||o,onPress(){let{[c.privateValidationStateProp]:u}=e,{commitValidation:g}=u||a;g()}});return{labelProps:f.mergeProps(m,q),inputProps:{...b,checked:t,"aria-required":d&&n==="aria"||void 0,required:d&&n==="native"},isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o,isInvalid:r,validationErrors:v,validationDetails:P}}exports.useCheckbox=h;

package/index110.mjs

@@ -1,9 +1,9 @@
 import { useEffect as x } from "react";
-import { mergeProps as S } from "./index158.mjs";
-import { useFormValidationState as D, privateValidationStateProp as V } from "./index156.mjs";
-import { useFormValidation as I } from "./index159.mjs";
-import { usePress as g } from "./index160.mjs";
-import { useToggle as h } from "./index161.mjs";
+import { mergeProps as S } from "./index111.mjs";
+import { useFormValidationState as D, privateValidationStateProp as V } from "./index158.mjs";
+import { useFormValidation as I } from "./index160.mjs";
+import { usePress as g } from "./index161.mjs";
+import { useToggle as h } from "./index162.mjs";
 function F(e, r, i) {
   let a = D({
     ...e,

package/index111.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index158.js"),o=require("react"),p=require("./index162.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index166.js"),l=require("./index143.js"),f=require("./index168.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/index111.mjs

@@ -1,40 +1,22 @@
-import { mergeProps as n } from "./index158.mjs";
-import d, { useState as u, useMemo as p } from "react";
-import { useFocusWithin as f } from "./index162.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
-    }
+import { chain as n } from "./index166.mjs";
+import { mergeIds as s } from "./index143.mjs";
+import { clsx as l } from "./index168.mjs";
+function a(...r) {
+  let o = {
+    ...r[0]
   };
-}
-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);
+  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 {
-  y as VisuallyHidden,
-  $ as useVisuallyHidden
+  a as mergeProps
 };

package/index112.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index157.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index111.js"),o=require("react"),p=require("./index189.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/index112.mjs

@@ -1,18 +1,40 @@
-import { useControlledState as n } from "./index157.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);
-  }
+import { mergeProps as n } from "./index111.mjs";
+import d, { useState as u, useMemo as p } from "react";
+import { useFocusWithin as f } from "./index189.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 {
-    isSelected: l,
-    setSelected: d,
-    toggle: a
+    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 {
-  o as useToggleState
+  y as VisuallyHidden,
+  $ as useVisuallyHidden
 };

package/index113.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index156.js"),o=require("./index157.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index159.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;

package/index113.mjs

@@ -1,41 +1,18 @@
-import { useFormValidationState as r, mergeValidation as o } from "./index156.mjs";
-import { useControlledState as b } from "./index157.mjs";
-import { useRef as v } from "react";
-function y(e = {}) {
-  let [i, l] = b(e.value, e.defaultValue || [], e.onChange), c = !!e.isRequired && i.length === 0, u = v(/* @__PURE__ */ new Map()), n = r({
-    ...e,
-    value: i
-  }), f = n.displayValidation.isInvalid;
-  var s;
+import { useControlledState as n } from "./index159.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 {
-    ...n,
-    value: i,
-    setValue(a) {
-      e.isReadOnly || e.isDisabled || l(a);
-    },
-    isDisabled: e.isDisabled || !1,
-    isReadOnly: e.isReadOnly || !1,
-    isSelected(a) {
-      return i.includes(a);
-    },
-    addValue(a) {
-      e.isReadOnly || e.isDisabled || i.includes(a) || l(i.concat(a));
-    },
-    removeValue(a) {
-      e.isReadOnly || e.isDisabled || i.includes(a) && l(i.filter((t) => t !== a));
-    },
-    toggleValue(a) {
-      e.isReadOnly || e.isDisabled || (i.includes(a) ? l(i.filter((t) => t !== a)) : l(i.concat(a)));
-    },
-    setInvalid(a, t) {
-      let d = new Map(u.current);
-      t.isInvalid ? d.set(a, t) : d.delete(a), u.current = d, n.updateValidation(o(...d.values()));
-    },
-    validationState: (s = e.validationState) !== null && s !== void 0 ? s : f ? "invalid" : null,
-    isInvalid: f,
-    isRequired: c
+    isSelected: l,
+    setSelected: d,
+    toggle: a
   };
 }
 export {
-  y as useCheckboxGroupState
+  o as useToggleState
 };

package/index114.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("./index158.js"),o=require("./index159.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;

package/index114.mjs

@@ -1,15 +1,41 @@
-"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 { useFormValidationState as r, mergeValidation as o } from "./index158.mjs";
+import { useControlledState as b } from "./index159.mjs";
+import { useRef as v } from "react";
+function y(e = {}) {
+  let [i, l] = b(e.value, e.defaultValue || [], e.onChange), c = !!e.isRequired && i.length === 0, u = v(/* @__PURE__ */ new Map()), n = r({
+    ...e,
+    value: i
+  }), f = n.displayValidation.isInvalid;
+  var s;
+  return {
+    ...n,
+    value: i,
+    setValue(a) {
+      e.isReadOnly || e.isDisabled || l(a);
+    },
+    isDisabled: e.isDisabled || !1,
+    isReadOnly: e.isReadOnly || !1,
+    isSelected(a) {
+      return i.includes(a);
+    },
+    addValue(a) {
+      e.isReadOnly || e.isDisabled || i.includes(a) || l(i.concat(a));
+    },
+    removeValue(a) {
+      e.isReadOnly || e.isDisabled || i.includes(a) && l(i.filter((t) => t !== a));
+    },
+    toggleValue(a) {
+      e.isReadOnly || e.isDisabled || (i.includes(a) ? l(i.filter((t) => t !== a)) : l(i.concat(a)));
+    },
+    setInvalid(a, t) {
+      let d = new Map(u.current);
+      t.isInvalid ? d.set(a, t) : d.delete(a), u.current = d, n.updateValidation(o(...d.values()));
+    },
+    validationState: (s = e.validationState) !== null && s !== void 0 ? s : f ? "invalid" : null,
+    isInvalid: f,
+    isRequired: c
+  };
 }
 export {
-  i as CheckboxGroupProvider,
-  C as useCheckboxGroupCtx
+  y as useCheckboxGroupState
 };

package/index115.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("./index163.js"),R=require("./index148.js"),B=require("./index164.js"),C=require("@react-aria/focus"),u=require("./index138.js"),S=require("./index158.js"),W=require("./index165.js"),K=require("./index166.js"),k=require("./index156.js"),E=require("./index167.js"),U=require("./index162.js"),g=require("@react-aria/i18n"),x=require("react");function L(e){return e&&e.__esModule?e.default:e}function T(e,i,r){let l=u.useId(),P=u.useId(),f=u.useId(),t=g.useLocalizedStringFormatter(L($),"@react-aria/datepicker"),{isInvalid:c,validationErrors:b,validationDetails:D}=i.displayValidation,{labelProps:h,fieldProps:a,descriptionProps:v,errorMessageProps:m}=E.useField({...e,labelElementType:"span",isInvalid:c,errorMessage:e.errorMessage||b}),F=B.useDatePickerGroup(i,r),o=a["aria-labelledby"]||a.id,{locale:V}=g.useLocale(),y=i.formatValue(V,{month:"long"}),M=y?t.format("selectedDateDescription",{date:y}):"",n=K.useDescription(M),s=[n["aria-describedby"],a["aria-describedby"]].filter(Boolean).join(" ")||void 0,q=W.filterDOMProps(e),I=x.useMemo(()=>C.createFocusManager(r),[r]),{focusWithinProps:O}=U.useFocusWithin({...e,isDisabled:i.isOpen,onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:S.mergeProps(q,F,a,n,O,{role:"group","aria-disabled":e.isDisabled||null,"aria-labelledby":o,"aria-describedby":s,onKeyDown(d){i.isOpen||e.onKeyDown&&e.onKeyDown(d)},onKeyUp(d){i.isOpen||e.onKeyUp&&e.onKeyUp(d)}}),labelProps:{...h,onClick:()=>{I.focusFirst()}},fieldProps:{...a,id:f,[R.roleSymbol]:"presentation","aria-describedby":s,value:i.value,onChange:i.setValue,placeholderValue:e.placeholderValue,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,shouldForceLeadingZeros:e.shouldForceLeadingZeros,granularity:e.granularity,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,validationBehavior:e.validationBehavior,[k.privateValidationStateProp]:i,autoFocus:e.autoFocus,name:e.name},descriptionProps:v,errorMessageProps:m,buttonProps:{...n,id:l,"aria-haspopup":"dialog","aria-label":t.format("calendar"),"aria-labelledby":`${l} ${o}`,"aria-describedby":s,"aria-expanded":i.isOpen,isDisabled:e.isDisabled||e.isReadOnly,onPress:()=>i.setOpen(!0)},dialogProps:{id:P,"aria-labelledby":`${l} ${o}`},calendarProps:{autoFocus:!0,value:i.dateValue,onChange:i.setDateValue,minValue:e.minValue,maxValue:e.maxValue,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isDateUnavailable:e.isDateUnavailable,defaultFocusedValue:i.dateValue?void 0:e.placeholderValue,isInvalid:i.isInvalid,errorMessage:typeof e.errorMessage=="function"?e.errorMessage(i.displayValidation):e.errorMessage||i.displayValidation.validationErrors.join(" ")},isInvalid:c,validationErrors:b,validationDetails:D}}exports.useDatePicker=T;
+"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;

package/index115.mjs

@@ -1,116 +1,15 @@
-import M from "./index163.mjs";
-import { roleSymbol as O } from "./index148.mjs";
-import { useDatePickerGroup as I } from "./index164.mjs";
-import { createFocusManager as B } from "@react-aria/focus";
-import { useId as t } from "./index138.mjs";
-import { mergeProps as C } from "./index158.mjs";
-import { filterDOMProps as R } from "./index165.mjs";
-import { useDescription as K } from "./index166.mjs";
-import { privateValidationStateProp as W } from "./index156.mjs";
-import { useField as E } from "./index167.mjs";
-import { useFocusWithin as U } from "./index162.mjs";
-import { useLocalizedStringFormatter as k, useLocale as L } from "@react-aria/i18n";
-import { useMemo as Z } from "react";
-function w(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function Y(e, a, r) {
-  let o = t(), m = t(), $ = t(), u = k(w(M), "@react-aria/datepicker"), { isInvalid: c, validationErrors: b, validationDetails: y } = a.displayValidation, { labelProps: g, fieldProps: i, descriptionProps: P, errorMessageProps: D } = E({
-    ...e,
-    labelElementType: "span",
-    isInvalid: c,
-    errorMessage: e.errorMessage || b
-  }), h = I(a, r), l = i["aria-labelledby"] || i.id, { locale: v } = L(), f = a.formatValue(v, {
-    month: "long"
-  }), p = f ? u.format("selectedDateDescription", {
-    date: f
-  }) : "", d = K(p), n = [
-    d["aria-describedby"],
-    i["aria-describedby"]
-  ].filter(Boolean).join(" ") || void 0, V = R(e), F = Z(() => B(r), [
-    r
-  ]), { focusWithinProps: x } = U({
-    ...e,
-    isDisabled: a.isOpen,
-    onBlurWithin: e.onBlur,
-    onFocusWithin: e.onFocus,
-    onFocusWithinChange: e.onFocusChange
-  });
-  return {
-    groupProps: C(V, h, i, d, x, {
-      role: "group",
-      "aria-disabled": e.isDisabled || null,
-      "aria-labelledby": l,
-      "aria-describedby": n,
-      onKeyDown(s) {
-        a.isOpen || e.onKeyDown && e.onKeyDown(s);
-      },
-      onKeyUp(s) {
-        a.isOpen || e.onKeyUp && e.onKeyUp(s);
-      }
-    }),
-    labelProps: {
-      ...g,
-      onClick: () => {
-        F.focusFirst();
-      }
-    },
-    fieldProps: {
-      ...i,
-      id: $,
-      [O]: "presentation",
-      "aria-describedby": n,
-      value: a.value,
-      onChange: a.setValue,
-      placeholderValue: e.placeholderValue,
-      hideTimeZone: e.hideTimeZone,
-      hourCycle: e.hourCycle,
-      shouldForceLeadingZeros: e.shouldForceLeadingZeros,
-      granularity: e.granularity,
-      isDisabled: e.isDisabled,
-      isReadOnly: e.isReadOnly,
-      isRequired: e.isRequired,
-      validationBehavior: e.validationBehavior,
-      // DatePicker owns the validation state for the date field.
-      [W]: a,
-      autoFocus: e.autoFocus,
-      name: e.name
-    },
-    descriptionProps: P,
-    errorMessageProps: D,
-    buttonProps: {
-      ...d,
-      id: o,
-      "aria-haspopup": "dialog",
-      "aria-label": u.format("calendar"),
-      "aria-labelledby": `${o} ${l}`,
-      "aria-describedby": n,
-      "aria-expanded": a.isOpen,
-      isDisabled: e.isDisabled || e.isReadOnly,
-      onPress: () => a.setOpen(!0)
-    },
-    dialogProps: {
-      id: m,
-      "aria-labelledby": `${o} ${l}`
-    },
-    calendarProps: {
-      autoFocus: !0,
-      value: a.dateValue,
-      onChange: a.setDateValue,
-      minValue: e.minValue,
-      maxValue: e.maxValue,
-      isDisabled: e.isDisabled,
-      isReadOnly: e.isReadOnly,
-      isDateUnavailable: e.isDateUnavailable,
-      defaultFocusedValue: a.dateValue ? void 0 : e.placeholderValue,
-      isInvalid: a.isInvalid,
-      errorMessage: typeof e.errorMessage == "function" ? e.errorMessage(a.displayValidation) : e.errorMessage || a.displayValidation.validationErrors.join(" ")
-    },
-    isInvalid: c,
-    validationErrors: b,
-    validationDetails: y
-  };
+"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;
 }
 export {
-  Y as useDatePicker
+  i as CheckboxGroupProvider,
+  C as useCheckboxGroupCtx
 };

package/index116.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index180.js"),w=require("./index170.js"),I=require("./index181.js"),L=require("./index156.js"),M=require("./index182.js"),U=require("./index157.js"),m=require("react");function $(e){let f=M.useOverlayTriggerState(e),[l,v]=U.useControlledState(e.value,e.defaultValue||null,e.onChange),d=l||e.placeholderValue||null,[i,u]=o.useDefaultProps(d,e.granularity),y=l!=null?l.toDate(u??"UTC"):null,h=i==="hour"||i==="minute"||i==="second";var g;let V=(g=e.shouldCloseOnSelect)!==null&&g!==void 0?g:!0,[n,D]=m.useState(null),[r,C]=m.useState(null);if(l&&(n=l,"hour"in l&&(r=l)),d&&!(i in d))throw new Error("Invalid granularity "+i+" for value "+d.toString());let O=(l==null?void 0:l.calendar.identifier)==="gregory"&&l.era==="BC",s=m.useMemo(()=>({granularity:i,timeZone:u,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,shouldForceLeadingZeros:e.shouldForceLeadingZeros,showEra:O}),[i,e.hourCycle,e.shouldForceLeadingZeros,u,e.hideTimeZone,O]),{minValue:F,maxValue:b,isDateUnavailable:Z}=e,x=m.useMemo(()=>o.getValidationResult(l,F,b,Z,s),[l,F,b,Z,s]),c=L.useFormValidationState({...e,value:l,builtinValidation:x}),q=c.displayValidation.isInvalid,E=e.validationState||(q?"invalid":null),S=(t,a)=>{v("timeZone"in a?a.set(w.toCalendarDate(t)):w.toCalendarDateTime(t,a)),D(null),C(null),c.commitValidation()};return{...c,value:l,setValue:v,dateValue:n,timeValue:r,setDateValue:t=>{let a=typeof V=="function"?V():V;h?r||a?S(t,r||o.getPlaceholderTime(e.defaultValue||e.placeholderValue)):D(t):(v(t),c.commitValidation()),a&&f.setOpen(!1)},setTimeValue:t=>{n&&t?S(n,t):C(t)},granularity:i,hasTime:h,...f,setOpen(t){!t&&!l&&n&&h&&S(n,r||o.getPlaceholderTime(e.defaultValue||e.placeholderValue)),f.setOpen(t)},validationState:E,isInvalid:q,formatValue(t,a){if(!y)return"";let T=o.getFormatOptions(a,s);return new I.DateFormatter(t,T).format(y)},getDateFormatter(t,a){let T={...s,...a},P=o.getFormatOptions({},T);return new I.DateFormatter(t,P)}}}exports.useDatePickerState=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("./index190.js"),R=require("./index150.js"),B=require("./index191.js"),C=require("@react-aria/focus"),u=require("./index143.js"),S=require("./index111.js"),W=require("./index169.js"),K=require("./index182.js"),k=require("./index158.js"),E=require("./index192.js"),U=require("./index189.js"),g=require("@react-aria/i18n"),x=require("react");function L(e){return e&&e.__esModule?e.default:e}function T(e,i,r){let l=u.useId(),P=u.useId(),f=u.useId(),t=g.useLocalizedStringFormatter(L($),"@react-aria/datepicker"),{isInvalid:c,validationErrors:b,validationDetails:D}=i.displayValidation,{labelProps:h,fieldProps:a,descriptionProps:v,errorMessageProps:m}=E.useField({...e,labelElementType:"span",isInvalid:c,errorMessage:e.errorMessage||b}),F=B.useDatePickerGroup(i,r),o=a["aria-labelledby"]||a.id,{locale:V}=g.useLocale(),y=i.formatValue(V,{month:"long"}),M=y?t.format("selectedDateDescription",{date:y}):"",n=K.useDescription(M),s=[n["aria-describedby"],a["aria-describedby"]].filter(Boolean).join(" ")||void 0,q=W.filterDOMProps(e),I=x.useMemo(()=>C.createFocusManager(r),[r]),{focusWithinProps:O}=U.useFocusWithin({...e,isDisabled:i.isOpen,onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:S.mergeProps(q,F,a,n,O,{role:"group","aria-disabled":e.isDisabled||null,"aria-labelledby":o,"aria-describedby":s,onKeyDown(d){i.isOpen||e.onKeyDown&&e.onKeyDown(d)},onKeyUp(d){i.isOpen||e.onKeyUp&&e.onKeyUp(d)}}),labelProps:{...h,onClick:()=>{I.focusFirst()}},fieldProps:{...a,id:f,[R.roleSymbol]:"presentation","aria-describedby":s,value:i.value,onChange:i.setValue,placeholderValue:e.placeholderValue,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,shouldForceLeadingZeros:e.shouldForceLeadingZeros,granularity:e.granularity,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,validationBehavior:e.validationBehavior,[k.privateValidationStateProp]:i,autoFocus:e.autoFocus,name:e.name},descriptionProps:v,errorMessageProps:m,buttonProps:{...n,id:l,"aria-haspopup":"dialog","aria-label":t.format("calendar"),"aria-labelledby":`${l} ${o}`,"aria-describedby":s,"aria-expanded":i.isOpen,isDisabled:e.isDisabled||e.isReadOnly,onPress:()=>i.setOpen(!0)},dialogProps:{id:P,"aria-labelledby":`${l} ${o}`},calendarProps:{autoFocus:!0,value:i.dateValue,onChange:i.setDateValue,minValue:e.minValue,maxValue:e.maxValue,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isDateUnavailable:e.isDateUnavailable,defaultFocusedValue:i.dateValue?void 0:e.placeholderValue,isInvalid:i.isInvalid,errorMessage:typeof e.errorMessage=="function"?e.errorMessage(i.displayValidation):e.errorMessage||i.displayValidation.validationErrors.join(" ")},isInvalid:c,validationErrors:b,validationDetails:D}}exports.useDatePicker=T;