@okam/stack-ui 2.0.1 → 2.0.3

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+## 2.0.3 (2026-03-11)
+
+### 🩹 Fixes
+
+- resolve high-severity dependabot alerts ([#429](https://github.com/OKAMca/stack/pull/429))
+- **stack-ui:** error message and validation fixes ([6e4d9f21](https://github.com/OKAMca/stack/commit/6e4d9f21))
+- **stack-ui:** validation fix ([fc54df32](https://github.com/OKAMca/stack/commit/fc54df32))
+- **stack-ui:** selection change fixes ([89bf4c0e](https://github.com/OKAMca/stack/commit/89bf4c0e))
+- **stack-ui:** controlled state fix ([431d9b63](https://github.com/OKAMca/stack/commit/431d9b63))
+- **stack-ui:** remove state from typing ([e3bbfc49](https://github.com/OKAMca/stack/commit/e3bbfc49))
+- **stack-ui:** listbox clear all fix ([0fb6428a](https://github.com/OKAMca/stack/commit/0fb6428a))
+- **stack-ui:** revert select change ([f884b2fa](https://github.com/OKAMca/stack/commit/f884b2fa))
+- **stack-ui:** revert debounce delay, modal fixes ([b8422eb4](https://github.com/OKAMca/stack/commit/b8422eb4))
+- **stack-ui:** add cursor-pointer ([cfce38fb](https://github.com/OKAMca/stack/commit/cfce38fb))
+- **stack-ui:** combobox migration fixes ([69a02a6c](https://github.com/OKAMca/stack/commit/69a02a6c))
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Max Hilland
+
+## 2.0.2 (2026-02-27)
+
+This was a version bump only for stack-ui to align it with other projects, there were no code changes.
+
 ## 2.0.1 (2026-02-27)
 
 ### 🩹 Fixes

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

@@ -22,7 +22,13 @@ export interface TComboBoxProps<I extends object = object, T extends TToken = TT
      * @default 200
      */
     debounceDelay?: number;
+    /**
+     * @description When true, the popover does not prevent scrolling and does not trap focus.
+     * @default true
+     */
+    isNonModal?: boolean;
 }
 export interface TComboBoxButtonProps<T extends TToken = TToken> extends TButtonProps<T> {
     state: ComboBoxState<object & TDefaultNodeComponent<object, TToken>>;
+    preventFocusOnPress?: boolean;
 }

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

@@ -28,5 +28,5 @@ export interface TReactHookFormListBoxProps<I extends object = object, T extends
     name: string;
     selectionMode?: Exclude<AriaListBoxProps<I>['selectionMode'], 'none'>;
 }
-export interface TControlledReactHookFormListBoxProps<I extends object = object, T extends TToken = TToken> extends TReactHookFormListBoxProps<I, T>, Omit<TControlledListBoxFormProps<I, T>, 'children' | 'onBlur' | 'selectionMode'> {
+export interface TControlledReactHookFormListBoxProps<I extends object = object, T extends TToken = TToken> extends TReactHookFormListBoxProps<I, T>, Omit<TControlledListBoxFormProps<I, T>, 'children' | 'onBlur' | 'selectionMode' | 'state'> {
 }

package/index12.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react-aria"),i=require("./index82.js");function u(n){const{controller:o,activeIndex:e,slides:r}=i.useCarousel(),{params:t}=o??{},{a11y:s}=t??{};return{a11y:s,announcerProps:a.mergeProps(n,{"aria-live":"polite",children:r?.[e]?.title??r?.[e]?.ariaLabel})}}exports.useCarouselA11yAnnouncer=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react-aria"),s=require("./index82.js");function u(o){const{controller:t,activeIndex:r,slides:n}=s.useCarousel(),{params:e}=t??{};return{a11y:typeof e?.a11y=="object"?e.a11y:e?.a11y===!0?{enabled:!0}:void 0,announcerProps:a.mergeProps(o,{"aria-live":"polite",children:n?.[r]?.title??n?.[r]?.ariaLabel})}}exports.useCarouselA11yAnnouncer=u;

package/index12.mjs

@@ -1,13 +1,13 @@
 "use client";
-import { mergeProps as s } from "react-aria";
+import { mergeProps as n } from "react-aria";
 import { useCarousel as i } from "./index82.mjs";
-function u(o) {
-  const { controller: n, activeIndex: r, slides: e } = i(), { params: t } = n ?? {}, { a11y: a } = t ?? {};
+function u(a) {
+  const { controller: t, activeIndex: r, slides: o } = i(), { params: e } = t ?? {};
   return {
-    a11y: a,
-    announcerProps: s(o, {
+    a11y: typeof e?.a11y == "object" ? e.a11y : e?.a11y === !0 ? { enabled: !0 } : void 0,
+    announcerProps: n(a, {
       "aria-live": "polite",
-      children: e?.[r]?.title ?? e?.[r]?.ariaLabel
+      children: o?.[r]?.title ?? o?.[r]?.ariaLabel
     })
   };
 }

package/index127.js

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),i=require("react"),l=require("./index8.js");function s({ref:n,...o}){const{state:e,handlePress:t,...r}=o,a=i.useCallback(u=>{e.setInputValue(""),e.selectionManager.clearSelection(),t?.(u)},[t,e]);return c.jsx(l.ButtonWithForwardRef,{...r,ref:n,handlePress:a})}s.displayName="ComboBoxButton";module.exports=s;
+"use strict";const u=require("react/jsx-runtime"),c=require("react"),i=require("./index8.js");function t({ref:s,...o}){const{state:d,handlePress:e,...r}=o,n=c.useCallback(a=>{e?.(a)},[e]);return u.jsx(i.ButtonWithForwardRef,{...r,ref:s,handlePress:n})}t.displayName="ComboBoxButton";module.exports=t;

package/index127.mjs

@@ -1,16 +1,16 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { useCallback as m } from "react";
-import { ButtonWithForwardRef as u } from "./index8.mjs";
-function i({ ref: e, ...r }) {
-  const { state: o, handlePress: t, ...s } = r, a = m(
-    (n) => {
-      o.setInputValue(""), o.selectionManager.clearSelection(), t?.(n);
+import { ButtonWithForwardRef as l } from "./index8.mjs";
+function u({ ref: t, ...r }) {
+  const { state: d, handlePress: o, ...e } = r, s = m(
+    (a) => {
+      o?.(a);
     },
-    [t, o]
+    [o]
   );
-  return /* @__PURE__ */ l(u, { ...s, ref: e, handlePress: a });
+  return /* @__PURE__ */ n(l, { ...e, ref: t, handlePress: s });
 }
-i.displayName = "ComboBoxButton";
+u.displayName = "ComboBoxButton";
 export {
-  i as default
+  u as default
 };

package/index151.js

@@ -1,6 +1,7 @@
-"use strict";const o=require("tailwind-variants"),i=require("./index146.js"),n=require("./index155.js"),t=require("./index168.js"),l=o.tv({base:[i.base,`
+"use strict";const o=require("tailwind-variants"),i=require("./index146.js"),n=require("./index155.js"),t=require("./index168.js"),r=o.tv({base:[i.base,`
       px-4
       py-2
+      cursor-pointer
       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;
+    `],variants:{isOpen:{true:"pointer-events-none",false:"hover:bg-color-1-400 active:bg-color-1-400"}}}),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: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({...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=l;

package/index151.mjs

@@ -1,13 +1,14 @@
 import { tv as t } from "tailwind-variants";
 import l from "./index146.mjs";
-import i from "./index155.mjs";
+import r from "./index155.mjs";
 import o from "./index168.mjs";
-const r = t({
+const i = t({
   base: [
     l.base,
     `
       px-4
       py-2
+      cursor-pointer
       text-white
       bg-color-1-500
     `
@@ -23,7 +24,7 @@ const r = t({
   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: r,
+  button: i,
   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"
   },
@@ -39,7 +40,7 @@ const r = t({
   group: () => "flex flex-col gap-4",
   section: () => "flex flex-col gap-4",
   list: {
-    ...i
+    ...r
   },
   headerText: () => "text-gray-300",
   noResults: () => "p-4 text-center",

package/index17.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react-aria"),h=require("./index82.js");function m(i){const{isDisabled:l,handlePress:u,...d}=i,{controller:o,nextNavigationRef:c,id:g,activeIndex:r}=h.useCarousel(),{params:n,slides:s}=o??{},{slidesPerView:e,loop:p}=n??{},{a11y:b}=n??{},x=Math.round(typeof e=="number"?(r+1)/e:r),P=Math.round(s!=null&&typeof e=="number"?s.length/e:s?.length??1),N=x<P,t=l||!p&&!N,{pressProps:v}=a.usePress({onPress:f=>{o?.slideNext(),u?.(f)},isDisabled:t});return{isDisabled:t,navigationProps:a.mergeProps(v,{"aria-disabled":t,"aria-controls":g,"aria-label":b?.nextSlideMessage},d),ref:c}}exports.useCarouselNextNavigation=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react-aria"),f=require("./index82.js");function h(i){const{isDisabled:l,handlePress:d,...u}=i,{controller:r,nextNavigationRef:c,id:p,activeIndex:a}=f.useCarousel(),{params:s,slides:o}=r??{},{slidesPerView:e,loop:g}=s??{},b=typeof s?.a11y=="object"?s.a11y:void 0,x=Math.round(typeof e=="number"?(a+1)/e:a),P=Math.round(o!=null&&typeof e=="number"?o.length/e:o?.length??1),v=x<P,t=l||!g&&!v,{pressProps:y}=n.usePress({onPress:N=>{r?.slideNext(),d?.(N)},isDisabled:t});return{isDisabled:t,navigationProps:n.mergeProps(y,{"aria-disabled":t,"aria-controls":p,"aria-label":b?.nextSlideMessage},u),ref:c}}exports.useCarouselNextNavigation=h;

package/index17.mjs

@@ -1,23 +1,23 @@
 "use client";
-import { usePress as h, mergeProps as N } from "react-aria";
-import { useCarousel as v } from "./index82.mjs";
+import { usePress as h, mergeProps as v } from "react-aria";
+import { useCarousel as y } from "./index82.mjs";
 function M(a) {
-  const { isDisabled: i, handlePress: l, ...d } = a, { controller: t, nextNavigationRef: c, id: p, activeIndex: r } = v(), { params: n, slides: s } = t ?? {}, { slidesPerView: e, loop: u } = n ?? {}, { a11y: g } = n ?? {}, m = Math.round(
-    typeof e == "number" ? (r + 1) / e : r
-  ), x = Math.round(
-    s != null && typeof e == "number" ? s.length / e : s?.length ?? 1
-  ), P = m < x, o = i || !u && !P, { pressProps: b } = h({
-    onPress: (f) => {
-      t?.slideNext(), l?.(f);
+  const { isDisabled: i, handlePress: l, ...d } = a, { controller: r, nextNavigationRef: c, id: p, activeIndex: n } = y(), { params: s, slides: o } = r ?? {}, { slidesPerView: e, loop: u } = s ?? {}, g = typeof s?.a11y == "object" ? s.a11y : void 0, b = Math.round(
+    typeof e == "number" ? (n + 1) / e : n
+  ), f = Math.round(
+    o != null && typeof e == "number" ? o.length / e : o?.length ?? 1
+  ), m = b < f, t = i || !u && !m, { pressProps: x } = h({
+    onPress: (P) => {
+      r?.slideNext(), l?.(P);
     },
-    isDisabled: o
+    isDisabled: t
   });
   return {
-    isDisabled: o,
-    navigationProps: N(
-      b,
+    isDisabled: t,
+    navigationProps: v(
+      x,
       {
-        "aria-disabled": o,
+        "aria-disabled": t,
         "aria-controls": p,
         "aria-label": g?.nextSlideMessage
       },

package/index18.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react-aria"),b=require("./index82.js");function f(a){const{isDisabled:o,handlePress:i,...t}=a,{controller:e,prevNavigationRef:n,id:l,activeIndex:c}=b.useCarousel(),{params:u}=e??{},{a11y:d}=e?.params??{},{loop:v}=u??{},P=c>0,s=o||!v&&!P,{pressProps:p}=r.usePress({onPress:g=>{e?.slidePrev(),i?.(g)},isDisabled:s});return{isDisabled:s,navigationProps:r.mergeProps(p,{"aria-disabled":s,"aria-controls":l,"aria-label":d?.prevSlideMessage},t),ref:n}}exports.useCarouselPrevNavigation=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react-aria"),b=require("./index82.js");function y(r){const{isDisabled:o,handlePress:i,...t}=r,{controller:e,prevNavigationRef:n,id:l,activeIndex:c}=b.useCarousel(),{params:d}=e??{},u=typeof e?.params?.a11y=="object"?e.params.a11y:void 0,{loop:v}=d??{},p=c>0,s=o||!v&&!p,{pressProps:P}=a.usePress({onPress:g=>{e?.slidePrev(),i?.(g)},isDisabled:s});return{isDisabled:s,navigationProps:a.mergeProps(P,{"aria-disabled":s,"aria-controls":l,"aria-label":u?.prevSlideMessage},t),ref:n}}exports.useCarouselPrevNavigation=y;

package/index18.mjs

@@ -1,16 +1,16 @@
 "use client";
-import { usePress as u, mergeProps as g } from "react-aria";
-import { useCarousel as b } from "./index82.mjs";
-function N(r) {
-  const { isDisabled: o, handlePress: a, ...i } = r, { controller: s, prevNavigationRef: t, id: n, activeIndex: l } = b(), { params: p } = s ?? {}, { a11y: c } = s?.params ?? {}, { loop: d } = p ?? {}, v = l > 0, e = o || !d && !v, { pressProps: P } = u({
+import { usePress as u, mergeProps as b } from "react-aria";
+import { useCarousel as f } from "./index82.mjs";
+function D(a) {
+  const { isDisabled: o, handlePress: r, ...i } = a, { controller: s, prevNavigationRef: t, id: n, activeIndex: l } = f(), { params: p } = s ?? {}, c = typeof s?.params?.a11y == "object" ? s.params.a11y : void 0, { loop: d } = p ?? {}, v = l > 0, e = o || !d && !v, { pressProps: P } = u({
     onPress: (m) => {
-      s?.slidePrev(), a?.(m);
+      s?.slidePrev(), r?.(m);
     },
     isDisabled: e
   });
   return {
     isDisabled: e,
-    navigationProps: g(
+    navigationProps: b(
       P,
       {
         "aria-disabled": e,
@@ -23,5 +23,5 @@ function N(r) {
   };
 }
 export {
-  N as useCarouselPrevNavigation
+  D as useCarouselPrevNavigation
 };

package/index26.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("radashi"),o=require("react"),w=require("react-aria");function g(e,s){if(s.current==null||e==null)return[];const{slideClass:l="swiper-slide"}=e.params;return s.current?.className.split(" ").filter(i=>i.indexOf("swiper-slide")===0||i.indexOf(l)===0)}function m(e){const{title:s,id:l,ariaLabel:a,"aria-label":i,children:v,swiperSlideIndex:y,swiper:n,...u}=e,{itemRoleDescriptionMessage:d="slide",slideRole:p="group"}=n?.params?.a11y??{},b=!f.isEmpty(s),t=o.useRef(null),c=o.useMemo(()=>{const r=g(n,t);return{isActive:r?.includes("swiper-slide-active"),isVisible:r?.includes("swiper-slide-visible"),isPrev:r?.includes("swiper-slide-prev"),isNext:r?.includes("swiper-slide-next")}},[t.current]);return{ref:t,slideProps:w.mergeProps(u,{...b?{"aria-labelledby":l}:{"aria-label":a??i},"aria-roledescription":d??void 0,role:p,inert:`!${c.isVisible}`}),titleProps:{},...c}}exports.useCarouselSlide=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("radashi"),o=require("react"),y=require("react-aria");function v(e,s){if(s.current==null||e==null)return[];const{slideClass:l="swiper-slide"}=e.params;return s.current?.className.split(" ").filter(i=>i.indexOf("swiper-slide")===0||i.indexOf(l)===0)}function w(e){const{title:s,id:l,ariaLabel:n,"aria-label":i,children:g,swiperSlideIndex:P,swiper:t,...d}=e,u=typeof t?.params?.a11y=="object"?t.params.a11y:void 0,{itemRoleDescriptionMessage:p="slide",slideRole:b="group"}=u??{},f=!m.isEmpty(s),a=o.useRef(null),c=o.useMemo(()=>{const r=v(t,a);return{isActive:r?.includes("swiper-slide-active"),isVisible:r?.includes("swiper-slide-visible"),isPrev:r?.includes("swiper-slide-prev"),isNext:r?.includes("swiper-slide-next")}},[a.current]);return{ref:a,slideProps:y.mergeProps(d,{...f?{"aria-labelledby":l}:{"aria-label":n??i},"aria-roledescription":p??void 0,role:b,inert:`!${c.isVisible}`}),titleProps:{},...c}}exports.useCarouselSlide=w;

package/index26.mjs

@@ -1,14 +1,14 @@
 "use client";
-import { isEmpty as m } from "radashi";
-import { useRef as b, useMemo as f } from "react";
-import { mergeProps as w } from "react-aria";
-function v(e, s) {
+import { isEmpty as b } from "radashi";
+import { useRef as f, useMemo as w } from "react";
+import { mergeProps as v } from "react-aria";
+function y(e, s) {
   if (s.current == null || e == null)
     return [];
   const { slideClass: l = "swiper-slide" } = e.params;
   return s.current?.className.split(" ").filter((i) => i.indexOf("swiper-slide") === 0 || i.indexOf(l) === 0);
 }
-function L(e) {
+function R(e) {
   const {
     title: s,
     id: l,
@@ -16,23 +16,23 @@ function L(e) {
     "aria-label": i,
     children: x,
     swiperSlideIndex: g,
-    swiper: a,
+    swiper: t,
     ...c
-  } = e, { itemRoleDescriptionMessage: d = "slide", slideRole: p = "group" } = a?.params?.a11y ?? {}, u = !m(s), t = b(null), o = f(() => {
-    const r = v(a, t);
+  } = e, d = typeof t?.params?.a11y == "object" ? t.params.a11y : void 0, { itemRoleDescriptionMessage: p = "slide", slideRole: u = "group" } = d ?? {}, m = !b(s), a = f(null), o = w(() => {
+    const r = y(t, a);
     return {
       isActive: r?.includes("swiper-slide-active"),
       isVisible: r?.includes("swiper-slide-visible"),
       isPrev: r?.includes("swiper-slide-prev"),
       isNext: r?.includes("swiper-slide-next")
     };
-  }, [t.current]);
+  }, [a.current]);
   return {
-    ref: t,
-    slideProps: w(c, {
-      ...u ? { "aria-labelledby": l } : { "aria-label": n ?? i },
-      "aria-roledescription": d ?? void 0,
-      role: p,
+    ref: a,
+    slideProps: v(c, {
+      ...m ? { "aria-labelledby": l } : { "aria-label": n ?? i },
+      "aria-roledescription": p ?? void 0,
+      role: u,
       inert: `!${o.isVisible}`
     }),
     titleProps: {},
@@ -40,5 +40,5 @@ function L(e) {
   };
 }
 export {
-  L as useCarouselSlide
+  R as useCarouselSlide
 };

package/index27.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@react-aria/utils"),P=require("react-aria"),y=require("swiper/modules"),S=require("./index82.js");function M(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const x=M(y),O=["A11y","Controller"],C="Pagination";function j(e){const{children:o,...r}=e,{controller:n,setController:a,modules:s,slides:l,id:c,nextNavigationRef:u,prevNavigationRef:p,swiperProps:d,swiperRef:f,setActiveIndex:g}=S.useCarousel(),{a11y:i}=n?.params??{},b=[...s?.filter(t=>t!==C)??[],...O].map(t=>x[t]),{containerRoleDescriptionMessage:w="carousel"}=i??{},m={navigation:{nextEl:u.current,prevEl:p.current,enabled:s?.includes("Navigation")},id:c,watchSlidesProgress:!0,role:"group",onSwiper:a,onSlideChange:t=>{g(t.activeIndex)},modules:b,keyboard:{enabled:!0,onlyInViewport:!1},a11y:{enabled:!0,...i},"aria-roledescription":w??void 0,tabIndex:0};return{swiperProps:P.mergeProps(d,m,v.filterDOMProps(r)),slides:l,ref:f}}exports.useCarouselSwiper=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@react-aria/utils"),v=require("react-aria"),P=require("swiper/modules"),S=require("./index82.js");function M(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const x=M(P),O=["A11y","Controller"],j="Pagination";function C(e){const{children:n,...r}=e,{controller:t,setController:a,modules:s,slides:l,id:c,nextNavigationRef:u,prevNavigationRef:p,swiperProps:d,swiperRef:f,setActiveIndex:g}=S.useCarousel(),i=typeof t?.params?.a11y=="object"?t.params.a11y:void 0,b=[...s?.filter(o=>o!==j)??[],...O].map(o=>x[o]),{containerRoleDescriptionMessage:w="carousel"}=i??{},y={navigation:{nextEl:u.current,prevEl:p.current,enabled:s?.includes("Navigation")},id:c,watchSlidesProgress:!0,role:"group",onSwiper:a,onSlideChange:o=>{g(o.activeIndex)},modules:b,keyboard:{enabled:!0,onlyInViewport:!1},a11y:{enabled:!0,...i},"aria-roledescription":w??void 0,tabIndex:0};return{swiperProps:v.mergeProps(d,y,m.filterDOMProps(r)),slides:l,ref:f}}exports.useCarouselSwiper=C;

package/index27.mjs

@@ -1,13 +1,13 @@
 "use client";
-import { filterDOMProps as v } from "@react-aria/utils";
-import { mergeProps as P } from "react-aria";
-import * as x from "swiper/modules";
-import { useCarousel as M } from "./index82.mjs";
-const b = ["A11y", "Controller"], y = "Pagination";
-function h(t) {
-  const { children: C, ...n } = t, {
-    controller: s,
-    setController: i,
+import { filterDOMProps as w } from "@react-aria/utils";
+import { mergeProps as y } from "react-aria";
+import * as P from "swiper/modules";
+import { useCarousel as x } from "./index82.mjs";
+const b = ["A11y", "Controller"], M = "Pagination";
+function h(s) {
+  const { children: C, ...i } = s, {
+    controller: o,
+    setController: n,
     modules: r,
     slides: a,
     id: l,
@@ -16,9 +16,9 @@ function h(t) {
     swiperProps: c,
     swiperRef: u,
     setActiveIndex: m
-  } = M(), { a11y: o } = s?.params ?? {}, f = [...r?.filter((e) => e !== y) ?? [], ...b].map(
-    (e) => x[e]
-  ), { containerRoleDescriptionMessage: g = "carousel" } = o ?? {}, w = {
+  } = x(), t = typeof o?.params?.a11y == "object" ? o.params.a11y : void 0, f = [...r?.filter((e) => e !== M) ?? [], ...b].map(
+    (e) => P[e]
+  ), { containerRoleDescriptionMessage: g = "carousel" } = t ?? {}, v = {
     navigation: {
       nextEl: p.current,
       prevEl: d.current,
@@ -27,7 +27,7 @@ function h(t) {
     id: l,
     watchSlidesProgress: !0,
     role: "group",
-    onSwiper: i,
+    onSwiper: n,
     onSlideChange: (e) => {
       m(e.activeIndex);
     },
@@ -38,13 +38,13 @@ function h(t) {
     },
     a11y: {
       enabled: !0,
-      ...o
+      ...t
     },
     "aria-roledescription": g ?? void 0,
     tabIndex: 0
   };
   return {
-    swiperProps: P(c, w, v(n)),
+    swiperProps: y(c, v, w(i)),
     slides: a,
     ref: u
   };

package/index32.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),re=require("radashi"),n=require("react"),j=require("react-aria");require("react-hook-form");const ie=require("react-stately"),le=require("./index78.js"),ce=require("./index88.js"),p=require("./index7.js"),ue=require("./index48.js"),ae=require("./index93.js"),pe=require("./index99.js"),me=require("./index56.js"),k=require("./index74.js"),fe=require("./index38.js"),de=require("./index127.js");function xe(c){const{children:y,hookFormRef:m,errorMessage:f,themeName:t="comboBox",tokens:d,customTheme:N,label:x,icon:v=e.jsx(ae,{}),closeIcon:F=e.jsx(pe,{}),isDisabled:g=!1,isRequired:C=!1,isReadOnly:S=!1,defaultFilter:I,inputRef:M,buttonRef:T,popoverRef:V,listBoxRef:w,debounceDelay:D=200}=c,O=n.useRef(null),u=M??O,A=n.useRef(null),h=T??A,E=n.useRef(null),R=V??E,W=n.useRef(null),b=w??W,i=n.useRef(null),{contains:z}=j.useFilter({sensitivity:"base"}),L=I??z,o=ie.useComboBoxState({...c,defaultFilter:L}),{inputProps:G,listBoxProps:H,labelProps:J,buttonProps:K,errorMessageProps:Q,isInvalid:B}=j.useComboBox({...c,inputRef:u,buttonRef:h,popoverRef:R,listBoxRef:b},o),q=le.useDebounce(o.collection,D),P=n.useMemo(()=>({...o,collection:q}),[o,q]),{onPress:U,onPressStart:X,preventFocusOnPress:he,...Y}=K,{isOpen:l,selectedItem:a,selectionManager:Z}=o,{isFocused:_,isSelectAll:ee,isEmpty:te}=Z,$=!re.isEmpty(o.inputValue),s={...d,isInvalid:B,isOpen:l,isFocused:_,hasValue:$,hasSelectedItem:!te,isSelectAll:ee,isReadOnly:S,isDisabled:g,isRequired:C},oe=n.useCallback(r=>{r!=null&&(m?.(r),u.current=r)},[m,u]),se=n.useMemo(()=>a!=null&&!l?a.rendered:o.inputValue,[a,o.inputValue,l]),ne=ce(`${t}.input`,d);return e.jsxs(p.Box,{themeName:`${t}.wrapper`,tokens:s,customTheme:N,children:[x!=null&&e.jsx(k.Typography,{...J,as:"label",themeName:`${t}.label`,tokens:s,children:x}),e.jsxs(p.Box,{themeName:`${t}.container`,children:[e.jsxs(p.BoxWithForwardRef,{ref:i,themeName:`${t}.inputWrapper`,tokens:s,children:[e.jsx("input",{...G,ref:oe,value:se,className:ne}),e.jsx(de,{state:o,themeName:`${t}.button`,tokens:s,...Y,ref:h,handlePress:r=>{U?.(r),X?.(r)},children:e.jsx(ue,{themeName:`${t}.icon`,tokens:s,icon:$?F:v})})]}),l&&i.current!=null&&P.collection.size>0&&e.jsx(me.Popover,{themeName:`${t}.popover`,tokens:s,state:o,triggerRef:i,placement:"bottom",sizeRef:i,popoverRef:R,autoFocus:!1,children:e.jsx(fe.ControlledListBox,{...H,themeName:`${t}.list`,tokens:s,state:P,ref:b,children:y})}),B&&f!=null&&e.jsx(k.Typography,{tokens:s,themeName:`${t}.errorMessage`,...Q,children:f})]})]})}module.exports=xe;
+"use strict";const n=require("react/jsx-runtime"),ae=require("radashi"),s=require("react"),y=require("react-aria");require("react-hook-form");const pe=require("react-stately"),fe=require("./index78.js"),de=require("./index88.js"),m=require("./index7.js"),me=require("./index48.js"),he=require("./index93.js"),xe=require("./index99.js"),Re=require("./index56.js"),v=require("./index74.js"),be=require("./index38.js"),Pe=require("./index127.js");function Be(i){const{children:I,hookFormRef:h,errorMessage:x,themeName:t="comboBox",tokens:R,customTheme:N,label:b,icon:S=n.jsx(he,{}),closeIcon:V=n.jsx(xe,{}),isDisabled:F=!1,isRequired:M=!1,isReadOnly:E=!1,defaultFilter:T,onInputChange:c,onSelectionChange:w,inputRef:D,buttonRef:O,popoverRef:A,listBoxRef:W,debounceDelay:z=200,isNonModal:P=!0}=i,L=s.useRef(null),a=D??L,K=s.useRef(null),B=O??K,G=s.useRef(null),q=A??G,H=s.useRef(null),g=W??H,u=s.useRef(null),{contains:J}=y.useFilter({sensitivity:"base"}),Q=T??J,p=i.inputValue!==void 0,e=pe.useComboBoxState({...i,defaultFilter:Q,onInputChange:p?c:void 0,onSelectionChange:w}),C=fe.useDebounce(e.inputValue,z);s.useEffect(()=>{p||c?.(C)},[C,p,c]);const{inputProps:U,listBoxProps:X,labelProps:Y,buttonProps:Z,errorMessageProps:_,isInvalid:$}=y.useComboBox({...i,inputRef:a,buttonRef:B,popoverRef:q,listBoxRef:g},e),{onPress:ee,onPressStart:j,onPressEnd:qe,onPressChange:ge,preventFocusOnPress:ne,...te}=Z,{isOpen:l,selectedItem:f,selectionManager:oe}=e,{isFocused:se,isSelectAll:re,isEmpty:ie}=oe,d=!ae.isEmpty(e.inputValue),k=!ie,o={...R,isInvalid:$,isOpen:l,isFocused:se,hasValue:d,hasSelectedItem:k,isSelectAll:re,isReadOnly:E,isDisabled:F,isRequired:M},ue=s.useCallback(r=>{r!=null&&(h?.(r),a.current=r)},[h,a]),le=s.useMemo(()=>f!=null&&!l?f.rendered:e.inputValue,[f,e.inputValue,l]),ce=de(`${t}.input`,R);return n.jsxs(m.Box,{themeName:`${t}.wrapper`,tokens:o,customTheme:N,children:[b!=null&&n.jsx(v.Typography,{...Y,as:"label",themeName:`${t}.label`,tokens:o,children:b}),n.jsxs(m.Box,{themeName:`${t}.container`,children:[n.jsxs(m.BoxWithForwardRef,{ref:u,themeName:`${t}.inputWrapper`,tokens:o,children:[n.jsx("input",{...U,ref:ue,value:le,className:ce}),n.jsx(Pe,{state:e,themeName:`${t}.button`,tokens:o,...te,preventFocusOnPress:ne,ref:B,handlePress:r=>{if(d||k){e.setSelectedKey(null),e.selectionManager.clearSelection(),e.setInputValue("");return}j!=null?j(r):ee?.(r)},children:n.jsx(me,{themeName:`${t}.icon`,tokens:o,icon:d?V:S})})]}),l&&u.current!=null&&e.collection.size>0&&n.jsx(Re.Popover,{themeName:`${t}.popover`,tokens:o,state:e,triggerRef:u,placement:"bottom",sizeRef:u,popoverRef:q,isNonModal:P,autoFocus:!1,contain:!P,children:n.jsx(be.ControlledListBox,{...X,themeName:`${t}.list`,tokens:o,state:e,ref:g,children:I})}),$&&x!=null&&n.jsx(v.Typography,{tokens:o,themeName:`${t}.errorMessage`,..._,children:x})]})]})}module.exports=Be;

package/index32.mjs

@@ -1,114 +1,134 @@
 "use client";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { isEmpty as se } from "radashi";
-import { useRef as s, useMemo as v, useCallback as le } from "react";
-import { useFilter as ie, useComboBox as me } from "react-aria";
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { isEmpty as ce } from "radashi";
+import { useRef as s, useEffect as pe, useCallback as me, useMemo as fe } from "react";
+import { useFilter as he, useComboBox as de } from "react-aria";
 import "react-hook-form";
-import { useComboBoxState as ce } from "react-stately";
-import { useDebounce as ue } from "./index78.mjs";
-import ae from "./index88.mjs";
-import { Box as F, BoxWithForwardRef as pe } from "./index7.mjs";
-import fe from "./index48.mjs";
-import de from "./index93.mjs";
-import he from "./index99.mjs";
-import { Popover as Re } from "./index56.mjs";
-import { Typography as $ } from "./index74.mjs";
-import { ControlledListBox as be } from "./index38.mjs";
-import xe from "./index127.mjs";
-function We(m) {
+import { useComboBoxState as Re } from "react-stately";
+import { useDebounce as be } from "./index78.mjs";
+import Pe from "./index88.mjs";
+import { Box as y, BoxWithForwardRef as xe } from "./index7.mjs";
+import Be from "./index48.mjs";
+import Ce from "./index93.mjs";
+import ge from "./index99.mjs";
+import { Popover as Ie } from "./index56.mjs";
+import { Typography as S } from "./index74.mjs";
+import { ControlledListBox as ke } from "./index38.mjs";
+import ve from "./index127.mjs";
+function Ke(l) {
   const {
-    children: y,
-    hookFormRef: p,
-    errorMessage: f,
-    themeName: e = "comboBox",
-    tokens: d,
-    customTheme: C,
-    label: h,
-    icon: I = /* @__PURE__ */ t(de, {}),
-    closeIcon: g = /* @__PURE__ */ t(he, {}),
-    isDisabled: S = !1,
-    isRequired: D = !1,
-    isReadOnly: M = !1,
-    defaultFilter: T,
-    inputRef: V,
-    buttonRef: w,
-    popoverRef: O,
-    listBoxRef: E,
-    debounceDelay: W = 200
-  } = m, j = s(null), c = V ?? j, z = s(null), R = w ?? z, A = s(null), b = O ?? A, L = s(null), x = E ?? L, l = s(null), { contains: q } = ie({ sensitivity: "base" }), o = ce({ ...m, defaultFilter: T ?? q }), { inputProps: G, listBoxProps: H, labelProps: J, buttonProps: K, errorMessageProps: Q, isInvalid: B } = me(
-    { ...m, inputRef: c, buttonRef: R, popoverRef: b, listBoxRef: x },
-    o
-  ), P = ue(o.collection, W), k = v(
-    () => ({
-      ...o,
-      collection: P
-    }),
-    [o, P]
-  ), { onPress: U, onPressStart: X, preventFocusOnPress: Pe, ...Y } = K, { isOpen: i, selectedItem: u, selectionManager: Z } = o, { isFocused: _, isSelectAll: ee, isEmpty: oe } = Z, N = !se(o.inputValue), n = {
-    ...d,
-    isInvalid: B,
-    isOpen: i,
-    isFocused: _,
-    hasValue: N,
-    hasSelectedItem: !oe,
-    isSelectAll: ee,
-    isReadOnly: M,
-    isDisabled: S,
-    isRequired: D
-  }, te = le(
+    children: V,
+    hookFormRef: d,
+    errorMessage: R,
+    themeName: o = "comboBox",
+    tokens: b,
+    customTheme: $,
+    label: P,
+    icon: F = /* @__PURE__ */ t(Ce, {}),
+    closeIcon: M = /* @__PURE__ */ t(ge, {}),
+    isDisabled: D = !1,
+    isRequired: E = !1,
+    isReadOnly: T = !1,
+    defaultFilter: w,
+    onInputChange: a,
+    onSelectionChange: O,
+    inputRef: W,
+    buttonRef: j,
+    popoverRef: z,
+    listBoxRef: A,
+    debounceDelay: L = 200,
+    isNonModal: x = !0
+  } = l, q = s(null), c = W ?? q, K = s(null), B = j ?? K, G = s(null), C = z ?? G, H = s(null), g = A ?? H, i = s(null), { contains: J } = he({ sensitivity: "base" }), Q = w ?? J, p = l.inputValue !== void 0, e = Re({
+    ...l,
+    defaultFilter: Q,
+    onInputChange: p ? a : void 0,
+    onSelectionChange: O
+  }), I = be(e.inputValue, L);
+  pe(() => {
+    p || a?.(I);
+  }, [I, p, a]);
+  const { inputProps: U, listBoxProps: X, labelProps: Y, buttonProps: Z, errorMessageProps: _, isInvalid: k } = de(
+    { ...l, inputRef: c, buttonRef: B, popoverRef: C, listBoxRef: g },
+    e
+  ), {
+    onPress: ee,
+    onPressStart: v,
+    onPressEnd: Ne,
+    onPressChange: ye,
+    preventFocusOnPress: oe,
+    ...te
+  } = Z, { isOpen: u, selectedItem: m, selectionManager: ne } = e, { isFocused: re, isSelectAll: se, isEmpty: le } = ne, f = !ce(e.inputValue), N = !le, n = {
+    ...b,
+    isInvalid: k,
+    isOpen: u,
+    isFocused: re,
+    hasValue: f,
+    hasSelectedItem: N,
+    isSelectAll: se,
+    isReadOnly: T,
+    isDisabled: D,
+    isRequired: E
+  }, ie = me(
     (r) => {
-      r != null && (p?.(r), c.current = r);
+      r != null && (d?.(r), c.current = r);
     },
-    [p, c]
-  ), ne = v(() => u != null && !i ? u.rendered : o.inputValue, [u, o.inputValue, i]), re = ae(`${e}.input`, d);
-  return /* @__PURE__ */ a(F, { themeName: `${e}.wrapper`, tokens: n, customTheme: C, children: [
-    h != null && /* @__PURE__ */ t($, { ...J, as: "label", themeName: `${e}.label`, tokens: n, children: h }),
-    /* @__PURE__ */ a(F, { themeName: `${e}.container`, children: [
-      /* @__PURE__ */ a(pe, { ref: l, themeName: `${e}.inputWrapper`, tokens: n, children: [
-        /* @__PURE__ */ t("input", { ...G, ref: te, value: ne, className: re }),
+    [d, c]
+  ), ue = fe(() => m != null && !u ? m.rendered : e.inputValue, [m, e.inputValue, u]), ae = Pe(`${o}.input`, b);
+  return /* @__PURE__ */ h(y, { themeName: `${o}.wrapper`, tokens: n, customTheme: $, children: [
+    P != null && /* @__PURE__ */ t(S, { ...Y, as: "label", themeName: `${o}.label`, tokens: n, children: P }),
+    /* @__PURE__ */ h(y, { themeName: `${o}.container`, children: [
+      /* @__PURE__ */ h(xe, { ref: i, themeName: `${o}.inputWrapper`, tokens: n, children: [
+        /* @__PURE__ */ t("input", { ...U, ref: ie, value: ue, className: ae }),
         /* @__PURE__ */ t(
-          xe,
+          ve,
           {
-            state: o,
-            themeName: `${e}.button`,
+            state: e,
+            themeName: `${o}.button`,
             tokens: n,
-            ...Y,
-            ref: R,
+            ...te,
+            preventFocusOnPress: oe,
+            ref: B,
             handlePress: (r) => {
-              U?.(r), X?.(r);
+              if (f || N) {
+                e.setSelectedKey(null), e.selectionManager.clearSelection(), e.setInputValue("");
+                return;
+              }
+              v != null ? v(r) : ee?.(r);
             },
-            children: /* @__PURE__ */ t(fe, { themeName: `${e}.icon`, tokens: n, icon: N ? g : I })
+            children: /* @__PURE__ */ t(Be, { themeName: `${o}.icon`, tokens: n, icon: f ? M : F })
           }
         )
       ] }),
-      i && l.current != null && k.collection.size > 0 && /* @__PURE__ */ t(
-        Re,
+      u && i.current != null && e.collection.size > 0 && /* @__PURE__ */ t(
+        Ie,
         {
-          themeName: `${e}.popover`,
+          themeName: `${o}.popover`,
           tokens: n,
-          state: o,
-          triggerRef: l,
+          state: e,
+          triggerRef: i,
           placement: "bottom",
-          sizeRef: l,
-          popoverRef: b,
+          sizeRef: i,
+          popoverRef: C,
+          isNonModal: x,
           autoFocus: !1,
+          contain: !x,
           children: /* @__PURE__ */ t(
-            be,
+            ke,
             {
-              ...H,
-              themeName: `${e}.list`,
+              ...X,
+              themeName: `${o}.list`,
               tokens: n,
-              state: k,
-              ref: x,
-              children: y
+              state: e,
+              ref: g,
+              children: V
             }
           )
         }
       ),
-      B && f != null && /* @__PURE__ */ t($, { tokens: n, themeName: `${e}.errorMessage`, ...Q, children: f })
+      k && R != null && /* @__PURE__ */ t(S, { tokens: n, themeName: `${o}.errorMessage`, ..._, children: R })
     ] })
   ] });
 }
 export {
-  We as default
+  Ke as default
 };

package/index35.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),r=require("react-aria"),a=require("./index7.js");function p({themeName:s="datePicker",tokens:n,...t}){const i=d.useRef(null),{state:o,children:c}={...t},{popoverProps:l,underlayProps:u}=r.usePopover({...t,popoverRef:i},o);return e.jsxs(r.Overlay,{children:[e.jsx(a.Box,{themeName:`${s}.calendarUnderlay`,tokens:n,...u}),e.jsxs(a.BoxWithForwardRef,{themeName:`${s}.calendarPopover`,tokens:n,...l,ref:i,children:[e.jsx(r.DismissButton,{onDismiss:o.close}),c,e.jsx(r.DismissButton,{onDismiss:o.close})]})]})}exports.CalendarPopover=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),r=require("react-aria"),i=require("./index7.js");function p({themeName:o="datePicker",tokens:s,...t}){const a=u.useRef(null),{state:n,children:c}={...t},{popoverProps:l,underlayProps:d}=r.usePopover({...t,popoverRef:a},n);return e.jsx(r.Overlay,{children:e.jsxs(i.Box,{themeName:`${o}.calendarPopoverWrapper`,tokens:s,children:[e.jsx(i.Box,{themeName:`${o}.calendarUnderlay`,tokens:s,...d}),e.jsxs(i.BoxWithForwardRef,{themeName:`${o}.calendarPopover`,tokens:s,...l,ref:a,children:[e.jsx(r.DismissButton,{onDismiss:n.close}),c,e.jsx(r.DismissButton,{onDismiss:n.close})]})]})})}exports.CalendarPopover=p;

package/index35.mjs

@@ -1,24 +1,24 @@
 "use client";
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { useRef as c } from "react";
-import { usePopover as d, Overlay as f, DismissButton as p } from "react-aria";
-import { Box as u, BoxWithForwardRef as v } from "./index7.mjs";
-function B({ themeName: e = "datePicker", tokens: s, ...n }) {
-  const i = c(null), { state: o, children: a } = { ...n }, { popoverProps: l, underlayProps: m } = d(
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useRef as d } from "react";
+import { usePopover as f, Overlay as u, DismissButton as a } from "react-aria";
+import { Box as l, BoxWithForwardRef as v } from "./index7.mjs";
+function B({ themeName: o = "datePicker", tokens: e, ...n }) {
+  const i = d(null), { state: s, children: c } = { ...n }, { popoverProps: t, underlayProps: m } = f(
     {
       ...n,
       popoverRef: i
     },
-    o
+    s
   );
-  return /* @__PURE__ */ t(f, { children: [
-    /* @__PURE__ */ r(u, { themeName: `${e}.calendarUnderlay`, tokens: s, ...m }),
-    /* @__PURE__ */ t(v, { themeName: `${e}.calendarPopover`, tokens: s, ...l, ref: i, children: [
-      /* @__PURE__ */ r(p, { onDismiss: o.close }),
-      a,
-      /* @__PURE__ */ r(p, { onDismiss: o.close })
+  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ p(l, { themeName: `${o}.calendarPopoverWrapper`, tokens: e, children: [
+    /* @__PURE__ */ r(l, { themeName: `${o}.calendarUnderlay`, tokens: e, ...m }),
+    /* @__PURE__ */ p(v, { themeName: `${o}.calendarPopover`, tokens: e, ...t, ref: i, children: [
+      /* @__PURE__ */ r(a, { onDismiss: s.close }),
+      c,
+      /* @__PURE__ */ r(a, { onDismiss: s.close })
     ] })
-  ] });
+  ] }) });
 }
 export {
   B as CalendarPopover

package/index38.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),K=require("radashi"),E=require("react"),M=require("react-aria"),S=require("react-hook-form"),F=require("react-stately"),P=require("./index89.js"),T=require("./index7.js"),D=require("./index8.js"),v=require("./index74.js"),H=require("./index40.js"),I=require("./index39.js"),O={item:H,section:I};function p({ref:e,...r}){const{themeName:s="listBox",tokens:m,customTheme:g,label:c,escapeKeyBehavior:b="clearSelection",linkElementType:L=D.Anchor,isDisabled:x=!1,isRequired:u=!1,isInvalid:B=!1,isError:y=!1,errorMessage:f,disabledKeys:R,fieldRef:j,...q}=r,n=F.useListState(r),i=n.collection.getKeys(),h=t=>{if(t!=null){if(j?.(t),e==null)return;typeof e=="function"?e(t):typeof e=="object"&&(e.current=t)}},{listBoxProps:d,labelProps:N}=M.useListBox({...q,escapeKeyBehavior:b,label:c,disabledKeys:x?i:R},n,h),l={...m,isDisabled:x,isRequired:u,isInvalid:B,isError:y};return o.jsxs(T.Box,{themeName:`${s}.wrapper`,tokens:l,customTheme:g,children:[c!=null&&o.jsx(v.Typography,{...N,themeName:`${s}.label`,tokens:l,children:c}),o.jsx(T.BoxWithForwardRef,{ref:e,as:"ul",...d,themeName:`${s}.list`,tokens:l,children:[...n.collection].map(t=>{const{key:k}=t,a=t.type??"item",C=O[a]??H;return o.jsx(C,{[a]:t,state:n,tokens:{...m,type:a},themeName:`${s}.${a}`,linkElementType:L},k)})}),y&&f!=null&&o.jsx(v.Typography,{themeName:`${s}.errorMessage`,tokens:l,children:f})]})}p.displayName="ControlledListBox";function V(e){const r=F.useListState(e),s=E.useRef(null);return o.jsx(p,{...e,state:r,ref:s})}function $({ref:e,...r}){const{name:s,rules:m,isRequired:g,isDisabled:c,tokens:b,selectionMode:L="single",errorMessage:x,...u}=r,{control:B,setValue:y,watch:f,getValues:R}=S.useFormContext(),{selectedKeys:j=f(s),defaultSelectedKeys:q=R(s)}=u,{t:n}=P.useTranslation(),i={required:g?n("FORM.ERROR.REQUIRED")??"required":!1,disabled:c,...m};return o.jsx(S.Controller,{...u,defaultValue:q,name:s,control:B,rules:i,disabled:i?.disabled,render:({field:h,fieldState:d})=>{const{ref:N,...l}=h,t=!K.isEmpty(d.error),k={isDisabled:h.disabled??!1,isRequired:i?.required===!0||i?.required==="required",isInvalid:d.invalid,isError:t},a={...b,...k};return o.jsx(p,{...M.mergeProps(u,l,k,{onSelectionChange:C=>{y(s,C)}}),tokens:a,selectionMode:L,selectedKeys:j,defaultSelectedKeys:q,errorMessage:x??d.error?.message,ref:e})}})}$.displayName="ControlledReactHookFormListBox";function A(e){const r=F.useListState(e),s=E.useRef(null);return o.jsx($,{...e,state:r,ref:s})}exports.ControlledListBox=p;exports.ControlledReactHookFormListBox=$;exports.ListBox=V;exports.ReactHookFormListBox=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),O=require("radashi"),E=require("react"),M=require("react-aria"),v=require("react-hook-form"),H=require("react-stately"),I=require("./index89.js"),N=require("./index7.js"),V=require("./index8.js"),S=require("./index74.js"),K=require("./index40.js"),A=require("./index39.js"),W={item:K,section:A};function k({ref:e,...o}){const{state:r,themeName:c="listBox",tokens:m,customTheme:b,label:d,escapeKeyBehavior:h="clearSelection",linkElementType:R=V.Anchor,isDisabled:n=!1,isRequired:C=!1,isInvalid:L=!1,isError:x=!1,errorMessage:f,disabledKeys:y,fieldRef:q,...B}=o,g=r.collection.getKeys(),a=t=>{if(t!=null){if(q?.(t),e==null)return;typeof e=="function"?e(t):typeof e=="object"&&(e.current=t)}},{listBoxProps:j,labelProps:i}=M.useListBox({...B,escapeKeyBehavior:h,label:d,disabledKeys:n?g:y},r,a),l={...m,isDisabled:n,isRequired:C,isInvalid:L};return s.jsxs(N.Box,{themeName:`${c}.wrapper`,tokens:l,customTheme:b,children:[d!=null&&s.jsx(S.Typography,{...i,themeName:`${c}.label`,tokens:l,children:d}),s.jsx(N.BoxWithForwardRef,{ref:e,as:"ul",...j,themeName:`${c}.list`,tokens:l,children:[...r.collection].map(t=>{const{key:F}=t,u=t.type??"item",p=W[u]??K;return s.jsx(p,{[u]:t,state:r,tokens:{...m,type:u},themeName:`${c}.${u}`,linkElementType:R},F)})}),x&&f!=null&&s.jsx(S.Typography,{themeName:`${c}.errorMessage`,tokens:{...l,isError:x},children:f})]})}k.displayName="ControlledListBox";function Q(e){const o=H.useListState(e),r=E.useRef(null);return s.jsx(k,{...e,state:o,ref:r})}function $({ref:e,...o}){const{name:r,rules:c,isRequired:m,isDisabled:b,tokens:d,selectionMode:h="single",errorMessage:R,...n}=o,{control:C,setValue:L,watch:x,getValues:f}=v.useFormContext(),{selectedKeys:y=x(r),defaultSelectedKeys:q=f(r)}=n,{t:B}=I.useTranslation(),g=E.useRef(null),a={required:m?B("FORM.ERROR.REQUIRED")??"required":!1,disabled:b,...c},j=H.useListState({...n,selectionMode:h,selectedKeys:y,children:o.children,onSelectionChange:i=>{n.onSelectionChange?.(i),L(r,i,{shouldDirty:!0,shouldTouch:!0}),g.current?.(i)}});return s.jsx(v.Controller,{...n,defaultValue:q,name:r,control:C,rules:a,disabled:a?.disabled,render:({field:i,fieldState:l})=>{const{ref:t,onChange:F,...u}=i;g.current=F;const p=!O.isEmpty(l.error),T={isDisabled:i.disabled??!1,isRequired:a?.required===!0||a?.required==="required",isInvalid:l.invalid,isError:p},{isError:_,...D}=T,P={...d,...D};return s.jsx(k,{...M.mergeProps(n,u,T),state:j,tokens:P,isError:p,selectionMode:h,selectedKeys:y,defaultSelectedKeys:q,errorMessage:R??l.error?.message,ref:e})}})}$.displayName="ControlledReactHookFormListBox";function U(e){const o=E.useRef(null);return s.jsx($,{...e,ref:o})}exports.ControlledListBox=k;exports.ControlledReactHookFormListBox=$;exports.ListBox=Q;exports.ReactHookFormListBox=U;

package/index38.mjs

@@ -1,130 +1,138 @@
 "use client";
-import { jsxs as $, jsx as s } from "react/jsx-runtime";
-import { isEmpty as D } from "radashi";
-import { useRef as K } from "react";
-import { useListBox as P, mergeProps as j } from "react-aria";
-import { useFormContext as H, Controller as I } from "react-hook-form";
-import { useListState as N } from "react-stately";
-import { useTranslation as O } from "./index89.mjs";
-import { Box as S, BoxWithForwardRef as V } from "./index7.mjs";
-import { Anchor as A } from "./index8.mjs";
-import { Typography as v } from "./index74.mjs";
+import { jsxs as P, jsx as l } from "react/jsx-runtime";
+import { isEmpty as S } from "radashi";
+import { useRef as F } from "react";
+import { useListBox as j, mergeProps as H } from "react-aria";
+import { useFormContext as I, Controller as V } from "react-hook-form";
+import { useListState as K } from "react-stately";
+import { useTranslation as W } from "./index89.mjs";
+import { Box as A, BoxWithForwardRef as Q } from "./index7.mjs";
+import { Anchor as U } from "./index8.mjs";
+import { Typography as T } from "./index74.mjs";
 import M from "./index40.mjs";
-import Q from "./index39.mjs";
-const U = {
+import _ from "./index39.mjs";
+const w = {
   item: M,
-  section: Q
+  section: _
 };
-function E({ ref: e, ...r }) {
+function N({ ref: e, ...t }) {
   const {
-    themeName: o = "listBox",
+    state: o,
+    themeName: a = "listBox",
     tokens: u,
-    customTheme: g,
-    label: m,
-    escapeKeyBehavior: x = "clearSelection",
-    linkElementType: B = A,
-    isDisabled: f = !1,
-    isRequired: c = !1,
-    isInvalid: C = !1,
+    customTheme: x,
+    label: d,
+    escapeKeyBehavior: f = "clearSelection",
+    linkElementType: C = U,
+    isDisabled: s = !1,
+    isRequired: E = !1,
+    isInvalid: R = !1,
     isError: p = !1,
-    errorMessage: y,
-    disabledKeys: L,
-    fieldRef: R,
-    ...h
-  } = r, n = N(r), i = n.collection.getKeys(), k = (t) => {
-    if (t != null) {
-      if (R?.(t), e == null)
+    errorMessage: h,
+    disabledKeys: y,
+    fieldRef: g,
+    ...B
+  } = t, k = o.collection.getKeys(), c = (r) => {
+    if (r != null) {
+      if (g?.(r), e == null)
         return;
-      typeof e == "function" ? e(t) : typeof e == "object" && (e.current = t);
+      typeof e == "function" ? e(r) : typeof e == "object" && (e.current = r);
     }
-  }, { listBoxProps: d, labelProps: F } = P(
+  }, { listBoxProps: L, labelProps: n } = j(
     {
-      ...h,
-      escapeKeyBehavior: x,
-      label: m,
-      disabledKeys: f ? i : L
+      ...B,
+      escapeKeyBehavior: f,
+      label: d,
+      disabledKeys: s ? k : y
     },
-    n,
-    k
-  ), l = {
+    o,
+    c
+  ), i = {
     ...u,
-    isDisabled: f,
-    isRequired: c,
-    isInvalid: C,
-    isError: p
+    isDisabled: s,
+    isRequired: E,
+    isInvalid: R
   };
-  return /* @__PURE__ */ $(S, { themeName: `${o}.wrapper`, tokens: l, customTheme: g, children: [
-    m != null && /* @__PURE__ */ s(v, { ...F, themeName: `${o}.label`, tokens: l, children: m }),
-    /* @__PURE__ */ s(
-      V,
+  return /* @__PURE__ */ P(A, { themeName: `${a}.wrapper`, tokens: i, customTheme: x, children: [
+    d != null && /* @__PURE__ */ l(T, { ...n, themeName: `${a}.label`, tokens: i, children: d }),
+    /* @__PURE__ */ l(
+      Q,
       {
         ref: e,
         as: "ul",
-        ...d,
-        themeName: `${o}.list`,
-        tokens: l,
-        children: [...n.collection].map((t) => {
-          const { key: b } = t, a = t.type ?? "item", q = U[a] ?? M;
-          return /* @__PURE__ */ s(
-            q,
+        ...L,
+        themeName: `${a}.list`,
+        tokens: i,
+        children: [...o.collection].map((r) => {
+          const { key: q } = r, m = r.type ?? "item", b = w[m] ?? M;
+          return /* @__PURE__ */ l(
+            b,
             {
-              [a]: t,
-              state: n,
-              tokens: { ...u, type: a },
-              themeName: `${o}.${a}`,
-              linkElementType: B
+              [m]: r,
+              state: o,
+              tokens: { ...u, type: m },
+              themeName: `${a}.${m}`,
+              linkElementType: C
             },
-            b
+            q
           );
         })
       }
     ),
-    p && y != null && /* @__PURE__ */ s(v, { themeName: `${o}.errorMessage`, tokens: l, children: y })
+    p && h != null && /* @__PURE__ */ l(T, { themeName: `${a}.errorMessage`, tokens: { ...i, isError: p }, children: h })
   ] });
 }
-E.displayName = "ControlledListBox";
-function re(e) {
-  const r = N(e), o = K(null);
-  return /* @__PURE__ */ s(E, { ...e, state: r, ref: o });
+N.displayName = "ControlledListBox";
+function le(e) {
+  const t = K(e), o = F(null);
+  return /* @__PURE__ */ l(N, { ...e, state: t, ref: o });
 }
-function T({ ref: e, ...r }) {
-  const { name: o, rules: u, isRequired: g, isDisabled: m, tokens: x, selectionMode: B = "single", errorMessage: f, ...c } = r, { control: C, setValue: p, watch: y, getValues: L } = H(), { selectedKeys: R = y(o), defaultSelectedKeys: h = L(o) } = c, { t: n } = O(), i = {
-    required: g ? n("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    disabled: m,
-    ...u
-  };
-  return /* @__PURE__ */ s(
-    I,
+function $({ ref: e, ...t }) {
+  const { name: o, rules: a, isRequired: u, isDisabled: x, tokens: d, selectionMode: f = "single", errorMessage: C, ...s } = t, { control: E, setValue: R, watch: p, getValues: h } = I(), { selectedKeys: y = p(o), defaultSelectedKeys: g = h(o) } = s, { t: B } = W(), k = F(null), c = {
+    required: u ? B("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    disabled: x,
+    ...a
+  }, L = K({
+    ...s,
+    selectionMode: f,
+    selectedKeys: y,
+    children: t.children,
+    onSelectionChange: (n) => {
+      s.onSelectionChange?.(n), R(o, n, { shouldDirty: !0, shouldTouch: !0 }), k.current?.(n);
+    }
+  });
+  return /* @__PURE__ */ l(
+    V,
     {
-      ...c,
-      defaultValue: h,
+      ...s,
+      defaultValue: g,
       name: o,
-      control: C,
-      rules: i,
-      disabled: i?.disabled,
-      render: ({ field: k, fieldState: d }) => {
-        const { ref: F, ...l } = k, t = !D(d.error), b = {
-          isDisabled: k.disabled ?? !1,
-          isRequired: i?.required === !0 || i?.required === "required",
-          isInvalid: d.invalid,
-          isError: t
-        }, a = {
-          ...x,
-          ...b
+      control: E,
+      rules: c,
+      disabled: c?.disabled,
+      render: ({ field: n, fieldState: i }) => {
+        const { ref: r, onChange: q, ...m } = n;
+        k.current = q;
+        const b = !S(i.error), v = {
+          isDisabled: n.disabled ?? !1,
+          isRequired: c?.required === !0 || c?.required === "required",
+          isInvalid: i.invalid,
+          isError: b
+        }, { isError: z, ...D } = v, O = {
+          ...d,
+          ...D
         };
-        return /* @__PURE__ */ s(
-          E,
+        return /* @__PURE__ */ l(
+          N,
           {
-            ...j(c, l, b, {
-              onSelectionChange: (q) => {
-                p(o, q);
-              }
-            }),
-            tokens: a,
-            selectionMode: B,
-            selectedKeys: R,
-            defaultSelectedKeys: h,
-            errorMessage: f ?? d.error?.message,
+            ...H(s, m, v),
+            state: L,
+            tokens: O,
+            isError: b,
+            selectionMode: f,
+            selectedKeys: y,
+            defaultSelectedKeys: g,
+            errorMessage: C ?? i.error?.message,
             ref: e
           }
         );
@@ -132,14 +140,14 @@ function T({ ref: e, ...r }) {
     }
   );
 }
-T.displayName = "ControlledReactHookFormListBox";
-function se(e) {
-  const r = N(e), o = K(null);
-  return /* @__PURE__ */ s(T, { ...e, state: r, ref: o });
+$.displayName = "ControlledReactHookFormListBox";
+function ae(e) {
+  const t = F(null);
+  return /* @__PURE__ */ l($, { ...e, ref: t });
 }
 export {
-  E as ControlledListBox,
-  T as ControlledReactHookFormListBox,
-  re as ListBox,
-  se as ReactHookFormListBox
+  N as ControlledListBox,
+  $ as ControlledReactHookFormListBox,
+  le as ListBox,
+  ae as ReactHookFormListBox
 };

package/index56.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),o=require("react-aria"),a=require("./index7.js");function D(c){const{children:l,themeName:r="popover",tokens:m,customTheme:f,placement:h="bottom",offset:d=5,state:s,arrow:i,sizeRef:R,popoverRef:v,triggerRef:x,contain:P=!0,autoFocus:g=!0,restoreFocus:j=!0}=c,y=R??x,{isOpen:k}=s,w=n.useRef(null),p=v??w,{popoverProps:u,underlayProps:F,arrowProps:$,placement:b}=o.usePopover({...c,placement:h,offset:d,popoverRef:p},s),t={placement:b??"bottom",isOpen:k,...m},q={[`--${r?.replace(".","-")}-container-width`]:`${y?.current?.offsetWidth}px`,...u.style};return e.jsxs(o.Overlay,{children:[e.jsx(a.Box,{themeName:`${r}.underlay`,tokens:t,...F}),e.jsx(o.FocusScope,{autoFocus:g,restoreFocus:j,contain:P,children:e.jsxs(a.BoxWithForwardRef,{themeName:`${r}.popover`,customTheme:f,tokens:t,ref:p,...u,style:q,children:[i!=null&&n.cloneElement(i,{...$,themeName:`${r}.arrow`,tokens:t}),e.jsx(o.DismissButton,{onDismiss:s.close}),n.Children.map(l,B=>e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",children:B})),e.jsx(o.DismissButton,{onDismiss:s.close})]})})]})}exports.Popover=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("react-aria"),p=require("./index7.js");function D(r){const{children:u,themeName:s="popover",tokens:m,customTheme:f,placement:d="bottom",offset:h=5,state:t,arrow:a,sizeRef:x,popoverRef:R,triggerRef:v,contain:P=!0,autoFocus:g=!0,restoreFocus:j=!0}=r,b=x??v,{isOpen:y}=t,k=i.useRef(null),l=R??k,{popoverProps:n,underlayProps:w,arrowProps:F,placement:N}=o.usePopover({...r,placement:d,offset:h,popoverRef:l},t),c={placement:N??"bottom",isOpen:y,...m},$={[`--${s?.replace(".","-")}-container-width`]:`${b?.current?.offsetWidth}px`,...n.style},q=r.isNonModal===!0?0:n.tabIndex;return e.jsxs(o.Overlay,{children:[e.jsx(p.Box,{themeName:`${s}.underlay`,tokens:c,...w}),e.jsx(o.FocusScope,{autoFocus:g,restoreFocus:j,contain:P,children:e.jsxs(p.BoxWithForwardRef,{themeName:`${s}.popover`,customTheme:f,tokens:c,ref:l,...n,tabIndex:q,style:$,children:[a!=null&&i.cloneElement(a,{...F,themeName:`${s}.arrow`,tokens:c}),e.jsx(o.DismissButton,{onDismiss:t.close}),i.Children.map(u,B=>e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",children:B})),e.jsx(o.DismissButton,{onDismiss:t.close})]})})]})}exports.Popover=D;

package/index56.mjs

@@ -1,61 +1,62 @@
 "use client";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useRef as D, cloneElement as b, Children as j } from "react";
-import { usePopover as C, Overlay as O, FocusScope as T, DismissButton as m, FocusRing as W } from "react-aria";
-import { Box as E, BoxWithForwardRef as S } from "./index7.mjs";
-function I(s) {
+import { useRef as D, cloneElement as I, Children as T } from "react";
+import { usePopover as j, Overlay as C, FocusScope as O, DismissButton as l, FocusRing as W } from "react-aria";
+import { Box as E, BoxWithForwardRef as M } from "./index7.mjs";
+function H(t) {
   const {
-    children: l,
+    children: m,
     themeName: o = "popover",
     tokens: a,
     customTheme: f,
     placement: u = "bottom",
-    offset: h = 5,
+    offset: d = 5,
     state: r,
-    arrow: n,
-    sizeRef: R,
-    popoverRef: d,
+    arrow: c,
+    sizeRef: h,
+    popoverRef: R,
     triggerRef: v,
     contain: P = !0,
-    autoFocus: g = !0,
-    restoreFocus: x = !0
-  } = s, k = R ?? v, { isOpen: w } = r, y = D(null), p = d ?? y, { popoverProps: c, underlayProps: F, arrowProps: $, placement: N } = C(
+    autoFocus: x = !0,
+    restoreFocus: g = !0
+  } = t, b = h ?? v, { isOpen: k } = r, w = D(null), p = R ?? w, { popoverProps: n, underlayProps: y, arrowProps: F, placement: N } = j(
     {
-      ...s,
+      ...t,
       placement: u,
-      offset: h,
+      offset: d,
       popoverRef: p
     },
     r
-  ), t = {
+  ), s = {
     placement: N ?? "bottom",
-    isOpen: w,
+    isOpen: k,
     ...a
-  }, z = {
-    [`--${o?.replace(".", "-")}-container-width`]: `${k?.current?.offsetWidth}px`,
-    ...c.style
-  };
-  return /* @__PURE__ */ i(O, { children: [
-    /* @__PURE__ */ e(E, { themeName: `${o}.underlay`, tokens: t, ...F }),
-    /* @__PURE__ */ e(T, { autoFocus: g, restoreFocus: x, contain: P, children: /* @__PURE__ */ i(
-      S,
+  }, $ = {
+    [`--${o?.replace(".", "-")}-container-width`]: `${b?.current?.offsetWidth}px`,
+    ...n.style
+  }, z = t.isNonModal === !0 ? 0 : n.tabIndex;
+  return /* @__PURE__ */ i(C, { children: [
+    /* @__PURE__ */ e(E, { themeName: `${o}.underlay`, tokens: s, ...y }),
+    /* @__PURE__ */ e(O, { autoFocus: x, restoreFocus: g, contain: P, children: /* @__PURE__ */ i(
+      M,
       {
         themeName: `${o}.popover`,
         customTheme: f,
-        tokens: t,
+        tokens: s,
         ref: p,
-        ...c,
-        style: z,
+        ...n,
+        tabIndex: z,
+        style: $,
         children: [
-          n != null && b(n, { ...$, themeName: `${o}.arrow`, tokens: t }),
-          /* @__PURE__ */ e(m, { onDismiss: r.close }),
-          j.map(l, (B) => /* @__PURE__ */ e(W, { focusRingClass: "has-focus-ring", children: B })),
-          /* @__PURE__ */ e(m, { onDismiss: r.close })
+          c != null && I(c, { ...F, themeName: `${o}.arrow`, tokens: s }),
+          /* @__PURE__ */ e(l, { onDismiss: r.close }),
+          T.map(m, (B) => /* @__PURE__ */ e(W, { focusRingClass: "has-focus-ring", children: B })),
+          /* @__PURE__ */ e(l, { onDismiss: r.close })
         ]
       }
     ) })
   ] });
 }
 export {
-  I as Popover
+  H as Popover
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/stack-ui",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "repository": {
     "url": "https://github.com/OKAMca/stack.git"
   },
@@ -45,7 +45,7 @@
     "react-stately": "^3.43.0",
     "react-use": "^17.6.0",
     "sanitize-html": "^2.13.1",
-    "swiper": "^12.0.0",
+    "swiper": "^12.1.2",
     "tailwind-variants": "^3.2.2",
     "usehooks-ts": "^3.1.0"
   }