@okam/stack-ui 1.26.0 → 1.27.0

package/index111.mjs

@@ -1,25 +1,10 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import u from "react";
-import { usePopover as h, Overlay as v, DismissButton as i } from "react-aria";
-import x, { BoxWithForwardRef as R } from "./index24.mjs";
-const j = (r) => {
-  const n = u.useRef(null), { popoverRef: s = n, state: o, children: m, themeName: p = "popover", tokens: f, customTheme: P, triggerRef: l, ...c } = r, { popoverProps: d, underlayProps: a } = h(
-    {
-      ...r,
-      popoverRef: s,
-      triggerRef: l
-    },
-    o
-  );
-  return /* @__PURE__ */ t(v, { children: [
-    /* @__PURE__ */ e("div", { ...a, style: { position: "fixed", inset: 0 } }),
-    /* @__PURE__ */ e(x, { ...c, children: /* @__PURE__ */ t(R, { ...d, ref: s, themeName: p, tokens: f, children: [
-      /* @__PURE__ */ e(i, { onDismiss: o.close }),
-      m,
-      /* @__PURE__ */ e(i, { onDismiss: o.close })
-    ] }) })
-  ] });
-};
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as f } from "react";
+import { useDialog as l } from "react-aria";
+function u({ title: m, children: r, ...t }) {
+  const o = f(null), { dialogProps: i } = l(t, o);
+  return /* @__PURE__ */ e("div", { ...i, ref: o, children: r });
+}
 export {
-  j as default
+  u as Dialog
 };

package/index112.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index177.js"),o=require("./index178.js"),v=require("react");function V(e={}){let[a,l]=o.useControlledState(e.value,e.defaultValue||[],e.onChange),f=!!e.isRequired&&a.length===0,u=v.useRef(new Map),n=c.useFormValidationState({...e,value:a}),r=n.displayValidation.isInvalid;var s;return{...n,value:a,setValue(i){e.isReadOnly||e.isDisabled||l(i)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(i){return a.includes(i)},addValue(i){e.isReadOnly||e.isDisabled||a.includes(i)||l(a.concat(i))},removeValue(i){e.isReadOnly||e.isDisabled||a.includes(i)&&l(a.filter(t=>t!==i))},toggleValue(i){e.isReadOnly||e.isDisabled||(a.includes(i)?l(a.filter(t=>t!==i)):l(a.concat(i)))},setInvalid(i,t){let d=new Map(u.current);t.isInvalid?d.set(i,t):d.delete(i),u.current=d,n.updateValidation(c.mergeValidation(...d.values()))},validationState:(s=e.validationState)!==null&&s!==void 0?s:r?"invalid":null,isInvalid:r,isRequired:f}}exports.useCheckboxGroupState=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("@react-aria/overlays"),f=require("react"),a=require("./index64.js");function v(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const m=v(f);function j({themeName:e="datePicker",tokens:o,...r}){const s=m.useRef(null),{state:c,children:i}={...r},{popoverProps:l,underlayProps:u}=n.usePopover({...r,popoverRef:s},c),d=a(`${e}.calendarUnderlay`,o),p=a(`${e}.calendarPopover`,o);return t.jsxs(n.Overlay,{children:[t.jsx("div",{...u,className:d}),t.jsxs("div",{...l,ref:s,className:p,children:[t.jsx(n.DismissButton,{onDismiss:c.close}),i,t.jsx(n.DismissButton,{onDismiss:c.close})]})]})}exports.CalendarPopover=j;

package/index112.mjs

