@okam/stack-ui 1.44.3 → 1.44.4

package/index35.mjs

@@ -1,74 +1,25 @@
 "use client";
-import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import { createCalendar as b } from "./index168.mjs";
-import { useLocale as N } from "@react-aria/i18n";
-import { useRef as u } from "react";
-import { useDateField as x, useDateSegment as R, useFocusRing as $, FocusRing as D } from "react-aria";
-import { useDateFieldState as S } from "react-stately";
-import k from "./index89.mjs";
-import { BoxWithForwardRef as f } from "./index37.mjs";
-function T(o) {
-  const { themeName: a = "datePicker", tokens: e, customTheme: l, segment: t, state: s } = o, i = u(null), { segmentProps: c } = R(t, s, i), m = k(`${a}.dateSegmentPlaceholder`), { focusProps: n, isFocusVisible: d } = $();
-  return /* @__PURE__ */ r(D, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ F(
-    f,
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import * as m from "react";
+import { usePopover as d, Overlay as f, DismissButton as a } from "react-aria";
+import { Box as u, BoxWithForwardRef as v } from "./index7.mjs";
+function R({ themeName: e = "datePicker", tokens: s, ...n }) {
+  const i = m.useRef(null), { state: o, children: p } = { ...n }, { popoverProps: c, underlayProps: l } = d(
     {
-      ...c,
       ...n,
-      ref: i,
-      themeName: `${a}.dateSegment`,
-      tokens: {
-        ...e,
-        // Hack since has-focus-ring is not getting applied
-        className: d ? `has-focus-ring ${e == null ? void 0 : e.className}` : (e == null ? void 0 : e.className) ?? ""
-      },
-      customTheme: l,
-      children: [
-        /* @__PURE__ */ r(
-          "span",
-          {
-            className: m,
-            "aria-hidden": "true",
-            style: {
-              visibility: t.isPlaceholder ? "visible" : "hidden",
-              height: t.isPlaceholder ? "" : 0,
-              pointerEvents: "none",
-              display: t.isPlaceholder ? "block" : "none"
-            },
-            children: t.placeholder
-          }
-        ),
-        t.isPlaceholder ? "" : t.text
-      ]
-    }
-  ) });
-}
-function I(o) {
-  const { themeName: a = "datePicker", tokens: e, customTheme: l } = o, { locale: t } = N(), s = S({
-    ...o,
-    locale: t,
-    createCalendar: b
-  }), { isDisabled: i, isReadOnly: c, isRequired: m } = s, n = u(null), { fieldProps: d, isInvalid: g } = x(o, s, n), h = {
-    isInvalid: g,
-    isDisabled: i,
-    isReadOnly: c,
-    isRequired: m,
-    ...e
-  };
-  return /* @__PURE__ */ r(
-    f,
-    {
-      ...d,
-      ref: n,
-      themeName: `${a}.dateField`,
-      tokens: h,
-      customTheme: l,
-      children: s.segments.map((p, P) => (
-        // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ r(T, { themeName: a, tokens: h, segment: p, state: s }, P)
-      ))
-    }
+      popoverRef: i
+    },
+    o
   );
+  return /* @__PURE__ */ t(f, { children: [
+    /* @__PURE__ */ r(u, { themeName: `${e}.calendarUnderlay`, tokens: s, ...l }),
+    /* @__PURE__ */ t(v, { themeName: `${e}.calendarPopover`, tokens: s, ...c, ref: i, children: [
+      /* @__PURE__ */ r(a, { onDismiss: o.close }),
+      p,
+      /* @__PURE__ */ r(a, { onDismiss: o.close })
+    ] })
+  ] });
 }
 export {
-  I as default
+  R as CalendarPopover
 };

