asheeui 0.6.5 → 0.6.7

package/dist/components/date-picker/DatePicker.js

@@ -1,21 +1,23 @@
 "use client";
-import { jsx as o, jsxs as h, Fragment as fe } from "react/jsx-runtime";
-import { useFloating as pe, autoUpdate as he, offset as ge, flip as be, shift as xe, size as ye, useClick as ve, useDismiss as we, useRole as Se, useInteractions as De, FloatingFocusManager as Ne } from "@floating-ui/react";
-import { forwardRef as Me, useId as Ae, useState as _, useCallback as Z, useMemo as ke } from "react";
+import { jsx as r, jsxs as h, Fragment as xe } from "react/jsx-runtime";
+import { useClick as ve, useDismiss as ye, useRole as Se, useInteractions as we, FloatingFocusManager as De } from "@floating-ui/react";
+import { forwardRef as Ne, useId as Me, useState as R, useCallback as U, useMemo as Ae } from "react";
+import { createPortal as ke } from "react-dom";
 import { CalendarIcon as Ie } from "../../icons/CalendarIcon.js";
 import { ChevronLeftIcon as Fe } from "../../icons/ChevronLeftIcon.js";
-import { ChevronRightIcon as Ce } from "../../icons/ChevronRightIcon.js";
-import { ClearIcon as _e } from "../../icons/ClearIcon.js";
-import { ClockIcon as Re } from "../../icons/ClockIcon.js";
-import { useAsheeConfig as Ee } from "../../libs/context.js";
-import { resolveCascade as j, resolveRadiusKey as $e, resolveClassKey as ee } from "../../utils/resolve-token.js";
-import { FieldShell as Le } from "../field/FieldShell.js";
-import { FALLBACK_DATE_PICKER_CONFIG as y } from "./date-picker-config.js";
-import { CALENDAR_COLOR_CLASSES as K, DATE_PICKER_CELL_SIZE_CLASS as Pe, DATE_PICKER_STATUS_BORDER_CLASS as Te, DATE_PICKER_SIZE_CLASS as Ye } from "./date-picker-styles.js";
-import { resolveVariantClass as je } from "../../shared/variant.js";
+import { ChevronRightIcon as _e } from "../../icons/ChevronRightIcon.js";
+import { ClearIcon as Re } from "../../icons/ClearIcon.js";
+import { ClockIcon as Te } from "../../icons/ClockIcon.js";
+import { useAsheeConfig as Ce } from "../../libs/context.js";
+import { resolveCascade as I, resolveRadiusKey as Pe, resolveClassKey as ee } from "../../utils/resolve-token.js";
+import { FieldShell as Ee } from "../field/FieldShell.js";
+import { FALLBACK_DATE_PICKER_CONFIG as p } from "./date-picker-config.js";
+import { CALENDAR_COLOR_CLASSES as O, DATE_PICKER_CELL_SIZE_CLASS as $e, DATE_PICKER_STATUS_BORDER_CLASS as Le, DATE_PICKER_SIZE_CLASS as Ye } from "./date-picker-styles.js";
+import { resolveVariantClass as Ke } from "../../shared/variant.js";
 import { RADIUS_CLASS as te } from "../../shared/radius.js";
+import { useSelectFloating as je } from "../select-menu/use-select-floating.js";
 import { cn as d } from "../../utils/cn.js";
