@okam/stack-ui 2.0.3 → 2.1.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 2.1.0 (2026-04-06)
+
+### 🩹 Fixes
+
+- **stack-ui:** linting fix ([83553d64](https://github.com/OKAMca/stack/commit/83553d64))
+- **stack-ui:** render icon and button separately ([b7e3bc12](https://github.com/OKAMca/stack/commit/b7e3bc12))
+- **stack-ui:** remove focus, pass props, tokens ([7b0b1224](https://github.com/OKAMca/stack/commit/7b0b1224))
+- **stack-ui:** textinput/textarea accept general input attributes ([#427](https://github.com/OKAMca/stack/pull/427))
+
+### ❤️ Thank You
+
+- Max Hilland
+- Pierre-Olivier Clerson @poclerson
+
 ## 2.0.3 (2026-03-11)
 
 ### 🩹 Fixes

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

@@ -1,11 +1,18 @@
 import { ReactNode } from 'react';
-import { AriaSearchFieldProps } from 'react-aria';
+import { AriaButtonProps, AriaSearchFieldProps } from 'react-aria';
 import { TToken } from '../../../providers/Theme/interface';
 import { TDefaultComponent } from '../../../types/components';
+export interface TSearchActionProps {
+    value: string;
+    clearButtonProps: AriaButtonProps;
+    isDisabled: boolean;
+    tokens: TToken;
+    themeName: string;
+}
 export default interface TSearchProps<T = TToken> extends AriaSearchFieldProps, TDefaultComponent<T> {
     disabled?: boolean;
     placeholder?: string;
     ariaLabel?: string;
     errorMessage?: ReactNode;
-    icon?: ReactNode;
+    renderAction?: (props: TSearchActionProps) => ReactNode;
 }

package/components/fields/TextArea/attributes.d.ts

@@ -0,0 +1 @@
+export declare const textAreaAttributes: readonly ["autoComplete", "autoFocus", "autoCorrect", "autoCapitalize", "enterKeyHint", "description", "width", "inputMode"];

package/components/fields/TextInputField/attributes.d.ts

@@ -0,0 +1 @@
+export declare const textInputAttributes: readonly ["autoComplete", "autoFocus", "autoCorrect", "autoCapitalize", "enterKeyHint", "type", "description", "width", "inputMode"];

package/index.d.ts

@@ -48,6 +48,7 @@ export type { TOptionProps } from './components/fields/Option/interface';
 export { Radio, ReactHookFormRadio } from './components/fields/Radio';
 export { default as RadioGroup } from './components/fields/RadioGroup';
 export { default as SearchField } from './components/fields/SearchField';
+export type { TSearchActionProps } from './components/fields/SearchField/interface';
 export type { default as TSearchProps } from './components/fields/SearchField/interface';
 export { ReactHookFormSelect, Select } from './components/fields/Select/Select';
 export type { TSelectProps } from './components/fields/Select/Select.interface';

package/index119.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),h=require("react"),a=require("react-aria"),T=require("react-use"),F=require("./index81.js"),D=require("./index169.js"),d=require("./index7.js"),C=require("./index8.js"),I=require("./index48.js");function M(c){const{item:y,tokens:K,customTheme:f}=c,{props:u,rendered:k,key:s}=y,{icon:x,title:E,onOpenChange:g,tokens:j,themeName:w}=u??{},{themeName:o=w}=c,q=h.useRef(null),l=h.useRef(null),{state:e,TransitionAnimation:N=D}=F.useAccordionCtx(),R=e.isDisabled||e.disabledKeys.has(s)||u?.isDisabled,r=e.expandedKeys.has(s),$={isExpanded:r,setExpanded:n=>{if(n){if(e.allowsMultipleExpanded){const m=new Set(e.expandedKeys);m.add(s),e.setExpandedKeys(m)}else e.setExpandedKeys(new Set([s]));return}const p=new Set(e.expandedKeys);p.delete(s),e.setExpandedKeys(p)},expand:()=>{if(!e.expandedKeys.has(s)){if(e.allowsMultipleExpanded){const n=new Set(e.expandedKeys);n.add(s),e.setExpandedKeys(n);return}e.setExpandedKeys(new Set([s]))}},collapse:()=>{if(!e.expandedKeys.has(s))return;const n=new Set(e.expandedKeys);n.delete(s),e.setExpandedKeys(n)},toggle:()=>e.toggleKey(s)},{buttonProps:b,panelProps:S}=a.useDisclosure({isDisabled:R},$,l),{onPress:P,...A}=b,i={...K,isOpen:r,...j},B=n=>{n.continuePropagation(),P?.(n)};return T.useUpdateEffect(()=>{g?.(r)},[r]),t.jsxs(d.Box,{themeName:`${o}.container`,tokens:i,customTheme:f,children:[t.jsx(a.FocusRing,{focusRingClass:"has-focus-ring",children:t.jsxs(C.ButtonWithForwardRef,{...A,handlePress:B,ref:q,themeName:`${o}.button`,tokens:i,children:[t.jsx(d.Box,{themeName:`${o}.title`,tokens:i,children:E}),x&&t.jsx(d.Box,{themeName:`${o}.icon`,tokens:i,children:t.jsx(I,{icon:x})})]})}),t.jsx(N,{isVisible:r,themeName:`${o}.region`,tokens:i,children:t.jsx(d.BoxWithForwardRef,{...S,ref:l,themeName:`${o}.content`,tokens:i,children:t.jsx(a.FocusScope,{autoFocus:!0,children:k})})})]})}module.exports=M;
+"use strict";const t=require("react/jsx-runtime"),h=require("react"),a=require("react-aria"),T=require("react-use"),F=require("./index81.js"),D=require("./index171.js"),d=require("./index7.js"),C=require("./index8.js"),I=require("./index48.js");function M(c){const{item:y,tokens:K,customTheme:f}=c,{props:u,rendered:k,key:s}=y,{icon:x,title:E,onOpenChange:g,tokens:j,themeName:w}=u??{},{themeName:o=w}=c,q=h.useRef(null),l=h.useRef(null),{state:e,TransitionAnimation:N=D}=F.useAccordionCtx(),R=e.isDisabled||e.disabledKeys.has(s)||u?.isDisabled,r=e.expandedKeys.has(s),$={isExpanded:r,setExpanded:n=>{if(n){if(e.allowsMultipleExpanded){const m=new Set(e.expandedKeys);m.add(s),e.setExpandedKeys(m)}else e.setExpandedKeys(new Set([s]));return}const p=new Set(e.expandedKeys);p.delete(s),e.setExpandedKeys(p)},expand:()=>{if(!e.expandedKeys.has(s)){if(e.allowsMultipleExpanded){const n=new Set(e.expandedKeys);n.add(s),e.setExpandedKeys(n);return}e.setExpandedKeys(new Set([s]))}},collapse:()=>{if(!e.expandedKeys.has(s))return;const n=new Set(e.expandedKeys);n.delete(s),e.setExpandedKeys(n)},toggle:()=>e.toggleKey(s)},{buttonProps:b,panelProps:S}=a.useDisclosure({isDisabled:R},$,l),{onPress:P,...A}=b,i={...K,isOpen:r,...j},B=n=>{n.continuePropagation(),P?.(n)};return T.useUpdateEffect(()=>{g?.(r)},[r]),t.jsxs(d.Box,{themeName:`${o}.container`,tokens:i,customTheme:f,children:[t.jsx(a.FocusRing,{focusRingClass:"has-focus-ring",children:t.jsxs(C.ButtonWithForwardRef,{...A,handlePress:B,ref:q,themeName:`${o}.button`,tokens:i,children:[t.jsx(d.Box,{themeName:`${o}.title`,tokens:i,children:E}),x&&t.jsx(d.Box,{themeName:`${o}.icon`,tokens:i,children:t.jsx(I,{icon:x})})]})}),t.jsx(N,{isVisible:r,themeName:`${o}.region`,tokens:i,children:t.jsx(d.BoxWithForwardRef,{...S,ref:l,themeName:`${o}.content`,tokens:i,children:t.jsx(a.FocusScope,{autoFocus:!0,children:k})})})]})}module.exports=M;

package/index119.mjs

@@ -4,7 +4,7 @@ import { useRef as x } from "react";
 import { useDisclosure as B, FocusRing as C, FocusScope as I } from "react-aria";
 import { useUpdateEffect as j } from "react-use";
 import { useAccordionCtx as M } from "./index81.mjs";
-import O from "./index169.mjs";
+import O from "./index171.mjs";
 import { Box as d, BoxWithForwardRef as W } from "./index7.mjs";
 import { ButtonWithForwardRef as U } from "./index8.mjs";
 import V from "./index48.mjs";

package/index122.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),j=require("react-aria"),s=require("./index7.js"),$=require("./index171.js"),b=require("./index172.js"),B={narrow:{value:"narrow"},abbreviated:{value:"short",transform:e=>e.map(o=>o.slice(0,2))},short:{value:"short"},long:{value:"long"}};function v({themeName:e="calendar",customTheme:o,tokens:a,state:l,weekdayStyle:i="abbreviated",...c}){const{value:u,transform:y}=B[i],d=j.useCalendarGrid({...c,weekdayStyle:u},l),{gridProps:x,headerProps:h,weeksInMonth:m}=d,w=y?.(d.weekDays)??d.weekDays;return r.jsxs(s.Box,{as:"table",...x,themeName:`${e}.calendarTable`,tokens:a,children:[r.jsx(s.Box,{as:"thead",themeName:`${e}.calendarHeaderContainer`,...h,tokens:a,children:r.jsx(s.Box,{as:"tr",themeName:`${e}.calendarHeaderRow`,tokens:a,children:w.map(n=>r.jsx(s.Box,{as:"th",themeName:`${e}.calendarDayLabel`,tokens:a,children:n},`day-${n}`))})}),r.jsx(s.Box,{as:"tbody",themeName:`${e}.calendarBody`,tokens:a,children:[...Array.from({length:m}).keys()].map(n=>r.jsx(s.Box,{as:"tr",themeName:`${e}.calendarWeekRow`,tokens:a,children:l.getDatesInWeek(n).map((t,p)=>{if(t==null)return r.jsx(s.Box,{themeName:`${e}.calendarCellContainer`,tokens:{isEmpty:!0,...a},as:"td"},p);const g=$.getIsDateOutsideRange(t,l);return r.jsx(b,{themeName:e,tokens:{isOutsideRange:g,isEmpty:!1,...a},state:l,date:t},t?.day)})},`week-${n}`))})]})}module.exports=v;
+"use strict";const r=require("react/jsx-runtime"),$=require("react-aria"),n=require("./index7.js"),b=require("./index172.js"),B=require("./index173.js"),v={narrow:{value:"narrow"},abbreviated:{value:"short",transform:e=>e.map(o=>o.slice(0,2))},short:{value:"short"},long:{value:"long"}};function C({themeName:e="calendar",customTheme:o,tokens:a,state:s,weekdayStyle:c="abbreviated",...u}){const{value:y,transform:x}=v[c],t=$.useCalendarGrid({...u,weekdayStyle:y},s),{gridProps:h,headerProps:w,weeksInMonth:m}=t,g=x?.(t.weekDays)??t.weekDays;return r.jsxs(n.Box,{as:"table",...h,themeName:`${e}.calendarTable`,tokens:a,children:[r.jsx(n.Box,{as:"thead",themeName:`${e}.calendarHeaderContainer`,...w,tokens:a,children:r.jsx(n.Box,{as:"tr",themeName:`${e}.calendarHeaderRow`,tokens:a,children:g.map(d=>r.jsx(n.Box,{as:"th",themeName:`${e}.calendarDayLabel`,tokens:a,children:d},`day-${d}`))})}),r.jsx(n.Box,{as:"tbody",themeName:`${e}.calendarBody`,tokens:a,children:Array.from({length:m},(d,i)=>r.jsx(n.Box,{as:"tr",themeName:`${e}.calendarWeekRow`,tokens:a,children:s.getDatesInWeek(i).map((l,p)=>{if(l==null)return r.jsx(n.Box,{themeName:`${e}.calendarCellContainer`,tokens:{isEmpty:!0,...a},as:"td"},p);const j=b.getIsDateOutsideRange(l,s);return r.jsx(B,{themeName:e,tokens:{isOutsideRange:j,isEmpty:!1,...a},state:s,date:l},l?.day)})},`week-${i}`))})]})}module.exports=C;

package/index122.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
-import { useCalendarGrid as g } from "react-aria";
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { useCalendarGrid as v } from "react-aria";
 import { Box as l } from "./index7.mjs";
-import { getIsDateOutsideRange as v } from "./index171.mjs";
-import C from "./index172.mjs";
+import { getIsDateOutsideRange as C } from "./index172.mjs";
+import D from "./index173.mjs";
 const k = {
   narrow: {
     value: "narrow"
@@ -19,19 +19,19 @@ const k = {
     value: "long"
   }
 };
-function P({
+function j({
   themeName: e = "calendar",
   customTheme: s,
   tokens: a,
-  state: d,
-  weekdayStyle: i = "abbreviated",
-  ...c
+  state: n,
+  weekdayStyle: c = "abbreviated",
+  ...m
 }) {
-  const { value: m, transform: y } = k[i], t = g({ ...c, weekdayStyle: m }, d), { gridProps: p, headerProps: u, weeksInMonth: h } = t, f = y?.(t.weekDays) ?? t.weekDays;
-  return /* @__PURE__ */ b(l, { as: "table", ...p, themeName: `${e}.calendarTable`, tokens: a, children: [
-    /* @__PURE__ */ r(l, { as: "thead", themeName: `${e}.calendarHeaderContainer`, ...u, tokens: a, children: /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarHeaderRow`, tokens: a, children: f.map((n) => /* @__PURE__ */ r(l, { as: "th", themeName: `${e}.calendarDayLabel`, tokens: a, children: n }, `day-${n}`)) }) }),
-    /* @__PURE__ */ r(l, { as: "tbody", themeName: `${e}.calendarBody`, tokens: a, children: [...Array.from({ length: h }).keys()].map((n) => /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarWeekRow`, tokens: a, children: d.getDatesInWeek(n).map((o, w) => {
-      if (o == null)
+  const { value: y, transform: u } = k[c], o = v({ ...m, weekdayStyle: y }, n), { gridProps: h, headerProps: p, weeksInMonth: f } = o, w = u?.(o.weekDays) ?? o.weekDays;
+  return /* @__PURE__ */ g(l, { as: "table", ...h, themeName: `${e}.calendarTable`, tokens: a, children: [
+    /* @__PURE__ */ r(l, { as: "thead", themeName: `${e}.calendarHeaderContainer`, ...p, tokens: a, children: /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarHeaderRow`, tokens: a, children: w.map((t) => /* @__PURE__ */ r(l, { as: "th", themeName: `${e}.calendarDayLabel`, tokens: a, children: t }, `day-${t}`)) }) }),
+    /* @__PURE__ */ r(l, { as: "tbody", themeName: `${e}.calendarBody`, tokens: a, children: Array.from({ length: f }, (t, i) => /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarWeekRow`, tokens: a, children: n.getDatesInWeek(i).map((d, $) => {
+      if (d == null)
         return /* @__PURE__ */ r(
           l,
           {
@@ -39,22 +39,22 @@ function P({
             tokens: { isEmpty: !0, ...a },
             as: "td"
           },
-          w
+          $
         );
-      const $ = v(o, d);
+      const b = C(d, n);
       return /* @__PURE__ */ r(
-        C,
+        D,
         {
           themeName: e,
-          tokens: { isOutsideRange: $, isEmpty: !1, ...a },
-          state: d,
-          date: o
+          tokens: { isOutsideRange: b, isEmpty: !1, ...a },
+          state: n,
+          date: d
         },
-        o?.day
+        d?.day
       );
-    }) }, `week-${n}`)) })
+    }) }, `week-${i}`)) })
   ] });
 }
 export {
-  P as default
+  j as default
 };

package/index131.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),$=require("./index88.js"),u=require("./index7.js"),f=require("./index74.js"),B=require("./index170.js");function l({item:o,state:i,themeName:n="li"}){const r=p.useRef(null),{optionProps:e,isFocusVisible:c}=h.useOption({key:o.key},i,r),a=$(n);return t.jsx(f.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${a} ${c?"has-focus-ring":""}`},ref:r,children:o.rendered})}function x(o){const{children:i,listBoxRef:n,themeName:r,...e}=o;return t.jsx(h.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:t.jsx(u.BoxWithForwardRef,{...e,ref:n,as:"ul",themeName:`${r}.ul`,children:i})})}function k(o){const i=p.useRef(null),{listBoxRef:n=i,state:r,themeName:e="option",optionsWithHeaders:c}=o,{listBoxProps:a}=h.useListBox(o,r,n),d=Array.from(r.collection),y=B.getListboxSections(d,c??[]);return c?.some(s=>s.key?.includes("header-"))?t.jsx(x,{...a,listBoxRef:n,themeName:e,children:y.map(s=>{const j=s.header!=null?`section-${s.header.key}`:`section-${s.items[0]?.key??"empty"}`;return t.jsx(u.Box,{as:"li",themeName:`${e}.group`,children:t.jsxs(u.Box,{as:"section",themeName:`${e}.section`,children:[s.header!=null&&t.jsx(f.Typography,{as:"header",themeName:`${e}.headerText`,children:s.header.rendered},s.header.key),t.jsx(u.Box,{as:"ul",themeName:`${e}.list`,children:s.items.map(m=>t.jsx(l,{themeName:`${e}.li`,item:m,state:r},String(m.key)))})]})},j)})}):t.jsx(x,{...a,listBoxRef:n,themeName:e,children:d.map(s=>t.jsx(l,{themeName:`${e}.li`,item:s,state:r},s.key))})}exports.ListBox=k;exports.Option=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),$=require("./index88.js"),u=require("./index7.js"),f=require("./index74.js"),B=require("./index174.js");function l({item:o,state:i,themeName:n="li"}){const r=p.useRef(null),{optionProps:e,isFocusVisible:c}=h.useOption({key:o.key},i,r),a=$(n);return t.jsx(f.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${a} ${c?"has-focus-ring":""}`},ref:r,children:o.rendered})}function x(o){const{children:i,listBoxRef:n,themeName:r,...e}=o;return t.jsx(h.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:t.jsx(u.BoxWithForwardRef,{...e,ref:n,as:"ul",themeName:`${r}.ul`,children:i})})}function k(o){const i=p.useRef(null),{listBoxRef:n=i,state:r,themeName:e="option",optionsWithHeaders:c}=o,{listBoxProps:a}=h.useListBox(o,r,n),d=Array.from(r.collection),y=B.getListboxSections(d,c??[]);return c?.some(s=>s.key?.includes("header-"))?t.jsx(x,{...a,listBoxRef:n,themeName:e,children:y.map(s=>{const j=s.header!=null?`section-${s.header.key}`:`section-${s.items[0]?.key??"empty"}`;return t.jsx(u.Box,{as:"li",themeName:`${e}.group`,children:t.jsxs(u.Box,{as:"section",themeName:`${e}.section`,children:[s.header!=null&&t.jsx(f.Typography,{as:"header",themeName:`${e}.headerText`,children:s.header.rendered},s.header.key),t.jsx(u.Box,{as:"ul",themeName:`${e}.list`,children:s.items.map(m=>t.jsx(l,{themeName:`${e}.li`,item:m,state:r},String(m.key)))})]})},j)})}):t.jsx(x,{...a,listBoxRef:n,themeName:e,children:d.map(s=>t.jsx(l,{themeName:`${e}.li`,item:s,state:r},s.key))})}exports.ListBox=k;exports.Option=l;

package/index131.mjs

@@ -5,7 +5,7 @@ import { useListBox as $, FocusScope as N, useOption as k } from "react-aria";
 import B from "./index88.mjs";
 import { Box as c, BoxWithForwardRef as g } from "./index7.mjs";
 import { Typography as F, TypographyWithForwardRef as R } from "./index74.mjs";
-import { getListboxSections as L } from "./index170.mjs";
+import { getListboxSections as L } from "./index174.mjs";
 function u({ item: s, state: i, themeName: n = "li" }) {
   const t = p(null), { optionProps: e, isFocusVisible: a } = k({ key: s.key }, i, t), m = B(n);
   return /* @__PURE__ */ r(

package/index133.js

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),e=require("radashi"),t=require("react");function i(r){return C.jsx("svg",{width:"16",height:"16",viewBox:"16 14 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:C.jsx("g",{clipPath:"url(#clip0_73015_2388)",children:C.jsx("path",{d:"M32 22C32 24.1217 31.1571 26.1566 29.6569 27.6569C28.1566 29.1571 26.1217 30 24 30C21.8783 30 19.8434 29.1571 18.3431 27.6569C16.8429 26.1566 16 24.1217 16 22C16 19.8783 16.8429 17.8434 18.3431 16.3431C19.8434 14.8429 21.8783 14 24 14C26.1217 14 28.1566 14.8429 29.6569 16.3431C31.1571 17.8434 32 19.8783 32 22ZM24 18C23.8736 18.0001 23.7486 18.0266 23.6331 18.0779C23.5176 18.1292 23.4141 18.2042 23.3293 18.2979C23.2446 18.3916 23.1803 18.5021 23.1408 18.6222C23.1013 18.7422 23.0874 18.8692 23.1 18.995L23.45 22.502C23.4618 22.6398 23.5248 22.7681 23.6266 22.8616C23.7285 22.9552 23.8617 23.0071 24 23.0071C24.1383 23.0071 24.2715 22.9552 24.3734 22.8616C24.4752 22.7681 24.5382 22.6398 24.55 22.502L24.9 18.995C24.9126 18.8692 24.8987 18.7422 24.8592 18.6222C24.8197 18.5021 24.7554 18.3916 24.6707 18.2979C24.5859 18.2042 24.4824 18.1292 24.3669 18.0779C24.2514 18.0266 24.1264 18.0001 24 18ZM24.002 24C23.7368 24 23.4824 24.1054 23.2949 24.2929C23.1074 24.4804 23.002 24.7348 23.002 25C23.002 25.2652 23.1074 25.5196 23.2949 25.7071C23.4824 25.8946 23.7368 26 24.002 26C24.2672 26 24.5216 25.8946 24.7091 25.7071C24.8966 25.5196 25.002 25.2652 25.002 25C25.002 24.7348 24.8966 24.4804 24.7091 24.2929C24.5216 24.1054 24.2672 24 24.002 24Z",fill:"currentColor"})})})}const n=t.memo(i,e.isEqual);module.exports=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["autoComplete","autoFocus","autoCorrect","autoCapitalize","enterKeyHint","description","width","inputMode"];exports.textAreaAttributes=t;

package/index133.mjs

@@ -1,16 +1,13 @@
-import { jsx as C } from "react/jsx-runtime";
-import { isEqual as r } from "radashi";
-import { memo as t } from "react";
-function i(o) {
-  return /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "16 14 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: /* @__PURE__ */ C("g", { clipPath: "url(#clip0_73015_2388)", children: /* @__PURE__ */ C(
-    "path",
-    {
-      d: "M32 22C32 24.1217 31.1571 26.1566 29.6569 27.6569C28.1566 29.1571 26.1217 30 24 30C21.8783 30 19.8434 29.1571 18.3431 27.6569C16.8429 26.1566 16 24.1217 16 22C16 19.8783 16.8429 17.8434 18.3431 16.3431C19.8434 14.8429 21.8783 14 24 14C26.1217 14 28.1566 14.8429 29.6569 16.3431C31.1571 17.8434 32 19.8783 32 22ZM24 18C23.8736 18.0001 23.7486 18.0266 23.6331 18.0779C23.5176 18.1292 23.4141 18.2042 23.3293 18.2979C23.2446 18.3916 23.1803 18.5021 23.1408 18.6222C23.1013 18.7422 23.0874 18.8692 23.1 18.995L23.45 22.502C23.4618 22.6398 23.5248 22.7681 23.6266 22.8616C23.7285 22.9552 23.8617 23.0071 24 23.0071C24.1383 23.0071 24.2715 22.9552 24.3734 22.8616C24.4752 22.7681 24.5382 22.6398 24.55 22.502L24.9 18.995C24.9126 18.8692 24.8987 18.7422 24.8592 18.6222C24.8197 18.5021 24.7554 18.3916 24.6707 18.2979C24.5859 18.2042 24.4824 18.1292 24.3669 18.0779C24.2514 18.0266 24.1264 18.0001 24 18ZM24.002 24C23.7368 24 23.4824 24.1054 23.2949 24.2929C23.1074 24.4804 23.002 24.7348 23.002 25C23.002 25.2652 23.1074 25.5196 23.2949 25.7071C23.4824 25.8946 23.7368 26 24.002 26C24.2672 26 24.5216 25.8946 24.7091 25.7071C24.8966 25.5196 25.002 25.2652 25.002 25C25.002 24.7348 24.8966 24.4804 24.7091 24.2929C24.5216 24.1054 24.2672 24 24.002 24Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
-const m = t(i, r);
+const t = [
+  "autoComplete",
+  "autoFocus",
+  "autoCorrect",
+  "autoCapitalize",
+  "enterKeyHint",
+  "description",
+  "width",
+  "inputMode"
+];
 export {
-  m as default
+  t as textAreaAttributes
 };

package/index134.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("react");function n(t){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:48,width:48,fill:"currentColor",...t})}const o=r.memo(n);module.exports=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["autoComplete","autoFocus","autoCorrect","autoCapitalize","enterKeyHint","type","description","width","inputMode"];exports.textInputAttributes=t;

package/index134.mjs

@@ -1,9 +1,14 @@
-import { jsx as t } from "react/jsx-runtime";
-import { memo as r } from "react";
-function m(o) {
-  return /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", height: 48, width: 48, fill: "currentColor", ...o });
-}
-const l = r(m);
+const t = [
+  "autoComplete",
+  "autoFocus",
+  "autoCorrect",
+  "autoCapitalize",
+  "enterKeyHint",
+  "type",
+  "description",
+  "width",
+  "inputMode"
+];
 export {
-  l as default
+  t as textInputAttributes
 };

package/index135.js

@@ -1 +1 @@
-"use strict";const i=(r,n,t)=>{const e=r[n];return e?typeof e=="function"?e():Promise.resolve(e):new Promise((s,o)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+n+(n.split("/").length!==t?". Note that variables only represent file names one level deep.":""))))})};module.exports=i;
+"use strict";const C=require("react/jsx-runtime"),e=require("radashi"),t=require("react");function i(r){return C.jsx("svg",{width:"16",height:"16",viewBox:"16 14 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r,children:C.jsx("g",{clipPath:"url(#clip0_73015_2388)",children:C.jsx("path",{d:"M32 22C32 24.1217 31.1571 26.1566 29.6569 27.6569C28.1566 29.1571 26.1217 30 24 30C21.8783 30 19.8434 29.1571 18.3431 27.6569C16.8429 26.1566 16 24.1217 16 22C16 19.8783 16.8429 17.8434 18.3431 16.3431C19.8434 14.8429 21.8783 14 24 14C26.1217 14 28.1566 14.8429 29.6569 16.3431C31.1571 17.8434 32 19.8783 32 22ZM24 18C23.8736 18.0001 23.7486 18.0266 23.6331 18.0779C23.5176 18.1292 23.4141 18.2042 23.3293 18.2979C23.2446 18.3916 23.1803 18.5021 23.1408 18.6222C23.1013 18.7422 23.0874 18.8692 23.1 18.995L23.45 22.502C23.4618 22.6398 23.5248 22.7681 23.6266 22.8616C23.7285 22.9552 23.8617 23.0071 24 23.0071C24.1383 23.0071 24.2715 22.9552 24.3734 22.8616C24.4752 22.7681 24.5382 22.6398 24.55 22.502L24.9 18.995C24.9126 18.8692 24.8987 18.7422 24.8592 18.6222C24.8197 18.5021 24.7554 18.3916 24.6707 18.2979C24.5859 18.2042 24.4824 18.1292 24.3669 18.0779C24.2514 18.0266 24.1264 18.0001 24 18ZM24.002 24C23.7368 24 23.4824 24.1054 23.2949 24.2929C23.1074 24.4804 23.002 24.7348 23.002 25C23.002 25.2652 23.1074 25.5196 23.2949 25.7071C23.4824 25.8946 23.7368 26 24.002 26C24.2672 26 24.5216 25.8946 24.7091 25.7071C24.8966 25.5196 25.002 25.2652 25.002 25C25.002 24.7348 24.8966 24.4804 24.7091 24.2929C24.5216 24.1054 24.2672 24 24.002 24Z",fill:"currentColor"})})})}const n=t.memo(i,e.isEqual);module.exports=n;

package/index135.mjs

@@ -1,9 +1,16 @@
-const l = (r, n, t) => {
-  const e = r[n];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : ""))));
-  });
-};
+import { jsx as C } from "react/jsx-runtime";
+import { isEqual as r } from "radashi";
+import { memo as t } from "react";
+function i(o) {
+  return /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "16 14 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: /* @__PURE__ */ C("g", { clipPath: "url(#clip0_73015_2388)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M32 22C32 24.1217 31.1571 26.1566 29.6569 27.6569C28.1566 29.1571 26.1217 30 24 30C21.8783 30 19.8434 29.1571 18.3431 27.6569C16.8429 26.1566 16 24.1217 16 22C16 19.8783 16.8429 17.8434 18.3431 16.3431C19.8434 14.8429 21.8783 14 24 14C26.1217 14 28.1566 14.8429 29.6569 16.3431C31.1571 17.8434 32 19.8783 32 22ZM24 18C23.8736 18.0001 23.7486 18.0266 23.6331 18.0779C23.5176 18.1292 23.4141 18.2042 23.3293 18.2979C23.2446 18.3916 23.1803 18.5021 23.1408 18.6222C23.1013 18.7422 23.0874 18.8692 23.1 18.995L23.45 22.502C23.4618 22.6398 23.5248 22.7681 23.6266 22.8616C23.7285 22.9552 23.8617 23.0071 24 23.0071C24.1383 23.0071 24.2715 22.9552 24.3734 22.8616C24.4752 22.7681 24.5382 22.6398 24.55 22.502L24.9 18.995C24.9126 18.8692 24.8987 18.7422 24.8592 18.6222C24.8197 18.5021 24.7554 18.3916 24.6707 18.2979C24.5859 18.2042 24.4824 18.1292 24.3669 18.0779C24.2514 18.0266 24.1264 18.0001 24 18ZM24.002 24C23.7368 24 23.4824 24.1054 23.2949 24.2929C23.1074 24.4804 23.002 24.7348 23.002 25C23.002 25.2652 23.1074 25.5196 23.2949 25.7071C23.4824 25.8946 23.7368 26 24.002 26C24.2672 26 24.5216 25.8946 24.7091 25.7071C24.8966 25.5196 25.002 25.2652 25.002 25C25.002 24.7348 24.8966 24.4804 24.7091 24.2929C24.5216 24.1054 24.2672 24 24.002 24Z",
+      fill: "currentColor"
+    }
+  ) }) });
+}
+const m = t(i, r);
 export {
-  l as default
+  m as default
 };

