@okam/stack-ui 1.32.7 → 1.33.0

package/index116.mjs

@@ -1,77 +1,116 @@
-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 "./index156.mjs";
-import { useOverlayTriggerState as R } from "./index182.mjs";
-import { useControlledState as j } from "./index157.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({
+import M from "./index190.mjs";
+import { roleSymbol as O } from "./index150.mjs";
+import { useDatePickerGroup as I } from "./index191.mjs";
+import { createFocusManager as B } from "@react-aria/focus";
+import { useId as t } from "./index143.mjs";
+import { mergeProps as C } from "./index111.mjs";
+import { filterDOMProps as R } from "./index169.mjs";
+import { useDescription as K } from "./index182.mjs";
+import { privateValidationStateProp as W } from "./index158.mjs";
+import { useField as E } from "./index192.mjs";
+import { useFocusWithin as U } from "./index189.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,
-    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();
-  };
+    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 {
-    ...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);
+    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
     },
-    setTimeValue: (a) => {
-      o && a ? h(o, a) : S(a);
+    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)
     },
-    granularity: i,
-    hasTime: c,
-    ...m,
-    setOpen(a) {
-      !a && !t && o && c && h(o, n || Z(e.defaultValue || e.placeholderValue)), m.setOpen(a);
+    dialogProps: {
+      id: m,
+      "aria-labelledby": `${o} ${l}`
     },
-    validationState: P,
-    isInvalid: C,
-    formatValue(a, l) {
-      if (!V) return "";
-      let v = F(l, d);
-      return new w(a, v).format(V);
+    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(" ")
     },
-    getDateFormatter(a, l) {
-      let v = {
-        ...d,
-        ...l
-      }, O = F({}, v);
-      return new w(a, O);
-    }
+    isInvalid: c,
+    validationErrors: b,
+    validationDetails: y
   };
 }
 export {
-  W as useDatePickerState
+  Y as useDatePicker
 };

package/index117.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index198.js"),w=require("./index195.js"),I=require("./index199.js"),L=require("./index158.js"),M=require("./index200.js"),U=require("./index159.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/index117.mjs

@@ -1,10 +1,77 @@
-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 { useDefaultProps as U, getValidationResult as _, getPlaceholderTime as Z, getFormatOptions as F } from "./index198.mjs";
+import { toCalendarDate as k, toCalendarDateTime as B } from "./index195.mjs";
+import { DateFormatter as w } from "./index199.mjs";
+import { useFormValidationState as M } from "./index158.mjs";
+import { useOverlayTriggerState as R } from "./index200.mjs";
+import { useControlledState as j } from "./index159.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 {
-  u as Dialog
+  W as useDatePickerState
 };

package/index118.js

@@ -1 +1 @@
-"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;
+"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/index118.mjs

@@ -1,26 +1,10 @@
-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";
-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 })
-    ] })
-  ] });
+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 CalendarPopover
+  u as Dialog
 };

package/index119.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("./index146.js"),f=require("./index147.js"),v=require("./index148.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/index119.mjs

@@ -1,42 +1,26 @@
-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)
-  )) });
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { DismissButton as n } from "./index146.mjs";
+import { usePopover as $ } from "./index147.mjs";
+import { Overlay as u } from "./index148.mjs";
+import * as v from "react";
+import p from "./index64.mjs";
+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 {
-  R as default
+  D as CalendarPopover
 };

package/index120.js