-const Ke = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Oe = [
+const Oe = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ze = [
   "January",
   "February",
   "March",
@@ -29,21 +31,21 @@ const Ke = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Oe = [
   "November",
   "December"
 ];
-function R(e) {
+function T(e) {
   return String(e).padStart(2, "0");
 }
-function ze(e, n) {
-  const l = R(e.getDate()), m = R(e.getMonth() + 1), a = e.getFullYear(), s = R(e.getHours()), u = R(e.getMinutes());
+function He(e, n) {
+  const i = T(e.getDate()), m = T(e.getMonth() + 1), l = e.getFullYear(), a = T(e.getHours()), u = T(e.getMinutes());
   switch (n) {
     case "date":
-      return `${l}/${m}/${a}`;
+      return `${i}/${m}/${l}`;
     case "time":
-      return `${s}:${u}`;
+      return `${a}:${u}`;
     case "datetime":
-      return `${l}/${m}/${a} ${s}:${u}`;
+      return `${i}/${m}/${l} ${a}:${u}`;
   }
 }
-function He(e) {
+function Ve(e) {
   switch (e) {
     case "date":
       return "Select date...";
@@ -53,167 +55,167 @@ function He(e) {
       return "Select date & time...";
   }
 }
-function Ve(e, n) {
-  const l = new Date(e, n + 1, 0).getDate(), m = new Date(e, n, 1).getDay(), a = [
+function Je(e, n) {
+  const i = new Date(e, n + 1, 0).getDate(), m = new Date(e, n, 1).getDay(), l = [
     ...Array(m).fill(null),
-    ...Array.from({ length: l }, (s, u) => u + 1)
+    ...Array.from({ length: i }, (a, u) => u + 1)
   ];
-  for (; a.length % 7 !== 0; ) a.push(null);
-  return a;
+  for (; l.length % 7 !== 0; ) l.push(null);
+  return l;
 }
 function oe({
   value: e,
   max: n,
-  label: l,
+  label: i,
   onChange: m,
-  resolvedColor: a,
-  radiusClass: s
+  resolvedColor: l,
+  radiusClass: a
 }) {
-  const u = () => m(e >= n ? 0 : e + 1), v = () => m(e <= 0 ? n : e - 1), w = K[a] ?? K.primary;
+  const u = () => m(e >= n ? 0 : e + 1), y = () => m(e <= 0 ? n : e - 1), S = O[l] ?? O.primary;
   return /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-0.5", children: [
-    /* @__PURE__ */ o("span", { className: "text-[10px] uppercase tracking-widest text-foreground/70 select-none", children: l }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ r("span", { className: "text-[10px] uppercase tracking-widest text-foreground/70 select-none", children: i }),
+    /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: d(
           "w-10 h-7 flex items-center justify-center text-xs text-foreground/70 transition-colors",
-          s,
-          w.hover
+          a,
+          S.hover
         ),
         onClick: u,
-        "aria-label": `Increment ${l}`,
+        "aria-label": `Increment ${i}`,
         children: "▲"
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ r(
       "div",
       {
         className: d(
           "w-10 h-10 flex items-center justify-center text-base font-mono font-bold text-foreground bg-background border border-border select-none",
-          s
+          a
         ),
-        children: R(e)
+        children: T(e)
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: d(
           "w-10 h-7 flex items-center justify-center text-xs text-foreground/70 transition-colors",
-          s,
-          w.hover
+          a,
+          S.hover
         ),
-        onClick: v,
-        "aria-label": `Decrement ${l}`,
+        onClick: y,
+        "aria-label": `Decrement ${i}`,
         children: "▼"
       }
     )
   ] });
 }
-function Je({
+function Be({
   selected: e,
   mode: n,
-  isClearable: l,
+  isClearable: i,
   resolvedSizeKey: m,
-  resolvedColor: a,
-  radiusClass: s,
+  resolvedColor: l,
+  radiusClass: a,
   onSelect: u,
-  onClose: v,
-  disableFuture: w = !1
+  onClose: y,
+  disableFuture: S = !1
 }) {
-  const c = /* @__PURE__ */ new Date(), [g, E] = _(
+  const c = /* @__PURE__ */ new Date(), [g, C] = R(
     (e == null ? void 0 : e.getFullYear()) ?? c.getFullYear()
-  ), [f, D] = _(
+  ), [f, N] = R(
     (e == null ? void 0 : e.getMonth()) ?? c.getMonth()
-  ), [b, $] = _((e == null ? void 0 : e.getHours()) ?? 0), [I, O] = _((e == null ? void 0 : e.getMinutes()) ?? 0), x = K[a] ?? K.primary;
-  function L(t, i) {
-    const k = e ?? /* @__PURE__ */ new Date();
+  ), [b, P] = R((e == null ? void 0 : e.getHours()) ?? 0), [F, z] = R((e == null ? void 0 : e.getMinutes()) ?? 0), x = O[l] ?? O.primary;
+  function E(t, s) {
+    const _ = e ?? /* @__PURE__ */ new Date();
     u(
-      new Date(k.getFullYear(), k.getMonth(), k.getDate(), t, i, 0, 0)
+      new Date(_.getFullYear(), _.getMonth(), _.getDate(), t, s, 0, 0)
     );
   }
-  function z(t) {
-    $(t), L(t, I);
+  function H(t) {
+    P(t), E(t, F);
   }
-  function N(t) {
-    O(t), L(b, t);
+  function V(t) {
+    z(t), E(b, t);
   }
-  function M(t) {
-    u(new Date(g, f, t, b, I, 0, 0)), n === "date" && v();
+  function J(t) {
+    u(new Date(g, f, t, b, F, 0, 0)), n === "date" && y();
   }
-  function r() {
-    f === 0 ? (D(11), E((t) => t - 1)) : D((t) => t - 1);
+  function M() {
+    f === 0 ? (N(11), C((t) => t - 1)) : N((t) => t - 1);
   }
-  function H() {
-    f === 11 ? (D(0), E((t) => t + 1)) : D((t) => t + 1);
+  function A() {
+    f === 11 ? (N(0), C((t) => t + 1)) : N((t) => t + 1);
   }
-  function V(t) {
+  function o(t) {
     return !!e && e.getFullYear() === g && e.getMonth() === f && e.getDate() === t;
   }
-  function F(t) {
+  function B(t) {
     return c.getFullYear() === g && c.getMonth() === f && c.getDate() === t;
   }
-  const P = new Date(
+  const G = new Date(
     c.getFullYear(),
     c.getMonth(),
     c.getDate()
   );
-  function C(t) {
-    return w ? new Date(g, f, t) > P : !1;
+  function w(t) {
+    return S ? new Date(g, f, t) > G : !1;
   }
-  const J = !w || g < c.getFullYear() || g === c.getFullYear() && f < c.getMonth(), A = n === "date" || n === "datetime", U = n === "time" || n === "datetime", B = n !== "date" || l && !!e, T = Ve(g, f), G = ke(() => T.map((t, i) => ({
-    key: t !== null ? `day-${t}` : `empty-slot-${i}`,
+  const $ = !S || g < c.getFullYear() || g === c.getFullYear() && f < c.getMonth(), L = n === "date" || n === "datetime", Y = n === "time" || n === "datetime", K = n !== "date" || i && !!e, k = Je(g, f), v = Ae(() => k.map((t, s) => ({
+    key: t !== null ? `day-${t}` : `empty-slot-${s}`,
     day: t
-  })), [T]);
+  })), [k]);
   return /* @__PURE__ */ h(
     "div",
     {
       className: d(
         "bg-background border border-border shadow-xl select-none p-3 min-w-70",
-        s
+        a
       ),
       children: [
-        A && /* @__PURE__ */ h(fe, { children: [
+        L && /* @__PURE__ */ h(xe, { children: [
           /* @__PURE__ */ h("div", { className: "flex items-center justify-between pb-2 mb-2 border-b border-border", children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                onClick: r,
+                onClick: M,
                 "aria-label": "Previous month",
                 className: d(
                   "p-1 text-foreground transition-colors",
-                  s,
+                  a,
                   x.hover
                 ),
-                children: /* @__PURE__ */ o(Fe, {})
+                children: /* @__PURE__ */ r(Fe, {})
               }
             ),
             /* @__PURE__ */ h("span", { className: "font-medium text-sm text-foreground", children: [
-              Oe[f],
+              ze[f],
               " ",
               g
             ] }),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                onClick: H,
-                disabled: !J,
+                onClick: A,
+                disabled: !$,
                 "aria-label": "Next month",
                 className: d(
                   "p-1 text-foreground transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
-                  s,
+                  a,
                   x.hover
                 ),
-                children: /* @__PURE__ */ o(Ce, {})
+                children: /* @__PURE__ */ r(_e, {})
               }
             )
           ] }),
           /* @__PURE__ */ h("div", { className: "grid grid-cols-7 gap-1 text-center", children: [
-            Ke.map((t) => /* @__PURE__ */ o(
+            Oe.map((t) => /* @__PURE__ */ r(
               "div",
               {
                 className: "text-xs font-semibold text-foreground/70 py-1",
@@ -221,71 +223,71 @@ function Je({
               },
               t
             )),
-            G.map(
-              ({ key: t, day: i }) => i === null ? /* @__PURE__ */ o("div", {}, t) : /* @__PURE__ */ o(
+            v.map(
+              ({ key: t, day: s }) => s === null ? /* @__PURE__ */ r("div", {}, t) : /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
-                  onClick: () => M(i),
-                  disabled: C(i),
+                  onClick: () => J(s),
+                  disabled: w(s),
                   className: d(
                     "w-full flex items-center justify-center font-medium transition-colors",
-                    Pe[m],
-                    s,
-                    C(i) ? "opacity-30 cursor-not-allowed text-foreground/70" : V(i) ? d(x.bg, "font-semibold") : F(i) ? d("border", x.border, x.text) : d("text-foreground", x.hover)
+                    $e[m],
+                    a,
+                    w(s) ? "opacity-30 cursor-not-allowed text-foreground/70" : o(s) ? d(x.bg, "font-semibold") : B(s) ? d("border", x.border, x.text) : d("text-foreground", x.hover)
                   ),
-                  children: i
+                  children: s
                 },
-                i
+                s
               )
             )
           ] })
         ] }),
-        U && /* @__PURE__ */ h("div", { className: "flex items-center justify-center gap-4 py-3 border-t border-border mt-2", children: [
-          /* @__PURE__ */ o(
+        Y && /* @__PURE__ */ h("div", { className: "flex items-center justify-center gap-4 py-3 border-t border-border mt-2", children: [
+          /* @__PURE__ */ r(
             oe,
             {
               value: b,
               max: 23,
               label: "HH",
-              onChange: z,
-              resolvedColor: a,
-              radiusClass: s
+              onChange: H,
+              resolvedColor: l,
+              radiusClass: a
             }
           ),
-          /* @__PURE__ */ o("span", { className: "text-xl font-bold text-foreground/70 select-none pt-3", children: ":" }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r("span", { className: "text-xl font-bold text-foreground/70 select-none pt-3", children: ":" }),
+          /* @__PURE__ */ r(
             oe,
             {
-              value: I,
+              value: F,
               max: 59,
               label: "MM",
-              onChange: N,
-              resolvedColor: a,
-              radiusClass: s
+              onChange: V,
+              resolvedColor: l,
+              radiusClass: a
             }
           )
         ] }),
-        B && /* @__PURE__ */ h("div", { className: "flex items-center justify-between border-t border-border pt-2 mt-2", children: [
-          l && e && /* @__PURE__ */ o(
+        K && /* @__PURE__ */ h("div", { className: "flex items-center justify-between border-t border-border pt-2 mt-2", children: [
+          i && e && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
               onClick: () => {
-                u(null), v();
+                u(null), y();
               },
               className: "text-xs text-foreground/70 hover:text-danger transition-colors",
               children: "Clear"
             }
           ),
-          n !== "date" && /* @__PURE__ */ o(
+          n !== "date" && /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              onClick: v,
+              onClick: y,
               className: d(
                 "ml-auto text-xs font-medium px-3 py-1.5 hover:opacity-90 transition-opacity",
-                s,
+                a,
                 x.bg
               ),
               children: "Done"
@@ -296,186 +298,185 @@ function Je({
     }
   );
 }
-const Ue = Me(
+const Ge = Ne(
   ({
     selected: e,
     onChange: n,
-    mode: l,
+    mode: i,
     size: m,
-    radius: a,
-    variant: s,
+    radius: l,
+    variant: a,
     color: u,
-    status: v,
-    label: w,
+    status: y,
+    label: S,
     labelAlign: c,
     description: g,
-    message: E,
+    message: C,
     required: f,
-    isLoading: D,
+    isLoading: N,
     disabled: b,
-    isClearable: $ = !1,
-    disableFuture: I = !1,
-    placeholder: O,
+    isClearable: P = !1,
+    disableFuture: F = !1,
+    placeholder: z,
     className: x,
-    id: L,
-    style: z
-  }, N) => {
+    id: E,
+    style: H,
+    portal: V,
+    portalTarget: J
+  }, M) => {
     var X;
-    const M = Ee(), r = (X = M.components) == null ? void 0 : X.datePicker, H = Ae(), V = L ?? H, [F, P] = _(!1), { refs: C, floatingStyles: J, context: A } = pe({
-      open: F,
-      onOpenChange: (p) => !b && P(p),
-      placement: "bottom-start",
-      whileElementsMounted: he,
-      middleware: [
-        ge(4),
-        be(),
-        xe({ padding: 8 }),
-        ye({
-          apply({ availableHeight: p, elements: me }) {
-            Object.assign(me.floating.style, {
-              maxHeight: `${p}px`
-            });
-          }
-        })
-      ]
-    }), U = ve(A, { enabled: !b }), B = we(A), T = Se(A, { role: "dialog" }), { getReferenceProps: G, getFloatingProps: t } = De([
-      U,
-      B,
-      T
-    ]), i = j(
+    const A = Ce(), o = (X = A.components) == null ? void 0 : X.datePicker, B = Me(), G = E ?? B, [w, $] = R(!1), L = I(
       m,
-      r == null ? void 0 : r.size,
+      o == null ? void 0 : o.size,
       void 0,
-      y.size
-    ), k = j(
-      s,
-      r == null ? void 0 : r.variant,
-      M.defaultVariant,
-      y.variant
-    ), q = j(
+      p.size
+    ), Y = I(
+      a,
+      o == null ? void 0 : o.variant,
+      A.defaultVariant,
+      p.variant
+    ), K = I(
       u,
-      r == null ? void 0 : r.color,
-      M.defaultColor,
-      y.color
-    ), W = $e(
-      typeof a == "string" ? a : void 0,
-      typeof (r == null ? void 0 : r.radius) == "string" ? r.radius : void 0,
-      M.defaultRadius,
-      y.radius
-    ), S = v ?? y.status, ne = j(
+      o == null ? void 0 : o.color,
+      A.defaultColor,
+      p.color
+    ), k = Pe(
+      typeof l == "string" ? l : void 0,
+      typeof (o == null ? void 0 : o.radius) == "string" ? o.radius : void 0,
+      A.defaultRadius,
+      p.radius
+    ), v = y ?? p.status, t = I(
       c,
-      r == null ? void 0 : r.labelAlign,
+      o == null ? void 0 : o.labelAlign,
       void 0,
-      y.labelAlign
-    ), Y = l ?? (r == null ? void 0 : r.mode) ?? y.mode, re = je(
+      p.labelAlign
+    ), s = i ?? (o == null ? void 0 : o.mode) ?? p.mode, _ = I(
+      V,
+      o == null ? void 0 : o.portal,
+      void 0,
+      p.portal
+    ), re = I(
+      J,
+      o == null ? void 0 : o.portalTarget,
+      void 0,
+      p.portalTarget
+    ), ne = Ke(
+      Y,
+      v === "error" ? "danger" : v === "success" ? "success" : v === "warning" ? "warning" : K
+    ), ae = v !== "default" ? Le[v] : "", se = Y === "underlined" ? "rounded-none" : ee(
       k,
-      S === "error" ? "danger" : S === "success" ? "success" : S === "warning" ? "warning" : q
-    ), se = S !== "default" ? Te[S] : "", ae = k === "underlined" ? "rounded-none" : ee(
-      W,
       te,
-      y.radius
-    ), ie = ee(
-      W === "full" ? "xl" : W,
+      p.radius
+    ), le = ee(
+      k === "full" ? "xl" : k,
       te,
-      y.radius
-    ), le = Z(
-      (p) => n == null ? void 0 : n(p),
+      p.radius
+    ), { refs: W, floatingStyles: ie, context: j } = je({
+      isOpen: w,
+      onOpenChange: $,
+      disabled: b
+    }), ce = ve(j, { enabled: !b }), ue = ye(j), de = Se(j, { role: "dialog" }), { getReferenceProps: me, getFloatingProps: fe } = we([
+      ce,
+      ue,
+      de
+    ]), pe = U(
+      (D) => n == null ? void 0 : n(D),
       [n]
-    ), ce = Z(() => P(!1), []), ue = Z(
-      (p) => {
-        p.stopPropagation(), n == null || n(null);
+    ), he = U(() => $(!1), []), ge = U(
+      (D) => {
+        D.stopPropagation(), n == null || n(null);
       },
       [n]
-    ), de = O ?? He(Y), Q = e ? ze(e, Y) : null;
-    return /* @__PURE__ */ o(
-      Le,
+    ), be = z ?? Ve(s), Z = e ? He(e, s) : null, q = w ? /* @__PURE__ */ r(De, { context: j, modal: !1, children: /* @__PURE__ */ r(
+      "div",
+      {
+        ref: W.setFloating,
+        style: { ...ie, zIndex: 999999 },
+        className: "outline-none",
+        ...fe(),
+        children: /* @__PURE__ */ r("div", { className: "animate-in fade-in-0 zoom-in-95 duration-150 ease-out", children: /* @__PURE__ */ r(
+          Be,
+          {
+            selected: e,
+            mode: s,
+            isClearable: P,
+            resolvedSizeKey: L,
+            onSelect: pe,
+            onClose: he,
+            disableFuture: F,
+            resolvedColor: K,
+            radiusClass: le
+          }
+        ) })
+      }
+    ) }) : null, Q = re ?? (typeof document < "u" ? document.body : null);
+    return /* @__PURE__ */ r(
+      Ee,
       {
-        id: V,
-        label: w,
-        labelAlign: ne,
+        id: G,
+        label: S,
+        labelAlign: t,
         description: g,
-        message: E,
-        status: S,
+        message: C,
+        status: v,
         required: f,
-        isLoading: D,
+        isLoading: N,
         children: /* @__PURE__ */ h("div", { className: "w-full relative inline-block", children: [
           /* @__PURE__ */ h(
             "div",
             {
-              ref: (p) => {
-                C.setReference(p), typeof N == "function" ? N(p) : N && (N.current = p);
+              ref: (D) => {
+                W.setReference(D), typeof M == "function" ? M(D) : M && (M.current = D);
               },
               role: "combobox",
               tabIndex: b ? -1 : 0,
-              "aria-expanded": F,
+              "aria-expanded": w,
               "aria-haspopup": "dialog",
-              "aria-invalid": S === "error",
+              "aria-invalid": v === "error",
               "aria-disabled": b,
               className: d(
                 "w-full flex items-center justify-between cursor-pointer text-foreground outline-none transition-colors select-none shrink-0",
                 "focus-visible:ring-2 focus-visible:ring-offset-2",
                 b && "pointer-events-none opacity-50 cursor-not-allowed",
-                Ye[i],
-                re,
-                se,
+                Ye[L],
+                ne,
                 ae,
+                se,
                 x
               ),
-              style: z,
-              ...G(),
+              style: H,
+              ...me(),
               children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ r(
                   "span",
                   {
-                    className: Q ? "text-foreground" : "text-foreground/70",
-                    children: Q ?? de
+                    className: Z ? "text-foreground" : "text-foreground/70",
+                    children: Z ?? be
                   }
                 ),
                 /* @__PURE__ */ h("div", { className: "flex items-center gap-1.5 ml-2 shrink-0", children: [
-                  $ && e && !b && /* @__PURE__ */ o(
+                  P && e && !b && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
-                      onClick: ue,
+                      onClick: ge,
                       "aria-label": "Clear selection",
                       className: "p-0.5 rounded text-foreground/70 hover:text-foreground transition-colors",
-                      children: /* @__PURE__ */ o(_e, { className: "size-3.5" })
+                      children: /* @__PURE__ */ r(Re, { className: "size-3.5" })
                     }
                   ),
-                  /* @__PURE__ */ o("span", { className: "text-foreground/70 pointer-events-none", children: Y === "time" ? /* @__PURE__ */ o(Re, {}) : /* @__PURE__ */ o(Ie, {}) })
+                  /* @__PURE__ */ r("span", { className: "text-foreground/70 pointer-events-none", children: s === "time" ? /* @__PURE__ */ r(Te, {}) : /* @__PURE__ */ r(Ie, {}) })
                 ] })
               ]
             }
           ),
-          F && /* @__PURE__ */ o(Ne, { context: A, modal: !1, children: /* @__PURE__ */ o(
-            "div",
-            {
-              ref: C.setFloating,
-              style: { ...J, zIndex: 99999 },
-              className: "outline-none",
-              ...t(),
-              children: /* @__PURE__ */ o("div", { className: "animate-in fade-in-0 zoom-in-95 duration-150 ease-out", children: /* @__PURE__ */ o(
-                Je,
-                {
-                  selected: e,
-                  mode: Y,
-                  isClearable: $,
-                  resolvedSizeKey: i,
-                  onSelect: le,
-                  onClose: ce,
-                  disableFuture: I,
-                  resolvedColor: q,
-                  radiusClass: ie
-                }
-              ) })
-            }
-          ) })
+          w && (_ && Q ? ke(q, Q) : q)
         ] })
       }
     );
   }
 );
-Ue.displayName = "DatePicker";
+Ge.displayName = "DatePicker";
 export {
-  Ue as DatePicker
+  Ge as DatePicker
 };