@@ -1,41 +1,24 @@
-import { useFormValidationState as r, mergeValidation as o } from "./index177.mjs";
-import { useControlledState as b } from "./index178.mjs";
-import { useRef as v } from "react";
-function y(e = {}) {
-  let [i, l] = b(e.value, e.defaultValue || [], e.onChange), c = !!e.isRequired && i.length === 0, u = v(/* @__PURE__ */ new Map()), n = r({
-    ...e,
-    value: i
-  }), f = n.displayValidation.isInvalid;
-  var s;
-  return {
-    ...n,
-    value: i,
-    setValue(a) {
-      e.isReadOnly || e.isDisabled || l(a);
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { usePopover as v, Overlay as f, DismissButton as i } from "@react-aria/overlays";
+import * as P from "react";
+import t from "./index64.mjs";
+function D({ themeName: r = "datePicker", tokens: s, ...n }) {
+  const a = P.useRef(null), { state: e, children: l } = { ...n }, { popoverProps: p, underlayProps: m } = v(
+    {
+      ...n,
+      popoverRef: a
     },
-    isDisabled: e.isDisabled || !1,
-    isReadOnly: e.isReadOnly || !1,
-    isSelected(a) {
-      return i.includes(a);
-    },
-    addValue(a) {
-      e.isReadOnly || e.isDisabled || i.includes(a) || l(i.concat(a));
-    },
-    removeValue(a) {
-      e.isReadOnly || e.isDisabled || i.includes(a) && l(i.filter((t) => t !== a));
-    },
-    toggleValue(a) {
-      e.isReadOnly || e.isDisabled || (i.includes(a) ? l(i.filter((t) => t !== a)) : l(i.concat(a)));
-    },
-    setInvalid(a, t) {
-      let d = new Map(u.current);
-      t.isInvalid ? d.set(a, t) : d.delete(a), u.current = d, n.updateValidation(o(...d.values()));
-    },
-    validationState: (s = e.validationState) !== null && s !== void 0 ? s : f ? "invalid" : null,
-    isInvalid: f,
-    isRequired: c
-  };
+    e
+  ), d = t(`${r}.calendarUnderlay`, s), u = t(`${r}.calendarPopover`, s);
+  return /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ o("div", { ...m, className: d }),
+    /* @__PURE__ */ c("div", { ...p, ref: a, className: u, children: [
+      /* @__PURE__ */ o(i, { onDismiss: e.close }),
+      l,
+      /* @__PURE__ */ o(i, { onDismiss: e.close })
+    ] })
+  ] });
 }
 export {
-  y as useCheckboxGroupState
+  D as CalendarPopover
 };

package/index113.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),r=t.createContext(null),c=e=>{const{children:o,state:u}=e;return n.jsx(r.Provider,{value:u,children:o})};function s(){const e=t.useContext(r);return e||null}exports.CheckboxGroupProvider=c;exports.useCheckboxGroupCtx=s;
+"use strict";const s=require("react/jsx-runtime"),d=require("./index115.js"),n=require("@react-aria/datepicker"),u=require("@react-aria/i18n"),h=require("@react-stately/datepicker"),a=require("react"),f=require("react-aria"),q=require("./index64.js");function p({segment:e,state:i}){const r=a.useRef(null),{segmentProps:t}=n.useDateSegment(e,i,r),c=q("datePicker.dateSegment");return s.jsx(f.FocusRing,{focusRingClass:"has-focus-ring",children:s.jsxs("div",{...t,ref:r,className:c,children:[s.jsx("span",{"aria-hidden":"true",style:{visibility:e.isPlaceholder?"visible":"hidden",height:e.isPlaceholder?"":0,pointerEvents:"none",display:e.isPlaceholder?"block":"none"},children:e.placeholder}),e.isPlaceholder?"":e.text]})})}function x(e){const{locale:i}=u.useLocale(),r=h.useDateFieldState({...e,locale:i,createCalendar:d.createCalendar}),t=a.useRef(null),{fieldProps:c}=n.useDateField(e,r,t);return s.jsx("div",{...c,ref:t,className:"flex",children:r.segments.map((l,o)=>s.jsx(p,{segment:l,state:r},o))})}module.exports=x;

package/index113.mjs