package/index136.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("./index84.js"),o=require("./index7.js"),x=require("./index51.js");function d(u){const{themeName:t,tokens:n,customTheme:r,children:c,beforeTabContent:s,afterTabContent:a}=u,{tabState:i,defaultSelectedKey:l}=m.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(o.Box,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:c}),i?.selectedKey?.toString()===l?null:e.jsxs(o.Box,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[s!==null&&s,e.jsx(x,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),a!==null&&a]})]})}module.exports=d;
+"use strict";const e=require("react/jsx-runtime"),r=require("react");function n(t){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:48,width:48,fill:"currentColor",...t})}const o=r.memo(n);module.exports=o;

package/index136.mjs

@@ -1,18 +1,9 @@
-import { jsxs as a, Fragment as f, jsx as m } from "react/jsx-runtime";
-import { useMenu as p } from "./index84.mjs";
-import { Box as l } from "./index7.mjs";
-import h from "./index51.mjs";
-function N(i) {
-  const { themeName: e, tokens: t, customTheme: n, children: s, beforeTabContent: r, afterTabContent: o } = i, { tabState: u, defaultSelectedKey: c } = p();
-  return /* @__PURE__ */ a(f, { children: [
-    /* @__PURE__ */ m(l, { themeName: `${e}.wrapper`, tokens: t, customTheme: n, children: s }),
-    u?.selectedKey?.toString() === c ? null : /* @__PURE__ */ a(l, { themeName: `${e}.tabWrapper`, tokens: t, customTheme: n, children: [
-      r !== null && r,
-      /* @__PURE__ */ m(h, { themeName: `${e}.tabPanel`, tokens: t, customTheme: n }),
-      o !== null && o
-    ] })
-  ] });
+import { jsx as t } from "react/jsx-runtime";
+import { memo as r } from "react";
+function m(o) {
+  return /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", height: 48, width: 48, fill: "currentColor", ...o });
 }
+const l = r(m);
 export {
-  N as default
+  l as default
 };

package/index137.js

@@ -1 +1 @@
-"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),l=require("./index88.js");function u({isVisible:e,children:i,themeName:o,tokens:s,customTheme:n}){const a=l(o,s,n);return t.useTransition(e,{from:{opacity:0,scale:.75},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.75},config:t.config.stiff})((c,r)=>r&&f.jsx(t.animated.div,{className:a,style:{position:"fixed",left:0,top:0,bottom:0,zIndex:1e3,width:"100%",height:"100%",...c},children:i}))}module.exports=u;
+"use strict";const i=(r,n,t)=>{const e=r[n];return e?typeof e=="function"?e():Promise.resolve(e):new Promise((s,o)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+n+(n.split("/").length!==t?". Note that variables only represent file names one level deep.":""))))})};module.exports=i;

