@sth87/shadcn-design-system 0.1.5 → 0.1.6

package/dist/esm/components/Button/Button.js

@@ -1,53 +1,51 @@
-import { jsxs as d, Fragment as u, jsx as o } from "react/jsx-runtime";
-import h, { useMemo as f } from "react";
-import { buttonVariants as p, Button as N } from "../../packages/ui/src/components/button.js";
-import { cn as C } from "../../packages/ui/src/lib/utils.js";
-import { LoaderCircle as y } from "lucide-react";
-import { animationEffect as g } from "../../utils/animations.js";
-const v = h.forwardRef(
+import { jsxs as c, Fragment as d, jsx as o } from "react/jsx-runtime";
+import u, { useMemo as h } from "react";
+import { buttonVariants as f, Button as p } from "../../packages/ui/src/components/button.js";
+import { cn as N } from "../../packages/ui/src/lib/utils.js";
+import { LoaderCircle as C } from "lucide-react";
+import { animationEffect as y } from "../../utils/animations.js";
+const g = u.forwardRef(
   (e, i) => {
     const {
       variant: n = "solid",
-      size: r = "normal",
-      color: l = "muted",
-      animation: s,
+      size: s = "normal",
+      animation: r,
       ...t
-    } = e, a = f(() => g({
-      animation: s,
+    } = e, a = h(() => y({
+      animation: r,
       children: t?.children,
       className: t?.className,
-      rootClassName: p({
+      rootClassName: f({
         variant: n,
-        size: r
+        size: s
       }),
       variantType: n,
       ...t
-    }), [s, t, r, n]), m = (a?.children ? !0 : t.asChild) && !t?.isLoading, c = t?.isLoading ? /* @__PURE__ */ d(u, { children: [
-      /* @__PURE__ */ o(y, { className: "ds:animate-spin" }),
+    }), [r, t, s, n]), l = (a?.children ? !0 : t.asChild) && !t?.isLoading, m = t?.isLoading ? /* @__PURE__ */ c(d, { children: [
+      /* @__PURE__ */ o(C, { className: "ds:animate-spin" }),
       a?.children ?? t.children ?? null
     ] }) : a?.children ?? t.children ?? null;
     return /* @__PURE__ */ o(
-      N,
+      p,
       {
         ref: i,
         ...t,
-        className: C(
+        className: N(
           "ds:cursor-pointer ds:group",
           t?.className,
           a?.className
         ),
-        asChild: m,
+        asChild: l,
         style: { ...t.style || {}, ...a?.style || {} },
         variant: a?.variant ?? n,
-        color: l,
-        size: r,
-        children: c
+        size: s,
+        children: m
       }
     );
   }
 );
-v.displayName = "Button";
+g.displayName = "Button";
 export {
-  v as default
+  g as default
 };
 //# sourceMappingURL=Button.js.map

package/dist/esm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  buttonVariants,\n  Button as SButton,\n  type ButtonProps as SButtonProps,\n} from \"@dsui/ui/components/button\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { ButtonAnimation } from \"@/types/variables\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { animationEffect } from \"@/utils/animations\";\n\nexport type ButtonProps = SButtonProps & {\n  animation?: ButtonAnimation;\n  isLoading?: boolean;\n};\n\ntype AnimResult = {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  variant?: SButtonProps[\"variant\"];\n};\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref) => {\n    const {\n      variant = \"solid\",\n      size = \"normal\",\n      color = \"muted\",\n      animation,\n      ...rest\n    } = props;\n\n    const buttonAnimation = useMemo<AnimResult | null>(() => {\n      return animationEffect<ButtonAnimation, SButtonProps[\"variant\"]>({\n        animation,\n        children: rest?.children,\n        className: rest?.className,\n        rootClassName: buttonVariants({\n          variant: variant,\n          size: size,\n        }),\n        variantType: variant,\n        ...rest,\n      });\n    }, [animation, rest, size, variant]);\n\n    // Disable asChild when loading to avoid React.Children.only error\n    const shouldUseAsChild =\n      (buttonAnimation?.children ? true : rest.asChild) && !rest?.isLoading;\n\n    const buttonContent = rest?.isLoading ? (\n      <>\n        <LoaderCircle className=\"ds:animate-spin\" />\n        {\n          (buttonAnimation?.children ??\n            rest.children ??\n            null) as SButtonProps[\"children\"]\n        }\n      </>\n    ) : (\n      ((buttonAnimation?.children ??\n        rest.children ??\n        null) as SButtonProps[\"children\"])\n    );\n\n    return (\n      <SButton\n        ref={ref}\n        {...rest}\n        className={cn(\n          \"ds:cursor-pointer ds:group\",\n          rest?.className,\n          buttonAnimation?.className\n        )}\n        asChild={shouldUseAsChild}\n        style={{ ...(rest.style || {}), ...(buttonAnimation?.style || {}) }}\n        variant={buttonAnimation?.variant ?? variant}\n        color={color}\n        size={size}\n      >\n        {buttonContent}\n      </SButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\nexport default Button;\n"],"names":["Button","React","props","ref","variant","size","color","animation","rest","buttonAnimation","useMemo","animationEffect","buttonVariants","shouldUseAsChild","buttonContent","jsxs","Fragment","jsx","LoaderCircle","SButton","cn"],"mappings":";;;;;;AAuBA,MAAMA,IAASC,EAAM;AAAA,EACnB,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,SAAAC,IAAU;AAAA,MACV,MAAAC,IAAO;AAAA,MACP,OAAAC,IAAQ;AAAA,MACR,WAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDN,GAEEO,IAAkBC,EAA2B,MAC1CC,EAA0D;AAAA,MAC/D,WAAAJ;AAAA,MACA,UAAUC,GAAM;AAAA,MAChB,WAAWA,GAAM;AAAA,MACjB,eAAeI,EAAe;AAAA,QAC5B,SAAAR;AAAA,QACA,MAAAC;AAAA,MAAA,CACD;AAAA,MACD,aAAaD;AAAA,MACb,GAAGI;AAAA,IAAA,CACJ,GACA,CAACD,GAAWC,GAAMH,GAAMD,CAAO,CAAC,GAG7BS,KACHJ,GAAiB,WAAW,KAAOD,EAAK,YAAY,CAACA,GAAM,WAExDM,IAAgBN,GAAM,YAC1B,gBAAAO,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAa,WAAU,kBAAA,CAAkB;AAAA,MAEvCT,GAAiB,YAChBD,EAAK,YACL;AAAA,IAAA,EAAA,CAEN,IAEEC,GAAiB,YACjBD,EAAK,YACL;AAGJ,WACE,gBAAAS;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,KAAAhB;AAAA,QACC,GAAGK;AAAA,QACJ,WAAWY;AAAA,UACT;AAAA,UACAZ,GAAM;AAAA,UACNC,GAAiB;AAAA,QAAA;AAAA,QAEnB,SAASI;AAAA,QACT,OAAO,EAAE,GAAIL,EAAK,SAAS,CAAA,GAAK,GAAIC,GAAiB,SAAS,GAAC;AAAA,QAC/D,SAASA,GAAiB,WAAWL;AAAA,QACrC,OAAAE;AAAA,QACA,MAAAD;AAAA,QAEC,UAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAd,EAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  buttonVariants,\n  Button as SButton,\n  type ButtonProps as SButtonProps,\n} from \"@dsui/ui/components/button\";\nimport { cn } from \"@dsui/ui/lib/utils\";\nimport type { ButtonAnimation } from \"@/types/variables\";\nimport { LoaderCircle } from \"lucide-react\";\nimport { animationEffect } from \"@/utils/animations\";\n\nexport type ButtonProps = SButtonProps & {\n  animation?: ButtonAnimation;\n  isLoading?: boolean;\n};\n\ntype AnimResult = {\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  variant?: SButtonProps[\"variant\"];\n};\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref) => {\n    const {\n      variant = \"solid\",\n      size = \"normal\",\n      animation,\n      ...rest\n    } = props;\n\n    const buttonAnimation = useMemo<AnimResult | null>(() => {\n      return animationEffect<ButtonAnimation, SButtonProps[\"variant\"]>({\n        animation,\n        children: rest?.children,\n        className: rest?.className,\n        rootClassName: buttonVariants({\n          variant: variant,\n          size: size,\n        }),\n        variantType: variant,\n        ...rest,\n      });\n    }, [animation, rest, size, variant]);\n\n    // Disable asChild when loading to avoid React.Children.only error\n    const shouldUseAsChild =\n      (buttonAnimation?.children ? true : rest.asChild) && !rest?.isLoading;\n\n    const buttonContent = rest?.isLoading ? (\n      <>\n        <LoaderCircle className=\"ds:animate-spin\" />\n        {\n          (buttonAnimation?.children ??\n            rest.children ??\n            null) as SButtonProps[\"children\"]\n        }\n      </>\n    ) : (\n      ((buttonAnimation?.children ??\n        rest.children ??\n        null) as SButtonProps[\"children\"])\n    );\n\n    return (\n      <SButton\n        ref={ref}\n        {...rest}\n        className={cn(\n          \"ds:cursor-pointer ds:group\",\n          rest?.className,\n          buttonAnimation?.className\n        )}\n        asChild={shouldUseAsChild}\n        style={{ ...(rest.style || {}), ...(buttonAnimation?.style || {}) }}\n        variant={buttonAnimation?.variant ?? variant}\n        size={size}\n      >\n        {buttonContent}\n      </SButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\nexport default Button;\n"],"names":["Button","React","props","ref","variant","size","animation","rest","buttonAnimation","useMemo","animationEffect","buttonVariants","shouldUseAsChild","buttonContent","jsxs","Fragment","jsx","LoaderCircle","SButton","cn"],"mappings":";;;;;;AAuBA,MAAMA,IAASC,EAAM;AAAA,EACnB,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,SAAAC,IAAU;AAAA,MACV,MAAAC,IAAO;AAAA,MACP,WAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDL,GAEEM,IAAkBC,EAA2B,MAC1CC,EAA0D;AAAA,MAC/D,WAAAJ;AAAA,MACA,UAAUC,GAAM;AAAA,MAChB,WAAWA,GAAM;AAAA,MACjB,eAAeI,EAAe;AAAA,QAC5B,SAAAP;AAAA,QACA,MAAAC;AAAA,MAAA,CACD;AAAA,MACD,aAAaD;AAAA,MACb,GAAGG;AAAA,IAAA,CACJ,GACA,CAACD,GAAWC,GAAMF,GAAMD,CAAO,CAAC,GAG7BQ,KACHJ,GAAiB,WAAW,KAAOD,EAAK,YAAY,CAACA,GAAM,WAExDM,IAAgBN,GAAM,YAC1B,gBAAAO,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAa,WAAU,kBAAA,CAAkB;AAAA,MAEvCT,GAAiB,YAChBD,EAAK,YACL;AAAA,IAAA,EAAA,CAEN,IAEEC,GAAiB,YACjBD,EAAK,YACL;AAGJ,WACE,gBAAAS;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,KAAAf;AAAA,QACC,GAAGI;AAAA,QACJ,WAAWY;AAAA,UACT;AAAA,UACAZ,GAAM;AAAA,UACNC,GAAiB;AAAA,QAAA;AAAA,QAEnB,SAASI;AAAA,QACT,OAAO,EAAE,GAAIL,EAAK,SAAS,CAAA,GAAK,GAAIC,GAAiB,SAAS,GAAC;AAAA,QAC/D,SAASA,GAAiB,WAAWJ;AAAA,QACrC,MAAAC;AAAA,QAEC,UAAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAb,EAAO,cAAc;"}

package/dist/esm/components/DatePicker/RangePicker.js

@@ -1,7 +1,7 @@
-import { jsxs as N, jsx as c } from "react/jsx-runtime";
+import { jsxs as T, jsx as c } from "react/jsx-runtime";
 import * as D from "react";
-import { Calendar as Vo } from "../../packages/ui/src/components/calendar.js";
-import { Popover as Co, PopoverTrigger as Po, PopoverContent as So } from "../../packages/ui/src/components/popover.js";
+import { Calendar as Co } from "../../packages/ui/src/components/calendar.js";
+import { Popover as Vo, PopoverTrigger as Po, PopoverContent as So } from "../../packages/ui/src/components/popover.js";
 import { Drawer as ko, DrawerTrigger as Oo, DrawerContent as jo, DrawerHeader as Lo, DrawerTitle as Eo, DrawerDescription as $o } from "../../packages/ui/src/components/drawer.js";
 import "@radix-ui/react-slot";
 import "../../packages/ui/src/components/button.js";
@@ -74,12 +74,12 @@ function Et({
   label: p,
   value: d,
   placeholder: v,
-  onChange: T,
+  onChange: R,
   onSelect: m,
   calendarClassName: lo,
   side: uo = "bottom",
   align: go = "end",
-  format: C = "dd/MM/yyyy",
+  format: V = "dd/MM/yyyy",
   language: po = "vi",
   mask: j,
   closeOnSelect: wo = !1,
@@ -100,7 +100,7 @@ function Et({
 }) {
   const eo = D.useId();
   let l, $;
-  typeof C == "string" ? (l = C, $ = C) : (l = C.input, $ = C.output);
+  typeof V == "string" ? (l = V, $ = V) : (l = V.input, $ = V.output);
   let A;
   j === !0 ? A = Wo(l) : typeof j == "string" && (A = j);
   const ro = d?.from ? y(d.from, l) : void 0, zo = d?.to ? y(d.to, l) : void 0, Mo = {
@@ -108,15 +108,15 @@ function Et({
     to: zo
   }, [so, k] = D.useState(!1), [s, f] = D.useState(Mo), [Fo, B] = D.useState(
     ro || /* @__PURE__ */ new Date()
-  ), [I, h] = D.useState(d?.from || ""), [x, b] = D.useState(d?.to || ""), [U, Y] = D.useState(void 0), [_, K] = D.useState(void 0), q = D.useRef(null), G = D.useRef(null), Ro = !!(I.trim() || x.trim()), J = L?.locale ? L?.locale : po === "en" ? _o : Ko, e = (o) => {
+  ), [I, h] = D.useState(d?.from || ""), [x, b] = D.useState(d?.to || ""), [U, Y] = D.useState(void 0), [_, K] = D.useState(void 0), q = D.useRef(null), G = D.useRef(null), No = !!(I.trim() || x.trim()), J = L?.locale ? L?.locale : po === "en" ? _o : Ko, e = (o) => {
     if (!o) return "";
     let t = Qo(o, $, J);
     return z && (t += ` ${O(o, w)}`), t;
-  }, To = (o) => {
+  }, Ro = (o) => {
     f(o);
     const t = e(o?.from), r = e(o?.to);
     h(t), b(r), m?.(o, { from: t, to: r });
-  }, No = (o) => {
+  }, To = (o) => {
     if (h(o), o.trim() === "") {
       h(""), b("");
       const u = { from: void 0, to: void 0 };
@@ -170,7 +170,7 @@ function Et({
       f(r), h(e(t)), m?.(r, {
         from: e(t),
         to: e(s?.to)
-      }), T?.(r, {
+      }), R?.(r, {
         from: e(t),
         to: e(s?.to)
       });
@@ -192,7 +192,7 @@ function Et({
       f(r), b(e(t)), m?.(r, {
         from: e(s?.from),
         to: e(t)
-      }), T?.(r, {
+      }), R?.(r, {
         from: e(s?.from),
         to: e(t)
       });
@@ -201,10 +201,10 @@ function Et({
     fromValue: I,
     toValue: x,
     range: s,
-    onSelect: To,
-    onFromChange: No,
+    onSelect: Ro,
+    onFromChange: To,
     onToChange: Ho
-  }) : /* @__PURE__ */ N(
+  }) : /* @__PURE__ */ T(
     Go,
     {
       variant: "ghost",
@@ -224,13 +224,13 @@ function Et({
         /* @__PURE__ */ c("span", { className: "ds:sr-only", children: "Select date range" })
       ]
     }
-  ), io = /* @__PURE__ */ N(
+  ), io = /* @__PURE__ */ T(
     "div",
     {
       className: H("ds:flex ds:items-stretch", z && !to ? "ds:gap-0" : ""),
       children: [
         !to && /* @__PURE__ */ c(
-          Vo,
+          Co,
           {
             ...L,
             mode: "range",
@@ -269,7 +269,7 @@ function Et({
               h(r), b(u), m?.(t, {
                 from: r,
                 to: u
-              }), T?.(t, {
+              }), R?.(t, {
                 from: r,
                 to: u
               }), wo && t?.from && t?.to && !z && k(!1);
@@ -289,7 +289,7 @@ function Et({
             )
           }
         ),
-        z && /* @__PURE__ */ N("div", { className: "ds:flex ds:gap-0 ds:border-l ds:border-border", children: [
+        z && /* @__PURE__ */ T("div", { className: "ds:flex ds:gap-0 ds:border-l ds:border-border", children: [
           /* @__PURE__ */ c(
             co,
             {
@@ -320,7 +320,7 @@ function Et({
         ] })
       ]
     }
-  ), Q = /* @__PURE__ */ N(Co, { open: so, onOpenChange: k, children: [
+  ), Q = /* @__PURE__ */ T(Vo, { open: so, onOpenChange: k, children: [
     /* @__PURE__ */ c(Po, { asChild: !0, disabled: n.disabled, children: no }),
     /* @__PURE__ */ c(
       So,
@@ -334,9 +334,9 @@ function Et({
         children: io
       }
     )
-  ] }), W = /* @__PURE__ */ N(ko, { open: so, onOpenChange: k, children: [
+  ] }), W = /* @__PURE__ */ T(ko, { open: so, onOpenChange: k, children: [
     /* @__PURE__ */ c(Oo, { asChild: !0, children: no }),
-    /* @__PURE__ */ N(
+    /* @__PURE__ */ T(
       jo,
       {
         className: H(
@@ -344,7 +344,7 @@ function Et({
           "ds:backdrop-blur ds:bg-background"
         ),
         children: [
-          /* @__PURE__ */ N(Lo, { className: "ds:sr-only", children: [
+          /* @__PURE__ */ T(Lo, { className: "ds:sr-only", children: [
             /* @__PURE__ */ c(Eo, { children: "Select date range" }),
             /* @__PURE__ */ c($o, { children: "Set your date range" })
           ] }),
@@ -365,9 +365,9 @@ function Et({
         ref: i ? q : G,
         id: eo,
         size: n.isFloatLabel ? n.size ? n.size : "xl" : n.size,
-        className: H(
-          n.className,
-          "ds:relative ds:peer ds:border-0 ds:focus:ring-0 ds:rounded-none ds:hover:bg-transparent ds:active:bg-transparent ds:focus-visible:ring-0 ds:focus-visible:border-0",
+        className: n.className,
+        inputClassName: H(
+          "ds:border-0 ds:focus:ring-0 ds:rounded-none ds:hover:bg-transparent ds:active:bg-transparent ds:focus-visible:ring-0 ds:focus-visible:border-0 ds:shadow-none",
           i ? "ds:pr-0" : ""
         ),
         label: n.isFloatLabel && typeof p == "object" ? i ? p?.from || "" : p?.to || "" : "",
@@ -380,26 +380,26 @@ function Et({
           if (r(M), M.trim() === "") {
             h(""), b("");
             const F = { from: void 0, to: void 0 };
-            f(F), m?.(F, F), T?.(F, F);
+            f(F), m?.(F, F), R?.(F, F);
             return;
           }
           let g;
           z ? g = y(M, `${l} ${w}`) : g = y(M, l);
-          const V = i ? { from: g, to: s?.to } : { from: s?.from, to: g };
+          const C = i ? { from: g, to: s?.to } : { from: s?.from, to: g };
           if (g) {
-            f(V), i && B(g), i ? Y(g) : K(g);
+            f(C), i && B(g), i ? Y(g) : K(g);
             const F = e(
               i ? g : s?.from
             ), mo = e(i ? s?.to : g);
-            m?.(V, { from: F, to: mo }), T?.(V, {
+            m?.(C, { from: F, to: mo }), R?.(C, {
               from: i ? M : I,
               to: i ? x : M
             });
           } else
-            m?.(V, {
+            m?.(C, {
               from: e(s?.from),
               to: i ? e(s?.to) : void 0
-            }), T?.(V, {
+            }), R?.(C, {
               from: e(s?.from),
               to: i ? e(s?.to) : void 0
             });
@@ -407,25 +407,25 @@ function Et({
         onClear: i ? void 0 : () => {
           h(""), b("");
           const a = { from: void 0, to: void 0 };
-          f(a), m?.(a, a), T?.(a, a);
+          f(a), m?.(a, a), R?.(a, a);
         },
         onBlur: () => {
           const a = document.activeElement;
           a !== q.current && a !== G.current && setTimeout(() => {
             const M = document.activeElement;
             if (M !== q.current && M !== G.current) {
-              const g = (R) => {
-                if (R.trim() === "") return !0;
+              const g = (N) => {
+                if (N.trim() === "") return !0;
                 let X;
-                return z ? X = y(R, `${l} ${w}`) : X = y(R, l), !!X;
-              }, V = g(I), F = g(x);
-              if (!V || !F || I.trim() && !x.trim() || !I.trim() && x.trim()) {
+                return z ? X = y(N, `${l} ${w}`) : X = y(N, l), !!X;
+              }, C = g(I), F = g(x);
+              if (!C || !F || I.trim() && !x.trim() || !I.trim() && x.trim()) {
                 h(""), b("");
-                const R = {
+                const N = {
                   from: void 0,
                   to: void 0
                 };
-                f(R), m?.(R, R), T?.(R, R);
+                f(N), m?.(N, N), R?.(N, N);
               }
             }
           }, 100);
@@ -436,7 +436,7 @@ function Et({
       }
     );
   };
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ T(
     "div",
     {
       className: H(
@@ -469,7 +469,7 @@ function Et({
             size: n.size,
             infoTooltip: n.infoTooltip,
             className: "ds:z-10",
-            shouldFloat: Ro,
+            shouldFloat: No,
             children: p
           }
         )

package/dist/esm/components/DatePicker/RangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangePicker.js","sources":["../../../../src/components/DatePicker/RangePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { cn } from \"@dsui/ui/index\";\nimport { Input, type InputProps } from \"../Input\";\nimport { Button } from \"../Button\";\nimport { TimePicker } from \"./TimePicker\";\nimport { type DatePickerProps } from \"./DatePicker\";\nimport { CalendarIcon, MoveRight } from \"lucide-react\";\nimport { isMobile } from \"react-device-detect\";\nimport { format as dfFormat, parse, isValid, type Locale } from \"date-fns\";\nimport { vi, enUS } from \"date-fns/locale\";\nimport { DATE_FORMAT } from \"@/constants/common\";\nimport { FloatingLabel } from \"@/components/FloatLabel\";\n\nexport type DateRange = {\n  from?: Date | undefined;\n  to?: Date | undefined;\n};\n\nexport type DateRangeText = { from?: string; to?: string } | null;\n\nfunction formatDate(\n  date: Date | undefined,\n  outputFormat: string = DATE_FORMAT,\n  locale?: Locale\n) {\n  if (!date) return \"\";\n\n  return dfFormat(date, outputFormat, locale ? { locale } : undefined);\n}\n\nconst parseDate = (\n  str: string,\n  inputFormat: string = DATE_FORMAT\n): Date | undefined => {\n  const date = parse(str, inputFormat, new Date());\n  return isValid(date) ? date : undefined;\n};\n\nfunction generateMaskFromFormat(format: string): string {\n  return format\n    .replace(/dd|MM|yyyy/g, (match) => {\n      switch (match) {\n        case \"dd\":\n        case \"MM\":\n          return \"99\";\n        case \"yyyy\":\n          return \"9999\";\n        default:\n          return match;\n      }\n    })\n    .replace(/d|M|y/g, (match) => {\n      switch (match) {\n        case \"d\":\n        case \"M\":\n          return \"9\";\n        case \"y\":\n          return \"9\";\n        default:\n          return match;\n      }\n    });\n}\n\nexport type FormatType = string | { input: string; output: string };\n\nexport type RangePickerRenderProps = {\n  fromValue: string;\n  toValue: string;\n  range?: DateRange;\n  onSelect: (range?: DateRange) => void;\n  onFromChange: (text: string) => void;\n  onToChange: (text: string) => void;\n};\n\nexport type TimeConfig = Omit<\n  React.ComponentProps<typeof TimePicker>,\n  \"value\" | \"onSelect\" | \"format\"\n>;\n\nexport type RangePickerProps = Omit<\n  DatePickerProps,\n  \"value\" | \"onChange\" | \"onSelect\" | \"children\" | \"label\" | \"placeholder\"\n> & {\n  label?: string | DateRangeText;\n  placeholder?: string | DateRangeText;\n  value?: DateRangeText;\n  onChange?: (value?: DateRange, text?: DateRangeText) => void;\n  onSelect?: (value?: DateRange, text?: DateRangeText) => void;\n  children?: (props: RangePickerRenderProps) => React.ReactNode;\n  separator?: React.ReactNode;\n  timeConfig?: [TimeConfig, TimeConfig];\n  numberOfMonths?: number;\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\nexport function RangePicker({\n  label,\n  value,\n  placeholder,\n  onChange,\n  onSelect,\n  calendarClassName,\n  side = \"bottom\",\n  align = \"end\",\n  format = \"dd/MM/yyyy\",\n  language = \"vi\",\n  mask,\n  closeOnSelect = false,\n  showOutsideDays = true,\n  calendarConfig,\n  timeConfig,\n  desktopMode = \"popover\",\n  mobileMode = \"drawer\",\n  children,\n  separator = <MoveRight className=\"ds:size-5\" />,\n  showTime = false,\n  timeFormat = \"HH:mm\",\n  hideDate = false,\n  numberOfMonths = 1,\n  variant = \"default\",\n  color = \"primary\",\n  ...props\n}: RangePickerProps) {\n  const inputId = React.useId();\n\n  let inputFormat: string;\n  let outputFormat: string;\n  if (typeof format === \"string\") {\n    inputFormat = format;\n    outputFormat = format;\n  } else {\n    inputFormat = format.input;\n    outputFormat = format.output;\n  }\n\n  // Determine the mask to use\n  let maskToUse: string | undefined;\n  if (mask === true) {\n    maskToUse = generateMaskFromFormat(inputFormat);\n  } else if (typeof mask === \"string\") {\n    maskToUse = mask;\n  }\n\n  const initialFromDate = value?.from\n    ? parseDate(value.from, inputFormat)\n    : undefined;\n  const initialToDate = value?.to\n    ? parseDate(value.to, inputFormat)\n    : undefined;\n  const initialRange: DateRange = {\n    from: initialFromDate,\n    to: initialToDate,\n  };\n\n  const [open, setOpen] = React.useState(false);\n  const [range, setRange] = React.useState<DateRange | undefined>(initialRange);\n  const [month, setMonth] = React.useState<Date | undefined>(\n    initialFromDate || new Date()\n  );\n  const [fromInputValue, setFromInputValue] = React.useState(value?.from || \"\");\n  const [toInputValue, setToInputValue] = React.useState(value?.to || \"\");\n  const [fromTime, setFromTime] = React.useState<Date | undefined>(undefined);\n  const [toTime, setToTime] = React.useState<Date | undefined>(undefined);\n  const fromInputRef = React.useRef<HTMLInputElement>(null);\n  const toInputRef = React.useRef<HTMLInputElement>(null);\n\n  const shouldFloat = !!(fromInputValue.trim() || toInputValue.trim());\n\n  const _locale: Locale = calendarConfig?.locale\n    ? (calendarConfig?.locale as Locale)\n    : language === \"en\"\n      ? enUS\n      : vi;\n\n  // Helper to format date-time based on showTime and timeFormat\n  const formatDateTimeValue = (d: Date | undefined): string => {\n    if (!d) return \"\";\n    let result = formatDate(d, outputFormat, _locale);\n    if (showTime) {\n      result += ` ${dfFormat(d, timeFormat)}`;\n    }\n    return result;\n  };\n\n  // Helper functions for render props\n  const handleSelectForRenderProp = (range?: DateRange) => {\n    setRange(range);\n    const fromFormatted = formatDateTimeValue(range?.from);\n    const toFormatted = formatDateTimeValue(range?.to);\n    setFromInputValue(fromFormatted);\n    setToInputValue(toFormatted);\n    onSelect?.(range, { from: fromFormatted, to: toFormatted });\n  };\n\n  const handleFromChangeForRenderProp = (text: string) => {\n    setFromInputValue(text);\n\n    // If the input is cleared (empty), clear both fields\n    if (text.trim() === \"\") {\n      setFromInputValue(\"\");\n      setToInputValue(\"\");\n      const newRange: DateRange = { from: undefined, to: undefined };\n      setRange(newRange);\n      onSelect?.(newRange, newRange as DateRangeText);\n      return;\n    }\n\n    // Try to parse based on showTime\n    let parsedDate: Date | undefined;\n    if (showTime) {\n      parsedDate = parseDate(text, `${inputFormat} ${timeFormat}`);\n    } else {\n      parsedDate = parseDate(text, inputFormat);\n    }\n    const newRange: DateRange = { from: parsedDate, to: range?.to };\n    if (parsedDate) {\n      setRange(newRange);\n      setMonth(parsedDate);\n      setFromTime(parsedDate);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(parsedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n    } else {\n      setRange(newRange);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(range?.to),\n      });\n    }\n  };\n\n  const handleToChangeForRenderProp = (text: string) => {\n    setToInputValue(text);\n\n    // If the input is cleared (empty), clear both fields\n    if (text.trim() === \"\") {\n      setFromInputValue(\"\");\n      setToInputValue(\"\");\n      const newRange: DateRange = { from: undefined, to: undefined };\n      setRange(newRange);\n      onSelect?.(newRange, newRange as DateRangeText);\n      return;\n    }\n\n    // Try to parse based on showTime\n    let parsedDate: Date | undefined;\n    if (showTime) {\n      parsedDate = parseDate(text, `${inputFormat} ${timeFormat}`);\n    } else {\n      parsedDate = parseDate(text, inputFormat);\n    }\n    const newRange: DateRange = {\n      from: range?.from,\n      to: parsedDate,\n    };\n    if (parsedDate) {\n      setRange(newRange);\n      setToTime(parsedDate);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(parsedDate),\n      });\n    } else {\n      setRange(newRange);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: undefined,\n      });\n    }\n  };\n\n  const handleTimeChangeFrom = (date?: Date) => {\n    if (date) {\n      setFromTime(date);\n      // Merge: keep date (year, month, day) from existing range.from, take time (hours, minutes, seconds) from TimePicker\n      const mergedDate = new Date(range?.from || new Date());\n      mergedDate.setHours(\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n        0\n      );\n\n      const newRange: DateRange = {\n        from: mergedDate,\n        to: range?.to,\n      };\n      setRange(newRange);\n      setFromInputValue(formatDateTimeValue(mergedDate));\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(mergedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n      onChange?.(newRange, {\n        from: formatDateTimeValue(mergedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n    }\n  };\n\n  const handleTimeChangeTo = (date?: Date) => {\n    if (date) {\n      setToTime(date);\n      // Merge: keep date (year, month, day) from existing range.to, take time (hours, minutes, seconds) from TimePicker\n      const mergedDate = new Date(range?.to || new Date());\n      mergedDate.setHours(\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n        0\n      );\n\n      const newRange: DateRange = {\n        from: range?.from,\n        to: mergedDate,\n      };\n      setRange(newRange);\n      setToInputValue(formatDateTimeValue(mergedDate));\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(mergedDate),\n      });\n      onChange?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(mergedDate),\n      });\n    }\n  };\n\n  // Determine trigger component\n  const triggerComponent = children ? (\n    children({\n      fromValue: fromInputValue,\n      toValue: toInputValue,\n      range,\n      onSelect: handleSelectForRenderProp,\n      onFromChange: handleFromChangeForRenderProp,\n      onToChange: handleToChangeForRenderProp,\n    })\n  ) : (\n    <Button\n      variant=\"ghost\"\n      className=\"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors\"\n      size={props?.size}\n    >\n      <CalendarIcon\n        className={cn({\n          \"ds:size-3\": props.size === \"xs\" || props.size === \"sm\",\n          \"ds:size-3.5\": !props.size || props.size === \"normal\",\n          \"ds:size-4\": props.size === \"lg\" || props.size === \"xl\",\n        })}\n      />\n      <span className=\"ds:sr-only\">Select date range</span>\n    </Button>\n  );\n\n  const calendarSelection = (\n    <div\n      className={cn(\"ds:flex ds:items-stretch\", showTime && !hideDate ? \"ds:gap-0\" : \"\")}\n    >\n      {!hideDate && (\n        <Calendar\n          {...calendarConfig}\n          mode=\"range\"\n          selected={range as any}\n          captionLayout=\"dropdown\"\n          month={month}\n          onMonthChange={setMonth}\n          numberOfMonths={isMobile ? 1 : numberOfMonths || 1}\n          variant={variant}\n          color={color}\n          onSelect={(selectedRange) => {\n            // Preserve time from TimePicker values if showTime is enabled\n            let preservedRange = selectedRange;\n            if (showTime) {\n              // Get current time from TimePicker state\n              const fromTimeObj = fromTime;\n              const toTimeObj = toTime;\n\n              preservedRange = {\n                from: selectedRange?.from\n                  ? new Date(\n                      selectedRange.from.getFullYear(),\n                      selectedRange.from.getMonth(),\n                      selectedRange.from.getDate(),\n                      fromTimeObj?.getHours() || 0,\n                      fromTimeObj?.getMinutes() || 0,\n                      fromTimeObj?.getSeconds() || 0\n                    )\n                  : undefined,\n                to: selectedRange?.to\n                  ? new Date(\n                      selectedRange.to.getFullYear(),\n                      selectedRange.to.getMonth(),\n                      selectedRange.to.getDate(),\n                      toTimeObj?.getHours() || 0,\n                      toTimeObj?.getMinutes() || 0,\n                      toTimeObj?.getSeconds() || 0\n                    )\n                  : undefined,\n              };\n            }\n            setRange(preservedRange);\n            const fromFormatted = formatDateTimeValue(preservedRange?.from);\n            const toFormatted = formatDateTimeValue(preservedRange?.to);\n            setFromInputValue(fromFormatted);\n            setToInputValue(toFormatted);\n            onSelect?.(preservedRange, {\n              from: fromFormatted,\n              to: toFormatted,\n            });\n            onChange?.(preservedRange, {\n              from: fromFormatted,\n              to: toFormatted,\n            });\n            if (\n              closeOnSelect &&\n              preservedRange?.from &&\n              preservedRange?.to &&\n              !showTime\n            ) {\n              setOpen(false);\n            }\n          }}\n          locale={_locale}\n          formatters={{\n            formatMonthDropdown: (date) =>\n              date.toLocaleString(_locale.code, { month: \"short\" }),\n          }}\n          showOutsideDays={showOutsideDays}\n          className={cn(\n            \"ds:mx-auto\",\n            {\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent\":\n                isMobile || desktopMode === \"drawer\",\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]\":\n                !isMobile && desktopMode !== \"drawer\",\n            },\n            calendarClassName\n          )}\n        />\n      )}\n      {showTime && (\n        <div className=\"ds:flex ds:gap-0 ds:border-l ds:border-border\">\n          <TimePicker\n            {...timeConfig?.[0]}\n            value={fromTime ? dfFormat(fromTime, timeFormat) : undefined}\n            onSelect={handleTimeChangeFrom}\n            format={timeFormat}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            standalone={false}\n          />\n          <div className=\"ds:border-l ds:border-border\" />\n          <TimePicker\n            {...timeConfig?.[1]}\n            value={toTime ? dfFormat(toTime, timeFormat) : undefined}\n            onSelect={handleTimeChangeTo}\n            format={timeFormat}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            standalone={false}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const popPicker = (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild disabled={props.disabled}>\n        {triggerComponent}\n      </PopoverTrigger>\n      <PopoverContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background/50\"\n        )}\n        side={side}\n        align={align}\n      >\n        {calendarSelection}\n      </PopoverContent>\n    </Popover>\n  );\n\n  const drawPicker = (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>{triggerComponent}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background\"\n        )}\n      >\n        <DrawerHeader className=\"ds:sr-only\">\n          <DrawerTitle>Select date range</DrawerTitle>\n          <DrawerDescription>Set your date range</DrawerDescription>\n        </DrawerHeader>\n        {calendarSelection}\n      </DrawerContent>\n    </Drawer>\n  );\n\n  // If children is provided, use render prop pattern with picker\n  if (children) {\n    const mode = isMobile ? mobileMode : desktopMode;\n    return mode === \"drawer\" ? drawPicker : popPicker;\n  }\n\n  // Helper function to render range input\n  const renderRangeInput = (\n    type: \"from\" | \"to\",\n    inputValue: string,\n    setInputValue: (value: string) => void,\n    additionalProps?: Partial<InputProps>\n  ) => {\n    const isFrom = type === \"from\";\n\n    return (\n      <Input\n        {...props}\n        {...additionalProps}\n        ref={isFrom ? fromInputRef : toInputRef}\n        id={inputId}\n        size={\n          props.isFloatLabel ? (props.size ? props.size : \"xl\") : props.size\n        }\n        className={cn(\n          props.className,\n          \"ds:relative ds:peer ds:border-0 ds:focus:ring-0 ds:rounded-none ds:hover:bg-transparent ds:active:bg-transparent ds:focus-visible:ring-0 ds:focus-visible:border-0\",\n          isFrom ? \"ds:pr-0\" : \"\"\n        )}\n        label={\n          props.isFloatLabel && typeof label === \"object\"\n            ? isFrom\n              ? label?.from || \"\"\n              : label?.to || \"\"\n            : \"\"\n        }\n        placeholder={\n          typeof placeholder === \"object\"\n            ? isFrom\n              ? placeholder?.from || \"\"\n              : placeholder?.to || \"\"\n            : placeholder\n        }\n        clearable={!isFrom}\n        value={inputValue}\n        mask={maskToUse}\n        onChange={(e) => {\n          const inputValue = e.target.value;\n          setInputValue(inputValue);\n\n          // If the input is cleared (empty), clear both fields\n          if (inputValue.trim() === \"\") {\n            setFromInputValue(\"\");\n            setToInputValue(\"\");\n            const newRange: DateRange = { from: undefined, to: undefined };\n            setRange(newRange);\n            onSelect?.(newRange, newRange as DateRangeText);\n            onChange?.(newRange, newRange as DateRangeText);\n            return;\n          }\n\n          // Try to parse based on showTime\n          let date: Date | undefined;\n          if (showTime) {\n            date = parseDate(inputValue, `${inputFormat} ${timeFormat}`);\n          } else {\n            date = parseDate(inputValue, inputFormat);\n          }\n          const newRange: DateRange = isFrom\n            ? { from: date, to: range?.to }\n            : { from: range?.from, to: date };\n\n          if (date) {\n            setRange(newRange);\n            if (isFrom) setMonth(date);\n            // Update time state if time was parsed\n            if (isFrom) {\n              setFromTime(date);\n              // setFromInputValue(formatDateTimeValue(date)); // Sync input value\n            } else {\n              setToTime(date);\n              // setToInputValue(formatDateTimeValue(date)); // Sync input value\n            }\n            const fromFormatted = formatDateTimeValue(\n              isFrom ? date : range?.from\n            );\n            const toFormatted = formatDateTimeValue(isFrom ? range?.to : date);\n            onSelect?.(newRange, { from: fromFormatted, to: toFormatted });\n            onChange?.(newRange, {\n              from: isFrom ? inputValue : fromInputValue,\n              to: isFrom ? toInputValue : inputValue,\n            });\n\n            // If from input and date is valid, auto-focus to to input if to is empty\n            // if (isFrom && toInputRef.current && !toInputValue.trim()) {\n            //   requestAnimationFrame(() => toInputRef.current?.focus());\n            // }\n          } else {\n            onSelect?.(newRange, {\n              from: formatDateTimeValue(range?.from),\n              to: isFrom ? formatDateTimeValue(range?.to) : undefined,\n            });\n            onChange?.(newRange, {\n              from: formatDateTimeValue(range?.from),\n              to: isFrom ? formatDateTimeValue(range?.to) : undefined,\n            });\n          }\n        }}\n        onClear={\n          !isFrom\n            ? () => {\n                setFromInputValue(\"\");\n                setToInputValue(\"\");\n                const newRange: DateRange = { from: undefined, to: undefined };\n                setRange(newRange);\n                onSelect?.(newRange, newRange as DateRangeText);\n                onChange?.(newRange, newRange as DateRangeText);\n              }\n            : undefined\n        }\n        onBlur={() => {\n          // Check if blurring out of the entire range picker group\n          const activeElement = document.activeElement;\n          if (\n            activeElement !== fromInputRef.current &&\n            activeElement !== toInputRef.current\n          ) {\n            // Delay validation by 100ms\n            setTimeout(() => {\n              // Check again if still blurred out of the group\n              const currentActiveElement = document.activeElement;\n              if (\n                currentActiveElement !== fromInputRef.current &&\n                currentActiveElement !== toInputRef.current\n              ) {\n                // Blurred out of the group, validate both inputs\n                const validateInput = (val: string) => {\n                  if (val.trim() === \"\") return true; // empty is valid (will clear)\n                  let parsed: Date | undefined;\n                  if (showTime) {\n                    parsed = parseDate(val, `${inputFormat} ${timeFormat}`);\n                  } else {\n                    parsed = parseDate(val, inputFormat);\n                  }\n                  return !!parsed;\n                };\n\n                const fromValid = validateInput(fromInputValue);\n                const toValid = validateInput(toInputValue);\n\n                // Clear if either is invalid, or if only one has value\n                const shouldClear =\n                  !fromValid ||\n                  !toValid ||\n                  (fromInputValue.trim() && !toInputValue.trim()) ||\n                  (!fromInputValue.trim() && toInputValue.trim());\n\n                if (shouldClear) {\n                  // If either is invalid, clear both\n                  setFromInputValue(\"\");\n                  setToInputValue(\"\");\n                  const newRange: DateRange = {\n                    from: undefined,\n                    to: undefined,\n                  };\n                  setRange(newRange);\n                  onSelect?.(newRange, newRange as DateRangeText);\n                  onChange?.(newRange, newRange as DateRangeText);\n                }\n              }\n            }, 100);\n          }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            setOpen(true);\n          }\n        }}\n      />\n    );\n  };\n\n  // Default input rendering with two inputs\n  return (\n    <div\n      className={cn(\n        \"ds:group ds:relative ds:flex ds:items-center ds:border ds:rounded-md ds:focus-within:ring-2 ds:focus-within:ring-offset-2 ds:bg-background ds:transition-[color,box-shadow]\",\n        {\n          \"ds:border-input ds:focus-within:ring-ring\": !props.state,\n          \"ds:border-success ds:focus-within:ring-success\": props.state === \"success\",\n          \"ds:border-warning ds:focus-within:ring-warning\": props.state === \"warning\",\n          \"ds:border-error ds:focus-within:ring-error\": props.state === \"error\",\n        }\n      )}\n    >\n      {renderRangeInput(\"from\", fromInputValue, setFromInputValue)}\n      <span\n        className={cn(\"ds:text-muted-foreground ds:select-none ds:pl-2\", {\n          \"ds:opacity-30\": props.disabled,\n        })}\n      >\n        {separator}\n      </span>\n      {renderRangeInput(\"to\", toInputValue, setToInputValue, {\n        suffixIcon: isMobile\n          ? mobileMode === \"drawer\"\n            ? drawPicker\n            : popPicker\n          : desktopMode === \"drawer\"\n            ? drawPicker\n            : popPicker,\n      })}\n      {props.isFloatLabel && typeof label === \"string\" && (\n        <FloatingLabel\n          htmlFor={inputId}\n          size={props.size}\n          infoTooltip={props.infoTooltip}\n          className=\"ds:z-10\"\n          shouldFloat={shouldFloat}\n        >\n          {label}\n        </FloatingLabel>\n      )}\n    </div>\n  );\n}\n"],"names":["formatDate","date","outputFormat","DATE_FORMAT","locale","dfFormat","parseDate","str","inputFormat","parse","isValid","generateMaskFromFormat","format","match","RangePicker","label","value","placeholder","onChange","onSelect","calendarClassName","side","align","language","mask","closeOnSelect","showOutsideDays","calendarConfig","timeConfig","desktopMode","mobileMode","children","separator","jsx","MoveRight","showTime","timeFormat","hideDate","numberOfMonths","variant","color","props","inputId","React","maskToUse","initialFromDate","initialToDate","initialRange","open","setOpen","range","setRange","month","setMonth","fromInputValue","setFromInputValue","toInputValue","setToInputValue","fromTime","setFromTime","toTime","setToTime","fromInputRef","toInputRef","shouldFloat","_locale","enUS","vi","formatDateTimeValue","d","result","handleSelectForRenderProp","fromFormatted","toFormatted","handleFromChangeForRenderProp","text","newRange","parsedDate","handleToChangeForRenderProp","handleTimeChangeFrom","mergedDate","handleTimeChangeTo","triggerComponent","jsxs","Button","CalendarIcon","cn","calendarSelection","Calendar","isMobile","selectedRange","preservedRange","fromTimeObj","toTimeObj","TimePicker","popPicker","Popover","PopoverTrigger","PopoverContent","drawPicker","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","renderRangeInput","type","inputValue","setInputValue","additionalProps","isFrom","Input","e","activeElement","currentActiveElement","validateInput","val","parsed","fromValid","toValid","FloatingLabel"],"mappings":"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"}
+{"version":3,"file":"RangePicker.js","sources":["../../../../src/components/DatePicker/RangePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  CalendarDayButton as SCalendarDayButton,\n  type CalendarDayButtonProps as SCalendarDayButtonProps,\n  Calendar,\n  type CalendarColor,\n} from \"@dsui/ui/components/calendar\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@dsui/ui/components/popover\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerDescription,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@dsui/ui/components/drawer\";\nimport { cn } from \"@dsui/ui/index\";\nimport { Input, type InputProps } from \"../Input\";\nimport { Button } from \"../Button\";\nimport { TimePicker } from \"./TimePicker\";\nimport { type DatePickerProps } from \"./DatePicker\";\nimport { CalendarIcon, MoveRight } from \"lucide-react\";\nimport { isMobile } from \"react-device-detect\";\nimport { format as dfFormat, parse, isValid, type Locale } from \"date-fns\";\nimport { vi, enUS } from \"date-fns/locale\";\nimport { DATE_FORMAT } from \"@/constants/common\";\nimport { FloatingLabel } from \"@/components/FloatLabel\";\n\nexport type DateRange = {\n  from?: Date | undefined;\n  to?: Date | undefined;\n};\n\nexport type DateRangeText = { from?: string; to?: string } | null;\n\nfunction formatDate(\n  date: Date | undefined,\n  outputFormat: string = DATE_FORMAT,\n  locale?: Locale\n) {\n  if (!date) return \"\";\n\n  return dfFormat(date, outputFormat, locale ? { locale } : undefined);\n}\n\nconst parseDate = (\n  str: string,\n  inputFormat: string = DATE_FORMAT\n): Date | undefined => {\n  const date = parse(str, inputFormat, new Date());\n  return isValid(date) ? date : undefined;\n};\n\nfunction generateMaskFromFormat(format: string): string {\n  return format\n    .replace(/dd|MM|yyyy/g, (match) => {\n      switch (match) {\n        case \"dd\":\n        case \"MM\":\n          return \"99\";\n        case \"yyyy\":\n          return \"9999\";\n        default:\n          return match;\n      }\n    })\n    .replace(/d|M|y/g, (match) => {\n      switch (match) {\n        case \"d\":\n        case \"M\":\n          return \"9\";\n        case \"y\":\n          return \"9\";\n        default:\n          return match;\n      }\n    });\n}\n\nexport type FormatType = string | { input: string; output: string };\n\nexport type RangePickerRenderProps = {\n  fromValue: string;\n  toValue: string;\n  range?: DateRange;\n  onSelect: (range?: DateRange) => void;\n  onFromChange: (text: string) => void;\n  onToChange: (text: string) => void;\n};\n\nexport type TimeConfig = Omit<\n  React.ComponentProps<typeof TimePicker>,\n  \"value\" | \"onSelect\" | \"format\"\n>;\n\nexport type RangePickerProps = Omit<\n  DatePickerProps,\n  \"value\" | \"onChange\" | \"onSelect\" | \"children\" | \"label\" | \"placeholder\"\n> & {\n  label?: string | DateRangeText;\n  placeholder?: string | DateRangeText;\n  value?: DateRangeText;\n  onChange?: (value?: DateRange, text?: DateRangeText) => void;\n  onSelect?: (value?: DateRange, text?: DateRangeText) => void;\n  children?: (props: RangePickerRenderProps) => React.ReactNode;\n  separator?: React.ReactNode;\n  timeConfig?: [TimeConfig, TimeConfig];\n  numberOfMonths?: number;\n  variant?: \"default\" | \"rounded\";\n  color?: CalendarColor;\n};\n\nexport function RangePicker({\n  label,\n  value,\n  placeholder,\n  onChange,\n  onSelect,\n  calendarClassName,\n  side = \"bottom\",\n  align = \"end\",\n  format = \"dd/MM/yyyy\",\n  language = \"vi\",\n  mask,\n  closeOnSelect = false,\n  showOutsideDays = true,\n  calendarConfig,\n  timeConfig,\n  desktopMode = \"popover\",\n  mobileMode = \"drawer\",\n  children,\n  separator = <MoveRight className=\"ds:size-5\" />,\n  showTime = false,\n  timeFormat = \"HH:mm\",\n  hideDate = false,\n  numberOfMonths = 1,\n  variant = \"default\",\n  color = \"primary\",\n  ...props\n}: RangePickerProps) {\n  const inputId = React.useId();\n\n  let inputFormat: string;\n  let outputFormat: string;\n  if (typeof format === \"string\") {\n    inputFormat = format;\n    outputFormat = format;\n  } else {\n    inputFormat = format.input;\n    outputFormat = format.output;\n  }\n\n  // Determine the mask to use\n  let maskToUse: string | undefined;\n  if (mask === true) {\n    maskToUse = generateMaskFromFormat(inputFormat);\n  } else if (typeof mask === \"string\") {\n    maskToUse = mask;\n  }\n\n  const initialFromDate = value?.from\n    ? parseDate(value.from, inputFormat)\n    : undefined;\n  const initialToDate = value?.to\n    ? parseDate(value.to, inputFormat)\n    : undefined;\n  const initialRange: DateRange = {\n    from: initialFromDate,\n    to: initialToDate,\n  };\n\n  const [open, setOpen] = React.useState(false);\n  const [range, setRange] = React.useState<DateRange | undefined>(initialRange);\n  const [month, setMonth] = React.useState<Date | undefined>(\n    initialFromDate || new Date()\n  );\n  const [fromInputValue, setFromInputValue] = React.useState(value?.from || \"\");\n  const [toInputValue, setToInputValue] = React.useState(value?.to || \"\");\n  const [fromTime, setFromTime] = React.useState<Date | undefined>(undefined);\n  const [toTime, setToTime] = React.useState<Date | undefined>(undefined);\n  const fromInputRef = React.useRef<HTMLInputElement>(null);\n  const toInputRef = React.useRef<HTMLInputElement>(null);\n\n  const shouldFloat = !!(fromInputValue.trim() || toInputValue.trim());\n\n  const _locale: Locale = calendarConfig?.locale\n    ? (calendarConfig?.locale as Locale)\n    : language === \"en\"\n      ? enUS\n      : vi;\n\n  // Helper to format date-time based on showTime and timeFormat\n  const formatDateTimeValue = (d: Date | undefined): string => {\n    if (!d) return \"\";\n    let result = formatDate(d, outputFormat, _locale);\n    if (showTime) {\n      result += ` ${dfFormat(d, timeFormat)}`;\n    }\n    return result;\n  };\n\n  // Helper functions for render props\n  const handleSelectForRenderProp = (range?: DateRange) => {\n    setRange(range);\n    const fromFormatted = formatDateTimeValue(range?.from);\n    const toFormatted = formatDateTimeValue(range?.to);\n    setFromInputValue(fromFormatted);\n    setToInputValue(toFormatted);\n    onSelect?.(range, { from: fromFormatted, to: toFormatted });\n  };\n\n  const handleFromChangeForRenderProp = (text: string) => {\n    setFromInputValue(text);\n\n    // If the input is cleared (empty), clear both fields\n    if (text.trim() === \"\") {\n      setFromInputValue(\"\");\n      setToInputValue(\"\");\n      const newRange: DateRange = { from: undefined, to: undefined };\n      setRange(newRange);\n      onSelect?.(newRange, newRange as DateRangeText);\n      return;\n    }\n\n    // Try to parse based on showTime\n    let parsedDate: Date | undefined;\n    if (showTime) {\n      parsedDate = parseDate(text, `${inputFormat} ${timeFormat}`);\n    } else {\n      parsedDate = parseDate(text, inputFormat);\n    }\n    const newRange: DateRange = { from: parsedDate, to: range?.to };\n    if (parsedDate) {\n      setRange(newRange);\n      setMonth(parsedDate);\n      setFromTime(parsedDate);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(parsedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n    } else {\n      setRange(newRange);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(range?.to),\n      });\n    }\n  };\n\n  const handleToChangeForRenderProp = (text: string) => {\n    setToInputValue(text);\n\n    // If the input is cleared (empty), clear both fields\n    if (text.trim() === \"\") {\n      setFromInputValue(\"\");\n      setToInputValue(\"\");\n      const newRange: DateRange = { from: undefined, to: undefined };\n      setRange(newRange);\n      onSelect?.(newRange, newRange as DateRangeText);\n      return;\n    }\n\n    // Try to parse based on showTime\n    let parsedDate: Date | undefined;\n    if (showTime) {\n      parsedDate = parseDate(text, `${inputFormat} ${timeFormat}`);\n    } else {\n      parsedDate = parseDate(text, inputFormat);\n    }\n    const newRange: DateRange = {\n      from: range?.from,\n      to: parsedDate,\n    };\n    if (parsedDate) {\n      setRange(newRange);\n      setToTime(parsedDate);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(parsedDate),\n      });\n    } else {\n      setRange(newRange);\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: undefined,\n      });\n    }\n  };\n\n  const handleTimeChangeFrom = (date?: Date) => {\n    if (date) {\n      setFromTime(date);\n      // Merge: keep date (year, month, day) from existing range.from, take time (hours, minutes, seconds) from TimePicker\n      const mergedDate = new Date(range?.from || new Date());\n      mergedDate.setHours(\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n        0\n      );\n\n      const newRange: DateRange = {\n        from: mergedDate,\n        to: range?.to,\n      };\n      setRange(newRange);\n      setFromInputValue(formatDateTimeValue(mergedDate));\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(mergedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n      onChange?.(newRange, {\n        from: formatDateTimeValue(mergedDate),\n        to: formatDateTimeValue(range?.to),\n      });\n    }\n  };\n\n  const handleTimeChangeTo = (date?: Date) => {\n    if (date) {\n      setToTime(date);\n      // Merge: keep date (year, month, day) from existing range.to, take time (hours, minutes, seconds) from TimePicker\n      const mergedDate = new Date(range?.to || new Date());\n      mergedDate.setHours(\n        date.getHours(),\n        date.getMinutes(),\n        date.getSeconds(),\n        0\n      );\n\n      const newRange: DateRange = {\n        from: range?.from,\n        to: mergedDate,\n      };\n      setRange(newRange);\n      setToInputValue(formatDateTimeValue(mergedDate));\n      onSelect?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(mergedDate),\n      });\n      onChange?.(newRange, {\n        from: formatDateTimeValue(range?.from),\n        to: formatDateTimeValue(mergedDate),\n      });\n    }\n  };\n\n  // Determine trigger component\n  const triggerComponent = children ? (\n    children({\n      fromValue: fromInputValue,\n      toValue: toInputValue,\n      range,\n      onSelect: handleSelectForRenderProp,\n      onFromChange: handleFromChangeForRenderProp,\n      onToChange: handleToChangeForRenderProp,\n    })\n  ) : (\n    <Button\n      variant=\"ghost\"\n      className=\"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors\"\n      size={props?.size}\n    >\n      <CalendarIcon\n        className={cn({\n          \"ds:size-3\": props.size === \"xs\" || props.size === \"sm\",\n          \"ds:size-3.5\": !props.size || props.size === \"normal\",\n          \"ds:size-4\": props.size === \"lg\" || props.size === \"xl\",\n        })}\n      />\n      <span className=\"ds:sr-only\">Select date range</span>\n    </Button>\n  );\n\n  const calendarSelection = (\n    <div\n      className={cn(\"ds:flex ds:items-stretch\", showTime && !hideDate ? \"ds:gap-0\" : \"\")}\n    >\n      {!hideDate && (\n        <Calendar\n          {...calendarConfig}\n          mode=\"range\"\n          selected={range as any}\n          captionLayout=\"dropdown\"\n          month={month}\n          onMonthChange={setMonth}\n          numberOfMonths={isMobile ? 1 : numberOfMonths || 1}\n          variant={variant}\n          color={color}\n          onSelect={(selectedRange) => {\n            // Preserve time from TimePicker values if showTime is enabled\n            let preservedRange = selectedRange;\n            if (showTime) {\n              // Get current time from TimePicker state\n              const fromTimeObj = fromTime;\n              const toTimeObj = toTime;\n\n              preservedRange = {\n                from: selectedRange?.from\n                  ? new Date(\n                      selectedRange.from.getFullYear(),\n                      selectedRange.from.getMonth(),\n                      selectedRange.from.getDate(),\n                      fromTimeObj?.getHours() || 0,\n                      fromTimeObj?.getMinutes() || 0,\n                      fromTimeObj?.getSeconds() || 0\n                    )\n                  : undefined,\n                to: selectedRange?.to\n                  ? new Date(\n                      selectedRange.to.getFullYear(),\n                      selectedRange.to.getMonth(),\n                      selectedRange.to.getDate(),\n                      toTimeObj?.getHours() || 0,\n                      toTimeObj?.getMinutes() || 0,\n                      toTimeObj?.getSeconds() || 0\n                    )\n                  : undefined,\n              };\n            }\n            setRange(preservedRange);\n            const fromFormatted = formatDateTimeValue(preservedRange?.from);\n            const toFormatted = formatDateTimeValue(preservedRange?.to);\n            setFromInputValue(fromFormatted);\n            setToInputValue(toFormatted);\n            onSelect?.(preservedRange, {\n              from: fromFormatted,\n              to: toFormatted,\n            });\n            onChange?.(preservedRange, {\n              from: fromFormatted,\n              to: toFormatted,\n            });\n            if (\n              closeOnSelect &&\n              preservedRange?.from &&\n              preservedRange?.to &&\n              !showTime\n            ) {\n              setOpen(false);\n            }\n          }}\n          locale={_locale}\n          formatters={{\n            formatMonthDropdown: (date) =>\n              date.toLocaleString(_locale.code, { month: \"short\" }),\n          }}\n          showOutsideDays={showOutsideDays}\n          className={cn(\n            \"ds:mx-auto\",\n            {\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent\":\n                isMobile || desktopMode === \"drawer\",\n              \"ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]\":\n                !isMobile && desktopMode !== \"drawer\",\n            },\n            calendarClassName\n          )}\n        />\n      )}\n      {showTime && (\n        <div className=\"ds:flex ds:gap-0 ds:border-l ds:border-border\">\n          <TimePicker\n            {...timeConfig?.[0]}\n            value={fromTime ? dfFormat(fromTime, timeFormat) : undefined}\n            onSelect={handleTimeChangeFrom}\n            format={timeFormat}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            standalone={false}\n          />\n          <div className=\"ds:border-l ds:border-border\" />\n          <TimePicker\n            {...timeConfig?.[1]}\n            value={toTime ? dfFormat(toTime, timeFormat) : undefined}\n            onSelect={handleTimeChangeTo}\n            format={timeFormat}\n            showHours\n            showMinutes\n            showSeconds={timeFormat === \"HH:mm:ss\"}\n            standalone={false}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  const popPicker = (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild disabled={props.disabled}>\n        {triggerComponent}\n      </PopoverTrigger>\n      <PopoverContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background/50\"\n        )}\n        side={side}\n        align={align}\n      >\n        {calendarSelection}\n      </PopoverContent>\n    </Popover>\n  );\n\n  const drawPicker = (\n    <Drawer open={open} onOpenChange={setOpen}>\n      <DrawerTrigger asChild>{triggerComponent}</DrawerTrigger>\n      <DrawerContent\n        className={cn(\n          \"ds:w-auto ds:overflow-hidden ds:p-0\",\n          \"ds:backdrop-blur ds:bg-background\"\n        )}\n      >\n        <DrawerHeader className=\"ds:sr-only\">\n          <DrawerTitle>Select date range</DrawerTitle>\n          <DrawerDescription>Set your date range</DrawerDescription>\n        </DrawerHeader>\n        {calendarSelection}\n      </DrawerContent>\n    </Drawer>\n  );\n\n  // If children is provided, use render prop pattern with picker\n  if (children) {\n    const mode = isMobile ? mobileMode : desktopMode;\n    return mode === \"drawer\" ? drawPicker : popPicker;\n  }\n\n  // Helper function to render range input\n  const renderRangeInput = (\n    type: \"from\" | \"to\",\n    inputValue: string,\n    setInputValue: (value: string) => void,\n    additionalProps?: Partial<InputProps>\n  ) => {\n    const isFrom = type === \"from\";\n\n    return (\n      <Input\n        {...props}\n        {...additionalProps}\n        ref={isFrom ? fromInputRef : toInputRef}\n        id={inputId}\n        size={\n          props.isFloatLabel ? (props.size ? props.size : \"xl\") : props.size\n        }\n        className={props.className}\n        inputClassName={cn(\n          \"ds:border-0 ds:focus:ring-0 ds:rounded-none ds:hover:bg-transparent ds:active:bg-transparent ds:focus-visible:ring-0 ds:focus-visible:border-0 ds:shadow-none\",\n          isFrom ? \"ds:pr-0\" : \"\"\n        )}\n        label={\n          props.isFloatLabel && typeof label === \"object\"\n            ? isFrom\n              ? label?.from || \"\"\n              : label?.to || \"\"\n            : \"\"\n        }\n        placeholder={\n          typeof placeholder === \"object\"\n            ? isFrom\n              ? placeholder?.from || \"\"\n              : placeholder?.to || \"\"\n            : placeholder\n        }\n        clearable={!isFrom}\n        value={inputValue}\n        mask={maskToUse}\n        onChange={(e) => {\n          const inputValue = e.target.value;\n          setInputValue(inputValue);\n\n          // If the input is cleared (empty), clear both fields\n          if (inputValue.trim() === \"\") {\n            setFromInputValue(\"\");\n            setToInputValue(\"\");\n            const newRange: DateRange = { from: undefined, to: undefined };\n            setRange(newRange);\n            onSelect?.(newRange, newRange as DateRangeText);\n            onChange?.(newRange, newRange as DateRangeText);\n            return;\n          }\n\n          // Try to parse based on showTime\n          let date: Date | undefined;\n          if (showTime) {\n            date = parseDate(inputValue, `${inputFormat} ${timeFormat}`);\n          } else {\n            date = parseDate(inputValue, inputFormat);\n          }\n          const newRange: DateRange = isFrom\n            ? { from: date, to: range?.to }\n            : { from: range?.from, to: date };\n\n          if (date) {\n            setRange(newRange);\n            if (isFrom) setMonth(date);\n            // Update time state if time was parsed\n            if (isFrom) {\n              setFromTime(date);\n              // setFromInputValue(formatDateTimeValue(date)); // Sync input value\n            } else {\n              setToTime(date);\n              // setToInputValue(formatDateTimeValue(date)); // Sync input value\n            }\n            const fromFormatted = formatDateTimeValue(\n              isFrom ? date : range?.from\n            );\n            const toFormatted = formatDateTimeValue(isFrom ? range?.to : date);\n            onSelect?.(newRange, { from: fromFormatted, to: toFormatted });\n            onChange?.(newRange, {\n              from: isFrom ? inputValue : fromInputValue,\n              to: isFrom ? toInputValue : inputValue,\n            });\n\n            // If from input and date is valid, auto-focus to to input if to is empty\n            // if (isFrom && toInputRef.current && !toInputValue.trim()) {\n            //   requestAnimationFrame(() => toInputRef.current?.focus());\n            // }\n          } else {\n            onSelect?.(newRange, {\n              from: formatDateTimeValue(range?.from),\n              to: isFrom ? formatDateTimeValue(range?.to) : undefined,\n            });\n            onChange?.(newRange, {\n              from: formatDateTimeValue(range?.from),\n              to: isFrom ? formatDateTimeValue(range?.to) : undefined,\n            });\n          }\n        }}\n        onClear={\n          !isFrom\n            ? () => {\n                setFromInputValue(\"\");\n                setToInputValue(\"\");\n                const newRange: DateRange = { from: undefined, to: undefined };\n                setRange(newRange);\n                onSelect?.(newRange, newRange as DateRangeText);\n                onChange?.(newRange, newRange as DateRangeText);\n              }\n            : undefined\n        }\n        onBlur={() => {\n          // Check if blurring out of the entire range picker group\n          const activeElement = document.activeElement;\n          if (\n            activeElement !== fromInputRef.current &&\n            activeElement !== toInputRef.current\n          ) {\n            // Delay validation by 100ms\n            setTimeout(() => {\n              // Check again if still blurred out of the group\n              const currentActiveElement = document.activeElement;\n              if (\n                currentActiveElement !== fromInputRef.current &&\n                currentActiveElement !== toInputRef.current\n              ) {\n                // Blurred out of the group, validate both inputs\n                const validateInput = (val: string) => {\n                  if (val.trim() === \"\") return true; // empty is valid (will clear)\n                  let parsed: Date | undefined;\n                  if (showTime) {\n                    parsed = parseDate(val, `${inputFormat} ${timeFormat}`);\n                  } else {\n                    parsed = parseDate(val, inputFormat);\n                  }\n                  return !!parsed;\n                };\n\n                const fromValid = validateInput(fromInputValue);\n                const toValid = validateInput(toInputValue);\n\n                // Clear if either is invalid, or if only one has value\n                const shouldClear =\n                  !fromValid ||\n                  !toValid ||\n                  (fromInputValue.trim() && !toInputValue.trim()) ||\n                  (!fromInputValue.trim() && toInputValue.trim());\n\n                if (shouldClear) {\n                  // If either is invalid, clear both\n                  setFromInputValue(\"\");\n                  setToInputValue(\"\");\n                  const newRange: DateRange = {\n                    from: undefined,\n                    to: undefined,\n                  };\n                  setRange(newRange);\n                  onSelect?.(newRange, newRange as DateRangeText);\n                  onChange?.(newRange, newRange as DateRangeText);\n                }\n              }\n            }, 100);\n          }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            setOpen(true);\n          }\n        }}\n      />\n    );\n  };\n\n  // Default input rendering with two inputs\n  return (\n    <div\n      className={cn(\n        \"ds:group ds:relative ds:flex ds:items-center ds:border ds:rounded-md ds:focus-within:ring-2 ds:focus-within:ring-offset-2 ds:bg-background ds:transition-[color,box-shadow]\",\n        {\n          \"ds:border-input ds:focus-within:ring-ring\": !props.state,\n          \"ds:border-success ds:focus-within:ring-success\": props.state === \"success\",\n          \"ds:border-warning ds:focus-within:ring-warning\": props.state === \"warning\",\n          \"ds:border-error ds:focus-within:ring-error\": props.state === \"error\",\n        }\n      )}\n    >\n      {renderRangeInput(\"from\", fromInputValue, setFromInputValue)}\n      <span\n        className={cn(\"ds:text-muted-foreground ds:select-none ds:pl-2\", {\n          \"ds:opacity-30\": props.disabled,\n        })}\n      >\n        {separator}\n      </span>\n      {renderRangeInput(\"to\", toInputValue, setToInputValue, {\n        suffixIcon: isMobile\n          ? mobileMode === \"drawer\"\n            ? drawPicker\n            : popPicker\n          : desktopMode === \"drawer\"\n            ? drawPicker\n            : popPicker,\n      })}\n      {props.isFloatLabel && typeof label === \"string\" && (\n        <FloatingLabel\n          htmlFor={inputId}\n          size={props.size}\n          infoTooltip={props.infoTooltip}\n          className=\"ds:z-10\"\n          shouldFloat={shouldFloat}\n        >\n          {label}\n        </FloatingLabel>\n      )}\n    </div>\n  );\n}\n"],"names":["formatDate","date","outputFormat","DATE_FORMAT","locale","dfFormat","parseDate","str","inputFormat","parse","isValid","generateMaskFromFormat","format","match","RangePicker","label","value","placeholder","onChange","onSelect","calendarClassName","side","align","language","mask","closeOnSelect","showOutsideDays","calendarConfig","timeConfig","desktopMode","mobileMode","children","separator","jsx","MoveRight","showTime","timeFormat","hideDate","numberOfMonths","variant","color","props","inputId","React","maskToUse","initialFromDate","initialToDate","initialRange","open","setOpen","range","setRange","month","setMonth","fromInputValue","setFromInputValue","toInputValue","setToInputValue","fromTime","setFromTime","toTime","setToTime","fromInputRef","toInputRef","shouldFloat","_locale","enUS","vi","formatDateTimeValue","d","result","handleSelectForRenderProp","fromFormatted","toFormatted","handleFromChangeForRenderProp","text","newRange","parsedDate","handleToChangeForRenderProp","handleTimeChangeFrom","mergedDate","handleTimeChangeTo","triggerComponent","jsxs","Button","CalendarIcon","cn","calendarSelection","Calendar","isMobile","selectedRange","preservedRange","fromTimeObj","toTimeObj","TimePicker","popPicker","Popover","PopoverTrigger","PopoverContent","drawPicker","Drawer","DrawerTrigger","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","renderRangeInput","type","inputValue","setInputValue","additionalProps","isFrom","Input","e","activeElement","currentActiveElement","validateInput","val","parsed","fromValid","toValid","FloatingLabel"],"mappings":"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"}