@okam/stack-ui 1.34.0 → 1.35.0

package/index117.mjs

@@ -1,77 +1,18 @@
-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 "./index189.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();
-  };
+import { useControlledState as n } from "./index150.mjs";
+function o(e = {}) {
+  let { isReadOnly: t } = e, [l, c] = n(e.isSelected, e.defaultSelected || !1, e.onChange);
+  function d(f) {
+    t || c(f);
+  }
+  function a() {
+    t || c(!l);
+  }
   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);
-    }
+    isSelected: l,
+    setSelected: d,
+    toggle: a
   };
 }
 export {
-  W as useDatePickerState
+  o as useToggleState
 };

package/index118.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 c=require("./index149.js"),o=require("./index150.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;

package/index118.mjs

@@ -1,10 +1,41 @@
-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 { useFormValidationState as r, mergeValidation as o } from "./index149.mjs";
+import { useControlledState as b } from "./index150.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);
+    },
+    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
+  };
 }
 export {
-  u as Dialog
+  y as useCheckboxGroupState
 };

package/index119.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("./index147.js"),f=require("./index148.js"),v=require("./index149.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 client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),o=t.createContext(null),c=e=>{const{children:r,state:n}=e;return u.jsx(o.Provider,{value:n,children:r})};function s(){const e=t.useContext(o);return e||null}exports.CheckboxGroupProvider=c;exports.useCheckboxGroupCtx=s;

package/index119.mjs

@@ -1,26 +1,15 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { DismissButton as n } from "./index147.mjs";
-import { usePopover as $ } from "./index148.mjs";
-import { Overlay as u } from "./index149.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 })
-    ] })
-  ] });
+"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;
 }
 export {
-  D as CalendarPopover
+  i as CheckboxGroupProvider,
+  C as useCheckboxGroupCtx
 };

package/index12.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),v=require("react"),g=require("react-aria"),N=require("./index71.js"),b=require("./index6.js"),x=require("./index14.js"),d=v.forwardRef((r,i)=>{const{themeName:a,tokens:u,customTheme:e,children:l,onSubmit:o,...t}=r,{isDisabled:s}=t,{pressProps:c}=g.usePress({onPress:()=>o==null?void 0:o()});return n.jsx(g.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:n.jsx(b.ButtonWithForwardRef,{themeName:a,tokens:u,ref:i,...c,...t,"aria-disabled":s,children:l})})}),h=v.forwardRef((r,i)=>{const{children:a,...u}=r,{controller:e}=N.useSwiperController(),{params:l,activeIndex:o=1,slides:t}=e??{},{slidesPerView:s=1,loop:c}=l??{},f=Math.round(typeof s=="number"?(o+1)/s:o),m=Math.round(t&&typeof s=="number"?t.length/s:(t==null?void 0:t.length)??1),w=f<m,C=!c&&!w;return n.jsx(d,{onSubmit:()=>e==null?void 0:e.slideNext(),...u,ref:i,isDisabled:C,children:a||n.jsx(x,{icon:"ArrowRight"})})}),p=v.forwardRef((r,i)=>{const{children:a,...u}=r,{controller:e}=N.useSwiperController(),{params:l,activeIndex:o=1}=e??{},{loop:t}=l??{},c=!t&&!(o!==0);return n.jsx(d,{onSubmit:()=>e==null?void 0:e.slidePrev(),...u,ref:i,isDisabled:c,children:a||n.jsx(x,{icon:"ArrowLeft"})})});d.displayName="CarouselNavigationButton";h.displayName="CarouselNextNavigationButton";p.displayName="CarouselPrevNavigationButton";exports.CarouselNavigationButton=d;exports.CarouselNextNavigationButton=h;exports.CarouselPrevNavigationButton=p;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),v=require("react"),g=require("react-aria"),N=require("./index74.js"),b=require("./index6.js"),x=require("./index14.js"),d=v.forwardRef((r,i)=>{const{themeName:a,tokens:u,customTheme:e,children:l,onSubmit:o,...t}=r,{isDisabled:s}=t,{pressProps:c}=g.usePress({onPress:()=>o==null?void 0:o()});return n.jsx(g.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:n.jsx(b.ButtonWithForwardRef,{themeName:a,tokens:u,ref:i,...c,...t,"aria-disabled":s,children:l})})}),h=v.forwardRef((r,i)=>{const{children:a,...u}=r,{controller:e}=N.useSwiperController(),{params:l,activeIndex:o=1,slides:t}=e??{},{slidesPerView:s=1,loop:c}=l??{},f=Math.round(typeof s=="number"?(o+1)/s:o),m=Math.round(t&&typeof s=="number"?t.length/s:(t==null?void 0:t.length)??1),w=f<m,C=!c&&!w;return n.jsx(d,{onSubmit:()=>e==null?void 0:e.slideNext(),...u,ref:i,isDisabled:C,children:a||n.jsx(x,{icon:"ArrowRight"})})}),p=v.forwardRef((r,i)=>{const{children:a,...u}=r,{controller:e}=N.useSwiperController(),{params:l,activeIndex:o=1}=e??{},{loop:t}=l??{},c=!t&&!(o!==0);return n.jsx(d,{onSubmit:()=>e==null?void 0:e.slidePrev(),...u,ref:i,isDisabled:c,children:a||n.jsx(x,{icon:"ArrowLeft"})})});d.displayName="CarouselNavigationButton";h.displayName="CarouselNextNavigationButton";p.displayName="CarouselPrevNavigationButton";exports.CarouselNavigationButton=d;exports.CarouselNextNavigationButton=h;exports.CarouselPrevNavigationButton=p;exports.default=d;

