@okam/stack-ui 1.30.0 → 1.31.0

package/index115.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),v=require("./index116.js"),R=require("@react-aria/calendar"),m=require("@react-aria/i18n"),P=require("@react-stately/calendar"),T=require("react"),c=require("./index64.js"),h=require("./index6.js"),x=require("./index14.js"),p=require("./index3.js"),w=require("./index117.js");function y({buttons:n,tokens:r,customTheme:A,themeName:a="calendar",...t}){var l,u;const{locale:q}=m.useLocale(),o=P.useRangeCalendarState({...t,locale:q,createCalendar:v.createCalendar}),d=T.useRef(null),{calendarProps:j,prevButtonProps:s,nextButtonProps:i,title:C}=R.useRangeCalendar({...t},o,d),g=c(`${a}.container`,r),$=c(`${a}.header`,r),f=c(`${a}.navigationButtonsContainer`,r);return e.jsxs("div",{...j,ref:d,className:g,children:[e.jsxs("div",{className:$,children:[e.jsx(p.default,{as:"p",tokens:{size:"h6"},children:C}),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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("./index163.js"),R=require("./index148.js"),B=require("./index164.js"),C=require("@react-aria/focus"),u=require("./index143.js"),S=require("./index156.js"),W=require("./index165.js"),K=require("./index166.js"),k=require("./index157.js"),E=require("./index167.js"),U=require("./index161.js"),g=require("@react-aria/i18n"),x=require("react");function L(e){return e&&e.__esModule?e.default:e}function T(e,i,r){let l=u.useId(),P=u.useId(),f=u.useId(),t=g.useLocalizedStringFormatter(L($),"@react-aria/datepicker"),{isInvalid:c,validationErrors:b,validationDetails:D}=i.displayValidation,{labelProps:h,fieldProps:a,descriptionProps:v,errorMessageProps:m}=E.useField({...e,labelElementType:"span",isInvalid:c,errorMessage:e.errorMessage||b}),F=B.useDatePickerGroup(i,r),o=a["aria-labelledby"]||a.id,{locale:V}=g.useLocale(),y=i.formatValue(V,{month:"long"}),M=y?t.format("selectedDateDescription",{date:y}):"",n=K.useDescription(M),s=[n["aria-describedby"],a["aria-describedby"]].filter(Boolean).join(" ")||void 0,q=W.filterDOMProps(e),I=x.useMemo(()=>C.createFocusManager(r),[r]),{focusWithinProps:O}=U.useFocusWithin({...e,isDisabled:i.isOpen,onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:S.mergeProps(q,F,a,n,O,{role:"group","aria-disabled":e.isDisabled||null,"aria-labelledby":o,"aria-describedby":s,onKeyDown(d){i.isOpen||e.onKeyDown&&e.onKeyDown(d)},onKeyUp(d){i.isOpen||e.onKeyUp&&e.onKeyUp(d)}}),labelProps:{...h,onClick:()=>{I.focusFirst()}},fieldProps:{...a,id:f,[R.roleSymbol]:"presentation","aria-describedby":s,value:i.value,onChange:i.setValue,placeholderValue:e.placeholderValue,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,shouldForceLeadingZeros:e.shouldForceLeadingZeros,granularity:e.granularity,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,validationBehavior:e.validationBehavior,[k.privateValidationStateProp]:i,autoFocus:e.autoFocus,name:e.name},descriptionProps:v,errorMessageProps:m,buttonProps:{...n,id:l,"aria-haspopup":"dialog","aria-label":t.format("calendar"),"aria-labelledby":`${l} ${o}`,"aria-describedby":s,"aria-expanded":i.isOpen,isDisabled:e.isDisabled||e.isReadOnly,onPress:()=>i.setOpen(!0)},dialogProps:{id:P,"aria-labelledby":`${l} ${o}`},calendarProps:{autoFocus:!0,value:i.dateValue,onChange:i.setDateValue,minValue:e.minValue,maxValue:e.maxValue,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isDateUnavailable:e.isDateUnavailable,defaultFocusedValue:i.dateValue?void 0:e.placeholderValue,isInvalid:i.isInvalid,errorMessage:typeof e.errorMessage=="function"?e.errorMessage(i.displayValidation):e.errorMessage||i.displayValidation.validationErrors.join(" ")},isInvalid:c,validationErrors:b,validationDetails:D}}exports.useDatePicker=T;

package/index115.mjs

@@ -1,52 +1,116 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { createCalendar as R } from "./index116.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 f from "./index6.mjs";
-import h from "./index14.mjs";
-import j from "./index3.mjs";
-import w from "./index117.mjs";
-function J({ buttons: e, tokens: n, customTheme: A, themeName: o = "calendar", ...s }) {
-  var l, p;
-  const { locale: C } = y(), m = P({
-    ...s,
-    locale: C,
-    createCalendar: R
-  }), d = B(null), { calendarProps: g, prevButtonProps: a, nextButtonProps: i, title: u } = T({ ...s }, m, d), $ = c(`${o}.container`, n), v = c(`${o}.header`, n), x = c(`${o}.navigationButtonsContainer`, n);
-  return /* @__PURE__ */ t("div", { ...g, ref: d, 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(
-          f,
-          {
-            themeName: `${o}.navigationButtons`,
-            tokens: { ...n },
-            type: "button",
-            ...a,
-            handlePress: a == null ? void 0 : a.onPress,
-            children: /* @__PURE__ */ r(h, { icon: ((l = e == null ? void 0 : e.buttonPrev) == null ? void 0 : l.icon) ?? "ArrowLeft" })
-          }
-        ),
-        /* @__PURE__ */ r(
-          f,
-          {
-            themeName: `${o}.navigationButtons`,
-            tokens: { ...n },
-            type: "button",
-            ...i,
-            handlePress: i == null ? void 0 : i.onPress,
-            children: /* @__PURE__ */ r(h, { icon: ((p = e == null ? void 0 : e.buttonNext) == null ? void 0 : p.icon) ?? "ArrowRight" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ r(w, { state: m })
-  ] });
+import M from "./index163.mjs";
+import { roleSymbol as O } from "./index148.mjs";
+import { useDatePickerGroup as I } from "./index164.mjs";
+import { createFocusManager as B } from "@react-aria/focus";
+import { useId as t } from "./index143.mjs";
+import { mergeProps as C } from "./index156.mjs";
+import { filterDOMProps as R } from "./index165.mjs";
+import { useDescription as K } from "./index166.mjs";
+import { privateValidationStateProp as W } from "./index157.mjs";
+import { useField as E } from "./index167.mjs";
+import { useFocusWithin as U } from "./index161.mjs";
+import { useLocalizedStringFormatter as k, useLocale as L } from "@react-aria/i18n";
+import { useMemo as Z } from "react";
+function w(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function Y(e, a, r) {
+  let o = t(), m = t(), $ = t(), u = k(w(M), "@react-aria/datepicker"), { isInvalid: c, validationErrors: b, validationDetails: y } = a.displayValidation, { labelProps: g, fieldProps: i, descriptionProps: P, errorMessageProps: D } = E({
+    ...e,
+    labelElementType: "span",
+    isInvalid: c,
+    errorMessage: e.errorMessage || b
+  }), h = I(a, r), l = i["aria-labelledby"] || i.id, { locale: v } = L(), f = a.formatValue(v, {
+    month: "long"
+  }), p = f ? u.format("selectedDateDescription", {
+    date: f
+  }) : "", d = K(p), n = [
+    d["aria-describedby"],
+    i["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, V = R(e), F = Z(() => B(r), [
+    r
+  ]), { focusWithinProps: x } = U({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: e.onBlur,
+    onFocusWithin: e.onFocus,
+    onFocusWithinChange: e.onFocusChange
+  });
+  return {
+    groupProps: C(V, h, i, d, x, {
+      role: "group",
+      "aria-disabled": e.isDisabled || null,
+      "aria-labelledby": l,
+      "aria-describedby": n,
+      onKeyDown(s) {
+        a.isOpen || e.onKeyDown && e.onKeyDown(s);
+      },
+      onKeyUp(s) {
+        a.isOpen || e.onKeyUp && e.onKeyUp(s);
+      }
+    }),
+    labelProps: {
+      ...g,
+      onClick: () => {
+        F.focusFirst();
+      }
+    },
+    fieldProps: {
+      ...i,
+      id: $,
+      [O]: "presentation",
+      "aria-describedby": n,
+      value: a.value,
+      onChange: a.setValue,
+      placeholderValue: e.placeholderValue,
+      hideTimeZone: e.hideTimeZone,
+      hourCycle: e.hourCycle,
+      shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+      granularity: e.granularity,
+      isDisabled: e.isDisabled,
+      isReadOnly: e.isReadOnly,
+      isRequired: e.isRequired,
+      validationBehavior: e.validationBehavior,
+      // DatePicker owns the validation state for the date field.
+      [W]: a,
+      autoFocus: e.autoFocus,
+      name: e.name
+    },
+    descriptionProps: P,
+    errorMessageProps: D,
+    buttonProps: {
+      ...d,
+      id: o,
+      "aria-haspopup": "dialog",
+      "aria-label": u.format("calendar"),
+      "aria-labelledby": `${o} ${l}`,
+      "aria-describedby": n,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: m,
+      "aria-labelledby": `${o} ${l}`
+    },
+    calendarProps: {
+      autoFocus: !0,
+      value: a.dateValue,
+      onChange: a.setDateValue,
+      minValue: e.minValue,
+      maxValue: e.maxValue,
+      isDisabled: e.isDisabled,
+      isReadOnly: e.isReadOnly,
+      isDateUnavailable: e.isDateUnavailable,
+      defaultFocusedValue: a.dateValue ? void 0 : e.placeholderValue,
+      isInvalid: a.isInvalid,
+      errorMessage: typeof e.errorMessage == "function" ? e.errorMessage(a.displayValidation) : e.errorMessage || a.displayValidation.validationErrors.join(" ")
+    },
+    isInvalid: c,
+    validationErrors: b,
+    validationDetails: y
+  };
 }
 export {
-  J as default
+  Y as useDatePicker
 };

package/index116.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index148.js"),e=require("./index154.js"),i=require("./index143.js"),c=require("./index153.js"),t=require("./index151.js"),a=require("./index152.js"),l=require("./index147.js"),s=require("./index150.js"),d=require("./index149.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index180.js"),w=require("./index170.js"),I=require("./index181.js"),L=require("./index157.js"),M=require("./index182.js"),U=require("./index162.js"),m=require("react");function $(e){let f=M.useOverlayTriggerState(e),[l,v]=U.useControlledState(e.value,e.defaultValue||null,e.onChange),d=l||e.placeholderValue||null,[i,u]=o.useDefaultProps(d,e.granularity),y=l!=null?l.toDate(u??"UTC"):null,h=i==="hour"||i==="minute"||i==="second";var g;let V=(g=e.shouldCloseOnSelect)!==null&&g!==void 0?g:!0,[n,D]=m.useState(null),[r,C]=m.useState(null);if(l&&(n=l,"hour"in l&&(r=l)),d&&!(i in d))throw new Error("Invalid granularity "+i+" for value "+d.toString());let O=(l==null?void 0:l.calendar.identifier)==="gregory"&&l.era==="BC",s=m.useMemo(()=>({granularity:i,timeZone:u,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,shouldForceLeadingZeros:e.shouldForceLeadingZeros,showEra:O}),[i,e.hourCycle,e.shouldForceLeadingZeros,u,e.hideTimeZone,O]),{minValue:F,maxValue:b,isDateUnavailable:Z}=e,x=m.useMemo(()=>o.getValidationResult(l,F,b,Z,s),[l,F,b,Z,s]),c=L.useFormValidationState({...e,value:l,builtinValidation:x}),q=c.displayValidation.isInvalid,E=e.validationState||(q?"invalid":null),S=(t,a)=>{v("timeZone"in a?a.set(w.toCalendarDate(t)):w.toCalendarDateTime(t,a)),D(null),C(null),c.commitValidation()};return{...c,value:l,setValue:v,dateValue:n,timeValue:r,setDateValue:t=>{let a=typeof V=="function"?V():V;h?r||a?S(t,r||o.getPlaceholderTime(e.defaultValue||e.placeholderValue)):D(t):(v(t),c.commitValidation()),a&&f.setOpen(!1)},setTimeValue:t=>{n&&t?S(n,t):C(t)},granularity:i,hasTime:h,...f,setOpen(t){!t&&!l&&n&&h&&S(n,r||o.getPlaceholderTime(e.defaultValue||e.placeholderValue)),f.setOpen(t)},validationState:E,isInvalid:q,formatValue(t,a){if(!y)return"";let T=o.getFormatOptions(a,s);return new I.DateFormatter(t,T).format(y)},getDateFormatter(t,a){let T={...s,...a},P=o.getFormatOptions({},T);return new I.DateFormatter(t,P)}}}exports.useDatePickerState=$;

package/index116.mjs

@@ -1,43 +1,77 @@
-import { BuddhistCalendar as a } from "./index148.mjs";
-import { CopticCalendar as r, EthiopicAmeteAlemCalendar as c, EthiopicCalendar as n } from "./index154.mjs";
-import { GregorianCalendar as t } from "./index143.mjs";
-import { HebrewCalendar as d } from "./index153.mjs";
-import { IndianCalendar as f } from "./index151.mjs";
-import { IslamicUmalquraCalendar as o, IslamicTabularCalendar as i, IslamicCivilCalendar as $ } from "./index152.mjs";
-import { JapaneseCalendar as s } from "./index147.mjs";
-import { PersianCalendar as b } from "./index150.mjs";
-import { TaiwanCalendar as p } from "./index149.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 { useDefaultProps as U, getValidationResult as _, getPlaceholderTime as Z, getFormatOptions as F } from "./index180.mjs";
+import { toCalendarDate as k, toCalendarDateTime as B } from "./index170.mjs";
+import { DateFormatter as w } from "./index181.mjs";
+import { useFormValidationState as M } from "./index157.mjs";
+import { useOverlayTriggerState as R } from "./index182.mjs";
+import { useControlledState as j } from "./index162.mjs";
+import { useState as I, useMemo as E } from "react";
+function W(e) {
+  let m = R(e), [t, s] = j(e.value, e.defaultValue || null, e.onChange), u = t || e.placeholderValue || null, [i, r] = U(u, e.granularity), V = t != null ? t.toDate(r ?? "UTC") : null, c = i === "hour" || i === "minute" || i === "second";
+  var $;
+  let b = ($ = e.shouldCloseOnSelect) !== null && $ !== void 0 ? $ : !0, [o, g] = I(null), [n, S] = I(null);
+  if (t && (o = t, "hour" in t && (n = t)), u && !(i in u)) throw new Error("Invalid granularity " + i + " for value " + u.toString());
+  let T = (t == null ? void 0 : t.calendar.identifier) === "gregory" && t.era === "BC", d = E(() => ({
+    granularity: i,
+    timeZone: r,
+    hideTimeZone: e.hideTimeZone,
+    hourCycle: e.hourCycle,
+    shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+    showEra: T
+  }), [
+    i,
+    e.hourCycle,
+    e.shouldForceLeadingZeros,
+    r,
+    e.hideTimeZone,
+    T
+  ]), { minValue: x, maxValue: D, isDateUnavailable: y } = e, L = E(() => _(t, x, D, y, d), [
+    t,
+    x,
+    D,
+    y,
+    d
+  ]), f = M({
+    ...e,
+    value: t,
+    builtinValidation: L
+  }), C = f.displayValidation.isInvalid, P = e.validationState || (C ? "invalid" : null), h = (a, l) => {
+    s("timeZone" in l ? l.set(k(a)) : B(a, l)), g(null), S(null), f.commitValidation();
+  };
+  return {
+    ...f,
+    value: t,
+    setValue: s,
+    dateValue: o,
+    timeValue: n,
+    setDateValue: (a) => {
+      let l = typeof b == "function" ? b() : b;
+      c ? n || l ? h(a, n || Z(e.defaultValue || e.placeholderValue)) : g(a) : (s(a), f.commitValidation()), l && m.setOpen(!1);
+    },
+    setTimeValue: (a) => {
+      o && a ? h(o, a) : S(a);
+    },
+    granularity: i,
+    hasTime: c,
+    ...m,
+    setOpen(a) {
+      !a && !t && o && c && h(o, n || Z(e.defaultValue || e.placeholderValue)), m.setOpen(a);
+    },
+    validationState: P,
+    isInvalid: C,
+    formatValue(a, l) {
+      if (!V) return "";
+      let v = F(l, d);
+      return new w(a, v).format(V);
+    },
+    getDateFormatter(a, l) {
+      let v = {
+        ...d,
+        ...l
+      }, O = F({}, v);
+      return new w(a, O);
+    }
+  };
 }
 export {
-  q as createCalendar
+  W as useDatePickerState
 };

package/index117.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),b=require("./index132.js"),q=require("@react-aria/calendar"),p=require("@react-aria/i18n"),a=require("./index64.js"),y=require("./index133.js");function g({themeName:c="calendar",customTheme:k,tokens:l,state:n,...i}){const{locale:o}=p.useLocale(),{gridProps:t,headerProps:d,weekDays:h}=q.useCalendarGrid({...i},n),u=b.getWeeksInMonth(n.visibleRange.start,o),j=a(`${c}.calendarTable`,l),x=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:x,children:r},`${r}`))})}),e.jsx("tbody",{children:[...new Array(u).keys()].map(r=>e.jsx("tr",{children:n.getDatesInWeek(r).map((s,m)=>s?e.jsx(y,{state:n,date:s},s==null?void 0:s.day):e.jsx("td",{},m))},r))})]})}module.exports=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),s=require("react-aria");function u({title:c,children:t,...r}){const e=n.useRef(null),{dialogProps:i}=s.useDialog(r,e);return o.jsx("div",{...i,ref:e,children:t})}exports.Dialog=u;

package/index117.mjs

@@ -1,16 +1,10 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { getWeeksInMonth as y } from "./index132.mjs";
-import { useCalendarGrid as $ } from "@react-aria/calendar";
-import { useLocale as g } from "@react-aria/i18n";
-import c from "./index64.mjs";
-import C from "./index133.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 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 {
-  D as default
+  u as Dialog
 };