@@ -1,15 +1,41 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as u, useContext as c } from "react";
-const o = u(null), i = (t) => {
-  const { children: e, state: r } = t;
-  return /* @__PURE__ */ n(o.Provider, { value: r, children: e });
-};
-function C() {
-  const t = c(o);
-  return t || null;
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { createCalendar as d } from "./index115.mjs";
+import { useDateField as m, useDateSegment as f } from "@react-aria/datepicker";
+import { useLocale as u } from "@react-aria/i18n";
+import { useDateFieldState as h } from "@react-stately/datepicker";
+import { useRef as s } from "react";
+import { FocusRing as p } from "react-aria";
+import x from "./index64.mjs";
+function P({ segment: e, state: i }) {
+  const t = s(null), { segmentProps: o } = f(e, i, t), l = x("datePicker.dateSegment");
+  return /* @__PURE__ */ r(p, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ c("div", { ...o, ref: t, className: l, children: [
+    /* @__PURE__ */ r(
+      "span",
+      {
+        "aria-hidden": "true",
+        style: {
+          visibility: e.isPlaceholder ? "visible" : "hidden",
+          height: e.isPlaceholder ? "" : 0,
+          pointerEvents: "none",
+          display: e.isPlaceholder ? "block" : "none"
+        },
+        children: e.placeholder
+      }
+    ),
+    e.isPlaceholder ? "" : e.text
+  ] }) });
+}
+function R(e) {
+  const { locale: i } = u(), t = h({
+    ...e,
+    locale: i,
+    createCalendar: d
+  }), o = s(null), { fieldProps: l } = m(e, t, o);
+  return /* @__PURE__ */ r("div", { ...l, ref: o, className: "flex", children: t.segments.map((a, n) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ r(P, { segment: a, state: t }, n)
+  )) });
 }
 export {
-  i as CheckboxGroupProvider,
-  C as useCheckboxGroupCtx
+  R as default
 };

package/index114.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),n=require("react-aria");function s({title:c,children:r,...t}){const e=u.useRef(null),{dialogProps:i}=n.useDialog(t,e);return o.jsx("div",{...i,ref:e,children:r})}exports.Dialog=s;
+"use strict";const e=require("react/jsx-runtime"),v=require("./index115.js"),R=require("@react-aria/calendar"),P=require("@react-aria/i18n"),m=require("@react-stately/calendar"),T=require("react"),c=require("./index64.js"),h=require("./index6.js"),x=require("./index13.js"),p=require("./index3.js"),w=require("./index116.js");function y({buttons:n,tokens:r,customTheme:A,themeName:a="calendar",...t}){var l,u;const{locale:q}=P.useLocale(),o=m.useRangeCalendarState({...t,locale:q,createCalendar:v.createCalendar}),d=T.useRef(null),{calendarProps:$,prevButtonProps:s,nextButtonProps:i,title:j}=R.useRangeCalendar({...t},o,d),C=c(`${a}.container`,r),g=c(`${a}.header`,r),f=c(`${a}.navigationButtonsContainer`,r);return e.jsxs("div",{...$,ref:d,className:C,children:[e.jsxs("div",{className:g,children:[e.jsx(p.default,{as:"p",tokens:{size:"h6"},children:j}),e.jsxs("div",{className:f,children:[e.jsx(h.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...s,handlePress:s==null?void 0:s.onPress,children:e.jsx(x,{icon:((l=n==null?void 0:n.buttonPrev)==null?void 0:l.icon)??"ArrowLeft"})}),e.jsx(h.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...i,handlePress:i==null?void 0:i.onPress,children:e.jsx(x,{icon:((u=n==null?void 0:n.buttonNext)==null?void 0:u.icon)??"ArrowRight"})})]})]}),e.jsx(w,{state:o})]})}module.exports=y;

package/index114.mjs

