@okam/stack-ui 1.43.0 → 1.44.1

package/CHANGELOG.md

@@ -1,3 +1,48 @@
+## 1.44.1 (2026-01-16)
+
+### 🚀 Features
+
+- **admin-bar:** add AdminBar with draft mode support ([289427e](https://github.com/OKAMca/stack/commit/289427e))
+- **next-component:** nuqs wrapper for react-aria ([d63f2f7](https://github.com/OKAMca/stack/commit/d63f2f7))
+- **stack-ui:** listbox react hook form integration ([f79cffc](https://github.com/OKAMca/stack/commit/f79cffc))
+
+### 🩹 Fixes
+
+- replace safe import to avoid weird externalization issues ([2c1bf26](https://github.com/OKAMca/stack/commit/2c1bf26))
+- **stack-ui:** remove breaking changes tag ([02ef258](https://github.com/OKAMca/stack/commit/02ef258))
+- **stack-ui:** stop bundling okam libs ([57c2f4f](https://github.com/OKAMca/stack/commit/57c2f4f))
+- adminbar safe draft mode handling ([#385](https://github.com/OKAMca/stack/pull/385))
+- **directus-next:** draft route handler uses zod, returns draft isEnabled whenever possible ([#376](https://github.com/OKAMca/stack/pull/376))
+- **stack-ui:** props order fix ([b129ebe](https://github.com/OKAMca/stack/commit/b129ebe))
+- **stack-ui:** add icon + error icon to text input ([485cd9e](https://github.com/OKAMca/stack/commit/485cd9e))
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Max Hilland
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
+## 1.44.0 (2026-01-14)
+
+### 🚀 Features
+
+- **stack-ui:** listbox react hook form integration ([f79cffc](https://github.com/OKAMca/stack/commit/f79cffc))
+- ⚠️  React 19 + Next.js 15 upgrade for all @okam/* packages ([#369](https://github.com/OKAMca/stack/pull/369))
+- Consumers must now have react and react-dom in their own
+
+### 🩹 Fixes
+
+- **stack-ui:** props order fix ([b129ebe](https://github.com/OKAMca/stack/commit/b129ebe))
+- **stack-ui:** add icon + error icon to text input ([485cd9e](https://github.com/OKAMca/stack/commit/485cd9e))
+- **stack-ui:** typing fixes ([dc7b453](https://github.com/OKAMca/stack/commit/dc7b453))
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Max Hilland
+- Pierre-Olivier Clerson @poclerson
+
 # 1.43.0 (2026-01-13)
 
 ### 🚀 Features

package/components/Popover/interface.d.ts

@@ -1,16 +1,16 @@
-import { ReactElement, RefObject, SVGProps } from 'react';
+import { ReactElement, ReactNode, RefObject, SVGProps } from 'react';
 import { AriaPopoverProps, AriaPositionProps, FocusScopeProps, OverlayTriggerProps } from 'react-aria';
 import { OverlayTriggerProps as AriaOverlayTriggerProps, OverlayTriggerState } from 'react-stately';
 import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent } from '../../types/components';
 import { TButtonProps } from '../Button/interface';
 
-export interface TPopoverButtonProps<T = TToken> extends TDefaultComponent<T>, TButtonProps<T>, AriaOverlayTriggerProps, AriaPositionProps, OverlayTriggerProps, Pick<AriaPopoverProps, 'shouldCloseOnInteractOutside' | 'isKeyboardDismissDisabled'> {
+export interface TPopoverButtonProps<T = TToken> extends TDefaultComponent<T>, TButtonProps<T>, AriaOverlayTriggerProps, Omit<AriaPositionProps, 'targetRef' | 'overlayRef'>, OverlayTriggerProps, Pick<AriaPopoverProps, 'shouldCloseOnInteractOutside' | 'isKeyboardDismissDisabled'> {
     /**
      * @deprecated Pass button props directly to the component. `buttonProps.children` can now be passed as `label` prop.
      */
     buttonProps?: TButtonProps;
-    label: string;
+    label: ReactNode;
     children: ReactElement;
 }
 export interface TPopoverProps<T = TToken> extends TDefaultComponent<T>, Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef'>, FocusScopeProps {

package/components/TagGroup/interface.d.ts

@@ -6,9 +6,9 @@ import { TToken } from '../../providers/Theme/interface';
 import { TDefaultComponent } from '../../types/components';
 import { TButtonProps } from '../Button/interface';
 
-type TTagCollectionElement<I extends object> = CollectionElement<I> & {
+type TTagCollectionElement<I extends object> = (CollectionElement<I> & {
     removeButtonProps?: TButtonProps;
-};
+}) | null;
 export type TTagItem<I extends object> = I & {
     removeButtonProps?: TButtonProps;
     href?: string;

package/index.d.ts

@@ -91,6 +91,8 @@ export type { TTabListProps, TTabProps, TTabPanelProps } from './components/TabL
 export type { TDefaultNode, TDefaultItemComponent, TDefaultNodeComponent, TDefaultSectionComponent, } from './types/react-stately';
 export type { TListBoxProps, TListBoxSectionProps } from './components/fields/ListBox/interface';
 export type { TOptionProps } from './components/fields/Option/interface';
+export type { TPopoverButtonProps } from './components/Popover/interface';
+export type { TPopoverProps } from './components/Popover/interface';
 export type { TIconProps } from './components/Icon/interface';
 export type { TShareButtonProps } from './components/ShareButton/interface';
 export { default as generateUtmTags } from './components/ShareButton/utils/generateUtmTags';

package/index145.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("./index94.js"),F=require("./index187.js"),i=require("./index37.js"),w=require("./index6.js"),C=require("./index24.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("./index94.js"),F=require("./index214.js"),i=require("./index37.js"),w=require("./index6.js"),C=require("./index24.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/index145.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 "./index94.mjs";
-import C from "./index187.mjs";
+import C from "./index214.mjs";
 import i from "./index37.mjs";
 import { ButtonWithForwardRef as D } from "./index6.mjs";
 import K from "./index24.mjs";

package/index149.mjs

@@ -1,4 +1,4 @@
-import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, useLayoutEffect as Q, createContext as q } from "react";
+import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, createContext as q, useLayoutEffect as Q } from "react";
 import { S as X } from "./index188.mjs";
 import { g as Y, m as Z, a as ee, u as re } from "./index189.mjs";
 import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index190.mjs";

package/index155.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("./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;
+"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("./index187.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,13 +1,13 @@
 "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 { useListBox as N, FocusScope as k, useOption 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";
+import { useListboxSections as S } from "./index187.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);
+  const t = y.useRef(null), { optionProps: e, isFocusVisible: a } = B({ key: s.key }, i, t), m = R(n);
   return /* @__PURE__ */ o(
     L,
     {
@@ -20,7 +20,7 @@ const p = ({ item: s, state: i, themeName: n = "li" }) => {
   );
 }, 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 }) });
+  return /* @__PURE__ */ o(k, { 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) => {

package/index157.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),V=require("./index158.js"),v=require("./index223.js"),f=require("./index224.js"),y=require("./index225.js"),I=require("./index226.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,9 +1,9 @@
 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";
+import { useFormValidationState as V, privateValidationStateProp as I } from "./index223.mjs";
+import { useFormValidation as g } from "./index224.mjs";
+import { usePress as h } from "./index225.mjs";
+import { useToggle as q } from "./index226.mjs";
 function M(e, t, i) {
   let r = V({
     ...e,

package/index158.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index231.js"),l=require("./index185.js"),f=require("./index235.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,6 +1,6 @@
-import { chain as n } from "./index243.mjs";
+import { chain as n } from "./index231.mjs";
 import { mergeIds as s } from "./index185.mjs";
-import { clsx as l } from "./index247.mjs";
+import { clsx as l } from "./index235.mjs";
 function a(...r) {
   let o = {
     ...r[0]

package/index159.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index158.js"),o=require("react"),p=require("./index227.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,6 +1,6 @@
 import { mergeProps as n } from "./index158.mjs";
 import d, { useState as u, useMemo as p } from "react";
-import { useFocusWithin as f } from "./index270.mjs";
+import { useFocusWithin as f } from "./index227.mjs";
 const a = {
   border: 0,
   clip: "rect(0 0 0 0)",

package/index160.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index256.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,4 +1,4 @@
-import { useControlledState as o } from "./index271.mjs";
+import { useControlledState as o } from "./index256.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);

package/index161.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 o=require("./index223.js"),S=require("./index256.js"),c=require("react");function R(e={}){let[a,l]=S.useControlledState(e.value,e.defaultValue||[],e.onChange),[V]=c.useState(a),v=!!e.isRequired&&a.length===0,r=c.useRef(new Map),d=o.useFormValidationState({...e,value:a}),f=d.displayValidation.isInvalid;var u,s;return{...d,value:a,defaultValue:(u=e.defaultValue)!==null&&u!==void 0?u:V,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||l(t=>t.includes(i)?t:t.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 n=new Map(r.current);t.isInvalid?n.set(i,t):n.delete(i),r.current=n,d.updateValidation(o.mergeValidation(...n.values()))},validationState:(s=e.validationState)!==null&&s!==void 0?s:f?"invalid":null,isInvalid:f,isRequired:v}}exports.useCheckboxGroupState=R;

package/index161.mjs

@@ -1,15 +1,42 @@
-"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 b, mergeValidation as V } from "./index223.mjs";
+import { useControlledState as v } from "./index256.mjs";
+import { useState as $, useRef as R } from "react";
+function D(e = {}) {
+  let [i, l] = v(e.value, e.defaultValue || [], e.onChange), [c] = $(i), o = !!e.isRequired && i.length === 0, f = R(/* @__PURE__ */ new Map()), n = b({
+    ...e,
+    value: i
+  }), r = n.displayValidation.isInvalid;
+  var u, s;
+  return {
+    ...n,
+    value: i,
+    defaultValue: (u = e.defaultValue) !== null && u !== void 0 ? u : c,
+    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 || l((t) => t.includes(a) ? t : t.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(f.current);
+      t.isInvalid ? d.set(a, t) : d.delete(a), f.current = d, n.updateValidation(V(...d.values()));
+    },
+    validationState: (s = e.validationState) !== null && s !== void 0 ? s : r ? "invalid" : null,
+    isInvalid: r,
+    isRequired: o
+  };
 }
 export {
-  i as CheckboxGroupProvider,
-  C as useCheckboxGroupCtx
+  D as useCheckboxGroupState
 };

package/index162.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),x=require("react"),a=require("./index37.js"),p=require("./index6.js"),b=require("./index24.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 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/index162.mjs

@@ -1,41 +1,15 @@
 "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 "./index37.mjs";
-import b from "./index6.mjs";
-import N from "./index24.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 { 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 {
-  $ as default
+  i as CheckboxGroupProvider,
+  C as useCheckboxGroupCtx
 };

package/index163.js

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

package/index163.mjs

@@ -1,13 +1,28 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { ButtonWithForwardRef as n } from "./index6.mjs";
-import i from "./index24.mjs";
-import l from "./index69.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";
+"use client";
+import { jsxs as a, jsx as c } from "react/jsx-runtime";
+import { filterDOMProps as d } from "./index184.mjs";
+import { useRef as n } from "react";
+import { useDialog as h } from "react-aria";
+import { BoxWithForwardRef as u } from "./index37.mjs";
+import g from "./index3.mjs";
+function j(e) {
+  const { themeName: o = "dialog", tokens: r, title: t, customTheme: i, children: s, ...l } = e, m = n(null), { dialogProps: p, titleProps: f } = h(e, m);
+  return /* @__PURE__ */ a(
+    u,
+    {
+      ...d(l),
+      themeName: `${o}.wrapper`,
+      tokens: r,
+      customTheme: i,
+      ...p,
+      ref: m,
+      children: [
+        t && /* @__PURE__ */ c(g, { themeName: `${o}.title`, tokens: r, ...f, children: t }),
+        s
+      ]
+    }
+  );
+}
 export {
-  a as default
+  j as Dialog
 };

package/index164.js

@@ -1 +1,2 @@
-"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 client";
+"use strict";const r=require("react/jsx-runtime"),x=require("react"),a=require("./index37.js"),p=require("./index6.js"),b=require("./index24.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;

package/index164.mjs

@@ -1,16 +1,41 @@
-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 });
+"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 "./index37.mjs";
+import b from "./index6.mjs";
+import N from "./index24.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" })
+        ]
+      }
+    )
+  ] });
 });
-f.displayName = "ComboBoxButton";
+$.displayName = "Wrapper";
 export {
-  f as default
+  $ as default
 };

package/index165.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index236.js"),S=require("./index271.js"),c=require("react");function R(e={}){let[a,l]=S.useControlledState(e.value,e.defaultValue||[],e.onChange),[V]=c.useState(a),v=!!e.isRequired&&a.length===0,r=c.useRef(new Map),d=o.useFormValidationState({...e,value:a}),f=d.displayValidation.isInvalid;var u,s;return{...d,value:a,defaultValue:(u=e.defaultValue)!==null&&u!==void 0?u:V,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||l(t=>t.includes(i)?t:t.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 n=new Map(r.current);t.isInvalid?n.set(i,t):n.delete(i),r.current=n,d.updateValidation(o.mergeValidation(...n.values()))},validationState:(s=e.validationState)!==null&&s!==void 0?s:f?"invalid":null,isInvalid:f,isRequired:v}}exports.useCheckboxGroupState=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index288.js"),r=require("react"),u=require("./index220.js"),a=require("@react-aria/i18n"),c=require("./index159.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/index165.mjs

@@ -1,42 +1,25 @@
-import { useFormValidationState as b, mergeValidation as V } from "./index236.mjs";
-import { useControlledState as v } from "./index271.mjs";
-import { useState as $, useRef as R } from "react";
-function D(e = {}) {
-  let [i, l] = v(e.value, e.defaultValue || [], e.onChange), [c] = $(i), o = !!e.isRequired && i.length === 0, f = R(/* @__PURE__ */ new Map()), n = b({
-    ...e,
-    value: i
-  }), r = n.displayValidation.isInvalid;
-  var u, s;
-  return {
-    ...n,
-    value: i,
-    defaultValue: (u = e.defaultValue) !== null && u !== void 0 ? u : c,
-    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 || l((t) => t.includes(a) ? t : t.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(f.current);
-      t.isInvalid ? d.set(a, t) : d.delete(a), f.current = d, n.updateValidation(V(...d.values()));
-    },
-    validationState: (s = e.validationState) !== null && s !== void 0 ? s : r ? "invalid" : null,
-    isInvalid: r,
-    isRequired: o
+import l from "./index288.mjs";
+import r from "react";
+import { useLabels as n } from "./index220.mjs";
+import { useLocalizedStringFormatter as m } from "@react-aria/i18n";
+import { VisuallyHidden as f } from "./index159.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 {
-  D as useCheckboxGroupState
+  x as DismissButton
 };

package/index166.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("./index184.js"),m=require("react"),f=require("react-aria"),h=require("./index37.js"),g=require("./index3.js");function q(e){const{themeName:t="dialog",tokens:r,title:i,customTheme:n,children:l,...c}=e,o=m.useRef(null),{dialogProps:u,titleProps:a}=f.useDialog(e,o);return s.jsxs(h.BoxWithForwardRef,{...d.filterDOMProps(c),themeName:`${t}.wrapper`,tokens:r,customTheme:n,...u,ref:o,children:[i&&s.jsx(g.default,{themeName:`${t}.title`,tokens:r,...a,children:i}),l]})}exports.Dialog=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index289.js"),f=require("./index282.js"),m=require("./index285.js"),h=require("./index287.js"),D=require("./index158.js"),q=require("react");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:P}=m.useOverlay({isOpen:r.isOpen,onClose:r.close,shouldCloseOnBlur:!0,isDismissable:!s||u,isKeyboardDismissDisabled:p,shouldCloseOnInteractOutside:c},e??o),{overlayProps:O,arrowProps:g,placement:y,triggerAnchorPoint:b}=f.useOverlayPosition({...n,targetRef:d,overlayRef:o,isOpen:r.isOpen,onClose:s&&!u?r.close:null});return h.usePreventScroll({isDisabled:s||!r.isOpen}),q.useEffect(()=>{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],{shouldUseInert:!0})}},[s,r.isOpen,o,e]),{popoverProps:D.mergeProps(v,O),arrowProps:g,underlayProps:P,placement:y,triggerAnchorPoint:b}}exports.usePopover=C;