package/index137.mjs

@@ -1,33 +1,9 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useTransition as f, config as m, animated as l } from "@react-spring/web";
-import p from "./index88.mjs";
-function y({ isVisible: t, children: o, themeName: e, tokens: i, customTheme: n }) {
-  const a = p(e, i, n);
-  return f(t, {
-    from: { opacity: 0, scale: 0.75 },
-    enter: { opacity: 1, scale: 1 },
-    leave: { opacity: 0, scale: 0.75 },
-    config: m.stiff
-  })(
-    (s, r) => r && /* @__PURE__ */ c(
-      l.div,
-      {
-        className: a,
-        style: {
-          position: "fixed",
-          left: 0,
-          top: 0,
-          bottom: 0,
-          zIndex: 1e3,
-          width: "100%",
-          height: "100%",
-          ...s
-        },
-        children: o
-      }
-    )
-  );
-}
+const l = (r, n, t) => {
+  const e = r[n];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : ""))));
+  });
+};
 export {
-  y as default
+  l as default
 };

package/index138.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const e=require("react/jsx-runtime"),t=require("react-aria"),a=require("./index128.js");function l(s){const{children:o,themeName:r,tokens:u,customTheme:i,title:c,...n}=s;return e.jsx(a.Dialog,{themeName:`${r}.dialog`,tokens:u,customTheme:i,title:c,...n,children:e.jsx(t.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(t.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:o})})})}module.exports=l;
+"use strict";const e=require("react/jsx-runtime"),m=require("./index84.js"),o=require("./index7.js"),x=require("./index51.js");function d(u){const{themeName:t,tokens:n,customTheme:r,children:c,beforeTabContent:s,afterTabContent:a}=u,{tabState:i,defaultSelectedKey:l}=m.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(o.Box,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:c}),i?.selectedKey?.toString()===l?null:e.jsxs(o.Box,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[s!==null&&s,e.jsx(x,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),a!==null&&a]})]})}module.exports=d;

