@okam/stack-ui 1.42.4 → 1.43.0

package/index169.mjs

@@ -1,33 +1,28 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useTransition as m, config as f, animated as l } from "@react-spring/web";
-import p from "./index88.mjs";
-const y = ({ isVisible: t, children: o, themeName: e, tokens: i, customTheme: n }) => {
-  const s = p(e, i, n);
-  return m(t, {
-    from: { opacity: 0, scale: 0.75 },
-    enter: { opacity: 1, scale: 1 },
-    leave: { opacity: 0, scale: 0.75 },
-    config: f.stiff
-  })(
-    (a, r) => r && /* @__PURE__ */ c(
-      l.div,
-      {
-        className: s,
-        style: {
-          position: "fixed",
-          left: 0,
-          top: 0,
-          bottom: 0,
-          zIndex: 1e3,
-          width: "100%",
-          height: "100%",
-          ...a
-        },
-        children: o
-      }
-    )
-  );
-};
+import { useUNSAFE_PortalContext as f } from "./index280.mjs";
+import { ClearPressResponder as u } from "./index281.mjs";
+import { FocusScope as m } from "@react-aria/focus";
+import o, { useState as d, useMemo as $ } from "react";
+import b from "react-dom";
+import { useIsSSR as x } from "./index242.mjs";
+const C = /* @__PURE__ */ o.createContext(null);
+function v(e) {
+  let c = x(), { portalContainer: a = c ? null : document.body, isExiting: i } = e, [n, r] = d(!1), s = $(() => ({
+    contain: n,
+    setContain: r
+  }), [
+    n,
+    r
+  ]), { getContainer: l } = f();
+  if (!e.portalContainer && l && (a = l()), !a) return null;
+  let t = e.children;
+  return e.disableFocusManagement || (t = /* @__PURE__ */ o.createElement(m, {
+    restoreFocus: !0,
+    contain: (e.shouldContainFocus || n) && !i
+  }, t)), t = /* @__PURE__ */ o.createElement(C.Provider, {
+    value: s
+  }, /* @__PURE__ */ o.createElement(u, null, t)), /* @__PURE__ */ b.createPortal(t, a);
+}
 export {
-  y as default
+  v as Overlay,
+  C as OverlayContext
 };

package/index17.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("react/jsx-runtime"),u=require("./index6.js"),c=require("./index112.js"),v=e=>{const{children:t,themeName:r="carousel.navigation",tokens:o}=e,{navigationProps:n,ref:s,isDisabled:i}=c.useCarouselPrevNavigation(e);return a.jsx(u.ButtonWithForwardRef,{themeName:`${r}.button`,tokens:{...o,order:"prev"},...n,ref:s,isDisabled:i,children:t})};module.exports=v;
+"use strict";const a=require("react/jsx-runtime"),u=require("./index6.js"),c=require("./index112.js"),x=e=>{const{children:t,themeName:n="carousel.navigation",tokens:o}=e,{navigationProps:s,ref:i,isDisabled:r}=c.useCarouselNextNavigation(e);return a.jsx(u.ButtonWithForwardRef,{themeName:`${n}.button`,tokens:{...o,order:"next"},...s,ref:i,isDisabled:r,children:t})};module.exports=x;

package/index17.mjs

@@ -1,18 +1,18 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
 import { ButtonWithForwardRef as m } from "./index6.mjs";