package/index36.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),a=require("./index37.js"),W=require("./index39.js"),G=require("./index163.js"),J=require("./index3.js"),Q=require("./index34.js"),r=require("./index35.js"),V=require("./index164.js");function X(o){const{popoverPlacement:x="bottom start",placement:P="bottom start",buttonLabel:g,description:d,themeName:t="datePicker",tokens:l,customTheme:j,icon:f,buttonContent:b,innerDateFieldSeparator:c=" - ",outerDateFieldSeparator:u=" - ",invalidIndicator:p="❌",children:q,label:m,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C}=o,y=P??x,s=U.useDateRangePickerState(o),{isInvalid:O,isOpen:T,hasTime:w}=s,i=L.useRef(null),{labelProps:z,descriptionProps:A,groupProps:B,startFieldProps:h,endFieldProps:k,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDateRangePicker(o,s,i),n={...l,isInvalid:O,isOpen:T,hasTime:w};return e.jsxs(a.default,{themeName:`${t}.container`,tokens:n,customTheme:j,children:[m&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:m}),d&&e.jsx(a.default,{as:"div",themeName:`${t}.description`,tokens:n,...A,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:i,groupProps:B,buttonProps:E,buttonLabel:g,buttonContent:b,icon:f,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"start"},...h}),u&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:u}),e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:p})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:n,triggerRef:i,state:s,placement:y,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[q,e.jsxs(a.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"start"},...h}),c&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:c}),e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:p})]}),e.jsx(W,{...K,tokens:l})]})})]})}module.exports=X;
+"use strict";const i=require("react/jsx-runtime"),k=require("@internationalized/date"),g=require("react"),o=require("react-aria"),F=require("react-stately"),q=require("./index88.js"),f=require("./index7.js");function N(t){const{themeName:n="datePicker",tokens:a,customTheme:l,segment:e,state:s}=t,c=g.useRef(null),{segmentProps:d}=o.useDateSegment(e,s,c),u=q(`${n}.dateSegmentPlaceholder`),{focusProps:r,isFocusVisible:h}=o.useFocusRing();return i.jsx(o.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:i.jsxs(f.BoxWithForwardRef,{...d,...r,ref:c,themeName:`${n}.dateSegment`,tokens:{...a,className:h?`has-focus-ring ${a?.className}`:a?.className??""},customTheme:l,children:[i.jsx("span",{className:u,"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 S(t){const{themeName:n="datePicker",tokens:a,customTheme:l}=t,{locale:e}=o.useLocale(),s=F.useDateFieldState({...t,locale:e,createCalendar:k.createCalendar}),{isDisabled:c,isReadOnly:d,isRequired:u}=s,r=g.useRef(null),{fieldProps:h,isInvalid:x}=o.useDateField(t,s,r),m={isInvalid:x,isDisabled:c,isReadOnly:d,isRequired:u,...a};return i.jsx(f.BoxWithForwardRef,{...h,ref:r,themeName:`${n}.dateField`,tokens:m,customTheme:l,children:s.segments.map((P,R)=>i.jsx(N,{themeName:n,tokens:m,segment:P,state:s},R))})}module.exports=S;

package/index36.mjs

@@ -1,152 +1,73 @@
 "use client";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { useRef as W } from "react";
-import { useDateRangePicker as q } from "react-aria";
-import { useDateRangePickerState as A } from "react-stately";
-import n from "./index37.mjs";
-import G from "./index39.mjs";
-import { Dialog as J } from "./index163.mjs";
-import Q from "./index3.mjs";
-import { CalendarPopover as V } from "./index34.mjs";
-import i from "./index35.mjs";
-import X from "./index164.mjs";
-function de(s) {
-  const {
-    popoverPlacement: f = "bottom start",
-    placement: g = "bottom start",
-    buttonLabel: b,
-    description: m,
-    themeName: e = "datePicker",
-    tokens: l,
-    customTheme: N,
-    icon: v,
-    buttonContent: D,
-    innerDateFieldSeparator: p = " - ",
-    outerDateFieldSeparator: c = " - ",
-    invalidIndicator: h = "❌",
-    children: $,
-    label: k,
-    containerPadding: F,
-    shouldCloseOnInteractOutside: I,
-    arrowBoundaryOffset: y,
-    isNonModal: R,
-    isKeyboardDismissDisabled: S,
-    arrowSize: x,
-    boundaryElement: C,
-    maxHeight: O,
-    shouldUpdatePosition: T
-  } = s, j = g ?? f, r = A(s), { isInvalid: w, isOpen: B, hasTime: z } = r, d = W(null), {
-    labelProps: E,
-    descriptionProps: H,
-    groupProps: K,
-    startFieldProps: u,
-    endFieldProps: P,
-    buttonProps: L,
-    dialogProps: M,
-    calendarProps: U
-  } = q(s, r, d), t = {
-    ...l,
-    isInvalid: w,
-    isOpen: B,
-    hasTime: z
+import { jsx as l, jsxs as k } from "react/jsx-runtime";
+import { createCalendar as F } from "@internationalized/date";
+import { useRef as u } from "react";
+import { useLocale as N, useDateField as R, useDateSegment as x, useFocusRing as D, FocusRing as S } from "react-aria";
+import { useDateFieldState as b } from "react-stately";
+import T from "./index88.mjs";
+import { BoxWithForwardRef as f } from "./index7.mjs";
+function v(s) {
+  const { themeName: o = "datePicker", tokens: n, customTheme: r, segment: e, state: t } = s, i = u(null), { segmentProps: c } = x(e, t, i), m = T(`${o}.dateSegmentPlaceholder`), { focusProps: a, isFocusVisible: d } = D();
+  return /* @__PURE__ */ l(S, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ k(
+    f,
+    {
+      ...c,
+      ...a,
+      ref: i,
+      themeName: `${o}.dateSegment`,
+      tokens: {
+        ...n,
+        // Hack since has-focus-ring is not getting applied
+        className: d ? `has-focus-ring ${n?.className}` : n?.className ?? ""
+      },
+      customTheme: r,
+      children: [
+        /* @__PURE__ */ l(
+          "span",
+          {
+            className: m,
+            "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 E(s) {
+  const { themeName: o = "datePicker", tokens: n, customTheme: r } = s, { locale: e } = N(), t = b({
+    ...s,
+    locale: e,
+    createCalendar: F
+  }), { isDisabled: i, isReadOnly: c, isRequired: m } = t, a = u(null), { fieldProps: d, isInvalid: g } = R(s, t, a), h = {
+    isInvalid: g,
+    isDisabled: i,
+    isReadOnly: c,
+    isRequired: m,
+    ...n
   };
-  return /* @__PURE__ */ a(n, { themeName: `${e}.container`, tokens: t, customTheme: N, children: [
-    k && /* @__PURE__ */ o(Q, { as: "span", themeName: `${e}.label`, tokens: t, ...E, children: k }),
-    m && /* @__PURE__ */ o(n, { as: "div", themeName: `${e}.description`, tokens: t, ...H, children: m }),
-    /* @__PURE__ */ a(
-      X,
-      {
-        themeName: e,
-        tokens: t,
-        ref: d,
-        groupProps: K,
-        buttonProps: L,
-        buttonLabel: b,
-        buttonContent: D,
-        icon: v,
-        children: [
-          /* @__PURE__ */ o(
-            i,
-            {
-              themeName: e,
-              tokens: { ...t, position: "outer", range: "start" },
-              ...u
-            }
-          ),
-          c && /* @__PURE__ */ o(n, { as: "span", themeName: `${e}.dateFieldSeparator`, tokens: t, children: c }),
-          /* @__PURE__ */ o(
-            i,
-            {
-              themeName: e,
-              tokens: { ...t, position: "outer", range: "end" },
-              ...P
-            }
-          ),
-          r.isInvalid && /* @__PURE__ */ o(
-            n,
-            {
-              as: "span",
-              themeName: `${e}.invalidIndicator`,
-              tokens: { ...t, position: "outer" },
-              children: h
-            }
-          )
-        ]
-      }
-    ),
-    r.isOpen && /* @__PURE__ */ o(
-      V,
-      {
-        themeName: e,
-        tokens: t,
-        triggerRef: d,
-        state: r,
-        placement: j,
-        containerPadding: F,
-        shouldCloseOnInteractOutside: I,
-        arrowBoundaryOffset: y,
-        isNonModal: R,
-        isKeyboardDismissDisabled: S,
-        arrowSize: x,
-        boundaryElement: C,
-        maxHeight: O,
-        shouldUpdatePosition: T,
-        children: /* @__PURE__ */ a(J, { themeName: `${e}.dialog`, tokens: t, ...M, children: [
-          $,
-          /* @__PURE__ */ a(n, { themeName: `${e}.dateFieldContainer`, tokens: t, children: [
-            /* @__PURE__ */ o(
-              i,
-              {
-                themeName: e,
-                tokens: { ...t, position: "inner", range: "start" },
-                ...u
-              }
-            ),
-            p && /* @__PURE__ */ o(n, { as: "span", themeName: `${e}.dateFieldSeparator`, tokens: t, children: p }),
-            /* @__PURE__ */ o(
-              i,
-              {
-                themeName: e,
-                tokens: { ...t, position: "inner", range: "end" },
-                ...P
-              }
-            ),
-            r.isInvalid && /* @__PURE__ */ o(
-              n,
-              {
-                as: "span",
-                themeName: `${e}.invalidIndicator`,
-                tokens: { ...t, position: "inner" },
-                children: h
-              }
-            )
-          ] }),
-          /* @__PURE__ */ o(G, { ...U, tokens: l })
-        ] })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ l(
+    f,
+    {
+      ...d,
+      ref: a,
+      themeName: `${o}.dateField`,
+      tokens: h,
+      customTheme: r,
+      children: t.segments.map((p, P) => (
+        // eslint-disable-next-line react/no-array-index-key -- react-stately segments lack stable IDs; position-based key matches library pattern
+        /* @__PURE__ */ l(v, { themeName: o, tokens: h, segment: p, state: t }, P)
+      ))
+    }
+  );
 }
 export {
-  de as default
+  E as default
 };

package/index37.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),d=require("react"),i=require("./index89.js"),l=({as:e="div",themeName:t="box",tokens:o,customTheme:s,children:r,className:c,...a})=>{const n=i(t,o,s);return u.jsx(e,{...a,className:n,children:r})},h=d.forwardRef((e,t)=>{const{as:o="div",tokens:s,themeName:r="box",customTheme:c,children:a,...n}=e,m=i(r,s,c);return u.jsx(o,{...n,ref:t,className:m,children:a})});exports.BoxWithForwardRef=h;exports.default=l;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),o=require("./index7.js"),W=require("./index10.js"),G=require("./index128.js"),J=require("./index74.js"),Q=require("./index35.js"),r=require("./index36.js"),V=require("./index129.js");function X(a){const{popoverPlacement:k="bottom start",placement:P="bottom start",buttonLabel:g,description:i,themeName:n="datePicker",tokens:u,customTheme:j,icon:b,buttonContent:q,innerDateFieldSeparator:l=" - ",outerDateFieldSeparator:d=" - ",invalidIndicator:m="❌",children:v,label:c,containerPadding:N,shouldCloseOnInteractOutside:$,arrowBoundaryOffset:D,isNonModal:B,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:y,maxHeight:I,shouldUpdatePosition:S}=a,f=P??k,s=U.useDateRangePickerState(a),{isInvalid:C,isOpen:O,hasTime:T}=s,p=L.useRef(null),{labelProps:w,descriptionProps:z,groupProps:A,startFieldProps:x,endFieldProps:h,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDateRangePicker(a,s,p),t={...u,isInvalid:C,isOpen:O,hasTime:T};return e.jsxs(o.Box,{themeName:`${n}.container`,tokens:t,customTheme:j,children:[c!=null&&c!==""&&e.jsx(J.Typography,{as:"span",themeName:`${n}.label`,tokens:t,...w,children:c}),i!=null&&i!==""&&e.jsx(o.Box,{as:"div",themeName:`${n}.description`,tokens:t,...z,children:i}),e.jsxs(V,{themeName:n,tokens:t,ref:p,groupProps:A,buttonProps:E,buttonLabel:g,buttonContent:q,icon:b,children:[e.jsx(r,{themeName:n,tokens:{...t,position:"outer",range:"start"},...x}),d!=null&&d!==""&&e.jsx(o.Box,{as:"span",themeName:`${n}.dateFieldSeparator`,tokens:t,children:d}),e.jsx(r,{themeName:n,tokens:{...t,position:"outer",range:"end"},...h}),s.isInvalid&&e.jsx(o.Box,{as:"span",themeName:`${n}.invalidIndicator`,tokens:{...t,position:"outer"},children:m})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:n,tokens:t,triggerRef:p,state:s,placement:f,containerPadding:N,shouldCloseOnInteractOutside:$,arrowBoundaryOffset:D,isNonModal:B,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:y,maxHeight:I,shouldUpdatePosition:S,children:e.jsxs(G.Dialog,{themeName:`${n}.dialog`,tokens:t,...H,children:[v,e.jsxs(o.Box,{themeName:`${n}.dateFieldContainer`,tokens:t,children:[e.jsx(r,{themeName:n,tokens:{...t,position:"inner",range:"start"},...x}),l!=null&&l!==""&&e.jsx(o.Box,{as:"span",themeName:`${n}.dateFieldSeparator`,tokens:t,children:l}),e.jsx(r,{themeName:n,tokens:{...t,position:"inner",range:"end"},...h}),s.isInvalid&&e.jsx(o.Box,{as:"span",themeName:`${n}.invalidIndicator`,tokens:{...t,position:"inner"},children:m})]}),e.jsx(W,{...K,tokens:u})]})})]})}module.exports=X;

package/index37.mjs

@@ -1,23 +1,152 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import h from "react";
-import f from "./index89.mjs";
-const u = ({
-  as: e = "div",
-  themeName: t = "box",
-  tokens: o,
-  customTheme: s,
-  children: m,
-  className: n,
-  ...r
-}) => {
-  const a = f(t, o, s);
-  return /* @__PURE__ */ c(e, { ...r, className: a, children: m });
-}, p = h.forwardRef((e, t) => {
-  const { as: o = "div", tokens: s, themeName: m = "box", customTheme: n, children: r, ...a } = e, d = f(m, s, n);
-  return /* @__PURE__ */ c(o, { ...a, ref: t, className: d, children: r });
-});
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { useRef as W } from "react";
+import { useDateRangePicker as q } from "react-aria";
+import { useDateRangePickerState as A } from "react-stately";
+import { Box as n } from "./index7.mjs";
+import G from "./index10.mjs";
+import { Dialog as J } from "./index128.mjs";
+import { Typography as Q } from "./index74.mjs";
+import { CalendarPopover as V } from "./index35.mjs";
+import i from "./index36.mjs";
+import X from "./index129.mjs";
+function le(s) {
+  const {
+    popoverPlacement: f = "bottom start",
+    placement: g = "bottom start",
+    buttonLabel: b,
+    description: l,
+    themeName: e = "datePicker",
+    tokens: h,
+    customTheme: N,
+    icon: v,
+    buttonContent: D,
+    innerDateFieldSeparator: d = " - ",
+    outerDateFieldSeparator: m = " - ",
+    invalidIndicator: u = "❌",
+    children: $,
+    label: p,
+    containerPadding: F,
+    shouldCloseOnInteractOutside: I,
+    arrowBoundaryOffset: y,
+    isNonModal: R,
+    isKeyboardDismissDisabled: S,
+    arrowSize: x,
+    boundaryElement: C,
+    maxHeight: O,
+    shouldUpdatePosition: T
+  } = s, j = g ?? f, r = A(s), { isInvalid: w, isOpen: B, hasTime: z } = r, c = W(null), {
+    labelProps: E,
+    descriptionProps: H,
+    groupProps: K,
+    startFieldProps: k,
+    endFieldProps: P,
+    buttonProps: L,
+    dialogProps: M,
+    calendarProps: U
+  } = q(s, r, c), t = {
+    ...h,
+    isInvalid: w,
+    isOpen: B,
+    hasTime: z
+  };
+  return /* @__PURE__ */ a(n, { themeName: `${e}.container`, tokens: t, customTheme: N, children: [
+    p != null && p !== "" && /* @__PURE__ */ o(Q, { as: "span", themeName: `${e}.label`, tokens: t, ...E, children: p }),
+    l != null && l !== "" && /* @__PURE__ */ o(n, { as: "div", themeName: `${e}.description`, tokens: t, ...H, children: l }),
+    /* @__PURE__ */ a(
+      X,
+      {
+        themeName: e,
+        tokens: t,
+        ref: c,
+        groupProps: K,
+        buttonProps: L,
+        buttonLabel: b,
+        buttonContent: D,
+        icon: v,
+        children: [
+          /* @__PURE__ */ o(
+            i,
+            {
+              themeName: e,
+              tokens: { ...t, position: "outer", range: "start" },
+              ...k
+            }
+          ),
+          m != null && m !== "" && /* @__PURE__ */ o(n, { as: "span", themeName: `${e}.dateFieldSeparator`, tokens: t, children: m }),
+          /* @__PURE__ */ o(
+            i,
+            {
+              themeName: e,
+              tokens: { ...t, position: "outer", range: "end" },
+              ...P
+            }
+          ),
+          r.isInvalid && /* @__PURE__ */ o(
+            n,
+            {
+              as: "span",
+              themeName: `${e}.invalidIndicator`,
+              tokens: { ...t, position: "outer" },
+              children: u
+            }
+          )
+        ]
+      }
+    ),
+    r.isOpen && /* @__PURE__ */ o(
+      V,
+      {
+        themeName: e,
+        tokens: t,
+        triggerRef: c,
+        state: r,
+        placement: j,
+        containerPadding: F,
+        shouldCloseOnInteractOutside: I,
+        arrowBoundaryOffset: y,
+        isNonModal: R,
+        isKeyboardDismissDisabled: S,
+        arrowSize: x,
+        boundaryElement: C,
+        maxHeight: O,
+        shouldUpdatePosition: T,
+        children: /* @__PURE__ */ a(J, { themeName: `${e}.dialog`, tokens: t, ...M, children: [
+          $,
+          /* @__PURE__ */ a(n, { themeName: `${e}.dateFieldContainer`, tokens: t, children: [
+            /* @__PURE__ */ o(
+              i,
+              {
+                themeName: e,
+                tokens: { ...t, position: "inner", range: "start" },
+                ...k
+              }
+            ),
+            d != null && d !== "" && /* @__PURE__ */ o(n, { as: "span", themeName: `${e}.dateFieldSeparator`, tokens: t, children: d }),
+            /* @__PURE__ */ o(
+              i,
+              {
+                themeName: e,
+                tokens: { ...t, position: "inner", range: "end" },
+                ...P
+              }
+            ),
+            r.isInvalid && /* @__PURE__ */ o(
+              n,
+              {
+                as: "span",
+                themeName: `${e}.invalidIndicator`,
+                tokens: { ...t, position: "inner" },
+                children: u
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o(G, { ...U, tokens: h })
+        ] })
+      }
+    )
+  ] });
+}
 export {
-  p as BoxWithForwardRef,
-  u as default
+  le as default
 };

package/index38.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),B=require("./index168.js"),$=require("@react-aria/i18n"),P=require("react"),v=require("react-aria"),y=require("react-stately"),o=require("./index37.js"),F=require("./index3.js"),S=require("./index169.js"),b=require("./index170.js");function g({buttons:c,tokens:i,customTheme:l,themeName:e="calendar",gridProps:u,value:s,...a}){const{locale:d}=$.useLocale(),r=y.useCalendarState({...a,locale:d,value:s,createCalendar:B.createCalendar}),{isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f}=r,j=P.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:R,title:h}=v.useCalendar({...a,value:s},r),t={isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f,...i};return n.jsxs(o.BoxWithForwardRef,{...k,ref:j,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx(F.default,{as:"p",themeName:`${e}.title`,tokens:t,children:h}),n.jsx(b,{themeName:e,tokens:t,buttons:c,prevButtonProps:p,nextButtonProps:R})]}),n.jsx(S,{...u,themeName:e,state:r,tokens:t})]})}module.exports=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),K=require("radashi"),E=require("react"),M=require("react-aria"),S=require("react-hook-form"),F=require("react-stately"),P=require("./index89.js"),T=require("./index7.js"),D=require("./index8.js"),v=require("./index74.js"),H=require("./index40.js"),I=require("./index39.js"),O={item:H,section:I};function p({ref:e,...r}){const{themeName:s="listBox",tokens:m,customTheme:g,label:c,escapeKeyBehavior:b="clearSelection",linkElementType:L=D.Anchor,isDisabled:x=!1,isRequired:u=!1,isInvalid:R=!1,isError:y=!1,errorMessage:f,disabledKeys:B,fieldRef:j,...q}=r,n=F.useListState(r),i=n.collection.getKeys(),h=t=>{if(t!=null){if(j?.(t),e==null)return;typeof e=="function"?e(t):typeof e=="object"&&(e.current=t)}},{listBoxProps:d,labelProps:N}=M.useListBox({...q,escapeKeyBehavior:b,label:c,disabledKeys:x?i:B},n,h),l={...m,isDisabled:x,isRequired:u,isInvalid:R,isError:y};return o.jsxs(T.Box,{themeName:`${s}.wrapper`,tokens:l,customTheme:g,children:[c!=null&&o.jsx(v.Typography,{...N,themeName:`${s}.label`,tokens:l,children:c}),o.jsx(T.BoxWithForwardRef,{ref:e,as:"ul",...d,themeName:`${s}.list`,tokens:l,children:[...n.collection].map(t=>{const{key:k}=t,a=t.type??"item",C=O[a]??H;return o.jsx(C,{[a]:t,state:n,tokens:{...m,type:a},themeName:`${s}.${a}`,linkElementType:L},k)})}),y&&f!=null&&o.jsx(v.Typography,{themeName:`${s}.errorMessage`,tokens:l,children:f})]})}p.displayName="ControlledListBox";function V(e){const r=F.useListState(e),s=E.useRef(null);return o.jsx(p,{...e,state:r,ref:s})}function $({ref:e,...r}){const{name:s,rules:m,isRequired:g,isDisabled:c,tokens:b,selectionMode:L="single",errorMessage:x,...u}=r,{control:R,setValue:y,watch:f,getValues:B}=S.useFormContext(),{selectedKeys:j=f(s),defaultSelectedKeys:q=B(s)}=u,{t:n}=P.useTranslation(),i={required:g?n("FORM.ERROR.REQUIRED")??"required":!1,disabled:c,...m};return o.jsx(S.Controller,{...u,defaultValue:q,name:s,control:R,rules:i,disabled:i?.disabled,render:({field:h,fieldState:d})=>{const{ref:N,...l}=h,t=!K.isEmpty(d.error),k={isDisabled:h.disabled??!1,isRequired:i?.required===!0||i?.required==="required",isInvalid:d.invalid,isError:t},a={...b,...k};return o.jsx(p,{...M.mergeProps(u,l,k,{onSelectionChange:C=>{y(s,C)}}),tokens:a,selectionMode:L,selectedKeys:j,defaultSelectedKeys:q,errorMessage:x??d.error?.message,ref:e})}})}$.displayName="ControlledReactHookFormListBox";function A(e){const r=F.useListState(e),s=E.useRef(null);return o.jsx($,{...e,state:r,ref:s})}exports.ControlledListBox=p;exports.ControlledReactHookFormListBox=$;exports.ListBox=V;exports.ReactHookFormListBox=A;