package/index12.mjs

@@ -2,7 +2,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { usePress as f, FocusRing as b } from "react-aria";
-import { useSwiperController as p } from "./index71.mjs";
+import { useSwiperController as p } from "./index74.mjs";
 import { ButtonWithForwardRef as w } from "./index6.mjs";
 import h from "./index14.mjs";
 const m = u(

package/index120.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("./index124.js"),u=require("./index150.js"),d=require("./index151.js"),h=require("@react-aria/i18n"),f=require("./index152.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 c=require("react/jsx-runtime"),u=require("react"),a=require("react-aria"),l=require("./index27.js");function d(e){const{themeName:r="dialog",tokens:o,title:g,children:i,...n}=e,t=u.useRef(null),{dialogProps:s}=a.useDialog(e,t);return c.jsx(l.BoxWithForwardRef,{...n,themeName:r,tokens:o,...s,ref:t,children:i})}exports.Dialog=d;

package/index120.mjs

@@ -1,42 +1,11 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { createCalendar as n } from "./index124.mjs";
-import { useDateSegment as f } from "./index150.mjs";
-import { useDateField as m } from "./index151.mjs";
-import { useLocale as p } from "@react-aria/i18n";
-import { useDateFieldState as u } from "./index152.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 { jsx as f } from "react/jsx-runtime";
+import { useRef as l } from "react";
+import { useDialog as s } from "react-aria";
+import { BoxWithForwardRef as a } from "./index27.mjs";
+function h(o) {
+  const { themeName: t = "dialog", tokens: e, title: c, children: i, ...m } = o, r = l(null), { dialogProps: n } = s(o, r);
+  return /* @__PURE__ */ f(a, { ...m, themeName: t, tokens: e, ...n, ref: r, children: i });
 }
 export {
-  R as default
+  h as Dialog
 };

package/index121.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index151.js"),A=require("./index190.js"),K=require("./index191.js"),N=require("@react-aria/focus"),l=require("./index158.js"),M=require("./index145.js"),k=require("./index111.js"),w=require("./index168.js"),x=require("./index181.js"),Z=require("./index192.js"),j=require("./index188.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 client";
+"use strict";const r=require("react/jsx-runtime"),x=require("react"),a=require("./index27.js"),p=require("./index6.js"),b=require("./index14.js"),i=require("./index3.js"),u=x.forwardRef((d,c)=>{const{themeName:e="datePicker",tokens:t,groupProps:m,buttonProps:n,buttonLabel:o,buttonContent:s,icon:h,children:l}=d;return r.jsxs(a.BoxWithForwardRef,{themeName:`${e}.wrapper`,tokens:t,...m,ref:c,children:[o&&r.jsx(i.default,{themeName:`${e}.buttonLabel`,tokens:t,children:o}),r.jsx(a.default,{themeName:`${e}.dateFieldContainer`,tokens:t,children:l}),r.jsxs(p.default,{themeName:`${e}.button`,tokens:t,type:"button",...n,handlePress:n.onPress,children:[s&&r.jsx(i.default,{themeName:`${e}.buttonContent`,tokens:t,children:s}),r.jsx(b,{themeName:`${e}.icon`,tokens:t,icon:h??"ArrowDown"})]})]})});u.displayName="Wrapper";module.exports=u;

package/index121.mjs

@@ -1,154 +1,41 @@
-import { focusManagerSymbol as w, roleSymbol as N } from "./index151.mjs";
-import S from "./index190.mjs";
-import { useDatePickerGroup as k } from "./index191.mjs";
-import { createFocusManager as Z } from "@react-aria/focus";
-import { DEFAULT_VALIDATION_RESULT as P, privateValidationStateProp as h, mergeValidation as F } from "./index158.mjs";
-import { useId as R } from "./index145.mjs";
-import { mergeProps as A } from "./index111.mjs";
-import { filterDOMProps as j } from "./index168.mjs";
-import { useDescription as q } from "./index181.mjs";
-import { useField as z } from "./index192.mjs";
-import { useFocusWithin as G } from "./index188.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);
+"use client";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import u, { BoxWithForwardRef as f } from "./index27.mjs";
+import b from "./index6.mjs";
+import N from "./index14.mjs";
+import p from "./index3.mjs";
+const $ = l((i, h) => {
+  const {
+    themeName: e = "datePicker",
+    tokens: t,
+    groupProps: s,
+    buttonProps: r,
+    buttonLabel: n,
+    buttonContent: m,
+    icon: c,
+    children: d
+  } = i;
+  return /* @__PURE__ */ a(f, { themeName: `${e}.wrapper`, tokens: t, ...s, ref: h, children: [
+    n && /* @__PURE__ */ o(p, { themeName: `${e}.buttonLabel`, tokens: t, children: n }),
+    /* @__PURE__ */ o(u, { themeName: `${e}.dateFieldContainer`, tokens: t, children: d }),
+    /* @__PURE__ */ a(
+      b,
+      {
+        themeName: `${e}.button`,
+        tokens: t,
+        type: "button",
+        ...r,
+        handlePress: r.onPress,
+        children: [
+          m && /* @__PURE__ */ o(p, { themeName: `${e}.buttonContent`, tokens: t, children: m }),
+          /* @__PURE__ */ o(N, { themeName: `${e}.icon`, tokens: t, icon: c ?? "ArrowDown" })
+        ]
       }
-    }),
-    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));
-        },
-        resetValidation: a.resetValidation,
-        commitValidation: a.commitValidation
-      }
-    },
-    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: _
-  };
-}
+    )
+  ] });
+});
+$.displayName = "Wrapper";
 export {
-  be as useDateRangePicker
+  $ as default
 };