-import { useCarouselPrevNavigation as u } from "./index112.mjs";
-const c = (e) => {
-  const { children: o, themeName: t = "carousel.navigation", tokens: r } = e, { navigationProps: a, ref: i, isDisabled: n } = u(e);
+import { useCarouselNextNavigation as u } from "./index112.mjs";
+const c = (t) => {
+  const { children: e, themeName: o = "carousel.navigation", tokens: r } = t, { navigationProps: a, ref: n, isDisabled: i } = u(t);
   return /* @__PURE__ */ s(
     m,
     {
-      themeName: `${t}.button`,
-      tokens: { ...r, order: "prev" },
+      themeName: `${o}.button`,
+      tokens: { ...r, order: "next" },
       ...a,
-      ref: i,
-      isDisabled: n,
-      children: o
+      ref: n,
+      isDisabled: i,
+      children: e
     }
   );
 };

package/index170.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const e=require("react/jsx-runtime"),t=require("react-aria"),a=require("./index162.js"),l=s=>{const{children:o,themeName:r,tokens:u,customTheme:c,title:i,...n}=s;return e.jsx(a.Dialog,{themeName:`${r}.dialog`,tokens:u,customTheme:c,title:i,...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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index228.js"),e=require("./index234.js"),i=require("./index223.js"),c=require("./index233.js"),t=require("./index231.js"),a=require("./index232.js"),l=require("./index227.js"),s=require("./index230.js"),d=require("./index229.js");function u(r){switch(r){case"buddhist":return new n.BuddhistCalendar;case"ethiopic":return new e.EthiopicCalendar;case"ethioaa":return new e.EthiopicAmeteAlemCalendar;case"coptic":return new e.CopticCalendar;case"hebrew":return new c.HebrewCalendar;case"indian":return new t.IndianCalendar;case"islamic-civil":return new a.IslamicCivilCalendar;case"islamic-tbla":return new a.IslamicTabularCalendar;case"islamic-umalqura":return new a.IslamicUmalquraCalendar;case"japanese":return new l.JapaneseCalendar;case"persian":return new s.PersianCalendar;case"roc":return new d.TaiwanCalendar;case"gregory":default:return new i.GregorianCalendar}}exports.createCalendar=u;

package/index170.mjs

@@ -1,11 +1,43 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
-import { FocusRing as a, FocusScope as n } from "react-aria";
-import { Dialog as m } from "./index162.mjs";
-const f = (e) => {
-  const { children: t, themeName: r, tokens: s, customTheme: u, title: i, ...c } = e;
-  return /* @__PURE__ */ o(m, { themeName: `${r}.dialog`, tokens: s, customTheme: u, title: i, ...c, children: /* @__PURE__ */ o(a, { focusRingClass: "has-focus-ring", within: !0, autoFocus: !0, children: /* @__PURE__ */ o(n, { contain: !0, restoreFocus: !0, autoFocus: !0, children: t }) }) });
-};
+import { BuddhistCalendar as a } from "./index228.mjs";
+import { CopticCalendar as r, EthiopicAmeteAlemCalendar as c, EthiopicCalendar as n } from "./index234.mjs";
+import { GregorianCalendar as t } from "./index223.mjs";
+import { HebrewCalendar as d } from "./index233.mjs";
+import { IndianCalendar as f } from "./index231.mjs";
+import { IslamicUmalquraCalendar as o, IslamicTabularCalendar as i, IslamicCivilCalendar as $ } from "./index232.mjs";
+import { JapaneseCalendar as s } from "./index227.mjs";
+import { PersianCalendar as b } from "./index230.mjs";
+import { TaiwanCalendar as p } from "./index229.mjs";
+function q(e) {
+  switch (e) {
+    case "buddhist":
+      return new a();
+    case "ethiopic":
+      return new n();
+    case "ethioaa":
+      return new c();
+    case "coptic":
+      return new r();
+    case "hebrew":
+      return new d();
+    case "indian":
+      return new f();
+    case "islamic-civil":
+      return new $();
+    case "islamic-tbla":
+      return new i();
+    case "islamic-umalqura":
+      return new o();
+    case "japanese":
+      return new s();
+    case "persian":
+      return new b();
+    case "roc":
+      return new p();
+    case "gregory":
+    default:
+      return new t();
+  }
+}
 export {
-  f as default
+  q as createCalendar
 };

package/index171.js

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

package/index171.mjs

@@ -1,12 +1,60 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import { useRef as u } from "react";
-import { useModalOverlay as c } from "react-aria";
-import h, { BoxWithForwardRef as i } from "./index36.mjs";
-const N = (m) => {
-  const { themeName: e, tokens: o, customTheme: a, children: s, state: l, ...n } = m, r = u(null), { modalProps: d, underlayProps: f } = c(n, l, r);
-  return /* @__PURE__ */ t(h, { themeName: `${e}.underlay`, tokens: o, customTheme: a, ...f, children: /* @__PURE__ */ t(i, { ref: r, themeName: `${e}.overlay`, tokens: o, ...d, children: s }) });
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { useCalendarGrid as g } from "react-aria";
+import l from "./index37.mjs";
+import { getIsDateOutsideRange as v } from "./index191.mjs";
+import C from "./index192.mjs";
+const k = {
+  narrow: {
+    value: "narrow"
+  },
+  abbreviated: {
+    value: "short",
+    transform: (e) => e.map((t) => t.slice(0, 2))
+  },
+  short: {
+    value: "short"
+  },
+  long: {
+    value: "long"
+  }
 };
+function P({
+  themeName: e = "calendar",
+  customTheme: t,
+  tokens: a,
+  state: d,
+  weekdayStyle: c = "abbreviated",
+  ...y
+}) {
+  const { value: m, transform: s } = k[c], i = g({ ...y, weekdayStyle: m }, d), { gridProps: p, headerProps: u, weeksInMonth: h } = i, w = (s == null ? void 0 : s(i.weekDays)) ?? i.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: w.map((o) => /* @__PURE__ */ r(l, { as: "th", themeName: `${e}.calendarDayLabel`, tokens: a, children: o }, `day-${o}`)) }) }),
+    /* @__PURE__ */ r(l, { as: "tbody", themeName: `${e}.calendarBody`, tokens: a, children: [...new Array(h).keys()].map((o) => /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarWeekRow`, tokens: a, children: d.getDatesInWeek(o).map((n, f) => {
+      if (!n)
+        return /* @__PURE__ */ r(
+          l,
+          {
+            themeName: `${e}.calendarCellContainer`,
+            tokens: { isEmpty: !0, ...a },
+            as: "td"
+          },
+          f
+        );
+      const $ = v(n, d);
+      return /* @__PURE__ */ r(
+        C,
+        {
+          themeName: e,
+          tokens: { isOutsideRange: $, isEmpty: !1, ...a },
+          state: d,
+          date: n
+        },
+        n == null ? void 0 : n.day
+      );
+    }) }, `week-${o}`)) })
+  ] });
+}
 export {
-  N as default
+  P as default
 };

package/index172.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index232.js"),V=require("./index266.js"),d=require("react");let S=Math.round(Math.random()*1e10),m=0;function $(e){let u=d.useMemo(()=>e.name||`radio-group-${S}-${++m}`,[e.name]);var a;let[l,n]=V.useControlledState(e.value,(a=e.defaultValue)!==null&&a!==void 0?a:null,e.onChange),[s,c]=d.useState(null),t=v.useFormValidationState({...e,value:l}),o=r=>{!e.isReadOnly&&!e.isDisabled&&(n(r),t.commitValidation())},i=t.displayValidation.isInvalid;return{...t,name:u,selectedValue:l,setSelectedValue:o,lastFocusedValue:s,setLastFocusedValue:c,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(i?"invalid":null),isInvalid:i}}exports.useRadioGroupState=$;
+"use strict";const i=require("react/jsx-runtime"),j=require("./index37.js"),s=require("./index6.js"),h=require("./index24.js"),g=({themeName:c="calendar",tokens:d,buttons:e,prevButtonProps:n,nextButtonProps:a,...x})=>{var r,l;return i.jsxs(j.default,{themeName:`${c}.navigationButtonsContainer`,tokens:d,...x,children:[i.jsx(s.default,{themeName:`${c}.navigationButtons`,tokens:{...d,direction:"prev"},type:"button",...n,handlePress:n==null?void 0:n.onPress,children:i.jsx(h,{icon:((r=e==null?void 0:e.buttonPrev)==null?void 0:r.icon)??"ArrowLeft"})}),i.jsx(s.default,{themeName:`${c}.navigationButtons`,tokens:{...d,direction:"next"},type:"button",...a,handlePress:a==null?void 0:a.onPress,children:i.jsx(h,{icon:((l=e==null?void 0:e.buttonNext)==null?void 0:l.icon)??"ArrowRight"})})]})};module.exports=g;

package/index172.mjs

@@ -1,32 +1,41 @@
-import { useFormValidationState as f } from "./index232.mjs";
-import { useControlledState as $ } from "./index266.mjs";
-import { useMemo as m, useState as r } from "react";
-let b = Math.round(Math.random() * 1e10), v = 0;
-function F(e) {
-  let d = m(() => e.name || `radio-group-${b}-${++v}`, [
-    e.name
-  ]);
-  var a;
-  let [t, u] = $(e.value, (a = e.defaultValue) !== null && a !== void 0 ? a : null, e.onChange), [s, n] = r(null), l = f({
-    ...e,
-    value: t
-  }), c = (o) => {
-    !e.isReadOnly && !e.isDisabled && (u(o), l.commitValidation());
-  }, i = l.displayValidation.isInvalid;
-  return {
-    ...l,
-    name: d,
-    selectedValue: t,
-    setSelectedValue: c,
-    lastFocusedValue: s,
-    setLastFocusedValue: n,
-    isDisabled: e.isDisabled || !1,
-    isReadOnly: e.isReadOnly || !1,
-    isRequired: e.isRequired || !1,
-    validationState: e.validationState || (i ? "invalid" : null),
-    isInvalid: i
-  };
-}
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import g from "./index37.mjs";
+import o from "./index6.mjs";
+import h from "./index24.mjs";
+const y = ({
+  themeName: r = "calendar",
+  tokens: c,
+  buttons: i,
+  prevButtonProps: e,
+  nextButtonProps: a,
+  ...l
+}) => {
+  var m, d;
+  return /* @__PURE__ */ f(g, { themeName: `${r}.navigationButtonsContainer`, tokens: c, ...l, children: [
+    /* @__PURE__ */ n(
+      o,
+      {
+        themeName: `${r}.navigationButtons`,
+        tokens: { ...c, direction: "prev" },
+        type: "button",
+        ...e,
+        handlePress: e == null ? void 0 : e.onPress,
+        children: /* @__PURE__ */ n(h, { icon: ((m = i == null ? void 0 : i.buttonPrev) == null ? void 0 : m.icon) ?? "ArrowLeft" })
+      }
+    ),
+    /* @__PURE__ */ n(
+      o,
+      {
+        themeName: `${r}.navigationButtons`,
+        tokens: { ...c, direction: "next" },
+        type: "button",
+        ...a,
+        handlePress: a == null ? void 0 : a.onPress,
+        children: /* @__PURE__ */ n(h, { icon: ((d = i == null ? void 0 : i.buttonNext) == null ? void 0 : d.icon) ?? "ArrowRight" })
+      }
+    )
+  ] });
+};
 export {
-  F as useRadioGroupState
+  y as default
 };

package/index173.js

@@ -1 +1 @@
-"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index88.js"),p=({isVisible:e,children:i,themeName:n,tokens:s,customTheme:o,...r})=>{const c=m(n,s,o);return t.useTransition(e,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((a,u)=>u&&f.jsx(t.animated.div,{...r,className:c,style:a,children:i}))};module.exports=p;
+"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),f=require("./index89.js"),u=({isVisible:e,children:i,themeName:o,tokens:s,customTheme:n})=>{const a=f(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&&l.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/index173.mjs

@@ -1,17 +1,33 @@
 import { jsx as c } from "react/jsx-runtime";
-import { useTransition as f, config as p, animated as y } from "@react-spring/web";
-import d from "./index88.mjs";
-const T = ({ isVisible: t, children: i, themeName: o, tokens: e, customTheme: n, ...r }) => {
-  const a = d(o, e, n);
-  return f(t, {
-    from: { opacity: 0 },
-    enter: { opacity: 1 },
-    leave: { opacity: 0 },
-    config: p.stiff
+import { useTransition as m, config as f, animated as l } from "@react-spring/web";
+import p from "./index89.mjs";
+const y = ({ isVisible: t, children: o, themeName: e, tokens: i, customTheme: n }) => {
+  const s = p(e, i, n);
+  return m(t, {
+    from: { opacity: 0, scale: 0.75 },
+    enter: { opacity: 1, scale: 1 },
+    leave: { opacity: 0, scale: 0.75 },
+    config: f.stiff
   })(
-    (s, m) => m && /* @__PURE__ */ c(y.div, { ...r, className: a, style: s, children: i })
+    (a, r) => r && /* @__PURE__ */ c(
+      l.div,
+      {
+        className: s,
+        style: {
+          position: "fixed",
+          left: 0,
+          top: 0,
+          bottom: 0,
+          zIndex: 1e3,
+          width: "100%",
+          height: "100%",
+          ...a
+        },
+        children: o
+      }
+    )
   );
 };
 export {
-  T as default
+  y as default
 };

package/index174.js

@@ -1 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("./index91.js"),l=require("./index36.js"),h=require("./index46.js"),x=c=>{var u;const{themeName:t,tokens:n,customTheme:r,children:i,beforeTabContent:a,afterTabContent:o}=c,{tabState:s,defaultSelectedKey:m}=d.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:i}),((u=s==null?void 0:s.selectedKey)==null?void 0:u.toString())===m?null:e.jsxs(l.default,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[a!==null&&a,e.jsx(h,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),o!==null&&o]})]})};module.exports=x;
+"use client";
+"use strict";const e=require("react/jsx-runtime"),t=require("react-aria"),a=require("./index166.js"),l=s=>{const{children:o,themeName:r,tokens:u,customTheme:c,title:i,...n}=s;return e.jsx(a.Dialog,{themeName:`${r}.dialog`,tokens:u,customTheme:c,title:i,...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/index174.mjs

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

package/index175.js

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

package/index175.mjs

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

package/index176.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index277.js"),y=require("./index279.js"),m=require("./index181.js"),q=require("./index154.js"),p=require("./index249.js"),L=require("@react-aria/i18n"),P=require("react"),f=require("./index280.js");function I(t,o,i){let{orientation:e="horizontal",keyboardActivation:n="automatic"}=t,{collection:l,selectionManager:c,disabledKeys:a}=o,{direction:r}=L.useLocale(),u=P.useMemo(()=>new y.TabsKeyboardDelegate(l,r,e,a),[l,a,e,r]),{collectionProps:b}=f.useSelectableCollection({ref:i,selectionManager:c,keyboardDelegate:u,selectOnFocus:n==="automatic",disallowEmptySelection:!0,scrollRef:i,linkBehavior:"selection"}),s=m.useId();g.tabsIds.set(o,s);let d=p.useLabels({...t,id:s});return{tabListProps:{...q.mergeProps(b,d),role:"tablist","aria-orientation":e,tabIndex:void 0}}}exports.useTabList=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index236.js"),f=require("./index271.js"),u=require("react");let m=Math.round(Math.random()*1e10),$=0;function b(e){let n=u.useMemo(()=>e.name||`radio-group-${m}-${++$}`,[e.name]);var a;let[l,s]=f.useControlledState(e.value,(a=e.defaultValue)!==null&&a!==void 0?a:null,e.onChange),[c]=u.useState(l),[o,V]=u.useState(null),t=S.useFormValidationState({...e,value:l}),r=v=>{!e.isReadOnly&&!e.isDisabled&&(s(v),t.commitValidation())},d=t.displayValidation.isInvalid;var i;return{...t,name:n,selectedValue:l,defaultSelectedValue:e.value!==void 0?c:(i=e.defaultValue)!==null&&i!==void 0?i:null,setSelectedValue:r,lastFocusedValue:o,setLastFocusedValue:V,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(d?"invalid":null),isInvalid:d}}exports.useRadioGroupState=b;

package/index176.mjs

@@ -1,40 +1,34 @@
-import { tabsIds as m } from "./index277.mjs";
-import { TabsKeyboardDelegate as $ } from "./index279.mjs";
-import { useId as p } from "./index181.mjs";
-import { mergeProps as u } from "./index154.mjs";
-import { useLabels as x } from "./index249.mjs";
-import { useLocale as g } from "@react-aria/i18n";
-import { useMemo as y } from "react";
-import { useSelectableCollection as L } from "./index280.mjs";
-function A(o, t, a) {
-  let { orientation: e = "horizontal", keyboardActivation: s = "automatic" } = o, { collection: r, selectionManager: d, disabledKeys: i } = t, { direction: c } = g(), n = y(() => new $(r, c, e, i), [
-    r,
-    i,
-    e,
-    c
-  ]), { collectionProps: b } = L({
-    ref: a,
-    selectionManager: d,
-    keyboardDelegate: n,
-    selectOnFocus: s === "automatic",
-    disallowEmptySelection: !0,
-    scrollRef: a,
-    linkBehavior: "selection"
-  }), l = p();
-  m.set(t, l);
-  let f = x({
-    ...o,
-    id: l
-  });
+import { useFormValidationState as v } from "./index236.mjs";
+import { useControlledState as m } from "./index271.mjs";
+import { useMemo as r, useState as u } from "react";
+let b = Math.round(Math.random() * 1e10), S = 0;
+function y(e) {
+  let n = r(() => e.name || `radio-group-${b}-${++S}`, [
+    e.name
+  ]);
+  var a;
+  let [l, s] = m(e.value, (a = e.defaultValue) !== null && a !== void 0 ? a : null, e.onChange), [c] = u(l), [o, f] = u(null), t = v({
+    ...e,
+    value: l
+  }), V = ($) => {
+    !e.isReadOnly && !e.isDisabled && (s($), t.commitValidation());
+  }, d = t.displayValidation.isInvalid;
+  var i;
   return {
-    tabListProps: {
-      ...u(b, f),
-      role: "tablist",
-      "aria-orientation": e,
-      tabIndex: void 0
-    }
+    ...t,
+    name: n,
+    selectedValue: l,
+    defaultSelectedValue: e.value !== void 0 ? c : (i = e.defaultValue) !== null && i !== void 0 ? i : null,
+    setSelectedValue: V,
+    lastFocusedValue: o,
+    setLastFocusedValue: f,
+    isDisabled: e.isDisabled || !1,
+    isReadOnly: e.isReadOnly || !1,
+    isRequired: e.isRequired || !1,
+    validationState: e.validationState || (d ? "invalid" : null),
+    isInvalid: d
   };
 }
 export {
-  A as useTabList
+  y as useRadioGroupState
 };

package/index177.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index281.js"),f=require("react");function K(t){var u,e;let s=y.useSingleSelectListState({...t,suppressTextValueWarning:!0,defaultSelectedKey:(e=(u=t.defaultSelectedKey)!==null&&u!==void 0?u:r(t.collection,t.disabledKeys?new Set(t.disabledKeys):new Set))!==null&&e!==void 0?e:void 0}),{selectionManager:d,collection:a,selectedKey:i}=s,n=f.useRef(i);return f.useEffect(()=>{let l=i;t.selectedKey==null&&(d.isEmpty||l==null||!a.getItem(l))&&(l=r(a,s.disabledKeys),l!=null&&d.setSelectedKeys([l])),(l!=null&&d.focusedKey==null||!d.isFocused&&l!==n.current)&&d.setFocusedKey(l),n.current=l}),{...s,isDisabled:t.isDisabled||!1}}function r(t,u){let e=null;if(t){var s,d,a,i;for(e=t.getFirstKey();e!=null&&(u.has(e)||!((d=t.getItem(e))===null||d===void 0||(s=d.props)===null||s===void 0)&&s.isDisabled)&&e!==t.getLastKey();)e=t.getKeyAfter(e);e!=null&&(u.has(e)||!((i=t.getItem(e))===null||i===void 0||(a=i.props)===null||a===void 0)&&a.isDisabled)&&e===t.getLastKey()&&(e=t.getFirstKey())}return e}exports.useTabListState=K;
+"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index89.js"),p=({isVisible:e,children:i,themeName:n,tokens:s,customTheme:o,...r})=>{const c=m(n,s,o);return t.useTransition(e,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((a,u)=>u&&f.jsx(t.animated.div,{...r,className:c,style:a,children:i}))};module.exports=p;

package/index177.mjs

@@ -1,31 +1,17 @@
-import { useSingleSelectListState as r } from "./index281.mjs";
-import { useRef as y, useEffect as K } from "react";
-function b(d) {
-  var l, e;
-  let s = r({
-    ...d,
-    suppressTextValueWarning: !0,
-    defaultSelectedKey: (e = (l = d.defaultSelectedKey) !== null && l !== void 0 ? l : n(d.collection, d.disabledKeys ? new Set(d.disabledKeys) : /* @__PURE__ */ new Set())) !== null && e !== void 0 ? e : void 0
-  }), { selectionManager: t, collection: u, selectedKey: i } = s, f = y(i);
-  return K(() => {
-    let a = i;
-    d.selectedKey == null && (t.isEmpty || a == null || !u.getItem(a)) && (a = n(u, s.disabledKeys), a != null && t.setSelectedKeys([
-      a
-    ])), (a != null && t.focusedKey == null || !t.isFocused && a !== f.current) && t.setFocusedKey(a), f.current = a;
-  }), {
-    ...s,
-    isDisabled: d.isDisabled || !1
-  };
-}
-function n(d, l) {
-  let e = null;
-  if (d) {
-    var s, t, u, i;
-    for (e = d.getFirstKey(); e != null && (l.has(e) || !((t = d.getItem(e)) === null || t === void 0 || (s = t.props) === null || s === void 0) && s.isDisabled) && e !== d.getLastKey(); ) e = d.getKeyAfter(e);
-    e != null && (l.has(e) || !((i = d.getItem(e)) === null || i === void 0 || (u = i.props) === null || u === void 0) && u.isDisabled) && e === d.getLastKey() && (e = d.getFirstKey());
-  }
-  return e;
-}
+import { jsx as c } from "react/jsx-runtime";
+import { useTransition as f, config as p, animated as y } from "@react-spring/web";
+import d from "./index89.mjs";
+const T = ({ isVisible: t, children: i, themeName: o, tokens: e, customTheme: n, ...r }) => {
+  const a = d(o, e, n);
+  return f(t, {
+    from: { opacity: 0 },
+    enter: { opacity: 1 },
+    leave: { opacity: 0 },
+    config: p.stiff
+  })(
+    (s, m) => m && /* @__PURE__ */ c(y.div, { ...r, className: a, style: s, children: i })
+  );
+};
 export {
-  b as useTabListState
+  T as default
 };

package/index178.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index277.js"),o=require("./index154.js"),u=require("./index249.js"),s=require("@react-aria/focus");function c(a,e,d){let l=s.useHasTabbableChild(d)?void 0:0;var r;const n=i.generateId(e,(r=a.id)!==null&&r!==void 0?r:e==null?void 0:e.selectedKey,"tabpanel"),b=u.useLabels({...a,id:n,"aria-labelledby":i.generateId(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:o.mergeProps(b,{tabIndex:l,role:"tabpanel","aria-describedby":a["aria-describedby"],"aria-details":a["aria-details"]})}}exports.useTabPanel=c;
+"use strict";const e=require("react/jsx-runtime"),d=require("./index92.js"),l=require("./index37.js"),h=require("./index47.js"),x=c=>{var u;const{themeName:t,tokens:n,customTheme:r,children:i,beforeTabContent:a,afterTabContent:o}=c,{tabState:s,defaultSelectedKey:m}=d.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:i}),((u=s==null?void 0:s.selectedKey)==null?void 0:u.toString())===m?null:e.jsxs(l.default,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[a!==null&&a,e.jsx(h,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),o!==null&&o]})]})};module.exports=x;