package/index138.mjs

@@ -1,11 +1,18 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
-import { FocusRing as n, FocusScope as a } from "react-aria";
-import { Dialog as m } from "./index128.mjs";
-function d(e) {
-  const { children: t, themeName: r, tokens: u, customTheme: i, title: s, ...c } = e;
-  return /* @__PURE__ */ o(m, { themeName: `${r}.dialog`, tokens: u, customTheme: i, title: s, ...c, children: /* @__PURE__ */ o(n, { focusRingClass: "has-focus-ring", within: !0, autoFocus: !0, children: /* @__PURE__ */ o(a, { contain: !0, restoreFocus: !0, autoFocus: !0, children: t }) }) });
+import { jsxs as a, Fragment as f, jsx as m } from "react/jsx-runtime";
+import { useMenu as p } from "./index84.mjs";
+import { Box as l } from "./index7.mjs";
+import h from "./index51.mjs";
+function N(i) {
+  const { themeName: e, tokens: t, customTheme: n, children: s, beforeTabContent: r, afterTabContent: o } = i, { tabState: u, defaultSelectedKey: c } = p();
+  return /* @__PURE__ */ a(f, { children: [
+    /* @__PURE__ */ m(l, { themeName: `${e}.wrapper`, tokens: t, customTheme: n, children: s }),
+    u?.selectedKey?.toString() === c ? null : /* @__PURE__ */ a(l, { themeName: `${e}.tabWrapper`, tokens: t, customTheme: n, children: [
+      r !== null && r,
+      /* @__PURE__ */ m(h, { themeName: `${e}.tabPanel`, tokens: t, customTheme: n }),
+      o !== null && o
+    ] })
+  ] });
 }
 export {
-  d as default
+  N as default
 };

package/index139.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const s=require("react/jsx-runtime"),d=require("react"),h=require("react-aria"),o=require("./index7.js");function x(n){const{themeName:e,tokens:r,customTheme:a,children:c,state:u,...i}=n,t=d.useRef(null),{modalProps:l,underlayProps:m}=h.useModalOverlay(i,u,t);return s.jsx(o.Box,{themeName:`${e}.underlay`,tokens:r,customTheme:a,...m,children:s.jsx(o.BoxWithForwardRef,{ref:t,themeName:`${e}.overlay`,tokens:r,...l,children:c})})}module.exports=x;
+"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),l=require("./index88.js");function u({isVisible:e,children:i,themeName:o,tokens:s,customTheme:n}){const a=l(o,s,n);return t.useTransition(e,{from:{opacity:0,scale:.75},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.75},config:t.config.stiff})((c,r)=>r&&f.jsx(t.animated.div,{className:a,style:{position:"fixed",left:0,top:0,bottom:0,zIndex:1e3,width:"100%",height:"100%",...c},children:i}))}module.exports=u;

package/index139.mjs

@@ -1,12 +1,33 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { useRef as u } from "react";
-import { useModalOverlay as i } from "react-aria";
-import { Box as c, BoxWithForwardRef as h } from "./index7.mjs";
-function N(m) {
-  const { themeName: e, tokens: o, customTheme: a, children: l, state: s, ...n } = m, r = u(null), { modalProps: d, underlayProps: f } = i(n, s, r);
-  return /* @__PURE__ */ t(c, { themeName: `${e}.underlay`, tokens: o, customTheme: a, ...f, children: /* @__PURE__ */ t(h, { ref: r, themeName: `${e}.overlay`, tokens: o, ...d, children: l }) });
+import { jsx as c } from "react/jsx-runtime";
+import { useTransition as f, config as m, animated as l } from "@react-spring/web";
+import p from "./index88.mjs";
+function y({ isVisible: t, children: o, themeName: e, tokens: i, customTheme: n }) {
+  const a = p(e, i, n);
+  return f(t, {
+    from: { opacity: 0, scale: 0.75 },
+    enter: { opacity: 1, scale: 1 },
+    leave: { opacity: 0, scale: 0.75 },
+    config: m.stiff
+  })(
+    (s, r) => r && /* @__PURE__ */ c(
+      l.div,
+      {
+        className: a,
+        style: {
+          position: "fixed",
+          left: 0,
+          top: 0,
+          bottom: 0,
+          zIndex: 1e3,
+          width: "100%",
+          height: "100%",
+          ...s
+        },
+        children: o
+      }
+    )
+  );
 }
 export {
-  N as default
+  y as default
 };

package/index140.js

@@ -1 +1,2 @@
-"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),u=require("./index88.js"),d="fixed";function m({isVisible:e,children:i,themeName:n,tokens:o,customTheme:s}){const r=u(n,o,s);return t.useTransition(e,{from:{opacity:0,position:d,left:0,top:0,zIndex:1e3,bottom:0,height:"100%"},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((c,a)=>a&&f.jsx(t.animated.div,{className:r,style:c,children:i}))}module.exports=m;
+"use client";
+"use strict";const e=require("react/jsx-runtime"),t=require("react-aria"),a=require("./index128.js");function l(s){const{children:o,themeName:r,tokens:u,customTheme:i,title:c,...n}=s;return e.jsx(a.Dialog,{themeName:`${r}.dialog`,tokens:u,customTheme:i,title:c,...n,children:e.jsx(t.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(t.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:o})})})}module.exports=l;

