@okam/stack-ui 1.40.0 → 1.40.1

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 1.40.1 (2025-08-22)
+
+### 🩹 Fixes
+
+- **stack-ui:** clear button clears input value ([a1c9e34](https://github.com/OKAMca/stack/commit/a1c9e34))
+
+### ❤️ Thank You
+
+- poclerson
+
 ## 1.40.0 (2025-08-11)
 
 This was a version bump only for stack-ui to align it with other projects, there were no code changes.

package/components/fields/ComboBox/components/ComboBoxButton.d.ts

@@ -0,0 +1,3 @@
+import type { TComboBoxButtonProps } from '../interface';
+declare const ComboBoxButton: import("react").ForwardRefExoticComponent<TComboBoxButtonProps<import("../../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export default ComboBoxButton;

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

@@ -1,10 +1,11 @@
 import type { ReactNode, RefObject } from 'react';
 import type { AriaComboBoxOptions } from 'react-aria';
 import type { RefCallBack } from 'react-hook-form';
-import type { ComboBoxStateOptions } from 'react-stately';
+import type { ComboBoxState, ComboBoxStateOptions } from 'react-stately';
 import type { TToken } from '../../../providers/Theme/interface';
 import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
 import type { TDefaultNodeComponent } from '../../../types/react-stately';
+import type { TButtonProps } from '../../Button/interface';
 export type TFieldReactHookForm<T = TToken> = TReactHookForm & Omit<TDefaultComponent<T>, 'children'>;
 export interface TComboBoxProps<I extends object = object, T extends TToken = TToken> extends Omit<TFieldReactHookForm<T>, keyof AriaComboBoxOptions<I>>, Omit<AriaComboBoxOptions<I & TDefaultNodeComponent<I, T>>, 'inputRef' | 'buttonRef' | 'popoverRef' | 'listBoxRef'>, ComboBoxStateOptions<I & TDefaultNodeComponent<I, T>> {
     hookFormRef?: RefCallBack;
@@ -22,3 +23,6 @@ export interface TComboBoxProps<I extends object = object, T extends TToken = TT
      */
     debounceDelay?: number;
 }
+export interface TComboBoxButtonProps<T extends TToken = TToken> extends TButtonProps<T> {
+    state: ComboBoxState<object & TDefaultNodeComponent<object, TToken>>;
+}

package/index108.js

@@ -1 +1,6 @@
-"use strict";const o=require("./index103.js"),i=require("./index112.js"),t=require("./index122.js"),l={wrapper:()=>"flex flex-col gap-4 relative",label:e=>t({...e,className:"text-gray-3"}),container:()=>"flex flex-col gap-4",inputWrapper:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2 [&>input]:flex-1 [&>input]:min-w-0 [&>input]:pr-10 [&>input]:border-0 [&>input]:outline-0 [&>input]:bg-transparent [&>input]:text-ellipsis [&>input]:whitespace-nowrap [&>input]:overflow-hidden",button:e=>o(e),popover:{popover:()=>"w-[var(--comboBox-popover-container-width)] max-h-[300px] overflow-y-auto overflow-x-hidden text-white !bg-color-1-500 rounded-md p-2"},listContainer:e=>t({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6 max-h-[300px] overflow-y-auto overflow-x-hidden"}),ul:e=>t({...e,className:"w-full flex flex-col gap-6"}),li:()=>"transition w-full hover:text-gray-300 focus-ring-white",group:()=>"flex flex-col gap-4",section:()=>"flex flex-col gap-4",list:{...i},headerText:()=>"text-gray-300",noResults:()=>"p-4 text-center",noResultsText:e=>t({...e,className:"text-gray-400"}),errorMessage:e=>t({...e,size:"footnotes",isError:!0})};module.exports=l;
+"use strict";const o=require("tailwind-variants"),i=require("./index103.js"),n=require("./index112.js"),t=require("./index122.js"),l=o.tv({base:[i.base,`
+      px-4
+      py-2
+      text-white
+      bg-color-1-500
+    `],variants:{isOpen:{true:"pointer-events-none",false:"hover:bg-color-1-400 active:bg-color-1-400"}}}),r={wrapper:()=>"flex flex-col gap-4 relative",label:e=>t({...e,className:"text-gray-3"}),container:()=>"flex flex-col gap-4",inputWrapper:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2 [&>input]:flex-1 [&>input]:min-w-0 [&>input]:pr-10 [&>input]:border-0 [&>input]:outline-0 [&>input]:bg-transparent [&>input]:text-ellipsis [&>input]:whitespace-nowrap [&>input]:overflow-hidden",button:l,popover:{popover:()=>"w-[var(--comboBox-popover-container-width)] max-h-[300px] overflow-y-auto overflow-x-hidden text-white !bg-color-1-500 rounded-md p-2"},listContainer:e=>t({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6 max-h-[300px] overflow-y-auto overflow-x-hidden"}),ul:e=>t({...e,className:"w-full flex flex-col gap-6"}),li:()=>"transition w-full hover:text-gray-300 focus-ring-white",group:()=>"flex flex-col gap-4",section:()=>"flex flex-col gap-4",list:{...n},headerText:()=>"text-gray-300",noResults:()=>"p-4 text-center",noResultsText:e=>t({...e,className:"text-gray-400"}),errorMessage:e=>t({...e,size:"footnotes",isError:!0})};module.exports=r;

package/index108.mjs

