@okam/stack-ui 1.44.3 → 1.44.4

package/index32.mjs

@@ -1,201 +1,114 @@
 "use client";
-import { jsxs as $, jsx as a } from "react/jsx-runtime";
-import { FocusRing as _ } from "@react-aria/focus";
-import { isEmpty as w } from "radashi";
-import { useRef as A } from "react";
-import { useTextField as C } from "react-aria";
-import { useFormContext as G, Controller as L } from "react-hook-form";
-import Q from "./index89.mjs";
-import { useTranslation as U } from "./index97.mjs";
-import I from "./index37.mjs";
-import P from "./index24.mjs";
-import W from "./index3.mjs";
-const X = (u) => {
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { isEmpty as se } from "radashi";
+import { useRef as s, useMemo as v, useCallback as le } from "react";
+import { useFilter as ie, useComboBox as me } from "react-aria";
+import "react-hook-form";
+import { useComboBoxState as ce } from "react-stately";
+import { useDebounce as ue } from "./index78.mjs";
+import ae from "./index88.mjs";
+import { Box as F, BoxWithForwardRef as pe } from "./index7.mjs";
+import fe from "./index48.mjs";
+import de from "./index93.mjs";
+import he from "./index99.mjs";
+import { Popover as Re } from "./index56.mjs";
+import { Typography as $ } from "./index74.mjs";
+import { ControlledListBox as be } from "./index38.mjs";
+import xe from "./index127.mjs";
+function We(m) {
   const {
-    icon: R,
-    errorIcon: e,
-    label: m,
-    isRequired: h = !1,
-    isDisabled: f = !1,
-    isInvalid: k = !1,
-    required: E,
-    disabled: F,
-    errorMessage: t,
-    fieldRef: d,
-    children: N,
-    themeName: o = "textInput",
-    tokens: l,
-    customTheme: r,
-    ariaLabel: M,
-    placeholder: T,
-    isReadOnly: v = !1,
-    ...x
-  } = u, b = A(null), p = E ?? h, O = F ?? f, { labelProps: y, inputProps: i, errorMessageProps: n } = C(
-    {
-      label: m,
-      errorMessage: t,
-      isRequired: p,
-      isDisabled: O,
-      isInvalid: k,
-      isReadOnly: v,
-      ...x
+    children: y,
+    hookFormRef: p,
+    errorMessage: f,
+    themeName: e = "comboBox",
+    tokens: d,
+    customTheme: C,
+    label: h,
+    icon: I = /* @__PURE__ */ t(de, {}),
+    closeIcon: g = /* @__PURE__ */ t(he, {}),
+    isDisabled: S = !1,
+    isRequired: D = !1,
+    isReadOnly: M = !1,
+    defaultFilter: T,
+    inputRef: V,
+    buttonRef: w,
+    popoverRef: O,
+    listBoxRef: E,
+    debounceDelay: W = 200
+  } = m, j = s(null), c = V ?? j, z = s(null), R = w ?? z, A = s(null), b = O ?? A, L = s(null), x = E ?? L, l = s(null), { contains: q } = ie({ sensitivity: "base" }), o = ce({ ...m, defaultFilter: T ?? q }), { inputProps: G, listBoxProps: H, labelProps: J, buttonProps: K, errorMessageProps: Q, isInvalid: B } = me(
+    { ...m, inputRef: c, buttonRef: R, popoverRef: b, listBoxRef: x },
+    o
+  ), P = ue(o.collection, W), k = v(
+    () => ({
+      ...o,
+      collection: P
+    }),
+    [o, P]
+  ), { onPress: U, onPressStart: X, preventFocusOnPress: Pe, ...Y } = K, { isOpen: i, selectedItem: u, selectionManager: Z } = o, { isFocused: _, isSelectAll: ee, isEmpty: oe } = Z, N = !se(o.inputValue), n = {
+    ...d,
+    isInvalid: B,
+    isOpen: i,
+    isFocused: _,
+    hasValue: N,
+    hasSelectedItem: !oe,
+    isSelectAll: ee,
+    isReadOnly: M,
+    isDisabled: S,
+    isRequired: D
+  }, te = le(
+    (r) => {
+      r != null && (p?.(r), c.current = r);
     },
-    b
-  ), g = (c) => {
-    c && (d == null || d(c), b.current = c);
-  }, s = { ...l, isDisabled: f, isRequired: h, isError: !!t }, D = Q(`${o}.input`, s);
-  return /* @__PURE__ */ $(I, { children: [
-    /* @__PURE__ */ a(_, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ $(
-      I,
-      {
-        "aria-disabled": i.disabled,
-        themeName: `${o}.wrapper`,
-        tokens: s,
-        customTheme: r,
-        children: [
-          m && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-          /* @__PURE__ */ a(
-            I,
-            {
-              as: "label",
-              tokens: s,
-              themeName: `${o}.label`,
-              customTheme: r,
-              ...y,
-              children: m
-            }
-          ),
-          /* @__PURE__ */ $(I, { themeName: `${o}.container`, tokens: s, customTheme: r, children: [
-            N,
-            /* @__PURE__ */ a("input", { "aria-label": M, ...i, placeholder: T, ref: g, className: D })
-          ] }),
-          R && /* @__PURE__ */ a(
-            P,
-            {
-              themeName: `${o}.icon`,
-              tokens: s,
-              customTheme: r,
-              icon: R,
-              "aria-hidden": !0
-            }
-          ),
-          t && e && /* @__PURE__ */ a(
-            P,
+    [p, c]
+  ), ne = v(() => u != null && !i ? u.rendered : o.inputValue, [u, o.inputValue, i]), re = ae(`${e}.input`, d);
+  return /* @__PURE__ */ a(F, { themeName: `${e}.wrapper`, tokens: n, customTheme: C, children: [
+    h != null && /* @__PURE__ */ t($, { ...J, as: "label", themeName: `${e}.label`, tokens: n, children: h }),
+    /* @__PURE__ */ a(F, { themeName: `${e}.container`, children: [
+      /* @__PURE__ */ a(pe, { ref: l, themeName: `${e}.inputWrapper`, tokens: n, children: [
+        /* @__PURE__ */ t("input", { ...G, ref: te, value: ne, className: re }),
+        /* @__PURE__ */ t(
+          xe,
+          {
+            state: o,
+            themeName: `${e}.button`,
+            tokens: n,
+            ...Y,
+            ref: R,
+            handlePress: (r) => {
+              U?.(r), X?.(r);
+            },
+            children: /* @__PURE__ */ t(fe, { themeName: `${e}.icon`, tokens: n, icon: N ? g : I })
+          }
+        )
+      ] }),
+      i && l.current != null && k.collection.size > 0 && /* @__PURE__ */ t(
+        Re,
+        {
+          themeName: `${e}.popover`,
+          tokens: n,
+          state: o,
+          triggerRef: l,
+          placement: "bottom",
+          sizeRef: l,
+          popoverRef: b,
+          autoFocus: !1,
+          children: /* @__PURE__ */ t(
+            be,
             {
-              themeName: `${o}.errorIcon`,
-              tokens: s,
-              customTheme: r,
-              icon: e,
-              "aria-hidden": !0
+              ...H,
+              themeName: `${e}.list`,
+              tokens: n,
+              state: k,
+              ref: x,
+              children: y
             }
           )
-        ]
-      }
-    ) }),
-    t && /* @__PURE__ */ a(
-      W,
-      {
-        themeName: `${o}.errorMessage`,
-        tokens: s,
-        customTheme: r,
-        ...n,
-        children: t
-      }
-    )
+        }
+      ),
+      B && f != null && /* @__PURE__ */ t($, { tokens: n, themeName: `${e}.errorMessage`, ...Q, children: f })
+    ] })
   ] });
-}, te = ({
-  name: u,
-  label: R,
-  rules: e,
-  tokens: m,
-  ariaLabel: h,
-  defaultValue: f = "",
-  placeholder: k = "",
-  themeName: E = "textInput",
-  isReadOnly: F = !1,
-  minLength: t,
-  maxLength: d,
-  required: N,
-  isRequired: o,
-  onChange: l,
-  onBlur: r,
-  children: M = null,
-  errorIcon: T,
-  icon: v,
-  ...x
-}) => {
-  const { control: b } = G(), { t: p } = U(), O = () => {
-    const i = Object.entries(x).filter(([n, g]) => n.startsWith("aria-"));
-    return Object.fromEntries(i);
-  }, y = {
-    required: N ?? o ? p("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...t != null && {
-      minLength: {
-        value: t,
-        message: p("FORM.ERROR.MIN_LENGTH", { length: t })
-      }
-    },
-    ...d != null && {
-      maxLength: {
-        value: d,
-        message: p("FORM.ERROR.MAX_LENGTH", { length: d })
-      }
-    },
-    ...e
-  };
-  return /* @__PURE__ */ a(
-    L,
-    {
-      name: u,
-      control: b,
-      rules: y,
-      disabled: e == null ? void 0 : e.disabled,
-      defaultValue: f,
-      render: ({ field: i, fieldState: n }) => {
-        var j;
-        const { ref: g, ...s } = i, D = !w(n.error), c = {
-          isDisabled: i.disabled ?? !1,
-          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isInvalid: n.invalid,
-          isError: D,
-          isReadOnly: F
-        }, H = {
-          ...m,
-          ...c
-        };
-        return /* @__PURE__ */ a(
-          X,
-          {
-            ...s,
-            ...c,
-            ...O(),
-            fieldRef: g,
-            name: u,
-            placeholder: k,
-            themeName: E,
-            label: R,
-            tokens: H,
-            ariaLabel: h,
-            isDisabled: i.disabled,
-            isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-            isInvalid: n.invalid,
-            errorMessage: (j = n.error) == null ? void 0 : j.message,
-            onChange: (q) => {
-              i.onChange(q), l == null || l(q);
-            },
-            onBlur: (q) => {
-              i.onBlur(), r == null || r(q);
-            },
-            icon: v,
-            errorIcon: T,
-            children: M
-          }
-        );
-      }
-    }
-  );
-};
+}
 export {
-  te as ReactHookFormInput,
-  X as default
+  We as default
 };

package/index33.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"),i=require("./index37.js"),W=require("./index38.js"),G=require("./index163.js"),J=require("./index3.js"),Q=require("./index34.js"),p=require("./index35.js"),V=require("./index164.js");function X(o){const{popoverPlacement:h="bottom start",placement:P="bottom start",tokens:r,customTheme:x,themeName:t="datePicker",icon:k="ArrowDown",description:d,buttonLabel:f,buttonContent:b,label:l,children:j,invalidIndicator:c="❌",isDisabled:q=!1,isReadOnly:v=!1,isRequired:$=!1,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w}=o,S=P??h,s=U.useDatePickerState(o),{isInvalid:u,isOpen:T,hasTime:A}=s,a=L.useRef(null),{groupProps:F,fieldProps:m,labelProps:z,descriptionProps:B,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDatePicker(o,s,a),n={isInvalid:u,isOpen:T,hasTime:A,isDisabled:q,isReadOnly:v,isRequired:$,...r};return e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:x,children:[l&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:l}),d&&e.jsx(i.default,{as:"div",themeName:`${t}.description`,tokens:n,...B,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:a,groupProps:F,buttonProps:E,buttonLabel:f,buttonContent:b,icon:k,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"outer"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:c})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:{...r,isInvalid:u},triggerRef:a,state:s,placement:S,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[j,e.jsxs(i.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"inner"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:c})]}),e.jsx(W,{...K,tokens:r})]})})]})}module.exports=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),S=require("./index55.js");function b(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(l,i,d.get?d:{enumerable:!0,get:()=>e[i]})}}return l.default=e,Object.freeze(l)}const A=b(f);function C(e,l,i){const[d,p]=f.useState(""),t=f.useMemo(()=>e==null||e.length===0?e:Array.from(e).some(o=>"items"in o&&Array.isArray(o.items)&&!("children"in o))?e.map(o=>({...o,children:({key:r,children:m,...g})=>A.createElement(S.Node,{key:r,...g},m)})):e,[e]),c=f.useMemo(()=>{if(t==null||t.length===0)return"none";const n=Array.from(t);return n.some(r=>"items"in r&&Array.isArray(r.items)&&"children"in r&&typeof r.children=="function")?"sections":n.some(r=>"children"in r&&typeof r.children=="string"&&!("items"in r))?"flatList":"none"},[t]),u=c!=="none",s=l??(u?d:void 0),h=i??(u?p:void 0),y=f.useMemo(()=>!u||t==null||s==null||s===""?t:c==="sections"?t.map(n=>({...n,items:n.items?.filter(a=>"children"in a&&typeof a.children=="string"&&a.children.toLowerCase().includes(s.toLowerCase()))})).filter(n=>n.items!=null&&n.items.length>0):c==="flatList"?Array.from(t).filter(n=>"children"in n&&typeof n.children=="string"&&n.children.toLowerCase().includes(s.toLowerCase())):t,[u,t,s,c]);return{structureType:c,inputValue:s,onInputChange:h,items:u?y:t}}exports.useComboBoxFiltering=C;

package/index33.mjs

@@ -1,115 +1,37 @@
 "use client";
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useRef as M } from "react";
-import { useDatePicker as U } from "react-aria";
-import { useDatePickerState as W } from "react-stately";
-import n from "./index37.mjs";
-import G from "./index38.mjs";
-import { Dialog as J } from "./index163.mjs";
-import Q from "./index3.mjs";
-import { CalendarPopover as V } from "./index34.mjs";
-import f from "./index35.mjs";
-import X from "./index164.mjs";
-function le(a) {
-  const {
-    popoverPlacement: u = "bottom start",
-    placement: P = "bottom start",
-    tokens: s,
-    customTheme: k,
-    themeName: e = "datePicker",
-    icon: b = "ArrowDown",
-    description: m,
-    buttonLabel: g,
-    buttonContent: v,
-    label: d,
-    children: D,
-    invalidIndicator: c = "❌",
-    isDisabled: N = !1,
-    isReadOnly: y = !1,
-    isRequired: I = !1,
-    containerPadding: $,
-    shouldCloseOnInteractOutside: O,
-    arrowBoundaryOffset: x,
-    isNonModal: C,
-    isKeyboardDismissDisabled: w,
-    arrowSize: R,
-    boundaryElement: T,
-    maxHeight: j,
-    shouldUpdatePosition: B
-  } = a, F = P ?? u, i = W(a), { isInvalid: p, isOpen: S, hasTime: q } = i, l = M(null), { groupProps: z, fieldProps: h, labelProps: A, descriptionProps: E, buttonProps: H, dialogProps: K, calendarProps: L } = U(a, i, l), o = {
-    isInvalid: p,
-    isOpen: S,
-    hasTime: q,
-    isDisabled: N,
-    isReadOnly: y,
-    isRequired: I,
-    ...s
-  };
-  return /* @__PURE__ */ r(n, { themeName: `${e}.container`, tokens: o, customTheme: k, children: [
-    d && /* @__PURE__ */ t(Q, { as: "span", themeName: `${e}.label`, tokens: o, ...A, children: d }),
-    m && /* @__PURE__ */ t(n, { as: "div", themeName: `${e}.description`, tokens: o, ...E, children: m }),
-    /* @__PURE__ */ r(
-      X,
-      {
-        themeName: e,
-        tokens: o,
-        ref: l,
-        groupProps: z,
-        buttonProps: H,
-        buttonLabel: g,
-        buttonContent: v,
-        icon: b,
-        children: [
-          /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "outer" }, ...h }),
-          i.isInvalid && /* @__PURE__ */ t(
-            n,
-            {
-              as: "span",
-              themeName: `${e}.invalidIndicator`,
-              tokens: { ...o, position: "outer" },
-              children: c
-            }
-          )
-        ]
-      }
-    ),
-    i.isOpen && /* @__PURE__ */ t(
-      V,
-      {
-        themeName: e,
-        tokens: { ...s, isInvalid: p },
-        triggerRef: l,
-        state: i,
-        placement: F,
-        containerPadding: $,
-        shouldCloseOnInteractOutside: O,
-        arrowBoundaryOffset: x,
-        isNonModal: C,
-        isKeyboardDismissDisabled: w,
-        arrowSize: R,
-        boundaryElement: T,
-        maxHeight: j,
-        shouldUpdatePosition: B,
-        children: /* @__PURE__ */ r(J, { themeName: `${e}.dialog`, tokens: o, ...K, children: [
-          D,
-          /* @__PURE__ */ r(n, { themeName: `${e}.dateFieldContainer`, tokens: o, children: [
-            /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "inner" }, ...h }),
-            i.isInvalid && /* @__PURE__ */ t(
-              n,
-              {
-                as: "span",
-                themeName: `${e}.invalidIndicator`,
-                tokens: { ...o, position: "inner" },
-                children: c
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t(G, { ...L, tokens: s })
-        ] })
-      }
+import * as A from "react";
+import { useState as I, useMemo as a } from "react";
+import { Node as L } from "./index55.mjs";
+function v(t, u, f) {
+  const [d, h] = I(""), n = a(() => t == null || t.length === 0 ? t : Array.from(t).some(
+    (s) => "items" in s && Array.isArray(s.items) && !("children" in s)
+  ) ? t.map((s) => ({
+    ...s,
+    children: ({ key: r, children: y, ...g }) => A.createElement(L, { key: r, ...g }, y)
+  })) : t, [t]), o = a(() => {
+    if (n == null || n.length === 0)
+      return "none";
+    const e = Array.from(n);
+    return e.some(
+      (r) => "items" in r && Array.isArray(r.items) && "children" in r && typeof r.children == "function"
+    ) ? "sections" : e.some(
+      (r) => "children" in r && typeof r.children == "string" && !("items" in r)
+    ) ? "flatList" : "none";
+  }, [n]), l = o !== "none", i = u ?? (l ? d : void 0), p = f ?? (l ? h : void 0), m = a(() => !l || n == null || i == null || i === "" ? n : o === "sections" ? n.map((e) => ({
+    ...e,
+    items: e.items?.filter(
+      (c) => "children" in c && typeof c.children == "string" && c.children.toLowerCase().includes(i.toLowerCase())
     )
-  ] });
+  })).filter((e) => e.items != null && e.items.length > 0) : o === "flatList" ? Array.from(n).filter(
+    (e) => "children" in e && typeof e.children == "string" && e.children.toLowerCase().includes(i.toLowerCase())
+  ) : n, [l, n, i, o]);
+  return {
+    structureType: o,
+    inputValue: i,
+    onInputChange: p,
+    items: l ? m : n
+  };
 }
 export {
-  le as default
+  v as useComboBoxFiltering
 };

package/index34.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("./index165.js"),d=require("./index166.js"),p=require("./index167.js"),f=require("react"),i=require("./index37.js");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const j=m(f);function v({themeName:e="datePicker",tokens:t,...r}){const o=j.useRef(null),{state:n,children:a}={...r},{popoverProps:u,underlayProps:l}=d.usePopover({...r,popoverRef:o},n);return s.jsxs(p.Overlay,{children:[s.jsx(i.default,{themeName:`${e}.calendarUnderlay`,tokens:t,...l}),s.jsxs(i.BoxWithForwardRef,{themeName:`${e}.calendarPopover`,tokens:t,...u,ref:o,children:[s.jsx(c.DismissButton,{onDismiss:n.close}),a,s.jsx(c.DismissButton,{onDismiss:n.close})]})]})}exports.CalendarPopover=v;
+"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("./index9.js"),G=require("./index128.js"),J=require("./index74.js"),Q=require("./index35.js"),m=require("./index36.js"),V=require("./index129.js");function X(i){const{popoverPlacement:h="bottom start",placement:x="bottom start",tokens:r,customTheme:P,themeName:n="datePicker",icon:k="ArrowDown",description:a,buttonLabel:b,buttonContent:j,label:c,children:q,invalidIndicator:d="❌",isDisabled:v=!1,isReadOnly:f=!1,isRequired:g=!1,containerPadding:$,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:y,isKeyboardDismissDisabled:I,arrowSize:B,boundaryElement:O,maxHeight:R,shouldUpdatePosition:C}=i,w=x??h,s=U.useDatePickerState(i),{isInvalid:u,isOpen:T,hasTime:S}=s,l=L.useRef(null),{groupProps:A,fieldProps:p,labelProps:F,descriptionProps:z,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDatePicker(i,s,l),t={isInvalid:u,isOpen:T,hasTime:S,isDisabled:v,isReadOnly:f,isRequired:g,...r};return e.jsxs(o.Box,{themeName:`${n}.container`,tokens:t,customTheme:P,children:[c!=null&&c!==""&&e.jsx(J.Typography,{as:"span",themeName:`${n}.label`,tokens:t,...F,children:c}),a!=null&&a!==""&&e.jsx(o.Box,{as:"div",themeName:`${n}.description`,tokens:t,...z,children:a}),e.jsxs(V,{themeName:n,tokens:t,ref:l,groupProps:A,buttonProps:E,buttonLabel:b,buttonContent:j,icon:k,children:[e.jsx(m,{themeName:n,tokens:{...t,position:"outer"},...p}),s.isInvalid&&e.jsx(o.Box,{as:"span",themeName:`${n}.invalidIndicator`,tokens:{...t,position:"outer"},children:d})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:n,tokens:{...r,isInvalid:u},triggerRef:l,state:s,placement:w,containerPadding:$,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:y,isKeyboardDismissDisabled:I,arrowSize:B,boundaryElement:O,maxHeight:R,shouldUpdatePosition:C,children:e.jsxs(G.Dialog,{themeName:`${n}.dialog`,tokens:t,...H,children:[q,e.jsxs(o.Box,{themeName:`${n}.dateFieldContainer`,tokens:t,children:[e.jsx(m,{themeName:n,tokens:{...t,position:"inner"},...p}),s.isInvalid&&e.jsx(o.Box,{as:"span",themeName:`${n}.invalidIndicator`,tokens:{...t,position:"inner"},children:d})]}),e.jsx(W,{...K,tokens:r})]})})]})}module.exports=X;

package/index34.mjs

@@ -1,27 +1,115 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { DismissButton as f } from "./index165.mjs";
-import { usePopover as n } from "./index166.mjs";
-import { Overlay as d } from "./index167.mjs";
-import * as l from "react";
-import $, { BoxWithForwardRef as x } from "./index37.mjs";
-function R({ themeName: r = "datePicker", tokens: s, ...a }) {
-  const t = l.useRef(null), { state: o, children: i } = { ...a }, { popoverProps: c, underlayProps: m } = n(
-    {
-      ...a,
-      popoverRef: t
-    },
-    o
-  );
-  return /* @__PURE__ */ p(d, { children: [
-    /* @__PURE__ */ e($, { themeName: `${r}.calendarUnderlay`, tokens: s, ...m }),
-    /* @__PURE__ */ p(x, { themeName: `${r}.calendarPopover`, tokens: s, ...c, ref: t, children: [
-      /* @__PURE__ */ e(f, { onDismiss: o.close }),
-      i,
-      /* @__PURE__ */ e(f, { onDismiss: o.close })
-    ] })
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useRef as M } from "react";
+import { useDatePicker as U } from "react-aria";
+import { useDatePickerState as W } from "react-stately";
+import { Box as i } from "./index7.mjs";
+import G from "./index9.mjs";
+import { Dialog as J } from "./index128.mjs";
+import { Typography as Q } from "./index74.mjs";
+import { CalendarPopover as V } from "./index35.mjs";
+import f from "./index36.mjs";
+import X from "./index129.mjs";
+function le(a) {
+  const {
+    popoverPlacement: u = "bottom start",
+    placement: P = "bottom start",
+    tokens: s,
+    customTheme: k,
+    themeName: e = "datePicker",
+    icon: b = "ArrowDown",
+    description: l,
+    buttonLabel: g,
+    buttonContent: v,
+    label: m,
+    children: D,
+    invalidIndicator: c = "❌",
+    isDisabled: N = !1,
+    isReadOnly: y = !1,
+    isRequired: I = !1,
+    containerPadding: $,
+    shouldCloseOnInteractOutside: O,
+    arrowBoundaryOffset: x,
+    isNonModal: C,
+    isKeyboardDismissDisabled: w,
+    arrowSize: R,
+    boundaryElement: T,
+    maxHeight: j,
+    shouldUpdatePosition: B
+  } = a, F = P ?? u, n = W(a), { isInvalid: p, isOpen: S, hasTime: q } = n, d = M(null), { groupProps: z, fieldProps: h, labelProps: A, descriptionProps: E, buttonProps: H, dialogProps: K, calendarProps: L } = U(a, n, d), o = {
+    isInvalid: p,
+    isOpen: S,
+    hasTime: q,
+    isDisabled: N,
+    isReadOnly: y,
+    isRequired: I,
+    ...s
+  };
+  return /* @__PURE__ */ r(i, { themeName: `${e}.container`, tokens: o, customTheme: k, children: [
+    m != null && m !== "" && /* @__PURE__ */ t(Q, { as: "span", themeName: `${e}.label`, tokens: o, ...A, children: m }),
+    l != null && l !== "" && /* @__PURE__ */ t(i, { as: "div", themeName: `${e}.description`, tokens: o, ...E, children: l }),
+    /* @__PURE__ */ r(
+      X,
+      {
+        themeName: e,
+        tokens: o,
+        ref: d,
+        groupProps: z,
+        buttonProps: H,
+        buttonLabel: g,
+        buttonContent: v,
+        icon: b,
+        children: [
+          /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "outer" }, ...h }),
+          n.isInvalid && /* @__PURE__ */ t(
+            i,
+            {
+              as: "span",
+              themeName: `${e}.invalidIndicator`,
+              tokens: { ...o, position: "outer" },
+              children: c
+            }
+          )
+        ]
+      }
+    ),
+    n.isOpen && /* @__PURE__ */ t(
+      V,
+      {
+        themeName: e,
+        tokens: { ...s, isInvalid: p },
+        triggerRef: d,
+        state: n,
+        placement: F,
+        containerPadding: $,
+        shouldCloseOnInteractOutside: O,
+        arrowBoundaryOffset: x,
+        isNonModal: C,
+        isKeyboardDismissDisabled: w,
+        arrowSize: R,
+        boundaryElement: T,
+        maxHeight: j,
+        shouldUpdatePosition: B,
+        children: /* @__PURE__ */ r(J, { themeName: `${e}.dialog`, tokens: o, ...K, children: [
+          D,
+          /* @__PURE__ */ r(i, { themeName: `${e}.dateFieldContainer`, tokens: o, children: [
+            /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "inner" }, ...h }),
+            n.isInvalid && /* @__PURE__ */ t(
+              i,
+              {
+                as: "span",
+                themeName: `${e}.invalidIndicator`,
+                tokens: { ...o, position: "inner" },
+                children: c
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(G, { ...L, tokens: s })
+        ] })
+      }
+    )
   ] });
 }
 export {
-  R as CalendarPopover
+  le as default
 };

package/index35.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const i=require("react/jsx-runtime"),F=require("./index168.js"),q=require("@react-aria/i18n"),g=require("react"),o=require("react-aria"),N=require("react-stately"),S=require("./index89.js"),f=require("./index37.js");function j(n){const{themeName:a="datePicker",tokens:e,customTheme:l,segment:s,state:t}=n,c=g.useRef(null),{segmentProps:d}=o.useDateSegment(s,t,c),u=S(`${a}.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:`${a}.dateSegment`,tokens:{...e,className:h?`has-focus-ring ${e==null?void 0:e.className}`:(e==null?void 0:e.className)??""},customTheme:l,children:[i.jsx("span",{className:u,"aria-hidden":"true",style:{visibility:s.isPlaceholder?"visible":"hidden",height:s.isPlaceholder?"":0,pointerEvents:"none",display:s.isPlaceholder?"block":"none"},children:s.placeholder}),s.isPlaceholder?"":s.text]})})}function k(n){const{themeName:a="datePicker",tokens:e,customTheme:l}=n,{locale:s}=q.useLocale(),t=N.useDateFieldState({...n,locale:s,createCalendar:F.createCalendar}),{isDisabled:c,isReadOnly:d,isRequired:u}=t,r=g.useRef(null),{fieldProps:h,isInvalid:x}=o.useDateField(n,t,r),m={isInvalid:x,isDisabled:c,isReadOnly:d,isRequired:u,...e};return i.jsx(f.BoxWithForwardRef,{...h,ref:r,themeName:`${a}.dateField`,tokens:m,customTheme:l,children:t.segments.map((P,R)=>i.jsx(j,{themeName:a,tokens:m,segment:P,state:t},R))})}module.exports=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("react"),s=require("react-aria"),a=require("./index7.js");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const f=p(d);function m({themeName:e="datePicker",tokens:t,...r}){const o=f.useRef(null),{state:c,children:i}={...r},{popoverProps:l,underlayProps:u}=s.usePopover({...r,popoverRef:o},c);return n.jsxs(s.Overlay,{children:[n.jsx(a.Box,{themeName:`${e}.calendarUnderlay`,tokens:t,...u}),n.jsxs(a.BoxWithForwardRef,{themeName:`${e}.calendarPopover`,tokens:t,...l,ref:o,children:[n.jsx(s.DismissButton,{onDismiss:c.close}),i,n.jsx(s.DismissButton,{onDismiss:c.close})]})]})}exports.CalendarPopover=m;