package/index140.mjs

@@ -1,26 +1,11 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useTransition as m, config as c, animated as p } from "@react-spring/web";
-import d from "./index88.mjs";
-const l = "fixed";
-function g({ isVisible: t, children: o, themeName: i, tokens: e, customTheme: n }) {
-  const s = d(i, e, n);
-  return m(t, {
-    from: {
-      opacity: 0,
-      position: l,
-      left: 0,
-      top: 0,
-      zIndex: 1e3,
-      bottom: 0,
-      height: "100%"
-    },
-    enter: { opacity: 1 },
-    leave: { opacity: 0 },
-    config: c.stiff
-  })(
-    (a, r) => r && /* @__PURE__ */ f(p.div, { className: s, style: a, children: o })
-  );
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { FocusRing as n, FocusScope as a } from "react-aria";
+import { Dialog as m } from "./index128.mjs";
+function d(e) {
+  const { children: t, themeName: r, tokens: u, customTheme: i, title: s, ...c } = e;
+  return /* @__PURE__ */ o(m, { themeName: `${r}.dialog`, tokens: u, customTheme: i, title: s, ...c, children: /* @__PURE__ */ o(n, { focusRingClass: "has-focus-ring", within: !0, autoFocus: !0, children: /* @__PURE__ */ o(a, { contain: !0, restoreFocus: !0, autoFocus: !0, children: t }) }) });
 }
 export {
-  g as default
+  d as default
 };

package/index141.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),q=require("react"),l=require("react-aria"),r=require("./index7.js"),w=require("./index8.js");function N(n){const{themeName:s,tokens:d,customTheme:h,as:$,item:i,state:x,...P}=n,{removeButtonProps:o,href:c}=i.props??{},u=q.useRef(null),{rowProps:p,gridCellProps:B,removeButtonProps:a,allowsRemoving:g,isDisabled:f,isFocused:k,isPressed:v,isSelected:j}=l.useTag(n,x,u),t={...d,isDisabled:f,isFocused:k,isPressed:v,isSelected:j,isLink:c!=null&&c!==""},R={...o,...a,handlePress:m=>{o?.handlePress?.(m),a?.onPress?.(m)}};return e.jsx(l.FocusRing,{focusRingClass:"has-focus-ring within",children:e.jsx(r.BoxWithForwardRef,{...P,...p,ref:u,themeName:`${s}.wrapper`,tokens:t,customTheme:h,children:e.jsxs(r.Box,{themeName:`${s}.container`,tokens:t,...B,children:[e.jsx(r.Box,{themeName:`${s}.item`,tokens:t,children:i.rendered}),g&&o!=null&&e.jsx(w.Button,{themeName:`${s}.removeButton`,tokens:t,...R})]})})})}module.exports=N;
+"use strict";const s=require("react/jsx-runtime"),d=require("react"),h=require("react-aria"),o=require("./index7.js");function x(n){const{themeName:e,tokens:r,customTheme:a,children:c,state:u,...i}=n,t=d.useRef(null),{modalProps:l,underlayProps:m}=h.useModalOverlay(i,u,t);return s.jsx(o.Box,{themeName:`${e}.underlay`,tokens:r,customTheme:a,...m,children:s.jsx(o.BoxWithForwardRef,{ref:t,themeName:`${e}.overlay`,tokens:r,...l,children:c})})}module.exports=x;