@@ -1,20 +1,37 @@
-import o from "./index103.mjs";
-import l from "./index112.mjs";
-import t from "./index122.mjs";
-const a = {
+import { tv as t } from "tailwind-variants";
+import l from "./index103.mjs";
+import i from "./index112.mjs";
+import o from "./index122.mjs";
+const r = t({
+  base: [
+    l.base,
+    `
+      px-4
+      py-2
+      text-white
+      bg-color-1-500
+    `
+  ],
+  variants: {
+    isOpen: {
+      true: "pointer-events-none",
+      false: "hover:bg-color-1-400 active:bg-color-1-400"
+    }
+  }
+}), s = {
   wrapper: () => "flex flex-col gap-4 relative",
-  label: (e) => t({ ...e, className: "text-gray-3" }),
+  label: (e) => o({ ...e, className: "text-gray-3" }),
   container: () => "flex flex-col gap-4",
   inputWrapper: () => "relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2 [&>input]:flex-1 [&>input]:min-w-0 [&>input]:pr-10 [&>input]:border-0 [&>input]:outline-0 [&>input]:bg-transparent [&>input]:text-ellipsis [&>input]:whitespace-nowrap [&>input]:overflow-hidden",
-  button: (e) => o(e),
+  button: r,
   popover: {
     popover: () => "w-[var(--comboBox-popover-container-width)] max-h-[300px] overflow-y-auto overflow-x-hidden text-white !bg-color-1-500 rounded-md p-2"
   },
-  listContainer: (e) => t({
+  listContainer: (e) => o({
     ...e,
     className: "outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6 max-h-[300px] overflow-y-auto overflow-x-hidden"
   }),
-  ul: (e) => t({
+  ul: (e) => o({
     ...e,
     className: "w-full flex flex-col gap-6"
   }),
@@ -22,13 +39,13 @@ const a = {
   group: () => "flex flex-col gap-4",
   section: () => "flex flex-col gap-4",
   list: {
-    ...l
+    ...i
   },
   headerText: () => "text-gray-300",
   noResults: () => "p-4 text-center",
-  noResultsText: (e) => t({ ...e, className: "text-gray-400" }),
-  errorMessage: (e) => t({ ...e, size: "footnotes", isError: !0 })
+  noResultsText: (e) => o({ ...e, className: "text-gray-400" }),
+  errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 })
 };
 export {
-  a as default
+  s as default
 };

package/index123.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),y=require("@react-aria/accordion"),R=require("react"),m=require("react-aria"),T=require("react-use"),b=require("./index84.js"),F=require("./index162.js"),i=require("./index28.js"),w=require("./index6.js"),C=require("./index15.js"),I=c=>{const{item:r,tokens:l,customTheme:h}=c,{props:x,rendered:k,key:f}=r,{icon:u,title:j,onOpenChange:a,tokens:q,themeName:g}=x??{},{themeName:t=g}=c,d=R.useRef(null),{state:s,TransitionAnimation:N=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...$},regionProps:p}=y.useAccordionItem(c,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...q},A=P=>{P.continuePropagation(),s.selectionManager.select(r.key),s.toggleKey(r.key)};return T.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...$,"aria-expanded":o,handlePress:A,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:j}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(N,{isVisible:o,themeName:`${t}.region`,...p,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;
+"use strict";const e=require("react/jsx-runtime"),y=require("@react-aria/accordion"),R=require("react"),m=require("react-aria"),T=require("react-use"),b=require("./index84.js"),F=require("./index163.js"),i=require("./index28.js"),w=require("./index6.js"),C=require("./index15.js"),I=c=>{const{item:r,tokens:l,customTheme:h}=c,{props:x,rendered:k,key:f}=r,{icon:u,title:j,onOpenChange:a,tokens:q,themeName:g}=x??{},{themeName:t=g}=c,d=R.useRef(null),{state:s,TransitionAnimation:N=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...$},regionProps:p}=y.useAccordionItem(c,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...q},A=P=>{P.continuePropagation(),s.selectionManager.select(r.key),s.toggleKey(r.key)};return T.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...$,"aria-expanded":o,handlePress:A,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:j}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(N,{isVisible:o,themeName:`${t}.region`,...p,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;

package/index123.mjs

@@ -5,7 +5,7 @@ import { useRef as F } from "react";
 import { FocusRing as I, FocusScope as R } from "react-aria";
 import { useUpdateEffect as w } from "react-use";
 import { useAccordionCtx as B } from "./index84.mjs";
-import C from "./index162.mjs";
+import C from "./index163.mjs";
 import i from "./index28.mjs";
 import { ButtonWithForwardRef as D } from "./index6.mjs";
 import K from "./index15.mjs";

package/index125.js

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),M=require("./index163.js"),n=require("./index137.js"),o=require("./index79.js"),N=require("./index164.js"),T=p=>{const{slides:c,slidesPerView:d=1,spaceBetween:u=50,themeName:r,tokens:s,customTheme:m,modules:i,a11y:t,children:w=e=>a.jsx(N,{...e}),...h}=p,b=o(`${r}.slide.wrapper`,s),x=o(`${r}.swiper.swiper`,s,m),g=o(`${r}.swiper.wrapper`,s),y=["A11y"],S=[...(i==null?void 0:i.filter(e=>e!=="Pagination"))??[],...y].map(e=>M[e]),{itemRoleDescriptionMessage:q="slide",slideRole:R="group",containerRoleDescriptionMessage:f="carousel"}=t??{};return a.jsx(n.Swiper,{tabIndex:0,...h,watchSlidesProgress:!0,role:"group","aria-roledescription":f??void 0,slidesPerView:d,spaceBetween:u,className:x,wrapperClass:g,modules:S,keyboard:{enabled:!0,onlyInViewport:!1},a11y:{...t,enabled:!1},children:c.map(e=>{const{id:l,title:j}=e;return a.jsx(n.SwiperSlide,{className:b,...j?{"aria-labelledby":l}:{"aria-label":e.ariaLabel},role:R,"aria-roledescription":q??void 0,children:w({...e,themeName:`${r}.slide`,tokens:s})},l)})})};module.exports=T;
+"use strict";const a=require("react/jsx-runtime"),M=require("./index164.js"),n=require("./index137.js"),o=require("./index79.js"),N=require("./index165.js"),T=p=>{const{slides:c,slidesPerView:d=1,spaceBetween:u=50,themeName:r,tokens:s,customTheme:m,modules:i,a11y:t,children:w=e=>a.jsx(N,{...e}),...h}=p,b=o(`${r}.slide.wrapper`,s),x=o(`${r}.swiper.swiper`,s,m),g=o(`${r}.swiper.wrapper`,s),y=["A11y"],S=[...(i==null?void 0:i.filter(e=>e!=="Pagination"))??[],...y].map(e=>M[e]),{itemRoleDescriptionMessage:q="slide",slideRole:R="group",containerRoleDescriptionMessage:f="carousel"}=t??{};return a.jsx(n.Swiper,{tabIndex:0,...h,watchSlidesProgress:!0,role:"group","aria-roledescription":f??void 0,slidesPerView:d,spaceBetween:u,className:x,wrapperClass:g,modules:S,keyboard:{enabled:!0,onlyInViewport:!1},a11y:{...t,enabled:!1},children:c.map(e=>{const{id:l,title:j}=e;return a.jsx(n.SwiperSlide,{className:b,...j?{"aria-labelledby":l}:{"aria-label":e.ariaLabel},role:R,"aria-roledescription":q??void 0,children:w({...e,themeName:`${r}.slide`,tokens:s})},l)})})};module.exports=T;

package/index125.mjs

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import * as M from "./index163.mjs";
+import * as M from "./index164.mjs";
 import { Swiper as N, SwiperSlide as $ } from "./index137.mjs";
 import a from "./index79.mjs";
-import I from "./index164.mjs";
+import I from "./index165.mjs";
 const D = (p) => {
   const {
     slides: n,

package/index126.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index28.js"),p=require("./index165.js"),d=a=>{const{themeName:r,tokens:i,slides:t,activeIndex:s,paginationGroupLabel:n}=a;return e.jsx(l.default,{as:"div",themeName:`${r}.wrapper`,tokens:i,role:"group","aria-label":n,children:e.jsx(c.FocusScope,{children:t.map((o,u)=>e.jsx(p,{index:u,activeIndex:s,slides:t,themeName:r,tokens:i},JSON.stringify(o)))})})};module.exports=d;
+"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index28.js"),p=require("./index166.js"),d=a=>{const{themeName:r,tokens:i,slides:t,activeIndex:s,paginationGroupLabel:n}=a;return e.jsx(l.default,{as:"div",themeName:`${r}.wrapper`,tokens:i,role:"group","aria-label":n,children:e.jsx(c.FocusScope,{children:t.map((o,u)=>e.jsx(p,{index:u,activeIndex:s,slides:t,themeName:r,tokens:i},JSON.stringify(o)))})})};module.exports=d;

package/index126.mjs

@@ -2,7 +2,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { FocusScope as p } from "react-aria";
 import s from "./index28.mjs";
-import u from "./index165.mjs";
+import u from "./index166.mjs";
 const h = (i) => {
   const { themeName: o, tokens: r, slides: a, activeIndex: t, paginationGroupLabel: n } = i;
   return /* @__PURE__ */ e(

package/index131.js

@@ -1,2 +1,2 @@
 "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("./index79.js"),l=require("./index28.js"),j=require("./index3.js"),N=require("./index166.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index79.js"),l=require("./index28.js"),j=require("./index3.js"),N=require("./index167.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/index131.mjs

@@ -5,7 +5,7 @@ import { useListBox as N, useOption as k, FocusScope as B } from "react-aria";
 import R from "./index79.mjs";
 import h, { BoxWithForwardRef as F } from "./index28.mjs";
 import g, { TypographyWithForwardRef as L } from "./index3.mjs";
-import { useListboxSections as S } from "./index166.mjs";
+import { useListboxSections as S } from "./index167.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(

package/index133.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),f=require("./index134.js"),c=require("./index169.js"),D=require("./index171.js"),y=require("./index172.js"),I=require("./index173.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("./index134.js"),c=require("./index170.js"),D=require("./index172.js"),y=require("./index173.js"),I=require("./index174.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/index133.mjs

@@ -1,9 +1,9 @@
 import { useEffect as x } from "react";
 import { mergeProps as S } from "./index134.mjs";
-import { useFormValidationState as D, privateValidationStateProp as V } from "./index169.mjs";
-import { useFormValidation as I } from "./index171.mjs";
-import { usePress as g } from "./index172.mjs";
-import { useToggle as h } from "./index173.mjs";
+import { useFormValidationState as D, privateValidationStateProp as V } from "./index170.mjs";
+import { useFormValidation as I } from "./index172.mjs";
+import { usePress as g } from "./index173.mjs";
+import { useToggle as h } from "./index174.mjs";
 function F(e, r, i) {
   let a = D({
     ...e,

package/index134.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index177.js"),l=require("./index161.js"),f=require("./index181.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index178.js"),l=require("./index162.js"),f=require("./index182.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/index134.mjs

@@ -1,6 +1,6 @@
-import { chain as n } from "./index177.mjs";
-import { mergeIds as s } from "./index161.mjs";
-import { clsx as l } from "./index181.mjs";
+import { chain as n } from "./index178.mjs";
+import { mergeIds as s } from "./index162.mjs";
+import { clsx as l } from "./index182.mjs";
 function a(...r) {
   let o = {
     ...r[0]

package/index135.js

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

@@ -1,6 +1,6 @@
 import { mergeProps as n } from "./index134.mjs";
 import d, { useState as u, useMemo as p } from "react";
-import { useFocusWithin as f } from "./index203.mjs";
+import { useFocusWithin as f } from "./index204.mjs";
 const a = {
   border: 0,
   clip: "rect(0 0 0 0)",

package/index136.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index170.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 o=require("./index171.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/index136.mjs

@@ -1,4 +1,4 @@
-import { useControlledState as n } from "./index170.mjs";
+import { useControlledState as n } from "./index171.mjs";
 function o(e = {}) {
   let { isReadOnly: t } = e, [l, c] = n(e.isSelected, e.defaultSelected || !1, e.onChange);
   function d(f) {

package/index137.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),G=require("./index254.js"),I=require("./index255.js"),d=require("./index256.js");function T(){return T=Object.assign?Object.assign.bind():function(s){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(s[n]=a[n])}return s},T.apply(this,arguments)}function A(s){return s.type&&s.type.displayName&&s.type.displayName.includes("SwiperSlide")}function V(s){const t=[];return e.Children.toArray(s).forEach(a=>{A(a)?t.push(a):a.props&&a.props.children&&V(a.props.children).forEach(n=>t.push(n))}),t}function J(s){const t=[],a={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return e.Children.toArray(s).forEach(n=>{if(A(n))t.push(n);else if(n.props&&n.props.slot&&a[n.props.slot])a[n.props.slot].push(n);else if(n.props&&n.props.children){const c=V(n.props.children);c.length>0?c.forEach(l=>t.push(l)):a["container-end"].push(n)}else a["container-end"].push(n)}),{slides:t,slots:a}}function K(s,t,a){if(!a)return null;const n=o=>{let i=o;return o<0?i=t.length+o:i>=t.length&&(i=i-t.length),i},c=s.isHorizontal()?{[s.rtlTranslate?"right":"left"]:`${a.offset}px`}:{top:`${a.offset}px`},{from:l,to:p}=a,y=s.params.loop?-t.length:0,h=s.params.loop?t.length*2:t.length,S=[];for(let o=y;o<h;o+=1)o>=l&&o<=p&&S.push(t[n(o)]);return S.map((o,i)=>e.cloneElement(o,{swiper:s,style:c,key:o.props.virtualIndex||o.key||`slide-${i}`}))}function N(s,t){return typeof window>"u"?e.useEffect(s,t):e.useLayoutEffect(s,t)}const B=e.createContext(null),Q=()=>e.useContext(B),X=e.createContext(null),F=e.forwardRef(function(s,t){let{className:a,tag:n="div",wrapperTag:c="div",children:l,onSwiper:p,...y}=s===void 0?{}:s,h=!1;const[S,o]=e.useState("swiper"),[i,m]=e.useState(null),[C,O]=e.useState(!1),P=e.useRef(!1),w=e.useRef(null),r=e.useRef(null),x=e.useRef(null),z=e.useRef(null),$=e.useRef(null),b=e.useRef(null),R=e.useRef(null),k=e.useRef(null),{params:f,passedParams:L,rest:D,events:v}=I.g(y),{slides:g,slots:j}=J(l),_=()=>{O(!C)};Object.assign(f.on,{_containerClasses(u,E){o(E)}});const q=()=>{Object.assign(f.on,v),h=!0;const u={...f};if(delete u.wrapperClass,r.current=new G.S(u),r.current.virtual&&r.current.params.virtual.enabled){r.current.virtual.slides=g;const E={cache:!1,slides:g,renderExternal:m,renderExternalUpdate:!1};d.e(r.current.params.virtual,E),d.e(r.current.originalParams.virtual,E)}};w.current||q(),r.current&&r.current.on("_beforeBreakpoint",_);const H=()=>{h||!v||!r.current||Object.keys(v).forEach(u=>{r.current.on(u,v[u])})},M=()=>{!v||!r.current||Object.keys(v).forEach(u=>{r.current.off(u,v[u])})};e.useEffect(()=>()=>{r.current&&r.current.off("_beforeBreakpoint",_)}),e.useEffect(()=>{!P.current&&r.current&&(r.current.emitSlidesClasses(),P.current=!0)}),N(()=>{if(t&&(t.current=w.current),!!w.current)return r.current.destroyed&&q(),I.m({el:w.current,nextEl:$.current,prevEl:b.current,paginationEl:R.current,scrollbarEl:k.current,swiper:r.current},f),p&&!r.current.destroyed&&p(r.current),()=>{r.current&&!r.current.destroyed&&r.current.destroy(!0,!1)}},[]),N(()=>{H();const u=I.a(L,x.current,g,z.current,E=>E.key);return x.current=L,z.current=g,u.length&&r.current&&!r.current.destroyed&&d.u({swiper:r.current,slides:g,passedParams:L,changedParams:u,nextEl:$.current,prevEl:b.current,scrollbarEl:k.current,paginationEl:R.current}),()=>{M()}}),N(()=>{I.u(r.current)},[i]);function U(){return f.virtual?K(r.current,g,i):g.map((u,E)=>e.cloneElement(u,{swiper:r.current,swiperSlideIndex:E}))}return e.createElement(n,T({ref:w,className:d.d(`${S}${a?` ${a}`:""}`)},D),e.createElement(X.Provider,{value:r.current},j["container-start"],e.createElement(c,{className:d.w(f.wrapperClass)},j["wrapper-start"],U(),j["wrapper-end"]),d.n(f)&&e.createElement(e.Fragment,null,e.createElement("div",{ref:b,className:"swiper-button-prev"}),e.createElement("div",{ref:$,className:"swiper-button-next"})),d.b(f)&&e.createElement("div",{ref:k,className:"swiper-scrollbar"}),d.a(f)&&e.createElement("div",{ref:R,className:"swiper-pagination"}),j["container-end"]))});F.displayName="Swiper";const W=e.forwardRef(function(s,t){let{tag:a="div",children:n,className:c="",swiper:l,zoom:p,lazy:y,virtualIndex:h,swiperSlideIndex:S,...o}=s===void 0?{}:s;const i=e.useRef(null),[m,C]=e.useState("swiper-slide"),[O,P]=e.useState(!1);function w($,b,R){b===i.current&&C(R)}N(()=>{if(typeof S<"u"&&(i.current.swiperSlideIndex=S),t&&(t.current=i.current),!(!i.current||!l)){if(l.destroyed){m!=="swiper-slide"&&C("swiper-slide");return}return l.on("_slideClass",w),()=>{l&&l.off("_slideClass",w)}}}),N(()=>{l&&i.current&&!l.destroyed&&C(l.getSlideClasses(i.current))},[l]);const r={isActive:m.indexOf("swiper-slide-active")>=0,isVisible:m.indexOf("swiper-slide-visible")>=0,isPrev:m.indexOf("swiper-slide-prev")>=0,isNext:m.indexOf("swiper-slide-next")>=0},x=()=>typeof n=="function"?n(r):n,z=()=>{P(!0)};return e.createElement(a,T({ref:i,className:d.d(`${m}${c?` ${c}`:""}`),"data-swiper-slide-index":h,onLoad:z},o),p&&e.createElement(B.Provider,{value:r},e.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof p=="number"?p:void 0},x(),y&&!O&&e.createElement("div",{className:"swiper-lazy-preloader"}))),!p&&e.createElement(B.Provider,{value:r},x(),y&&!O&&e.createElement("div",{className:"swiper-lazy-preloader"})))});W.displayName="SwiperSlide";exports.Swiper=F;exports.SwiperSlide=W;exports.useSwiperSlide=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),G=require("./index255.js"),I=require("./index256.js"),d=require("./index257.js");function T(){return T=Object.assign?Object.assign.bind():function(s){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(s[n]=a[n])}return s},T.apply(this,arguments)}function A(s){return s.type&&s.type.displayName&&s.type.displayName.includes("SwiperSlide")}function V(s){const t=[];return e.Children.toArray(s).forEach(a=>{A(a)?t.push(a):a.props&&a.props.children&&V(a.props.children).forEach(n=>t.push(n))}),t}function J(s){const t=[],a={"container-start":[],"container-end":[],"wrapper-start":[],"wrapper-end":[]};return e.Children.toArray(s).forEach(n=>{if(A(n))t.push(n);else if(n.props&&n.props.slot&&a[n.props.slot])a[n.props.slot].push(n);else if(n.props&&n.props.children){const c=V(n.props.children);c.length>0?c.forEach(l=>t.push(l)):a["container-end"].push(n)}else a["container-end"].push(n)}),{slides:t,slots:a}}function K(s,t,a){if(!a)return null;const n=o=>{let i=o;return o<0?i=t.length+o:i>=t.length&&(i=i-t.length),i},c=s.isHorizontal()?{[s.rtlTranslate?"right":"left"]:`${a.offset}px`}:{top:`${a.offset}px`},{from:l,to:p}=a,y=s.params.loop?-t.length:0,h=s.params.loop?t.length*2:t.length,S=[];for(let o=y;o<h;o+=1)o>=l&&o<=p&&S.push(t[n(o)]);return S.map((o,i)=>e.cloneElement(o,{swiper:s,style:c,key:o.props.virtualIndex||o.key||`slide-${i}`}))}function N(s,t){return typeof window>"u"?e.useEffect(s,t):e.useLayoutEffect(s,t)}const B=e.createContext(null),Q=()=>e.useContext(B),X=e.createContext(null),F=e.forwardRef(function(s,t){let{className:a,tag:n="div",wrapperTag:c="div",children:l,onSwiper:p,...y}=s===void 0?{}:s,h=!1;const[S,o]=e.useState("swiper"),[i,m]=e.useState(null),[C,O]=e.useState(!1),P=e.useRef(!1),w=e.useRef(null),r=e.useRef(null),x=e.useRef(null),z=e.useRef(null),$=e.useRef(null),b=e.useRef(null),R=e.useRef(null),k=e.useRef(null),{params:f,passedParams:L,rest:D,events:v}=I.g(y),{slides:g,slots:j}=J(l),_=()=>{O(!C)};Object.assign(f.on,{_containerClasses(u,E){o(E)}});const q=()=>{Object.assign(f.on,v),h=!0;const u={...f};if(delete u.wrapperClass,r.current=new G.S(u),r.current.virtual&&r.current.params.virtual.enabled){r.current.virtual.slides=g;const E={cache:!1,slides:g,renderExternal:m,renderExternalUpdate:!1};d.e(r.current.params.virtual,E),d.e(r.current.originalParams.virtual,E)}};w.current||q(),r.current&&r.current.on("_beforeBreakpoint",_);const H=()=>{h||!v||!r.current||Object.keys(v).forEach(u=>{r.current.on(u,v[u])})},M=()=>{!v||!r.current||Object.keys(v).forEach(u=>{r.current.off(u,v[u])})};e.useEffect(()=>()=>{r.current&&r.current.off("_beforeBreakpoint",_)}),e.useEffect(()=>{!P.current&&r.current&&(r.current.emitSlidesClasses(),P.current=!0)}),N(()=>{if(t&&(t.current=w.current),!!w.current)return r.current.destroyed&&q(),I.m({el:w.current,nextEl:$.current,prevEl:b.current,paginationEl:R.current,scrollbarEl:k.current,swiper:r.current},f),p&&!r.current.destroyed&&p(r.current),()=>{r.current&&!r.current.destroyed&&r.current.destroy(!0,!1)}},[]),N(()=>{H();const u=I.a(L,x.current,g,z.current,E=>E.key);return x.current=L,z.current=g,u.length&&r.current&&!r.current.destroyed&&d.u({swiper:r.current,slides:g,passedParams:L,changedParams:u,nextEl:$.current,prevEl:b.current,scrollbarEl:k.current,paginationEl:R.current}),()=>{M()}}),N(()=>{I.u(r.current)},[i]);function U(){return f.virtual?K(r.current,g,i):g.map((u,E)=>e.cloneElement(u,{swiper:r.current,swiperSlideIndex:E}))}return e.createElement(n,T({ref:w,className:d.d(`${S}${a?` ${a}`:""}`)},D),e.createElement(X.Provider,{value:r.current},j["container-start"],e.createElement(c,{className:d.w(f.wrapperClass)},j["wrapper-start"],U(),j["wrapper-end"]),d.n(f)&&e.createElement(e.Fragment,null,e.createElement("div",{ref:b,className:"swiper-button-prev"}),e.createElement("div",{ref:$,className:"swiper-button-next"})),d.b(f)&&e.createElement("div",{ref:k,className:"swiper-scrollbar"}),d.a(f)&&e.createElement("div",{ref:R,className:"swiper-pagination"}),j["container-end"]))});F.displayName="Swiper";const W=e.forwardRef(function(s,t){let{tag:a="div",children:n,className:c="",swiper:l,zoom:p,lazy:y,virtualIndex:h,swiperSlideIndex:S,...o}=s===void 0?{}:s;const i=e.useRef(null),[m,C]=e.useState("swiper-slide"),[O,P]=e.useState(!1);function w($,b,R){b===i.current&&C(R)}N(()=>{if(typeof S<"u"&&(i.current.swiperSlideIndex=S),t&&(t.current=i.current),!(!i.current||!l)){if(l.destroyed){m!=="swiper-slide"&&C("swiper-slide");return}return l.on("_slideClass",w),()=>{l&&l.off("_slideClass",w)}}}),N(()=>{l&&i.current&&!l.destroyed&&C(l.getSlideClasses(i.current))},[l]);const r={isActive:m.indexOf("swiper-slide-active")>=0,isVisible:m.indexOf("swiper-slide-visible")>=0,isPrev:m.indexOf("swiper-slide-prev")>=0,isNext:m.indexOf("swiper-slide-next")>=0},x=()=>typeof n=="function"?n(r):n,z=()=>{P(!0)};return e.createElement(a,T({ref:i,className:d.d(`${m}${c?` ${c}`:""}`),"data-swiper-slide-index":h,onLoad:z},o),p&&e.createElement(B.Provider,{value:r},e.createElement("div",{className:"swiper-zoom-container","data-swiper-zoom":typeof p=="number"?p:void 0},x(),y&&!O&&e.createElement("div",{className:"swiper-lazy-preloader"}))),!p&&e.createElement(B.Provider,{value:r},x(),y&&!O&&e.createElement("div",{className:"swiper-lazy-preloader"})))});W.displayName="SwiperSlide";exports.Swiper=F;exports.SwiperSlide=W;exports.useSwiperSlide=Q;

package/index137.mjs

@@ -1,7 +1,7 @@
 import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, useLayoutEffect as Q, createContext as q, useContext as X } from "react";
-import { S as Y } from "./index254.mjs";
-import { g as Z, m as ee, a as re, u as te } from "./index255.mjs";
-import { d as D, w as ne, n as se, b as ae, a as ie, e as F, u as oe } from "./index256.mjs";
+import { S as Y } from "./index255.mjs";
+import { g as Z, m as ee, a as re, u as te } from "./index256.mjs";
+import { d as D, w as ne, n as se, b as ae, a as ie, e as F, u as oe } from "./index257.mjs";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(n) {
     for (var r = 1; r < arguments.length; r++) {

package/index141.js

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

package/index141.mjs

@@ -1,41 +1,16 @@
-import { useFormValidationState as r, mergeValidation as o } from "./index169.mjs";
-import { useControlledState as b } from "./index170.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);
+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);
     },
-    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
-  };
-}
+    [t, o]
+  );
+  return /* @__PURE__ */ l(c, { ...a, ref: r, handlePress: s });
+});
+f.displayName = "ComboBoxButton";
 export {
-  y as useCheckboxGroupState
+  f as default
 };

package/index142.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("react"),m=require("react-aria"),h=require("./index28.js"),g=require("./index3.js");function f(e){const{themeName:t="dialog",tokens:r,title:i,customTheme:s,children:c,...l}=e,o=d.useRef(null),{dialogProps:a,titleProps:u}=m.useDialog(e,o);return n.jsxs(h.BoxWithForwardRef,{...l,themeName:`${t}.wrapper`,tokens:r,customTheme:s,...a,ref:o,children:[i&&n.jsx(g.default,{themeName:`${t}.title`,tokens:r,...u,children:i}),c]})}exports.Dialog=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index170.js"),o=require("./index171.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/index142.mjs

@@ -1,27 +1,41 @@
-"use client";
-import { jsxs as p, jsx as f } from "react/jsx-runtime";
-import { useRef as h } from "react";
-import { useDialog as c } from "react-aria";
-import { BoxWithForwardRef as d } from "./index28.mjs";
-import u from "./index3.mjs";
-function y(e) {
-  const { themeName: o = "dialog", tokens: r, title: t, customTheme: i, children: l, ...s } = e, m = h(null), { dialogProps: n, titleProps: a } = c(e, m);
-  return /* @__PURE__ */ p(
-    d,
-    {
-      ...s,
-      themeName: `${o}.wrapper`,
-      tokens: r,
-      customTheme: i,
-      ...n,
-      ref: m,
-      children: [
-        t && /* @__PURE__ */ f(u, { themeName: `${o}.title`, tokens: r, ...a, children: t }),
-        l
-      ]
-    }
-  );
+import { useFormValidationState as r, mergeValidation as o } from "./index170.mjs";
+import { useControlledState as b } from "./index171.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 {
-  y as Dialog
+  y as useCheckboxGroupState
 };

package/index143.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index227.js"),r=require("react"),u=require("./index187.js"),a=require("@react-aria/i18n"),c=require("./index135.js");function d(e){return e&&e.__esModule?e.default:e}function m(e){let{onDismiss:t,...i}=e,s=a.useLocalizedStringFormatter(d(o),"@react-aria/overlays"),n=u.useLabels(i,s.format("dismiss")),l=()=>{t&&t()};return r.createElement(c.VisuallyHidden,null,r.createElement("button",{...n,tabIndex:-1,onClick:l,style:{width:1,height:1}}))}exports.DismissButton=m;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("react"),m=require("react-aria"),h=require("./index28.js"),g=require("./index3.js");function f(e){const{themeName:t="dialog",tokens:r,title:i,customTheme:s,children:c,...l}=e,o=d.useRef(null),{dialogProps:a,titleProps:u}=m.useDialog(e,o);return n.jsxs(h.BoxWithForwardRef,{...l,themeName:`${t}.wrapper`,tokens:r,customTheme:s,...a,ref:o,children:[i&&n.jsx(g.default,{themeName:`${t}.title`,tokens:r,...u,children:i}),c]})}exports.Dialog=f;

package/index143.mjs

@@ -1,25 +1,27 @@
-import l from "./index227.mjs";
-import r from "react";
-import { useLabels as n } from "./index187.mjs";
-import { useLocalizedStringFormatter as m } from "@react-aria/i18n";
-import { VisuallyHidden as f } from "./index135.mjs";
-function c(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function x(e) {
-  let { onDismiss: t, ...o } = e, i = m(c(l), "@react-aria/overlays"), s = n(o, i.format("dismiss")), a = () => {
-    t && t();
-  };
-  return /* @__PURE__ */ r.createElement(f, null, /* @__PURE__ */ r.createElement("button", {
-    ...s,
-    tabIndex: -1,
-    onClick: a,
-    style: {
-      width: 1,
-      height: 1
+"use client";
+import { jsxs as p, jsx as f } from "react/jsx-runtime";
+import { useRef as h } from "react";
+import { useDialog as c } from "react-aria";
+import { BoxWithForwardRef as d } from "./index28.mjs";
+import u from "./index3.mjs";
+function y(e) {
+  const { themeName: o = "dialog", tokens: r, title: t, customTheme: i, children: l, ...s } = e, m = h(null), { dialogProps: n, titleProps: a } = c(e, m);
+  return /* @__PURE__ */ p(
+    d,
+    {
+      ...s,
+      themeName: `${o}.wrapper`,
+      tokens: r,
+      customTheme: i,
+      ...n,
+      ref: m,
+      children: [
+        t && /* @__PURE__ */ f(u, { themeName: `${o}.title`, tokens: r, ...a, children: t }),
+        l
+      ]
     }
-  }));
+  );
 }
 export {
-  x as DismissButton
+  y as Dialog
 };

package/index144.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index228.js"),b=require("./index221.js"),m=require("./index224.js"),g=require("./index226.js"),D=require("./index134.js"),q=require("./index174.js");function C(a,r){let{triggerRef:d,popoverRef:o,groupRef:e,isNonModal:s,isKeyboardDismissDisabled:p,shouldCloseOnInteractOutside:c,...n}=a,u=n.trigger==="SubmenuTrigger",{overlayProps:v,underlayProps:O}=m.useOverlay({isOpen:r.isOpen,onClose:r.close,shouldCloseOnBlur:!0,isDismissable:!s||u,isKeyboardDismissDisabled:p,shouldCloseOnInteractOutside:c},e??o),{overlayProps:P,arrowProps:y,placement:f}=b.useOverlayPosition({...n,targetRef:d,overlayRef:o,isOpen:r.isOpen,onClose:s&&!u?r.close:null});return g.usePreventScroll({isDisabled:s||!r.isOpen}),q.useLayoutEffect(()=>{if(r.isOpen&&o.current){var i,l;return s?t.keepVisible((i=e==null?void 0:e.current)!==null&&i!==void 0?i:o.current):t.ariaHideOutside([(l=e==null?void 0:e.current)!==null&&l!==void 0?l:o.current])}},[s,r.isOpen,o,e]),{popoverProps:D.mergeProps(v,P),arrowProps:y,underlayProps:O,placement:f}}exports.usePopover=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index228.js"),r=require("react"),u=require("./index188.js"),a=require("@react-aria/i18n"),c=require("./index135.js");function d(e){return e&&e.__esModule?e.default:e}function m(e){let{onDismiss:t,...i}=e,s=a.useLocalizedStringFormatter(d(o),"@react-aria/overlays"),n=u.useLabels(i,s.format("dismiss")),l=()=>{t&&t()};return r.createElement(c.VisuallyHidden,null,r.createElement("button",{...n,tabIndex:-1,onClick:l,style:{width:1,height:1}}))}exports.DismissButton=m;

package/index144.mjs

@@ -1,45 +1,25 @@
-import { keepVisible as v, ariaHideOutside as O } from "./index228.mjs";
-import { useOverlayPosition as P } from "./index221.mjs";
-import { useOverlay as y } from "./index224.mjs";
-import { usePreventScroll as x } from "./index226.mjs";
-import { mergeProps as g } from "./index134.mjs";
-import { useLayoutEffect as D } from "./index174.mjs";
-function S(p, o) {
-  let { triggerRef: n, popoverRef: r, groupRef: e, isNonModal: s, isKeyboardDismissDisabled: t, shouldCloseOnInteractOutside: c, ...a } = p, d = a.trigger === "SubmenuTrigger", { overlayProps: f, underlayProps: u } = y({
-    isOpen: o.isOpen,
-    onClose: o.close,
-    shouldCloseOnBlur: !0,
-    isDismissable: !s || d,
-    isKeyboardDismissDisabled: t,
-    shouldCloseOnInteractOutside: c
-  }, e ?? r), { overlayProps: $, arrowProps: m, placement: b } = P({
-    ...a,
-    targetRef: n,
-    overlayRef: r,
-    isOpen: o.isOpen,
-    onClose: s && !d ? o.close : null
-  });
-  return x({
-    isDisabled: s || !o.isOpen
-  }), D(() => {
-    if (o.isOpen && r.current) {
-      var i, l;
-      return s ? v((i = e == null ? void 0 : e.current) !== null && i !== void 0 ? i : r.current) : O([
-        (l = e == null ? void 0 : e.current) !== null && l !== void 0 ? l : r.current
-      ]);
-    }
-  }, [
-    s,
-    o.isOpen,
-    r,
-    e
-  ]), {
-    popoverProps: g(f, $),
-    arrowProps: m,
-    underlayProps: u,
-    placement: b
+import l from "./index228.mjs";
+import r from "react";
+import { useLabels as n } from "./index188.mjs";
+import { useLocalizedStringFormatter as m } from "@react-aria/i18n";
+import { VisuallyHidden as f } from "./index135.mjs";
+function c(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function x(e) {
+  let { onDismiss: t, ...o } = e, i = m(c(l), "@react-aria/overlays"), s = n(o, i.format("dismiss")), a = () => {
+    t && t();
   };
+  return /* @__PURE__ */ r.createElement(f, null, /* @__PURE__ */ r.createElement("button", {
+    ...s,
+    tabIndex: -1,
+    onClick: a,
+    style: {
+      width: 1,
+      height: 1
+    }
+  }));
 }
 export {
-  S as usePopover
+  x as DismissButton
 };

package/index145.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index229.js"),C=require("./index230.js"),f=require("@react-aria/focus"),e=require("react"),S=require("react-dom"),b=require("./index176.js"),l=e.createContext(null);function P(t){let c=b.useIsSSR(),{portalContainer:r=c?null:document.body,isExiting:s}=t,[o,a]=e.useState(!1),u=e.useMemo(()=>({contain:o,setContain:a}),[o,a]),{getContainer:i}=d.useUNSAFE_PortalContext();if(!t.portalContainer&&i&&(r=i()),!r)return null;let n=t.children;return t.disableFocusManagement||(n=e.createElement(f.FocusScope,{restoreFocus:!0,contain:(t.shouldContainFocus||o)&&!s},n)),n=e.createElement(l.Provider,{value:u},e.createElement(C.ClearPressResponder,null,n)),S.createPortal(n,r)}exports.Overlay=P;exports.OverlayContext=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index229.js"),b=require("./index222.js"),m=require("./index225.js"),g=require("./index227.js"),D=require("./index134.js"),q=require("./index175.js");function C(a,r){let{triggerRef:d,popoverRef:o,groupRef:e,isNonModal:s,isKeyboardDismissDisabled:p,shouldCloseOnInteractOutside:c,...n}=a,u=n.trigger==="SubmenuTrigger",{overlayProps:v,underlayProps:O}=m.useOverlay({isOpen:r.isOpen,onClose:r.close,shouldCloseOnBlur:!0,isDismissable:!s||u,isKeyboardDismissDisabled:p,shouldCloseOnInteractOutside:c},e??o),{overlayProps:P,arrowProps:y,placement:f}=b.useOverlayPosition({...n,targetRef:d,overlayRef:o,isOpen:r.isOpen,onClose:s&&!u?r.close:null});return g.usePreventScroll({isDisabled:s||!r.isOpen}),q.useLayoutEffect(()=>{if(r.isOpen&&o.current){var i,l;return s?t.keepVisible((i=e==null?void 0:e.current)!==null&&i!==void 0?i:o.current):t.ariaHideOutside([(l=e==null?void 0:e.current)!==null&&l!==void 0?l:o.current])}},[s,r.isOpen,o,e]),{popoverProps:D.mergeProps(v,P),arrowProps:y,underlayProps:O,placement:f}}exports.usePopover=C;