package/index118.js

@@ -1 +1 @@
-"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),f=require("./index64.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("./index144.js"),f=require("./index145.js"),v=require("./index146.js"),m=require("react"),i=require("./index64.js");function j(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 P=j(m);function y({themeName:e="datePicker",tokens:o,...r}){const s=P.useRef(null),{state:n,children:a}={...r},{popoverProps:u,underlayProps:l}=f.usePopover({...r,popoverRef:s},n),d=i(`${e}.calendarUnderlay`,o),p=i(`${e}.calendarPopover`,o);return t.jsxs(v.Overlay,{children:[t.jsx("div",{...l,className:d}),t.jsxs("div",{...u,ref:s,className:p,children:[t.jsx(c.DismissButton,{onDismiss:n.close}),a,t.jsx(c.DismissButton,{onDismiss:n.close})]})]})}exports.CalendarPopover=y;

package/index118.mjs

@@ -1,33 +1,26 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useTransition as m, config as f, animated as l } from "@react-spring/web";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { DismissButton as n } from "./index144.mjs";
+import { usePopover as $ } from "./index145.mjs";
+import { Overlay as u } from "./index146.mjs";
+import * as v from "react";
 import p from "./index64.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
-      }
-    )
-  );
-};
+function D({ themeName: r = "datePicker", tokens: s, ...a }) {
+  const t = v.useRef(null), { state: e, children: i } = { ...a }, { popoverProps: m, underlayProps: d } = $(
+    {
+      ...a,
+      popoverRef: t
+    },
+    e
+  ), f = p(`${r}.calendarUnderlay`, s), l = p(`${r}.calendarPopover`, s);
+  return /* @__PURE__ */ c(u, { children: [
+    /* @__PURE__ */ o("div", { ...d, className: f }),
+    /* @__PURE__ */ c("div", { ...m, ref: t, className: l, children: [
+      /* @__PURE__ */ o(n, { onDismiss: e.close }),
+      i,
+      /* @__PURE__ */ o(n, { onDismiss: e.close })
+    ] })
+  ] });
+}
 export {
-  y as default
+  D as CalendarPopover
 };