package/index141.mjs

@@ -1,49 +1,12 @@
 "use client";
-import { jsx as t, jsxs as N } from "react/jsx-runtime";
-import { useRef as R } from "react";
-import { useTag as T, FocusRing as $ } from "react-aria";
-import { BoxWithForwardRef as C, Box as l } from "./index7.mjs";
-import { Button as F } from "./index8.mjs";
-function S(r) {
-  const { themeName: e, tokens: c, customTheme: h, as: j, item: n, state: p, ...d } = r, { removeButtonProps: s, href: m } = n.props ?? {}, i = R(null), {
-    rowProps: f,
-    gridCellProps: P,
-    removeButtonProps: a,
-    allowsRemoving: B,
-    isDisabled: g,
-    isFocused: k,
-    isPressed: v,
-    isSelected: w
-  } = T(r, p, i), o = {
-    ...c,
-    isDisabled: g,
-    isFocused: k,
-    isPressed: v,
-    isSelected: w,
-    isLink: m != null && m !== ""
-  }, x = {
-    ...s,
-    ...a,
-    handlePress: (u) => {
-      s?.handlePress?.(u), a?.onPress?.(u);
-    }
-  };
-  return /* @__PURE__ */ t($, { focusRingClass: "has-focus-ring within", children: /* @__PURE__ */ t(
-    C,
-    {
-      ...d,
-      ...f,
-      ref: i,
-      themeName: `${e}.wrapper`,
-      tokens: o,
-      customTheme: h,
-      children: /* @__PURE__ */ N(l, { themeName: `${e}.container`, tokens: o, ...P, children: [
-        /* @__PURE__ */ t(l, { themeName: `${e}.item`, tokens: o, children: n.rendered }),
-        B && s != null && /* @__PURE__ */ t(F, { themeName: `${e}.removeButton`, tokens: o, ...x })
-      ] })
-    }
-  ) });
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { useModalOverlay as i } from "react-aria";
+import { Box as c, BoxWithForwardRef as h } from "./index7.mjs";
+function N(m) {
+  const { themeName: e, tokens: o, customTheme: a, children: l, state: s, ...n } = m, r = u(null), { modalProps: d, underlayProps: f } = i(n, s, r);
+  return /* @__PURE__ */ t(c, { themeName: `${e}.underlay`, tokens: o, customTheme: a, ...f, children: /* @__PURE__ */ t(h, { ref: r, themeName: `${e}.overlay`, tokens: o, ...d, children: l }) });
 }
 export {
-  S as default
+  N as default
 };

package/index142.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=["aria-activedescendant","aria-atomic","aria-autocomplete","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colspan","aria-controls","aria-current","aria-describedby","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-expanded","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-modal","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=["disabled","checked","selected","required"];exports.ariaAttributes=a;exports.booleanAttributes=r;
+"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),u=require("./index88.js"),d="fixed";function m({isVisible:e,children:i,themeName:n,tokens:o,customTheme:s}){const r=u(n,o,s);return t.useTransition(e,{from:{opacity:0,position:d,left:0,top:0,zIndex:1e3,bottom:0,height:"100%"},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((c,a)=>a&&f.jsx(t.animated.div,{className:r,style:c,children:i}))}module.exports=m;