@@ -1,10 +1,52 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useRef as f } from "react";
-import { useDialog as l } from "react-aria";
-function u({ title: m, children: r, ...t }) {
-  const o = f(null), { dialogProps: i } = l(t, o);
-  return /* @__PURE__ */ e("div", { ...i, ref: o, children: r });
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { createCalendar as R } from "./index115.mjs";
+import { useRangeCalendar as T } from "@react-aria/calendar";
+import { useLocale as y } from "@react-aria/i18n";
+import { useRangeCalendarState as P } from "@react-stately/calendar";
+import { useRef as B } from "react";
+import c from "./index64.mjs";
+import p from "./index6.mjs";
+import h from "./index13.mjs";
+import j from "./index3.mjs";
+import w from "./index116.mjs";
+function J({ buttons: e, tokens: a, customTheme: A, themeName: n = "calendar", ...s }) {
+  var m, f;
+  const { locale: g } = y(), d = P({
+    ...s,
+    locale: g,
+    createCalendar: R
+  }), l = B(null), { calendarProps: C, prevButtonProps: o, nextButtonProps: i, title: u } = T({ ...s }, d, l), $ = c(`${n}.container`, a), v = c(`${n}.header`, a), x = c(`${n}.navigationButtonsContainer`, a);
+  return /* @__PURE__ */ t("div", { ...C, ref: l, className: $, children: [
+    /* @__PURE__ */ t("div", { className: v, children: [
+      /* @__PURE__ */ r(j, { as: "p", tokens: { size: "h6" }, children: u }),
+      /* @__PURE__ */ t("div", { className: x, children: [
+        /* @__PURE__ */ r(
+          p,
+          {
+            themeName: `${n}.navigationButtons`,
+            tokens: { ...a },
+            type: "button",
+            ...o,
+            handlePress: o == null ? void 0 : o.onPress,
+            children: /* @__PURE__ */ r(h, { icon: ((m = e == null ? void 0 : e.buttonPrev) == null ? void 0 : m.icon) ?? "ArrowLeft" })
+          }
+        ),
+        /* @__PURE__ */ r(
+          p,
+          {
+            themeName: `${n}.navigationButtons`,
+            tokens: { ...a },
+            type: "button",
+            ...i,
+            handlePress: i == null ? void 0 : i.onPress,
+            children: /* @__PURE__ */ r(h, { icon: ((f = e == null ? void 0 : e.buttonNext) == null ? void 0 : f.icon) ?? "ArrowRight" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ r(w, { state: d })
+  ] });
 }
 export {
-  u as Dialog
+  J as default
 };

package/index115.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("@react-aria/overlays"),f=require("react"),a=require("./index64.js");function v(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const m=v(f);function j({themeName:e="datePicker",tokens:o,...r}){const s=m.useRef(null),{state:c,children:i}={...r},{popoverProps:l,underlayProps:u}=n.usePopover({...r,popoverRef:s},c),d=a(`${e}.calendarUnderlay`,o),p=a(`${e}.calendarPopover`,o);return t.jsxs(n.Overlay,{children:[t.jsx("div",{...u,className:d}),t.jsxs("div",{...l,ref:s,className:p,children:[t.jsx(n.DismissButton,{onDismiss:c.close}),i,t.jsx(n.DismissButton,{onDismiss:c.close})]})]})}exports.CalendarPopover=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index151.js"),e=require("./index157.js"),i=require("./index146.js"),c=require("./index156.js"),t=require("./index154.js"),a=require("./index155.js"),l=require("./index150.js"),s=require("./index153.js"),d=require("./index152.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/index115.mjs

@@ -1,24 +1,43 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { usePopover as v, Overlay as f, DismissButton as i } from "@react-aria/overlays";
-import * as P from "react";
-import t from "./index64.mjs";
-function D({ themeName: r = "datePicker", tokens: s, ...n }) {
-  const a = P.useRef(null), { state: e, children: l } = { ...n }, { popoverProps: p, underlayProps: m } = v(
-    {
-      ...n,
-      popoverRef: a
-    },
-    e
-  ), d = t(`${r}.calendarUnderlay`, s), u = t(`${r}.calendarPopover`, s);
-  return /* @__PURE__ */ c(f, { children: [
-    /* @__PURE__ */ o("div", { ...m, className: d }),
-    /* @__PURE__ */ c("div", { ...p, ref: a, className: u, children: [
-      /* @__PURE__ */ o(i, { onDismiss: e.close }),
-      l,
-      /* @__PURE__ */ o(i, { onDismiss: e.close })
-    ] })
-  ] });
+import { BuddhistCalendar as a } from "./index151.mjs";
+import { CopticCalendar as r, EthiopicAmeteAlemCalendar as c, EthiopicCalendar as n } from "./index157.mjs";
+import { GregorianCalendar as t } from "./index146.mjs";
+import { HebrewCalendar as d } from "./index156.mjs";
+import { IndianCalendar as f } from "./index154.mjs";
+import { IslamicUmalquraCalendar as o, IslamicTabularCalendar as i, IslamicCivilCalendar as $ } from "./index155.mjs";
+import { JapaneseCalendar as s } from "./index150.mjs";
+import { PersianCalendar as b } from "./index153.mjs";
+import { TaiwanCalendar as p } from "./index152.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 {
-  D as CalendarPopover
+  q as createCalendar
 };

package/index116.js

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),d=require("./index118.js"),n=require("@react-aria/datepicker"),u=require("@react-aria/i18n"),h=require("@react-stately/datepicker"),a=require("react"),f=require("react-aria"),q=require("./index64.js");function p({segment:e,state:i}){const r=a.useRef(null),{segmentProps:t}=n.useDateSegment(e,i,r),c=q("datePicker.dateSegment");return s.jsx(f.FocusRing,{focusRingClass:"has-focus-ring",children:s.jsxs("div",{...t,ref:r,className:c,children:[s.jsx("span",{"aria-hidden":"true",style:{visibility:e.isPlaceholder?"visible":"hidden",height:e.isPlaceholder?"":0,pointerEvents:"none",display:e.isPlaceholder?"block":"none"},children:e.placeholder}),e.isPlaceholder?"":e.text]})})}function x(e){const{locale:i}=u.useLocale(),r=h.useDateFieldState({...e,locale:i,createCalendar:d.createCalendar}),t=a.useRef(null),{fieldProps:c}=n.useDateField(e,r,t);return s.jsx("div",{...c,ref:t,className:"flex",children:r.segments.map((l,o)=>s.jsx(p,{segment:l,state:r},o))})}module.exports=x;
+"use strict";const e=require("react/jsx-runtime"),b=require("./index133.js"),m=require("@react-aria/calendar"),p=require("@react-aria/i18n"),a=require("./index64.js"),y=require("./index134.js");function g({themeName:c="calendar",customTheme:$,tokens:l,state:n,...i}){const{locale:o}=p.useLocale(),{gridProps:t,headerProps:d,weekDays:h}=m.useCalendarGrid({...i},n),u=b.getWeeksInMonth(n.visibleRange.start,o),j=a(`${c}.calendarTable`,l),q=a(`${c}.dayLabel`,l);return e.jsxs("table",{...t,cellPadding:"0",className:j,children:[e.jsx("thead",{...d,children:e.jsx("tr",{children:h.map(r=>e.jsx("th",{className:q,children:r},`${r}`))})}),e.jsx("tbody",{children:[...new Array(u).keys()].map(r=>e.jsx("tr",{children:n.getDatesInWeek(r).map((s,x)=>s?e.jsx(y,{state:n,date:s},s==null?void 0:s.day):e.jsx("td",{},x))},r))})]})}module.exports=g;

package/index116.mjs

@@ -1,41 +1,16 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { createCalendar as d } from "./index118.mjs";
-import { useDateField as m, useDateSegment as f } from "@react-aria/datepicker";
-import { useLocale as u } from "@react-aria/i18n";
-import { useDateFieldState as h } from "@react-stately/datepicker";
-import { useRef as s } from "react";
-import { FocusRing as p } from "react-aria";
-import x from "./index64.mjs";
-function P({ segment: e, state: i }) {
-  const t = s(null), { segmentProps: o } = f(e, i, t), l = x("datePicker.dateSegment");
-  return /* @__PURE__ */ r(p, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ c("div", { ...o, ref: t, className: l, children: [
-    /* @__PURE__ */ r(
-      "span",
-      {
-        "aria-hidden": "true",
-        style: {
-          visibility: e.isPlaceholder ? "visible" : "hidden",
-          height: e.isPlaceholder ? "" : 0,
-          pointerEvents: "none",
-          display: e.isPlaceholder ? "block" : "none"
-        },
-        children: e.placeholder
-      }
-    ),
-    e.isPlaceholder ? "" : e.text
-  ] }) });
-}
-function R(e) {
-  const { locale: i } = u(), t = h({
-    ...e,
-    locale: i,
-    createCalendar: d
-  }), o = s(null), { fieldProps: l } = m(e, t, o);
-  return /* @__PURE__ */ r("div", { ...l, ref: o, className: "flex", children: t.segments.map((a, n) => (
-    // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ r(P, { segment: a, state: t }, n)
-  )) });
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { getWeeksInMonth as y } from "./index133.mjs";
+import { useCalendarGrid as $ } from "@react-aria/calendar";
+import { useLocale as g } from "@react-aria/i18n";
+import c from "./index64.mjs";
+import C from "./index134.mjs";
+function D({ themeName: l = "calendar", customTheme: T, tokens: n, state: o, ...s }) {
+  const { locale: m } = g(), { gridProps: t, headerProps: i, weekDays: d } = $({ ...s }, o), h = y(o.visibleRange.start, m), p = c(`${l}.calendarTable`, n), f = c(`${l}.dayLabel`, n);
+  return /* @__PURE__ */ u("table", { ...t, cellPadding: "0", className: p, children: [
+    /* @__PURE__ */ e("thead", { ...i, children: /* @__PURE__ */ e("tr", { children: d.map((r) => /* @__PURE__ */ e("th", { className: f, children: r }, `${r}`)) }) }),
+    /* @__PURE__ */ e("tbody", { children: [...new Array(h).keys()].map((r) => /* @__PURE__ */ e("tr", { children: o.getDatesInWeek(r).map((a, b) => a ? /* @__PURE__ */ e(C, { state: o, date: a }, a == null ? void 0 : a.day) : /* @__PURE__ */ e("td", {}, b)) }, r)) })
+  ] });
 }
 export {
-  R as default
+  D as default
 };

package/index117.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),v=require("./index118.js"),R=require("@react-aria/calendar"),P=require("@react-aria/i18n"),m=require("@react-stately/calendar"),T=require("react"),c=require("./index64.js"),h=require("./index6.js"),x=require("./index13.js"),p=require("./index3.js"),w=require("./index119.js");function y({buttons:n,tokens:r,customTheme:A,themeName:a="calendar",...t}){var l,u;const{locale:q}=P.useLocale(),o=m.useRangeCalendarState({...t,locale:q,createCalendar:v.createCalendar}),d=T.useRef(null),{calendarProps:$,prevButtonProps:s,nextButtonProps:i,title:j}=R.useRangeCalendar({...t},o,d),C=c(`${a}.container`,r),g=c(`${a}.header`,r),f=c(`${a}.navigationButtonsContainer`,r);return e.jsxs("div",{...$,ref:d,className:C,children:[e.jsxs("div",{className:g,children:[e.jsx(p.default,{as:"p",tokens:{size:"h6"},children:j}),e.jsxs("div",{className:f,children:[e.jsx(h.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...s,handlePress:s==null?void 0:s.onPress,children:e.jsx(x,{icon:((l=n==null?void 0:n.buttonPrev)==null?void 0:l.icon)??"ArrowLeft"})}),e.jsx(h.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...i,handlePress:i==null?void 0:i.onPress,children:e.jsx(x,{icon:((u=n==null?void 0:n.buttonNext)==null?void 0:u.icon)??"ArrowRight"})})]})]}),e.jsx(w,{state:o})]})}module.exports=y;
+"use strict";const s=require("react/jsx-runtime"),t=require("react-spring"),r=({isVisible:i,children:e})=>t.useTransition(i,{from:{opacity:0,scale:.75},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.75},config:t.config.stiff})((o,n)=>n&&s.jsx(t.animated.div,{style:{position:"fixed",left:0,top:0,bottom:0,zIndex:1e3,width:"100%",height:"100%",...o},children:e}));module.exports=r;

package/index117.mjs

@@ -1,52 +1,28 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { createCalendar as R } from "./index118.mjs";
-import { useRangeCalendar as T } from "@react-aria/calendar";
-import { useLocale as y } from "@react-aria/i18n";
-import { useRangeCalendarState as P } from "@react-stately/calendar";
-import { useRef as B } from "react";
-import c from "./index64.mjs";
-import p from "./index6.mjs";
-import h from "./index13.mjs";
-import j from "./index3.mjs";
-import w from "./index119.mjs";
-function J({ buttons: e, tokens: a, customTheme: A, themeName: n = "calendar", ...s }) {
-  var m, f;
-  const { locale: g } = y(), d = P({
-    ...s,
-    locale: g,
-    createCalendar: R
-  }), l = B(null), { calendarProps: C, prevButtonProps: o, nextButtonProps: i, title: u } = T({ ...s }, d, l), $ = c(`${n}.container`, a), v = c(`${n}.header`, a), x = c(`${n}.navigationButtonsContainer`, a);
-  return /* @__PURE__ */ t("div", { ...C, ref: l, className: $, children: [
-    /* @__PURE__ */ t("div", { className: v, children: [
-      /* @__PURE__ */ r(j, { as: "p", tokens: { size: "h6" }, children: u }),
-      /* @__PURE__ */ t("div", { className: x, children: [
-        /* @__PURE__ */ r(
-          p,
-          {
-            themeName: `${n}.navigationButtons`,
-            tokens: { ...a },
-            type: "button",
-            ...o,
-            handlePress: o == null ? void 0 : o.onPress,
-            children: /* @__PURE__ */ r(h, { icon: ((m = e == null ? void 0 : e.buttonPrev) == null ? void 0 : m.icon) ?? "ArrowLeft" })
-          }
-        ),
-        /* @__PURE__ */ r(
-          p,
-          {
-            themeName: `${n}.navigationButtons`,
-            tokens: { ...a },
-            type: "button",
-            ...i,
-            handlePress: i == null ? void 0 : i.onPress,
-            children: /* @__PURE__ */ r(h, { icon: ((f = e == null ? void 0 : e.buttonNext) == null ? void 0 : f.icon) ?? "ArrowRight" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ r(w, { state: d })
-  ] });
-}
+import { jsx as n } from "react/jsx-runtime";
+import { useTransition as a, config as s, animated as r } from "react-spring";
+const p = ({ isVisible: t, children: i }) => a(t, {
+  from: { opacity: 0, scale: 0.75 },
+  enter: { opacity: 1, scale: 1 },
+  leave: { opacity: 0, scale: 0.75 },
+  config: s.stiff
+})(
+  (o, e) => e && /* @__PURE__ */ n(
+    r.div,
+    {
+      style: {
+        position: "fixed",
+        left: 0,
+        top: 0,
+        bottom: 0,
+        zIndex: 1e3,
+        width: "100%",
+        height: "100%",
+        ...o
+      },
+      children: i
+    }
+  )
+);
 export {
-  J as default
+  p as default
 };

package/index118.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index187.js"),e=require("./index193.js"),i=require("./index182.js"),c=require("./index192.js"),t=require("./index190.js"),a=require("./index191.js"),l=require("./index186.js"),s=require("./index189.js"),d=require("./index188.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;
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),r=require("react-aria"),l=require("./index24.js"),d=o=>{const{children:s,themeName:u,tokens:c,customTheme:i}=o,t=a.useRef(null),{dialogProps:n}=r.useDialog(o,t);return e.jsx(l.BoxWithForwardRef,{themeName:`${u}.dialog`,tokens:c,customTheme:i,ref:t,"aria-modal":!0,...n,children:e.jsx(r.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(r.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:s})})})};module.exports=d;

package/index118.mjs

@@ -1,43 +1,22 @@
-import { BuddhistCalendar as a } from "./index187.mjs";
-import { CopticCalendar as r, EthiopicAmeteAlemCalendar as c, EthiopicCalendar as n } from "./index193.mjs";
-import { GregorianCalendar as t } from "./index182.mjs";
-import { HebrewCalendar as d } from "./index192.mjs";
-import { IndianCalendar as f } from "./index190.mjs";
-import { IslamicUmalquraCalendar as o, IslamicTabularCalendar as i, IslamicCivilCalendar as $ } from "./index191.mjs";
-import { JapaneseCalendar as s } from "./index186.mjs";
-import { PersianCalendar as b } from "./index189.mjs";
-import { TaiwanCalendar as p } from "./index188.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();
-  }
-}
+import { jsx as o } from "react/jsx-runtime";
+import c from "react";
+import { useDialog as n, FocusRing as m, FocusScope as l } from "react-aria";
+import { BoxWithForwardRef as f } from "./index24.mjs";
+const p = (e) => {
+  const { children: r, themeName: u, tokens: s, customTheme: a } = e, t = c.useRef(null), { dialogProps: i } = n(e, t);
+  return /* @__PURE__ */ o(
+    f,
+    {
+      themeName: `${u}.dialog`,
+      tokens: s,
+      customTheme: a,
+      ref: t,
+      "aria-modal": !0,
+      ...i,
+      children: /* @__PURE__ */ o(m, { focusRingClass: "has-focus-ring", within: !0, autoFocus: !0, children: /* @__PURE__ */ o(l, { contain: !0, restoreFocus: !0, autoFocus: !0, children: r }) })
+    }
+  );
+};
 export {
-  q as createCalendar
+  p as default
 };

package/index119.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),b=require("./index134.js"),m=require("@react-aria/calendar"),p=require("@react-aria/i18n"),a=require("./index64.js"),y=require("./index135.js");function g({themeName:c="calendar",customTheme:$,tokens:l,state:n,...i}){const{locale:o}=p.useLocale(),{gridProps:t,headerProps:d,weekDays:h}=m.useCalendarGrid({...i},n),u=b.getWeeksInMonth(n.visibleRange.start,o),j=a(`${c}.calendarTable`,l),q=a(`${c}.dayLabel`,l);return e.jsxs("table",{...t,cellPadding:"0",className:j,children:[e.jsx("thead",{...d,children:e.jsx("tr",{children:h.map(r=>e.jsx("th",{className:q,children:r},`${r}`))})}),e.jsx("tbody",{children:[...new Array(u).keys()].map(r=>e.jsx("tr",{children:n.getDatesInWeek(r).map((s,x)=>s?e.jsx(y,{state:n,date:s},s==null?void 0:s.day):e.jsx("td",{},x))},r))})]})}module.exports=g;
+"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index24.js"),q=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=q;

package/index119.mjs

@@ -1,16 +1,11 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { getWeeksInMonth as y } from "./index134.mjs";
-import { useCalendarGrid as $ } from "@react-aria/calendar";
-import { useLocale as g } from "@react-aria/i18n";
-import c from "./index64.mjs";
-import C from "./index135.mjs";
-function D({ themeName: l = "calendar", customTheme: T, tokens: n, state: o, ...s }) {
-  const { locale: m } = g(), { gridProps: t, headerProps: i, weekDays: d } = $({ ...s }, o), h = y(o.visibleRange.start, m), p = c(`${l}.calendarTable`, n), f = c(`${l}.dayLabel`, n);
-  return /* @__PURE__ */ u("table", { ...t, cellPadding: "0", className: p, children: [
-    /* @__PURE__ */ e("thead", { ...i, children: /* @__PURE__ */ e("tr", { children: d.map((r) => /* @__PURE__ */ e("th", { className: f, children: r }, `${r}`)) }) }),
-    /* @__PURE__ */ e("tbody", { children: [...new Array(h).keys()].map((r) => /* @__PURE__ */ e("tr", { children: o.getDatesInWeek(r).map((a, b) => a ? /* @__PURE__ */ e(C, { state: o, date: a }, a == null ? void 0 : a.day) : /* @__PURE__ */ e("td", {}, b)) }, r)) })
-  ] });
-}
+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 "./index24.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 {
-  D as default
+  N as default
 };

package/index120.js

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),t=require("react-spring"),r=({isVisible:i,children:e})=>t.useTransition(i,{from:{opacity:0,scale:.75},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.75},config:t.config.stiff})((o,n)=>n&&s.jsx(t.animated.div,{style:{position:"fixed",left:0,top:0,bottom:0,zIndex:1e3,width:"100%",height:"100%",...o},children:e}));module.exports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index141.js"),V=require("./index142.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=$;