@@ -1 +1 @@
-"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("./index156.js"),M=require("./index138.js"),k=require("./index158.js"),w=require("./index165.js"),x=require("./index166.js"),Z=require("./index167.js"),j=require("./index162.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;
+"use strict";const t=require("react/jsx-runtime"),o=require("./index124.js"),u=require("./index149.js"),d=require("./index150.js"),h=require("@react-aria/i18n"),f=require("./index151.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/index120.mjs

@@ -1,154 +1,42 @@
-import { focusManagerSymbol as w, roleSymbol as N } from "./index148.mjs";
-import S from "./index163.mjs";
-import { useDatePickerGroup as k } from "./index164.mjs";
-import { createFocusManager as Z } from "@react-aria/focus";
-import { DEFAULT_VALIDATION_RESULT as P, privateValidationStateProp as h, mergeValidation as F } from "./index156.mjs";
-import { useId as R } from "./index138.mjs";
-import { mergeProps as A } from "./index158.mjs";
-import { filterDOMProps as j } from "./index165.mjs";
-import { useDescription as q } from "./index166.mjs";
-import { useField as z } from "./index167.mjs";
-import { useFocusWithin as G } from "./index162.mjs";
-import { useLocalizedStringFormatter as H, useLocale as J } from "@react-aria/i18n";
-import { useMemo as Q, useRef as x } from "react";
-function X(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function be(e, a, n) {
-  var t, s, u;
-  let o = H(X(S), "@react-aria/datepicker"), { isInvalid: g, validationErrors: v, validationDetails: _ } = a.displayValidation, { labelProps: M, fieldProps: r, descriptionProps: O, errorMessageProps: I } = z({
-    ...e,
-    labelElementType: "span",
-    isInvalid: g,
-    errorMessage: e.errorMessage || v
-  }), d = r["aria-labelledby"] || r.id, { locale: C } = J(), c = a.formatValue(C, {
-    month: "long"
-  }), T = c ? o.format("selectedRangeDescription", {
-    startDate: c.start,
-    endDate: c.end
-  }) : "", b = q(T), B = {
-    "aria-label": o.format("startDate"),
-    "aria-labelledby": d
-  }, E = {
-    "aria-label": o.format("endDate"),
-    "aria-labelledby": d
-  }, l = R(), L = R(), U = k(a, n), m = [
-    b["aria-describedby"],
-    r["aria-describedby"]
-  ].filter(Boolean).join(" ") || void 0, y = Q(() => Z(n, {
-    // Exclude the button from the focus manager.
-    accept: (i) => i.id !== l
-  }), [
-    n,
-    l
-  ]), V = {
-    [w]: y,
-    [N]: "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
-  }, K = j(e), { focusWithinProps: W } = G({
-    ...e,
-    isDisabled: a.isOpen,
-    onBlurWithin: e.onBlur,
-    onFocusWithin: e.onFocus,
-    onFocusWithinChange: e.onFocusChange
-  }), D = x(P), p = x(P);
-  var f, $;
-  return {
-    groupProps: A(K, U, r, 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: {
-      ...M,
-      onClick: () => {
-        y.focusFirst();
-      }
-    },
-    buttonProps: {
-      ...b,
-      id: l,
-      "aria-haspopup": "dialog",
-      "aria-label": o.format("calendar"),
-      "aria-labelledby": `${l} ${d}`,
-      "aria-describedby": m,
-      "aria-expanded": a.isOpen,
-      isDisabled: e.isDisabled || e.isReadOnly,
-      onPress: () => a.setOpen(!0)
-    },
-    dialogProps: {
-      id: L,
-      "aria-labelledby": `${l} ${d}`
-    },
-    startFieldProps: {
-      ...B,
-      ...V,
-      value: (f = (t = a.value) === null || t === void 0 ? void 0 : t.start) !== null && f !== void 0 ? f : null,
-      onChange: (i) => a.setDateTime("start", i),
-      autoFocus: e.autoFocus,
-      name: e.startName,
-      [h]: {
-        realtimeValidation: a.realtimeValidation,
-        displayValidation: a.displayValidation,
-        updateValidation(i) {
-          D.current = i, a.updateValidation(F(i, p.current));
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { createCalendar as n } from "./index124.mjs";
+import { useDateSegment as f } from "./index149.mjs";
+import { useDateField as m } from "./index150.mjs";
+import { useLocale as p } from "@react-aria/i18n";
+import { useDateFieldState as u } from "./index151.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"
         },
-        resetValidation: a.resetValidation,
-        commitValidation: a.commitValidation
+        children: e.placeholder
       }
-    },
-    endFieldProps: {
-      ...E,
-      ...V,
-      value: ($ = (s = a.value) === null || s === void 0 ? void 0 : s.end) !== null && $ !== void 0 ? $ : null,
-      onChange: (i) => a.setDateTime("end", i),
-      name: e.endName,
-      [h]: {
-        realtimeValidation: a.realtimeValidation,
-        displayValidation: a.displayValidation,
-        updateValidation(i) {
-          p.current = i, a.updateValidation(F(D.current, i));
-        },
-        resetValidation: a.resetValidation,
-        commitValidation: a.commitValidation
-      }
-    },
-    descriptionProps: O,
-    errorMessageProps: I,
-    calendarProps: {
-      autoFocus: !0,
-      value: !((u = a.dateRange) === null || u === void 0) && u.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: g,
-    validationErrors: v,
-    validationDetails: _
-  };
+    ),
+    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 {
-  be as useDateRangePicker
+  R as default
 };