package/index119.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),o=require("react-aria"),l=require("./index25.js"),d=t=>{const{children:s,themeName:u,tokens:c,customTheme:i}=t,r=a.useRef(null),{dialogProps:n}=o.useDialog(t,r);return e.jsx(l.BoxWithForwardRef,{themeName:`${u}.dialog`,tokens:c,customTheme:i,ref:r,"aria-modal":!0,...n,children:e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(o.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:s})})})};module.exports=d;
+"use strict";const t=require("react/jsx-runtime"),o=require("./index123.js"),u=require("./index147.js"),d=require("./index148.js"),h=require("@react-aria/i18n"),f=require("./index149.js"),a=require("react"),q=require("react-aria"),x=require("./index64.js");function D({segment:e,state:i}){const s=a.useRef(null),{segmentProps:r}=u.useDateSegment(e,i,s),n=x("datePicker.dateSegment");return t.jsx(q.FocusRing,{focusRingClass:"has-focus-ring",children:t.jsxs("div",{...r,ref:s,className:n,children:[t.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 P(e){const{locale:i}=h.useLocale(),s=f.useDateFieldState({...e,locale:i,createCalendar:o.createCalendar}),r=a.useRef(null),{fieldProps:n}=d.useDateField(e,s,r);return t.jsx("div",{...n,ref:r,className:"flex",children:s.segments.map((c,l)=>t.jsx(D,{segment:c,state:s},l))})}module.exports=P;

package/index119.mjs

@@ -1,22 +1,42 @@
-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 "./index25.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 }) })
-    }
-  );
-};
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { createCalendar as n } from "./index123.mjs";
+import { useDateSegment as f } from "./index147.mjs";
+import { useDateField as m } from "./index148.mjs";
+import { useLocale as p } from "@react-aria/i18n";
+import { useDateFieldState as u } from "./index149.mjs";
+import { useRef as s } from "react";
+import { FocusRing as h } from "react-aria";
+import b from "./index64.mjs";
+function $({ segment: e, state: a }) {
+  const t = s(null), { segmentProps: o } = f(e, a, t), i = b("datePicker.dateSegment");
+  return /* @__PURE__ */ r(h, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ d("div", { ...o, ref: t, className: i, 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: a } = p(), t = u({
+    ...e,
+    locale: a,
+    createCalendar: n
+  }), o = s(null), { fieldProps: i } = m(e, t, o);
+  return /* @__PURE__ */ r("div", { ...i, ref: o, className: "flex", children: t.segments.map((l, c) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ r($, { segment: l, state: t }, c)
+  )) });
+}
 export {
-  p as default
+  R as default
 };

package/index120.js

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index25.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index148.js"),A=require("./index163.js"),K=require("./index164.js"),N=require("@react-aria/focus"),l=require("./index157.js"),M=require("./index143.js"),k=require("./index156.js"),w=require("./index165.js"),x=require("./index166.js"),Z=require("./index167.js"),j=require("./index161.js"),q=require("@react-aria/i18n"),y=require("react");function G(e){return e&&e.__esModule?e.default:e}function z(e,a,d){var s,u,c;let n=q.useLocalizedStringFormatter(G(A),"@react-aria/datepicker"),{isInvalid:D,validationErrors:P,validationDetails:I}=a.displayValidation,{labelProps:O,fieldProps:o,descriptionProps:T,errorMessageProps:p}=Z.useField({...e,labelElementType:"span",isInvalid:D,errorMessage:e.errorMessage||P}),t=o["aria-labelledby"]||o.id,{locale:S}=q.useLocale(),g=a.formatValue(S,{month:"long"}),C=g?n.format("selectedRangeDescription",{startDate:g.start,endDate:g.end}):"",b=x.useDescription(C),L={"aria-label":n.format("startDate"),"aria-labelledby":t},E={"aria-label":n.format("endDate"),"aria-labelledby":t},r=M.useId(),U=M.useId(),$=K.useDatePickerGroup(a,d),m=[b["aria-describedby"],o["aria-describedby"]].filter(Boolean).join(" ")||void 0,f=y.useMemo(()=>N.createFocusManager(d,{accept:i=>i.id!==r}),[d,r]),F={[_.focusManagerSymbol]:f,[_.roleSymbol]:"presentation","aria-describedby":m,placeholderValue:e.placeholderValue,hideTimeZone:e.hideTimeZone,hourCycle:e.hourCycle,granularity:e.granularity,shouldForceLeadingZeros:e.shouldForceLeadingZeros,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,validationBehavior:e.validationBehavior},B=w.filterDOMProps(e),{focusWithinProps:W}=j.useFocusWithin({...e,isDisabled:a.isOpen,onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange}),h=y.useRef(l.DEFAULT_VALIDATION_RESULT),R=y.useRef(l.DEFAULT_VALIDATION_RESULT);var v,V;return{groupProps:k.mergeProps(B,$,o,b,W,{role:"group","aria-disabled":e.isDisabled||null,"aria-describedby":m,onKeyDown(i){a.isOpen||e.onKeyDown&&e.onKeyDown(i)},onKeyUp(i){a.isOpen||e.onKeyUp&&e.onKeyUp(i)}}),labelProps:{...O,onClick:()=>{f.focusFirst()}},buttonProps:{...b,id:r,"aria-haspopup":"dialog","aria-label":n.format("calendar"),"aria-labelledby":`${r} ${t}`,"aria-describedby":m,"aria-expanded":a.isOpen,isDisabled:e.isDisabled||e.isReadOnly,onPress:()=>a.setOpen(!0)},dialogProps:{id:U,"aria-labelledby":`${r} ${t}`},startFieldProps:{...L,...F,value:(v=(s=a.value)===null||s===void 0?void 0:s.start)!==null&&v!==void 0?v:null,onChange:i=>a.setDateTime("start",i),autoFocus:e.autoFocus,name:e.startName,[l.privateValidationStateProp]:{realtimeValidation:a.realtimeValidation,displayValidation:a.displayValidation,updateValidation(i){h.current=i,a.updateValidation(l.mergeValidation(i,R.current))},resetValidation:a.resetValidation,commitValidation:a.commitValidation}},endFieldProps:{...E,...F,value:(V=(u=a.value)===null||u===void 0?void 0:u.end)!==null&&V!==void 0?V:null,onChange:i=>a.setDateTime("end",i),name:e.endName,[l.privateValidationStateProp]:{realtimeValidation:a.realtimeValidation,displayValidation:a.displayValidation,updateValidation(i){R.current=i,a.updateValidation(l.mergeValidation(h.current,i))},resetValidation:a.resetValidation,commitValidation:a.commitValidation}},descriptionProps:T,errorMessageProps:p,calendarProps:{autoFocus:!0,value:!((c=a.dateRange)===null||c===void 0)&&c.start&&a.dateRange.end?a.dateRange:null,onChange:a.setDateRange,minValue:e.minValue,maxValue:e.maxValue,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isDateUnavailable:e.isDateUnavailable,allowsNonContiguousRanges:e.allowsNonContiguousRanges,defaultFocusedValue:a.dateRange?void 0:e.placeholderValue,isInvalid:a.isInvalid,errorMessage:typeof e.errorMessage=="function"?e.errorMessage(a.displayValidation):e.errorMessage||a.displayValidation.validationErrors.join(" ")},isInvalid:D,validationErrors:P,validationDetails:I}}exports.useDateRangePicker=z;