package/index122.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index198.js"),T=require("./index195.js"),I=require("./index199.js"),ee=require("./index158.js"),te=require("./index200.js"),le=require("./index189.js"),c=require("react");function ae(t){var V,C;let D=te.useOverlayTriggerState(t),[g,M]=le.useControlledState(t.value,t.defaultValue||null,t.onChange),[h,N]=c.useState(()=>g||{start:null,end:null});g==null&&h.start&&h.end&&(h={start:null,end:null},N(h));let e=g||h,f=l=>{N(l||{start:null,end:null}),v(l)?M(l):M(null)},W=(e==null?void 0:e.start)||(e==null?void 0:e.end)||t.placeholderValue||null,[m,U]=u.useDefaultProps(W,t.granularity),Z=m==="hour"||m==="minute"||m==="second";var S;let _=(S=t.shouldCloseOnSelect)!==null&&S!==void 0?S:!0,[d,F]=c.useState(null),[a,E]=c.useState(null);e&&v(e)&&(d=e,"hour"in e.start&&(a=e));let O=(l,n)=>{f({start:"timeZone"in n.start?n.start.set(T.toCalendarDate(l.start)):T.toCalendarDateTime(l.start,n.start),end:"timeZone"in n.end?n.end.set(T.toCalendarDate(l.end)):T.toCalendarDateTime(l.end,n.end)}),F(null),E(null),y.commitValidation()},R=l=>{let n=typeof _=="function"?_():_;Z?v(l)&&(a!=null&&a.start)&&(a!=null&&a.end)?O(l,{start:(a==null?void 0:a.start)||u.getPlaceholderTime(t.placeholderValue),end:(a==null?void 0:a.end)||u.getPlaceholderTime(t.placeholderValue)}):F(l):v(l)?(f(l),y.commitValidation()):F(l),n&&D.setOpen(!1)},b=l=>{v(d)&&v(l)?O(d,l):E(l)},L=(e==null||(V=e.start)===null||V===void 0?void 0:V.calendar.identifier)==="gregory"&&e.start.era==="BC"||(e==null||(C=e.end)===null||C===void 0?void 0:C.calendar.identifier)==="gregory"&&e.end.era==="BC",P=c.useMemo(()=>({granularity:m,timeZone:U,hideTimeZone:t.hideTimeZone,hourCycle:t.hourCycle,shouldForceLeadingZeros:t.shouldForceLeadingZeros,showEra:L}),[m,t.hourCycle,t.shouldForceLeadingZeros,U,t.hideTimeZone,L]),{minValue:k,maxValue:G,isDateUnavailable:j}=t,X=c.useMemo(()=>u.getRangeValidationResult(e,k,G,j,P),[e,k,G,j,P]),y=ee.useFormValidationState({...t,value:g,name:c.useMemo(()=>[t.startName,t.endName].filter(l=>l!=null),[t.startName,t.endName]),builtinValidation:X}),z=y.displayValidation.isInvalid,Y=t.validationState||(z?"invalid":null);return{...y,value:e,setValue:f,dateRange:d,timeRange:a,granularity:m,hasTime:Z,setDate(l,n){var i,r;R(l==="start"?{start:n,end:(i=d==null?void 0:d.end)!==null&&i!==void 0?i:null}:{start:(r=d==null?void 0:d.start)!==null&&r!==void 0?r:null,end:n})},setTime(l,n){var i,r;b(l==="start"?{start:n,end:(i=a==null?void 0:a.end)!==null&&i!==void 0?i:null}:{start:(r=a==null?void 0:a.start)!==null&&r!==void 0?r:null,end:n})},setDateTime(l,n){var i,r;f(l==="start"?{start:n,end:(i=e==null?void 0:e.end)!==null&&i!==void 0?i:null}:{start:(r=e==null?void 0:e.start)!==null&&r!==void 0?r:null,end:n})},setDateRange:R,setTimeRange:b,...D,setOpen(l){!l&&!(e!=null&&e.start&&(e!=null&&e.end))&&v(d)&&Z&&O(d,{start:(a==null?void 0:a.start)||u.getPlaceholderTime(t.placeholderValue),end:(a==null?void 0:a.end)||u.getPlaceholderTime(t.placeholderValue)}),D.setOpen(l)},validationState:Y,isInvalid:z,formatValue(l,n){if(!e||!e.start||!e.end)return null;let i="timeZone"in e.start?e.start.timeZone:void 0,r=t.granularity||(e.start&&"minute"in e.start?"minute":"day"),w="timeZone"in e.end?e.end.timeZone:void 0,A=t.granularity||(e.end&&"minute"in e.end?"minute":"day"),p=u.getFormatOptions(n,{granularity:r,timeZone:i,hideTimeZone:t.hideTimeZone,hourCycle:t.hourCycle,showEra:e.start.calendar.identifier==="gregory"&&e.start.era==="BC"||e.end.calendar.identifier==="gregory"&&e.end.era==="BC"}),H=e.start.toDate(i||"UTC"),J=e.end.toDate(w||"UTC"),q=new I.DateFormatter(l,p),$;if(i===w&&r===A&&e.start.compare(e.end)!==0){try{let s=q.formatRangeToParts(H,J),x=-1;for(let o=0;o<s.length;o++){let B=s[o];if(B.source==="shared"&&B.type==="literal")x=o;else if(B.source==="endRange")break}let K="",Q="";for(let o=0;o<s.length;o++)o<x?K+=s[o].value:o>x&&(Q+=s[o].value);return{start:K,end:Q}}catch{}$=q}else{let s=u.getFormatOptions(n,{granularity:A,timeZone:w,hideTimeZone:t.hideTimeZone,hourCycle:t.hourCycle});$=new I.DateFormatter(l,s)}return{start:q.format(H),end:$.format(J)}},getDateFormatter(l,n){let i={...P,...n},r=u.getFormatOptions({},i);return new I.DateFormatter(l,r)}}}function v(t){return(t==null?void 0:t.start)!=null&&t.end!=null}exports.useDateRangePickerState=ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index227.js"),r=require("react"),u=require("./index168.js"),a=require("@react-aria/i18n"),c=require("./index116.js");function d(e){return e&&e.__esModule?e.default:e}function m(e){let{onDismiss:t,...i}=e,s=a.useLocalizedStringFormatter(d(o),"@react-aria/overlays"),n=u.useLabels(i,s.format("dismiss")),l=()=>{t&&t()};return r.createElement(c.VisuallyHidden,null,r.createElement("button",{...n,tabIndex:-1,onClick:l,style:{width:1,height:1}}))}exports.DismissButton=m;