impact-nova 0.1.13 → 1.0.0

package/dist/components/ui/data-table/data-table.js

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as w } from "react/jsx-runtime";
-import { useState as i, useCallback as y } from "react";
+import { jsx as o, jsxs as w } from "react/jsx-runtime";
+import { useState as a, useCallback as y } from "react";
 import { AgGridWrapper as T } from "../ag-grid-react/index.js";
 import { cn as l } from "../../../lib/utils.js";
 import { DataTableContext as v, useDataTable as S } from "./data-table-context.js";
@@ -7,21 +7,21 @@ const R = ({
   children: e,
   className: t
 }) => {
-  const [a, n] = i(null), [o, m] = i(null), [s, c] = i("medium"), [u, f] = i("full"), [d, h] = i("default"), g = y((b) => {
-    n(b);
-  }, []), p = {
+  const [i, n] = a(null), [r, m] = a(null), [s, c] = a("medium"), [u, f] = a("full"), [d, h] = a("default"), p = y((x) => {
+    n(x);
+  }, []), g = {
     small: "12px",
     medium: "14px",
     large: "16px"
-  }[s], x = {
+  }[s], b = {
     default: "46px",
     compact: "30px",
     comfort: "52px"
   }[d];
-  return /* @__PURE__ */ r(v.Provider, { value: {
-    gridApi: a,
-    registerApi: g,
-    sheetTarget: o,
+  return /* @__PURE__ */ o(v.Provider, { value: {
+    gridApi: i,
+    registerApi: p,
+    sheetTarget: r,
     setSheetTarget: m,
     fontSize: s,
     setFontSize: c,
@@ -29,29 +29,30 @@ const R = ({
     setNumericFormat: f,
     rowHeight: d,
     setRowHeight: h
-  }, children: /* @__PURE__ */ r(
+  }, children: /* @__PURE__ */ o(
     "div",
     {
+      "data-component": "data-table",
       className: l("flex flex-col w-full h-full min-h-0 rounded-[inherit]", t),
       style: {
-        "--ag-font-size": p,
-        "--ag-row-height": x
+        "--ag-font-size": g,
+        "--ag-row-height": b
       },
       children: e
     }
   ) });
 };
 function j(e) {
-  const { registerApi: t, setSheetTarget: a } = S(), n = (o) => {
-    t(o.api), e.onGridReady && e.onGridReady(o);
+  const { registerApi: t, setSheetTarget: i } = S(), n = (r) => {
+    t(r.api), e.onGridReady && e.onGridReady(r);
   };
   return /* @__PURE__ */ w("div", { className: l("relative flex-1 min-h-0 w-full bg-white rounded-b-[inherit] grid-rounded-bottom", e.className), children: [
-    /* @__PURE__ */ r(T, { ...e, onGridReady: n }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ o(T, { ...e, onGridReady: n }),
+    /* @__PURE__ */ o(
       "div",
       {
-        ref: a,
-        className: "absolute inset-0 pointer-events-none z-[100] flex overflow-hidden"
+        ref: i,
+        className: "absolute inset-0 pointer-events-none z-[39] flex overflow-hidden"
       }
     )
   ] });
@@ -59,7 +60,7 @@ function j(e) {
 const C = ({
   children: e,
   className: t
-}) => /* @__PURE__ */ r("div", { className: l("flex items-center justify-between px-4 py-3 shrink-0 bg-white rounded-t-[inherit]", t), children: e });
+}) => /* @__PURE__ */ o("div", { "data-component": "data-table-toolbar", className: l("flex items-center justify-between px-4 py-3 shrink-0 bg-white rounded-t-[inherit]", t), children: e });
 export {
   R as DataTable,
   j as DataTableContent,

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

@@ -1,76 +1,74 @@
-import { jsxs as C, jsx as a } from "react/jsx-runtime";
-import * as l from "react";
-import { X as R } from "lucide-react";
-import { CalendarMonth as T } from "../../../icons/index.js";
-import { format as g, parse as y, isValid as k } from "date-fns";
-import { cn as L, maskDate as X } from "../../../lib/utils.js";
-import { Input as q } from "../input.js";
-import { Popover as z, PopoverTrigger as G, PopoverContent as H } from "../popover.js";
-import { Calendar as J } from "../calendar.js";
-const K = l.forwardRef(
+import { jsxs as P, jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { X } from "lucide-react";
+import { CalendarMonth as q } from "../../../icons/index.js";
+import { format as f, parse as x, isValid as v } from "date-fns";
+import { cn as z, maskDate as G } from "../../../lib/utils.js";
+import { Input as H } from "../input.js";
+import { Popover as J, PopoverTrigger as K, PopoverContent as Q } from "../popover.js";
+import { Calendar as U } from "../calendar.js";
+const W = i.forwardRef(
   ({
-    value: n,
-    onChange: i,
-    format: t = "MM/dd/yyyy",
+    value: t,
+    onChange: p,
+    format: n = "MM/dd/yyyy",
     placeholder: S = "Select Date",
-    minDate: v,
-    maxDate: w,
-    fromYear: x,
-    toYear: I,
-    showFooter: p = !0,
-    disabled: P,
-    className: N,
-    ...M
-  }, A) => {
-    const [r, d] = l.useState(!1), [c, s] = l.useState(n), [h, f] = l.useState(n ? g(n, t) : ""), [O, m] = l.useState(n || /* @__PURE__ */ new Date());
-    l.useEffect(() => {
-      f(n ? g(n, t) : "");
-    }, [n, t]), l.useEffect(() => {
-      console.log("[DatePicker] useEffect - open:", r, "value:", n, "pendingDate:", c), r && (s(n), m(n || /* @__PURE__ */ new Date()));
-    }, [r]);
-    const V = (e) => {
-      console.log("[DatePicker] handleSelect called:", e), s(e), p || (console.log("[DatePicker] No footer - applying immediately"), i?.(e), d(!1));
-    }, B = (e) => {
-      const o = e;
-      f(o ? g(o, t) : "");
-    }, E = (e) => {
-      const o = e !== void 0 ? e : c;
-      console.log("[DatePicker] handleApply called, appliedDate:", e, "pendingDate:", c, "using:", o), i?.(o), d(!1);
-    }, j = () => {
-      console.log("[DatePicker] handleCancel called"), s(n), d(!1);
+    minDate: k,
+    maxDate: M,
+    fromYear: N,
+    toYear: w,
+    showFooter: s = !0,
+    disabled: y,
+    className: A,
+    ...V
+  }, I) => {
+    const [o, l] = i.useState(!1), [r, c] = i.useState(t), [d, u] = i.useState(t ? f(t, n) : ""), [O, h] = i.useState(t || /* @__PURE__ */ new Date());
+    i.useEffect(() => {
+      u(t ? f(t, n) : "");
+    }, [t, n]), i.useEffect(() => {
+      o && (c(t), h(t || /* @__PURE__ */ new Date()));
+    }, [o]);
+    const T = (e) => {
+      c(e), s || (p?.(e), l(!1));
+    }, j = (e) => {
+      p?.(e !== void 0 ? e : r), l(!1);
+    }, B = () => {
+      c(t), l(!1);
     }, D = () => {
-      console.log("[DatePicker] handleClear called"), s(void 0), f(""), i?.(void 0), p || d(!1);
-    };
-    return /* @__PURE__ */ C(z, { open: r, onOpenChange: d, children: [
-      /* @__PURE__ */ a(G, { asChild: !0, children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
-        q,
+      c(void 0), u(""), p?.(void 0), s || l(!1);
+    }, E = (e) => {
+      const m = G(e.target.value, n);
+      if (u(m), m === "") {
+        c(void 0), s || p?.(void 0);
+        return;
+      }
+      const g = x(m, n, /* @__PURE__ */ new Date());
+      v(g) && (c(g), h(g), s || p?.(g));
+    }, R = () => {
+      if (o) return;
+      if (d === "") {
+        D();
+        return;
+      }
+      const e = x(d, n, /* @__PURE__ */ new Date());
+      v(e) || u(r ? f(r, n) : "");
+    }, C = s && o && (r ? f(r, n) : "") !== d, L = s && o ? r ? f(r, n) : "" : d;
+    return /* @__PURE__ */ P(J, { open: o, onOpenChange: l, children: [
+      /* @__PURE__ */ a(K, { asChild: !0, children: /* @__PURE__ */ a("div", { "data-component": "date-picker", "data-state": o ? "open" : "closed", "data-pending": C || void 0, children: /* @__PURE__ */ a(
+        H,
         {
-          ref: A,
-          value: h,
-          onChange: (e) => {
-            const o = X(e.target.value, t);
-            if (f(o), o === "") {
-              s(void 0), p || i?.(void 0);
-              return;
-            }
-            const u = y(o, t, /* @__PURE__ */ new Date());
-            k(u) && (s(u), m(u), p || i?.(u));
-          },
-          onBlur: () => {
-            if (h === "") {
-              D();
-              return;
-            }
-            const e = y(h, t, /* @__PURE__ */ new Date());
-            k(e) || f(c ? g(c, t) : "");
-          },
-          onClick: (e) => r && e.stopPropagation(),
-          placeholder: r ? t : S,
-          disabled: P,
-          className: L("cursor-pointer", N),
-          suffix: /* @__PURE__ */ C("div", { className: "flex items-center gap-1", children: [
-            n && !P && /* @__PURE__ */ a(
-              R,
+          ref: I,
+          value: L,
+          onChange: E,
+          onBlur: R,
+          onClick: (e) => o && e.stopPropagation(),
+          placeholder: o ? n : S,
+          disabled: y,
+          "data-form-control": "input",
+          className: z("cursor-pointer", C && "text-muted-foreground", A),
+          suffix: /* @__PURE__ */ P("div", { className: "flex items-center gap-1", children: [
+            t && !y && /* @__PURE__ */ a(
+              X,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
                 onClick: (e) => {
@@ -78,34 +76,32 @@ const K = l.forwardRef(
                 }
               }
             ),
-            /* @__PURE__ */ a(T, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ a(q, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
-          ...M
+          ...V
         }
       ) }) }),
       /* @__PURE__ */ a(
-        H,
+        Q,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (e) => e.preventDefault(),
-          onInteractOutside: (e) => e.preventDefault(),
           children: /* @__PURE__ */ a(
-            J,
+            U,
             {
               mode: "single",
-              selected: c,
-              onSelect: V,
-              onPendingChange: B,
+              selected: r,
+              onSelect: T,
               month: O,
-              onMonthChange: m,
-              fromDate: v,
-              toDate: w,
-              fromYear: x,
-              toYear: I,
-              showFooter: p,
-              onApply: E,
-              onCancel: j,
+              onMonthChange: h,
+              fromDate: k,
+              toDate: M,
+              fromYear: N,
+              toYear: w,
+              showFooter: s,
+              onApply: j,
+              onCancel: B,
               onClear: D,
               captionLayout: "dropdown"
             }
@@ -115,7 +111,7 @@ const K = l.forwardRef(
     ] });
   }
 );
-K.displayName = "DatePicker";
+W.displayName = "DatePicker";
 export {
-  K as DatePicker
+  W as DatePicker
 };

package/dist/components/ui/date-picker/date-range-picker.js

@@ -1,199 +1,203 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import * as c from "react";
-import { X as Y } from "lucide-react";
-import { CalendarMonth as Z, Info as $ } from "../../../icons/index.js";
-import { format as p, parse as k, isValid as S } from "date-fns";
-import { cn as v, maskDate as I } from "../../../lib/utils.js";
-import { Popover as _, PopoverTrigger as F, PopoverContent as ee } from "../popover.js";
-import { Calendar as te } from "../calendar.js";
-const ne = c.forwardRef(
+import { jsxs as u, jsx as c } from "react/jsx-runtime";
+import * as m from "react";
+import { X as ee } from "lucide-react";
+import { CalendarMonth as te, Info as ne } from "../../../icons/index.js";
+import { format as a, parse as I, isValid as M } from "date-fns";
+import { cn as g, maskDate as V } from "../../../lib/utils.js";
+import { Popover as oe, PopoverTrigger as re, PopoverContent as se } from "../popover.js";
+import { Calendar as ie } from "../calendar.js";
+const de = m.forwardRef(
   ({
     value: t,
-    onChange: f,
+    onChange: p,
     format: n = "MM/dd/yyyy",
-    startPlaceholder: M = "Start Date",
-    endPlaceholder: V = "End Date",
-    minDate: A,
-    maxDate: O,
-    fromYear: j,
-    toYear: B,
-    showFooter: m = !0,
-    disabled: g,
-    label: D,
-    helperText: P,
-    prefix: oe,
-    prefixClick: re,
+    startPlaceholder: A = "Start Date",
+    endPlaceholder: E = "End Date",
+    minDate: j,
+    maxDate: B,
+    fromYear: O,
+    toYear: T,
+    showFooter: i = !0,
+    disabled: x,
+    label: N,
+    helperText: C,
+    prefix: ae,
+    prefixClick: ce,
     isError: h,
-    size: R,
-    required: E,
-    className: z,
-    ...L
-  }, T) => {
-    const [l, x] = c.useState(!1), [r, i] = c.useState(t), [X, b] = c.useState(t?.from ? p(t.from, n) : ""), [q, y] = c.useState(t?.to ? p(t.to, n) : ""), [G, w] = c.useState(t?.from || /* @__PURE__ */ new Date());
-    c.useEffect(() => {
-      b(t?.from ? p(t.from, n) : ""), y(t?.to ? p(t.to, n) : "");
-    }, [t, n]), c.useEffect(() => {
-      console.log("[DateRangePicker] useEffect - open:", l, "value:", t, "pendingRange:", r), l && (i(t), w(t?.from || /* @__PURE__ */ new Date()));
-    }, [l]);
-    const H = (e) => {
-      console.log("[DateRangePicker] handleSelect called:", e), i(e), !m && e?.from && e?.to && (console.log("[DateRangePicker] No footer - applying immediately"), f?.(e), x(!1));
-    }, J = (e) => {
-      const o = e;
-      b(o?.from ? p(o.from, n) : ""), y(o?.to ? p(o.to, n) : "");
-    }, K = (e) => {
-      const o = e !== void 0 ? e : r;
-      console.log("[DateRangePicker] handleApply called, appliedRange:", e, "pendingRange:", r, "using:", o), f?.(o), x(!1);
-    }, Q = () => {
-      console.log("[DateRangePicker] handleCancel called"), i(t), x(!1);
-    }, C = () => {
-      console.log("[DateRangePicker] handleClear called"), i(void 0), b(""), y(""), f?.(void 0), m || x(!1);
-    }, U = (e) => {
-      const o = I(e.target.value, n);
-      if (b(o), o === "") {
-        const a = { from: void 0, to: r?.to };
-        i(a), m || f?.(a);
+    size: D,
+    required: z,
+    className: L,
+    ...X
+  }, q) => {
+    const [s, b] = m.useState(!1), [o, l] = m.useState(t), [G, y] = m.useState(t?.from ? a(t.from, n) : ""), [H, w] = m.useState(t?.to ? a(t.to, n) : ""), [J, v] = m.useState(t?.from || /* @__PURE__ */ new Date());
+    m.useEffect(() => {
+      y(t?.from ? a(t.from, n) : ""), w(t?.to ? a(t.to, n) : "");
+    }, [t, n]), m.useEffect(() => {
+      s && (l(t), v(t?.from || /* @__PURE__ */ new Date()));
+    }, [s]);
+    const K = (e) => {
+      l(e), i || e?.from && e?.to && e.from.getTime() !== e.to.getTime() && (p?.(e), b(!1));
+    }, Q = (e) => {
+      let r = e !== void 0 ? e : o;
+      r?.from && !r.to && (r = { from: r.from, to: r.from }), p?.(r), b(!1);
+    }, U = () => {
+      l(t), b(!1);
+    }, S = () => {
+      l(void 0), y(""), w(""), p?.(void 0), i || b(!1);
+    }, W = (e) => {
+      const r = V(e.target.value, n);
+      if (y(r), r === "") {
+        const d = { from: void 0, to: o?.to };
+        l(d), i || p?.(d);
         return;
       }
-      const d = k(o, n, /* @__PURE__ */ new Date());
-      if (S(d)) {
-        const a = { from: d, to: r?.to };
-        i(a), w(d), m || f?.(a);
+      const f = I(r, n, /* @__PURE__ */ new Date());
+      if (M(f)) {
+        const d = { from: f, to: o?.to };
+        l(d), v(f), i || p?.(d);
       }
-    }, W = (e) => {
-      const o = I(e.target.value, n);
-      if (y(o), o === "") {
-        const a = { from: r?.from, to: void 0 };
-        i(a), m || f?.(a);
+    }, Y = (e) => {
+      const r = V(e.target.value, n);
+      if (w(r), r === "") {
+        const d = { from: o?.from, to: void 0 };
+        l(d), i || p?.(d);
         return;
       }
-      const d = k(o, n, /* @__PURE__ */ new Date());
-      if (S(d)) {
-        const a = { from: r?.from, to: d };
-        i(a), d && w(d), m || f?.(a);
+      const f = I(r, n, /* @__PURE__ */ new Date());
+      if (M(f)) {
+        const d = { from: o?.from, to: f };
+        l(d), f && v(f), i || p?.(d);
       }
-    }, N = () => {
-      b(r?.from ? p(r.from, n) : ""), y(r?.to ? p(r.to, n) : "");
-    };
-    return /* @__PURE__ */ u("div", { className: "w-full space-y-1.5 min-w-[240px]", children: [
-      D && /* @__PURE__ */ u(
+    }, P = () => {
+      s || (y(o?.from ? a(o.from, n) : ""), w(o?.to ? a(o.to, n) : ""));
+    }, Z = t?.from ? a(t.from, n) : "", $ = t?.to ? a(t.to, n) : "", k = i && s ? o?.from ? a(o.from, n) : "" : G, R = i && s ? o?.to ? a(o.to, n) : o?.from ? a(o.from, n) : "" : H, _ = i && s && k !== Z, F = i && s && R !== $;
+    return /* @__PURE__ */ u("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "date-range-picker", "data-disabled": x || void 0, children: [
+      N && /* @__PURE__ */ u(
         "label",
         {
-          className: v(
+          className: g(
             "text-xs font-medium leading-[18px] text-[#60697d]",
-            g && "opacity-70",
+            x && "opacity-70",
             h && "text-destructive"
           ),
           children: [
-            D,
+            N,
             " ",
-            E && /* @__PURE__ */ s("span", { className: "text-destructive", children: "*" })
+            z && /* @__PURE__ */ c("span", { className: "text-destructive", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ u(_, { open: l, onOpenChange: x, children: [
-        /* @__PURE__ */ s(F, { asChild: !0, children: /* @__PURE__ */ u(
+      /* @__PURE__ */ u(oe, { open: s, onOpenChange: b, children: [
+        /* @__PURE__ */ c(re, { asChild: !0, children: /* @__PURE__ */ u(
           "div",
           {
-            className: v(
-              "flex w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 text-sm shadow-sm transition-colors hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border",
+            "data-state": s ? "open" : "closed",
+            className: g(
+              "flex w-full items-center justify-between gap-2 rounded-md border bg-white px-3 text-sm shadow-sm transition-colors hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border",
               h ? "border-destructive hover:border-destructive" : "border-input",
-              R === "sm" ? "h-6" : R === "md" ? "h-[28px]" : "h-8",
-              g && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
+              D === "sm" ? "h-6" : D === "md" ? "h-[28px]" : "h-8",
+              x && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
               "cursor-pointer",
-              z
+              L
             ),
             children: [
               /* @__PURE__ */ u("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ c(
                   "input",
                   {
-                    ref: T,
+                    ref: q,
                     type: "text",
-                    value: X,
-                    onChange: U,
-                    onBlur: N,
-                    onClick: (e) => l && e.stopPropagation(),
-                    placeholder: l ? n : M,
-                    disabled: !!g,
-                    className: "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                    ...L
+                    value: k,
+                    onChange: W,
+                    onBlur: P,
+                    onClick: (e) => s && e.stopPropagation(),
+                    placeholder: s ? n : A,
+                    disabled: !!x,
+                    "data-field": "start",
+                    className: g(
+                      "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
+                      _ && "text-muted-foreground"
+                    ),
+                    ...X
                   }
                 ),
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ c(
                   "input",
                   {
                     type: "text",
-                    value: q,
-                    onChange: W,
-                    onBlur: N,
-                    onClick: (e) => l && e.stopPropagation(),
-                    placeholder: l ? n : V,
-                    disabled: !!g,
-                    className: "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50"
+                    value: R,
+                    onChange: Y,
+                    onBlur: P,
+                    onClick: (e) => s && e.stopPropagation(),
+                    placeholder: s ? n : E,
+                    disabled: !!x,
+                    "data-field": "end",
+                    className: g(
+                      "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
+                      F && "text-muted-foreground"
+                    )
                   }
                 )
               ] }),
               /* @__PURE__ */ u("div", { className: "flex items-center gap-1 shrink-0", children: [
-                t?.from && !g && /* @__PURE__ */ s(
-                  Y,
+                t?.from && !x && /* @__PURE__ */ c(
+                  ee,
                   {
                     className: "h-4 w-4 cursor-pointer hover:text-foreground text-muted-foreground",
                     onClick: (e) => {
-                      e.stopPropagation(), C();
+                      e.stopPropagation(), S();
                     }
                   }
                 ),
-                /* @__PURE__ */ s(Z, { className: "h-4 w-4 text-secondary-foreground" })
+                /* @__PURE__ */ c(te, { className: "h-4 w-4 text-secondary-foreground" })
               ] })
             ]
           }
         ) }),
-        /* @__PURE__ */ s(
-          ee,
+        /* @__PURE__ */ c(
+          se,
           {
             className: "w-auto p-0",
             align: "start",
             onOpenAutoFocus: (e) => e.preventDefault(),
-            onInteractOutside: (e) => e.preventDefault(),
-            children: /* @__PURE__ */ s(
-              te,
+            children: /* @__PURE__ */ c(
+              ie,
               {
                 mode: "range",
-                selected: r,
-                onSelect: H,
-                onPendingChange: J,
-                month: G,
-                onMonthChange: w,
-                disabled: { before: A, after: O },
-                fromYear: j,
-                toYear: B,
-                showFooter: m,
-                onApply: K,
-                onCancel: Q,
-                onClear: C,
+                selected: o,
+                onSelect: K,
+                month: J,
+                onMonthChange: v,
+                disabled: { before: j, after: B },
+                fromYear: O,
+                toYear: T,
+                showFooter: i,
+                onApply: Q,
+                onCancel: U,
+                onClear: S,
                 captionLayout: "dropdown"
               }
             )
           }
         )
       ] }),
-      P && /* @__PURE__ */ u("div", { className: v("flex items-center gap-1", h && "text-destructive"), children: [
-        !h && /* @__PURE__ */ s($, { size: 10, className: "shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ s(
+      C && /* @__PURE__ */ u("div", { className: g("flex items-center gap-1", h && "text-destructive"), children: [
+        !h && /* @__PURE__ */ c(ne, { size: 10, className: "shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ c(
           "p",
           {
-            className: v(
+            className: g(
               "text-[10px] text-[#7a8294]",
               h && "text-destructive"
             ),
-            children: P
+            children: C
           }
         )
       ] })
     ] });
   }
 );
-ne.displayName = "DateRangePicker";
+de.displayName = "DateRangePicker";
 export {
-  ne as DateRangePicker
+  de as DateRangePicker
 };