@sth87/shadcn-design-system 0.0.1

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

@@ -0,0 +1,456 @@
+import { jsxs as N, jsx as m } from "react/jsx-runtime";
+import * as D from "react";
+import { Calendar as xe } from "@dsui/ui/components/calendar";
+import { Popover as Ve, PopoverTrigger as Ce, PopoverContent as Pe } from "@dsui/ui/components/popover";
+import { Drawer as Se, DrawerTrigger as ke, DrawerContent as Oe, DrawerHeader as je, DrawerTitle as Le, DrawerDescription as Ee } from "@dsui/ui/components/drawer";
+import { cn as H } from "@dsui/ui/index";
+import $e from "../Input/Input.js";
+import Ae from "../Button/Button.js";
+import { TimePicker as fe } from "./TimePicker.js";
+import { CalendarIcon as Be, MoveRight as Ue } from "lucide-react";
+import { isMobile as P } from "react-device-detect";
+import { format as O, parse as Ye, isValid as _e } from "date-fns";
+import { enUS as Ke, vi as qe } from "date-fns/locale";
+import { DATE_FORMAT as me } from "../../constants/common.js";
+import { FloatingLabel as Ge } from "../FloatLabel.js";
+function Je(w, c = me, h) {
+  return w ? O(w, c, h ? { locale: h } : void 0) : "";
+}
+const y = (w, c = me) => {
+  const h = Ye(w, c, /* @__PURE__ */ new Date());
+  return _e(h) ? h : void 0;
+};
+function Qe(w) {
+  return w.replace(/dd|MM|yyyy/g, (c) => {
+    switch (c) {
+      case "dd":
+      case "MM":
+        return "99";
+      case "yyyy":
+        return "9999";
+      default:
+        return c;
+    }
+  }).replace(/d|M|y/g, (c) => {
+    switch (c) {
+      case "d":
+      case "M":
+        return "9";
+      case "y":
+        return "9";
+      default:
+        return c;
+    }
+  });
+}
+function lo({
+  label: w,
+  value: c,
+  placeholder: h,
+  onChange: T,
+  onSelect: f,
+  calendarClassName: le,
+  side: ue = "bottom",
+  align: de = "end",
+  format: C = "dd/MM/yyyy",
+  language: ge = "vi",
+  mask: j,
+  closeOnSelect: we = !1,
+  showOutsideDays: ve = !0,
+  calendarConfig: L,
+  timeConfig: Z,
+  desktopMode: S = "popover",
+  mobileMode: ee = "drawer",
+  children: E,
+  separator: he = /* @__PURE__ */ m(Ue, { className: "size-5" }),
+  showTime: z = !1,
+  timeFormat: v = "HH:mm",
+  hideDate: oe = !1,
+  numberOfMonths: be = 1,
+  variant: pe = "default",
+  color: De = "primary",
+  ...s
+}) {
+  const te = D.useId();
+  let u, $;
+  typeof C == "string" ? (u = C, $ = C) : (u = C.input, $ = C.output);
+  let A;
+  j === !0 ? A = Qe(u) : typeof j == "string" && (A = j);
+  const re = c?.from ? y(c.from, u) : void 0, ye = c?.to ? y(c.to, u) : void 0, ze = {
+    from: re,
+    to: ye
+  }, [ne, k] = D.useState(!1), [n, l] = D.useState(ze), [Me, B] = D.useState(
+    re || /* @__PURE__ */ new Date()
+  ), [I, b] = D.useState(c?.from || ""), [x, p] = D.useState(c?.to || ""), [U, Y] = D.useState(void 0), [_, K] = D.useState(void 0), q = D.useRef(null), G = D.useRef(null), Fe = !!(I.trim() || x.trim()), J = L?.locale ? L?.locale : ge === "en" ? Ke : qe, t = (e) => {
+    if (!e) return "";
+    let o = Je(e, $, J);
+    return z && (o += ` ${O(e, v)}`), o;
+  }, Re = (e) => {
+    l(e);
+    const o = t(e?.from), r = t(e?.to);
+    b(o), p(r), f?.(e, { from: o, to: r });
+  }, Te = (e) => {
+    if (b(e), e.trim() === "") {
+      b(""), p("");
+      const d = { from: void 0, to: void 0 };
+      l(d), f?.(d, d);
+      return;
+    }
+    let o;
+    z ? o = y(e, `${u} ${v}`) : o = y(e, u);
+    const r = { from: o, to: n?.to };
+    o ? (l(r), B(o), Y(o), f?.(r, {
+      from: t(o),
+      to: t(n?.to)
+    })) : (l(r), f?.(r, {
+      from: t(n?.from),
+      to: t(n?.to)
+    }));
+  }, Ne = (e) => {
+    if (p(e), e.trim() === "") {
+      b(""), p("");
+      const d = { from: void 0, to: void 0 };
+      l(d), f?.(d, d);
+      return;
+    }
+    let o;
+    z ? o = y(e, `${u} ${v}`) : o = y(e, u);
+    const r = {
+      from: n?.from,
+      to: o
+    };
+    o ? (l(r), K(o), f?.(r, {
+      from: t(n?.from),
+      to: t(o)
+    })) : (l(r), f?.(r, {
+      from: t(n?.from),
+      to: void 0
+    }));
+  }, He = (e) => {
+    if (e) {
+      Y(e);
+      const o = new Date(n?.from || /* @__PURE__ */ new Date());
+      o.setHours(
+        e.getHours(),
+        e.getMinutes(),
+        e.getSeconds(),
+        0
+      );
+      const r = {
+        from: o,
+        to: n?.to
+      };
+      l(r), b(t(o)), f?.(r, {
+        from: t(o),
+        to: t(n?.to)
+      }), T?.(r, {
+        from: t(o),
+        to: t(n?.to)
+      });
+    }
+  }, Ie = (e) => {
+    if (e) {
+      K(e);
+      const o = new Date(n?.to || /* @__PURE__ */ new Date());
+      o.setHours(
+        e.getHours(),
+        e.getMinutes(),
+        e.getSeconds(),
+        0
+      );
+      const r = {
+        from: n?.from,
+        to: o
+      };
+      l(r), p(t(o)), f?.(r, {
+        from: t(n?.from),
+        to: t(o)
+      }), T?.(r, {
+        from: t(n?.from),
+        to: t(o)
+      });
+    }
+  }, se = E ? E({
+    fromValue: I,
+    toValue: x,
+    range: n,
+    onSelect: Re,
+    onFromChange: Te,
+    onToChange: Ne
+  }) : /* @__PURE__ */ N(
+    Ae,
+    {
+      variant: "ghost",
+      className: "!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors",
+      size: s?.size,
+      children: [
+        /* @__PURE__ */ m(
+          Be,
+          {
+            className: H({
+              "size-3": s.size === "xs" || s.size === "sm",
+              "size-3.5": !s.size || s.size === "normal",
+              "size-4": s.size === "lg" || s.size === "xl"
+            })
+          }
+        ),
+        /* @__PURE__ */ m("span", { className: "sr-only", children: "Select date range" })
+      ]
+    }
+  ), ie = /* @__PURE__ */ N(
+    "div",
+    {
+      className: H("flex items-stretch", z && !oe ? "gap-0" : ""),
+      children: [
+        !oe && /* @__PURE__ */ m(
+          xe,
+          {
+            ...L,
+            mode: "range",
+            selected: n,
+            captionLayout: "dropdown",
+            month: Me,
+            onMonthChange: B,
+            numberOfMonths: P ? 1 : be || 1,
+            variant: pe,
+            color: De,
+            onSelect: (e) => {
+              let o = e;
+              if (z) {
+                const i = U, a = _;
+                o = {
+                  from: e?.from ? new Date(
+                    e.from.getFullYear(),
+                    e.from.getMonth(),
+                    e.from.getDate(),
+                    i?.getHours() || 0,
+                    i?.getMinutes() || 0,
+                    i?.getSeconds() || 0
+                  ) : void 0,
+                  to: e?.to ? new Date(
+                    e.to.getFullYear(),
+                    e.to.getMonth(),
+                    e.to.getDate(),
+                    a?.getHours() || 0,
+                    a?.getMinutes() || 0,
+                    a?.getSeconds() || 0
+                  ) : void 0
+                };
+              }
+              l(o);
+              const r = t(o?.from), d = t(o?.to);
+              b(r), p(d), f?.(o, {
+                from: r,
+                to: d
+              }), T?.(o, {
+                from: r,
+                to: d
+              }), we && o?.from && o?.to && !z && k(!1);
+            },
+            locale: J,
+            formatters: {
+              formatMonthDropdown: (e) => e.toLocaleString(J.code, { month: "short" })
+            },
+            showOutsideDays: ve,
+            className: H(
+              "mx-auto",
+              {
+                "[--cell-size:clamp(0px,calc(100vw/7.5),52px)] mb-8 bg-transparent": P || S === "drawer",
+                "[--cell-size:clamp(0px,calc(100vw/7.5),34px)]": !P && S !== "drawer"
+              },
+              le
+            )
+          }
+        ),
+        z && /* @__PURE__ */ N("div", { className: "flex gap-0 border-l border-border", children: [
+          /* @__PURE__ */ m(
+            fe,
+            {
+              ...Z?.[0],
+              value: U ? O(U, v) : void 0,
+              onSelect: He,
+              format: v,
+              showHours: !0,
+              showMinutes: !0,
+              showSeconds: v === "HH:mm:ss",
+              standalone: !1
+            }
+          ),
+          /* @__PURE__ */ m("div", { className: "border-l border-border" }),
+          /* @__PURE__ */ m(
+            fe,
+            {
+              ...Z?.[1],
+              value: _ ? O(_, v) : void 0,
+              onSelect: Ie,
+              format: v,
+              showHours: !0,
+              showMinutes: !0,
+              showSeconds: v === "HH:mm:ss",
+              standalone: !1
+            }
+          )
+        ] })
+      ]
+    }
+  ), Q = /* @__PURE__ */ N(Ve, { open: ne, onOpenChange: k, children: [
+    /* @__PURE__ */ m(Ce, { asChild: !0, disabled: s.disabled, children: se }),
+    /* @__PURE__ */ m(
+      Pe,
+      {
+        className: H(
+          "w-auto overflow-hidden p-0",
+          "backdrop-blur bg-background/50"
+        ),
+        side: ue,
+        align: de,
+        children: ie
+      }
+    )
+  ] }), W = /* @__PURE__ */ N(Se, { open: ne, onOpenChange: k, children: [
+    /* @__PURE__ */ m(ke, { asChild: !0, children: se }),
+    /* @__PURE__ */ N(
+      Oe,
+      {
+        className: H(
+          "w-auto overflow-hidden p-0",
+          "backdrop-blur bg-background"
+        ),
+        children: [
+          /* @__PURE__ */ N(je, { className: "sr-only", children: [
+            /* @__PURE__ */ m(Le, { children: "Select date range" }),
+            /* @__PURE__ */ m(Ee, { children: "Set your date range" })
+          ] }),
+          ie
+        ]
+      }
+    )
+  ] });
+  if (E)
+    return (P ? ee : S) === "drawer" ? W : Q;
+  const ae = (e, o, r, d) => {
+    const i = e === "from";
+    return /* @__PURE__ */ m(
+      $e,
+      {
+        ...s,
+        ...d,
+        ref: i ? q : G,
+        id: te,
+        size: s.isFloatLabel ? s.size ? s.size : "xl" : s.size,
+        className: H(
+          s.className,
+          "relative peer border-0 focus:ring-0 rounded-none hover:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:border-0",
+          i ? "pr-0" : ""
+        ),
+        label: s.isFloatLabel && typeof w == "object" ? i ? w?.from || "" : w?.to || "" : "",
+        placeholder: typeof h == "object" ? i ? h?.from || "" : h?.to || "" : h,
+        clearable: !i,
+        value: o,
+        mask: A,
+        onChange: (a) => {
+          const M = a.target.value;
+          if (r(M), M.trim() === "") {
+            b(""), p("");
+            const F = { from: void 0, to: void 0 };
+            l(F), f?.(F, F), T?.(F, F);
+            return;
+          }
+          let g;
+          z ? g = y(M, `${u} ${v}`) : g = y(M, u);
+          const V = i ? { from: g, to: n?.to } : { from: n?.from, to: g };
+          if (g) {
+            l(V), i && B(g), i ? Y(g) : K(g);
+            const F = t(
+              i ? g : n?.from
+            ), ce = t(i ? n?.to : g);
+            f?.(V, { from: F, to: ce }), T?.(V, {
+              from: i ? M : I,
+              to: i ? x : M
+            });
+          } else
+            f?.(V, {
+              from: t(n?.from),
+              to: i ? t(n?.to) : void 0
+            }), T?.(V, {
+              from: t(n?.from),
+              to: i ? t(n?.to) : void 0
+            });
+        },
+        onClear: i ? void 0 : () => {
+          b(""), p("");
+          const a = { from: void 0, to: void 0 };
+          l(a), f?.(a, a), T?.(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;
+                let X;
+                return z ? X = y(R, `${u} ${v}`) : X = y(R, u), !!X;
+              }, V = g(I), F = g(x);
+              if (!V || !F || I.trim() && !x.trim() || !I.trim() && x.trim()) {
+                b(""), p("");
+                const R = {
+                  from: void 0,
+                  to: void 0
+                };
+                l(R), f?.(R, R), T?.(R, R);
+              }
+            }
+          }, 100);
+        },
+        onKeyDown: (a) => {
+          a.key === "ArrowDown" && (a.preventDefault(), k(!0));
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: H(
+        "group relative flex items-center border rounded-md focus-within:ring-2 focus-within:ring-offset-2 bg-background transition-[color,box-shadow]",
+        {
+          "border-input focus-within:ring-ring": !s.state,
+          "border-success focus-within:ring-success": s.state === "success",
+          "border-warning focus-within:ring-warning": s.state === "warning",
+          "border-error focus-within:ring-error": s.state === "error"
+        }
+      ),
+      children: [
+        ae("from", I, b),
+        /* @__PURE__ */ m(
+          "span",
+          {
+            className: H("text-muted-foreground select-none pl-2", {
+              "opacity-30": s.disabled
+            }),
+            children: he
+          }
+        ),
+        ae("to", x, p, {
+          suffixIcon: P ? ee === "drawer" ? W : Q : S === "drawer" ? W : Q
+        }),
+        s.isFloatLabel && typeof w == "string" && /* @__PURE__ */ m(
+          Ge,
+          {
+            htmlFor: te,
+            size: s.size,
+            infoTooltip: s.infoTooltip,
+            className: "z-10",
+            shouldFloat: Fe,
+            children: w
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  lo as RangePicker
+};
+//# sourceMappingURL=RangePicker.js.map

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

@@ -0,0 +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/Input\";\nimport Button from \"../Button/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=\"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=\"!p-1 !leading-0 h-auto rounded hover:bg-accent transition-colors\"\n      size={props?.size}\n    >\n      <CalendarIcon\n        className={cn({\n          \"size-3\": props.size === \"xs\" || props.size === \"sm\",\n          \"size-3.5\": !props.size || props.size === \"normal\",\n          \"size-4\": props.size === \"lg\" || props.size === \"xl\",\n        })}\n      />\n      <span className=\"sr-only\">Select date range</span>\n    </Button>\n  );\n\n  const calendarSelection = (\n    <div\n      className={cn(\"flex items-stretch\", showTime && !hideDate ? \"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            \"mx-auto\",\n            {\n              \"[--cell-size:clamp(0px,calc(100vw/7.5),52px)] mb-8 bg-transparent\":\n                isMobile || desktopMode === \"drawer\",\n              \"[--cell-size:clamp(0px,calc(100vw/7.5),34px)]\":\n                !isMobile && desktopMode !== \"drawer\",\n            },\n            calendarClassName,\n          )}\n        />\n      )}\n      {showTime && (\n        <div className=\"flex gap-0 border-l 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=\"border-l 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          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur 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          \"w-auto overflow-hidden p-0\",\n          \"backdrop-blur bg-background\",\n        )}\n      >\n        <DrawerHeader className=\"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          \"relative peer border-0 focus:ring-0 rounded-none hover:bg-transparent active:bg-transparent focus-visible:ring-0 focus-visible:border-0\",\n          isFrom ? \"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        \"group relative flex items-center border rounded-md focus-within:ring-2 focus-within:ring-offset-2 bg-background transition-[color,box-shadow]\",\n        {\n          \"border-input focus-within:ring-ring\": !props.state,\n          \"border-success focus-within:ring-success\": props.state === \"success\",\n          \"border-warning focus-within:ring-warning\": props.state === \"warning\",\n          \"border-error focus-within:ring-error\": props.state === \"error\",\n        },\n      )}\n    >\n      {renderRangeInput(\"from\", fromInputValue, setFromInputValue)}\n      <span\n        className={cn(\"text-muted-foreground select-none pl-2\", {\n          \"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=\"z-10\"\n          shouldFloat={shouldFloat}\n        >\n          {label}\n        </FloatingLabel>\n      )}\n    </div>\n  );\n}\n\nexport const CalendarDayButton = SCalendarDayButton;\nexport type CalendarDayButtonProps = SCalendarDayButtonProps;\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":";;;;;;;;;;;;;;;AAuCA,SAASA,GACPC,GACAC,IAAuBC,IACvBC,GACA;AACA,SAAKH,IAEEI,EAASJ,GAAMC,GAAcE,IAAS,EAAE,QAAAA,EAAA,IAAW,MAAS,IAFjD;AAGpB;AAEA,MAAME,IAAY,CAChBC,GACAC,IAAsBL,OACD;AACrB,QAAMF,IAAOQ,GAAMF,GAAKC,GAAa,oBAAI,MAAM;AAC/C,SAAOE,GAAQT,CAAI,IAAIA,IAAO;AAChC;AAEA,SAASU,GAAuBC,GAAwB;AACtD,SAAOA,EACJ,QAAQ,eAAe,CAACC,MAAU;AACjC,YAAQA,GAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAOA;AAAA,IAAA;AAAA,EAEb,CAAC,EACA,QAAQ,UAAU,CAACA,MAAU;AAC5B,YAAQA,GAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAOA;AAAA,IAAA;AAAA,EAEb,CAAC;AACL;AAmCO,SAASC,GAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,MAAAC,KAAO;AAAA,EACP,OAAAC,KAAQ;AAAA,EAAA,QACRV,IAAS;AAAA,EACT,UAAAW,KAAW;AAAA,EACX,MAAAC;AAAA,EACA,eAAAC,KAAgB;AAAA,EAChB,iBAAAC,KAAkB;AAAA,EAClB,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,KAAa;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC,KAAY,gBAAAC,EAACC,IAAA,EAAU,WAAU,SAAA,CAAS;AAAA,EAC1C,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,UAAAC,KAAW;AAAA,EACX,gBAAAC,KAAiB;AAAA,EACjB,SAAAC,KAAU;AAAA,EACV,OAAAC,KAAQ;AAAA,EACR,GAAGC;AACL,GAAqB;AACnB,QAAMC,KAAUC,EAAM,MAAA;AAEtB,MAAInC,GACAN;AACJ,EAAI,OAAOU,KAAW,YACpBJ,IAAcI,GACdV,IAAeU,MAEfJ,IAAcI,EAAO,OACrBV,IAAeU,EAAO;AAIxB,MAAIgC;AACJ,EAAIpB,MAAS,KACXoB,IAAYjC,GAAuBH,CAAW,IACrC,OAAOgB,KAAS,aACzBoB,IAAYpB;AAGd,QAAMqB,KAAkB7B,GAAO,OAC3BV,EAAUU,EAAM,MAAMR,CAAW,IACjC,QACEsC,KAAgB9B,GAAO,KACzBV,EAAUU,EAAM,IAAIR,CAAW,IAC/B,QACEuC,KAA0B;AAAA,IAC9B,MAAMF;AAAA,IACN,IAAIC;AAAA,EAAA,GAGA,CAACE,IAAMC,CAAO,IAAIN,EAAM,SAAS,EAAK,GACtC,CAACO,GAAOC,CAAQ,IAAIR,EAAM,SAAgCI,EAAY,GACtE,CAACK,IAAOC,CAAQ,IAAIV,EAAM;AAAA,IAC9BE,0BAAuB,KAAA;AAAA,EAAK,GAExB,CAACS,GAAgBC,CAAiB,IAAIZ,EAAM,SAAS3B,GAAO,QAAQ,EAAE,GACtE,CAACwC,GAAcC,CAAe,IAAId,EAAM,SAAS3B,GAAO,MAAM,EAAE,GAChE,CAAC0C,GAAUC,CAAW,IAAIhB,EAAM,SAA2B,MAAS,GACpE,CAACiB,GAAQC,CAAS,IAAIlB,EAAM,SAA2B,MAAS,GAChEmB,IAAenB,EAAM,OAAyB,IAAI,GAClDoB,IAAapB,EAAM,OAAyB,IAAI,GAEhDqB,KAAc,CAAC,EAAEV,EAAe,KAAA,KAAUE,EAAa,SAEvDS,IAAkBtC,GAAgB,SACnCA,GAAgB,SACjBJ,OAAa,OACX2C,KACAC,IAGAC,IAAsB,CAACC,MAAgC;AAC3D,QAAI,CAACA,EAAG,QAAO;AACf,QAAIC,IAAStE,GAAWqE,GAAGnE,GAAc+D,CAAO;AAChD,WAAI9B,MACFmC,KAAU,IAAIjE,EAASgE,GAAGjC,CAAU,CAAC,KAEhCkC;AAAA,EACT,GAGMC,KAA4B,CAACrB,MAAsB;AACvD,IAAAC,EAASD,CAAK;AACd,UAAMsB,IAAgBJ,EAAoBlB,GAAO,IAAI,GAC/CuB,IAAcL,EAAoBlB,GAAO,EAAE;AACjD,IAAAK,EAAkBiB,CAAa,GAC/Bf,EAAgBgB,CAAW,GAC3BtD,IAAW+B,GAAO,EAAE,MAAMsB,GAAe,IAAIC,GAAa;AAAA,EAC5D,GAEMC,KAAgC,CAACC,MAAiB;AAItD,QAHApB,EAAkBoB,CAAI,GAGlBA,EAAK,KAAA,MAAW,IAAI;AACtB,MAAApB,EAAkB,EAAE,GACpBE,EAAgB,EAAE;AAClB,YAAMmB,IAAsB,EAAE,MAAM,QAAW,IAAI,OAAA;AACnD,MAAAzB,EAASyB,CAAQ,GACjBzD,IAAWyD,GAAUA,CAAyB;AAC9C;AAAA,IACF;AAGA,QAAIC;AACJ,IAAI1C,IACF0C,IAAavE,EAAUqE,GAAM,GAAGnE,CAAW,IAAI4B,CAAU,EAAE,IAE3DyC,IAAavE,EAAUqE,GAAMnE,CAAW;AAE1C,UAAMoE,IAAsB,EAAE,MAAMC,GAAY,IAAI3B,GAAO,GAAA;AAC3D,IAAI2B,KACF1B,EAASyB,CAAQ,GACjBvB,EAASwB,CAAU,GACnBlB,EAAYkB,CAAU,GACtB1D,IAAWyD,GAAU;AAAA,MACnB,MAAMR,EAAoBS,CAAU;AAAA,MACpC,IAAIT,EAAoBlB,GAAO,EAAE;AAAA,IAAA,CAClC,MAEDC,EAASyB,CAAQ,GACjBzD,IAAWyD,GAAU;AAAA,MACnB,MAAMR,EAAoBlB,GAAO,IAAI;AAAA,MACrC,IAAIkB,EAAoBlB,GAAO,EAAE;AAAA,IAAA,CAClC;AAAA,EAEL,GAEM4B,KAA8B,CAACH,MAAiB;AAIpD,QAHAlB,EAAgBkB,CAAI,GAGhBA,EAAK,KAAA,MAAW,IAAI;AACtB,MAAApB,EAAkB,EAAE,GACpBE,EAAgB,EAAE;AAClB,YAAMmB,IAAsB,EAAE,MAAM,QAAW,IAAI,OAAA;AACnD,MAAAzB,EAASyB,CAAQ,GACjBzD,IAAWyD,GAAUA,CAAyB;AAC9C;AAAA,IACF;AAGA,QAAIC;AACJ,IAAI1C,IACF0C,IAAavE,EAAUqE,GAAM,GAAGnE,CAAW,IAAI4B,CAAU,EAAE,IAE3DyC,IAAavE,EAAUqE,GAAMnE,CAAW;AAE1C,UAAMoE,IAAsB;AAAA,MAC1B,MAAM1B,GAAO;AAAA,MACb,IAAI2B;AAAA,IAAA;AAEN,IAAIA,KACF1B,EAASyB,CAAQ,GACjBf,EAAUgB,CAAU,GACpB1D,IAAWyD,GAAU;AAAA,MACnB,MAAMR,EAAoBlB,GAAO,IAAI;AAAA,MACrC,IAAIkB,EAAoBS,CAAU;AAAA,IAAA,CACnC,MAED1B,EAASyB,CAAQ,GACjBzD,IAAWyD,GAAU;AAAA,MACnB,MAAMR,EAAoBlB,GAAO,IAAI;AAAA,MACrC,IAAI;AAAA,IAAA,CACL;AAAA,EAEL,GAEM6B,KAAuB,CAAC9E,MAAgB;AAC5C,QAAIA,GAAM;AACR,MAAA0D,EAAY1D,CAAI;AAEhB,YAAM+E,IAAa,IAAI,KAAK9B,GAAO,QAAQ,oBAAI,MAAM;AACrD,MAAA8B,EAAW;AAAA,QACT/E,EAAK,SAAA;AAAA,QACLA,EAAK,WAAA;AAAA,QACLA,EAAK,WAAA;AAAA,QACL;AAAA,MAAA;AAGF,YAAM2E,IAAsB;AAAA,QAC1B,MAAMI;AAAA,QACN,IAAI9B,GAAO;AAAA,MAAA;AAEb,MAAAC,EAASyB,CAAQ,GACjBrB,EAAkBa,EAAoBY,CAAU,CAAC,GACjD7D,IAAWyD,GAAU;AAAA,QACnB,MAAMR,EAAoBY,CAAU;AAAA,QACpC,IAAIZ,EAAoBlB,GAAO,EAAE;AAAA,MAAA,CAClC,GACDhC,IAAW0D,GAAU;AAAA,QACnB,MAAMR,EAAoBY,CAAU;AAAA,QACpC,IAAIZ,EAAoBlB,GAAO,EAAE;AAAA,MAAA,CAClC;AAAA,IACH;AAAA,EACF,GAEM+B,KAAqB,CAAChF,MAAgB;AAC1C,QAAIA,GAAM;AACR,MAAA4D,EAAU5D,CAAI;AAEd,YAAM+E,IAAa,IAAI,KAAK9B,GAAO,MAAM,oBAAI,MAAM;AACnD,MAAA8B,EAAW;AAAA,QACT/E,EAAK,SAAA;AAAA,QACLA,EAAK,WAAA;AAAA,QACLA,EAAK,WAAA;AAAA,QACL;AAAA,MAAA;AAGF,YAAM2E,IAAsB;AAAA,QAC1B,MAAM1B,GAAO;AAAA,QACb,IAAI8B;AAAA,MAAA;AAEN,MAAA7B,EAASyB,CAAQ,GACjBnB,EAAgBW,EAAoBY,CAAU,CAAC,GAC/C7D,IAAWyD,GAAU;AAAA,QACnB,MAAMR,EAAoBlB,GAAO,IAAI;AAAA,QACrC,IAAIkB,EAAoBY,CAAU;AAAA,MAAA,CACnC,GACD9D,IAAW0D,GAAU;AAAA,QACnB,MAAMR,EAAoBlB,GAAO,IAAI;AAAA,QACrC,IAAIkB,EAAoBY,CAAU;AAAA,MAAA,CACnC;AAAA,IACH;AAAA,EACF,GAGME,KAAmBnD,IACvBA,EAAS;AAAA,IACP,WAAWuB;AAAA,IACX,SAASE;AAAA,IACT,OAAAN;AAAA,IACA,UAAUqB;AAAA,IACV,cAAcG;AAAA,IACd,YAAYI;AAAA,EAAA,CACb,IAED,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,MAAM3C,GAAO;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAR;AAAA,UAACoD;AAAA,UAAA;AAAA,YACC,WAAWC,EAAG;AAAA,cACZ,UAAU7C,EAAM,SAAS,QAAQA,EAAM,SAAS;AAAA,cAChD,YAAY,CAACA,EAAM,QAAQA,EAAM,SAAS;AAAA,cAC1C,UAAUA,EAAM,SAAS,QAAQA,EAAM,SAAS;AAAA,YAAA,CACjD;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAR,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,oBAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAIzCsD,KACJ,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG,EAAG,sBAAsBnD,KAAY,CAACE,KAAW,UAAU,EAAE;AAAA,MAEvE,UAAA;AAAA,QAAA,CAACA,MACA,gBAAAJ;AAAA,UAACuD;AAAA,UAAA;AAAA,YACE,GAAG7D;AAAA,YACJ,MAAK;AAAA,YACL,UAAUuB;AAAA,YACV,eAAc;AAAA,YACd,OAAAE;AAAA,YACA,eAAeC;AAAA,YACf,gBAAgBoC,IAAW,IAAInD,MAAkB;AAAA,YACjD,SAAAC;AAAA,YACA,OAAAC;AAAA,YACA,UAAU,CAACkD,MAAkB;AAE3B,kBAAIC,IAAiBD;AACrB,kBAAIvD,GAAU;AAEZ,sBAAMyD,IAAclC,GACdmC,IAAYjC;AAElB,gBAAA+B,IAAiB;AAAA,kBACf,MAAMD,GAAe,OACjB,IAAI;AAAA,oBACFA,EAAc,KAAK,YAAA;AAAA,oBACnBA,EAAc,KAAK,SAAA;AAAA,oBACnBA,EAAc,KAAK,QAAA;AAAA,oBACnBE,GAAa,cAAc;AAAA,oBAC3BA,GAAa,gBAAgB;AAAA,oBAC7BA,GAAa,gBAAgB;AAAA,kBAAA,IAE/B;AAAA,kBACJ,IAAIF,GAAe,KACf,IAAI;AAAA,oBACFA,EAAc,GAAG,YAAA;AAAA,oBACjBA,EAAc,GAAG,SAAA;AAAA,oBACjBA,EAAc,GAAG,QAAA;AAAA,oBACjBG,GAAW,cAAc;AAAA,oBACzBA,GAAW,gBAAgB;AAAA,oBAC3BA,GAAW,gBAAgB;AAAA,kBAAA,IAE7B;AAAA,gBAAA;AAAA,cAER;AACA,cAAA1C,EAASwC,CAAc;AACvB,oBAAMnB,IAAgBJ,EAAoBuB,GAAgB,IAAI,GACxDlB,IAAcL,EAAoBuB,GAAgB,EAAE;AAC1D,cAAApC,EAAkBiB,CAAa,GAC/Bf,EAAgBgB,CAAW,GAC3BtD,IAAWwE,GAAgB;AAAA,gBACzB,MAAMnB;AAAA,gBACN,IAAIC;AAAA,cAAA,CACL,GACDvD,IAAWyE,GAAgB;AAAA,gBACzB,MAAMnB;AAAA,gBACN,IAAIC;AAAA,cAAA,CACL,GAEChD,MACAkE,GAAgB,QAChBA,GAAgB,MAChB,CAACxD,KAEDc,EAAQ,EAAK;AAAA,YAEjB;AAAA,YACA,QAAQgB;AAAA,YACR,YAAY;AAAA,cACV,qBAAqB,CAAChE,MACpBA,EAAK,eAAegE,EAAQ,MAAM,EAAE,OAAO,QAAA,CAAS;AAAA,YAAA;AAAA,YAExD,iBAAAvC;AAAA,YACA,WAAW4D;AAAA,cACT;AAAA,cACA;AAAA,gBACE,qEACEG,KAAY5D,MAAgB;AAAA,gBAC9B,iDACE,CAAC4D,KAAY5D,MAAgB;AAAA,cAAA;AAAA,cAEjCT;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGHe,KACC,gBAAAgD,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,UAAA,gBAAAlD;AAAA,YAAC6D;AAAA,YAAA;AAAA,cACE,GAAGlE,IAAa,CAAC;AAAA,cAClB,OAAO8B,IAAWrD,EAASqD,GAAUtB,CAAU,IAAI;AAAA,cACnD,UAAU2C;AAAA,cACV,QAAQ3C;AAAA,cACR,WAAS;AAAA,cACT,aAAW;AAAA,cACX,aAAaA,MAAe;AAAA,cAC5B,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,gBAAAH,EAAC,OAAA,EAAI,WAAU,yBAAA,CAAyB;AAAA,UACxC,gBAAAA;AAAA,YAAC6D;AAAA,YAAA;AAAA,cACE,GAAGlE,IAAa,CAAC;AAAA,cAClB,OAAOgC,IAASvD,EAASuD,GAAQxB,CAAU,IAAI;AAAA,cAC/C,UAAU6C;AAAA,cACV,QAAQ7C;AAAA,cACR,WAAS;AAAA,cACT,aAAW;AAAA,cACX,aAAaA,MAAe;AAAA,cAC5B,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAKA2D,IACJ,gBAAAZ,EAACa,IAAA,EAAQ,MAAAhD,IAAY,cAAcC,GACjC,UAAA;AAAA,IAAA,gBAAAhB,EAACgE,MAAe,SAAO,IAAC,UAAUxD,EAAM,UACrC,UAAAyC,IACH;AAAA,IACA,gBAAAjD;AAAA,MAACiE;AAAA,MAAA;AAAA,QACC,WAAWZ;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,MAAAjE;AAAA,QACA,OAAAC;AAAA,QAEC,UAAAiE;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF,GAGIY,IACJ,gBAAAhB,EAACiB,IAAA,EAAO,MAAApD,IAAY,cAAcC,GAChC,UAAA;AAAA,IAAA,gBAAAhB,EAACoE,IAAA,EAAc,SAAO,IAAE,UAAAnB,IAAiB;AAAA,IACzC,gBAAAC;AAAA,MAACmB;AAAA,MAAA;AAAA,QACC,WAAWhB;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAGF,UAAA;AAAA,UAAA,gBAAAH,EAACoB,IAAA,EAAa,WAAU,WACtB,UAAA;AAAA,YAAA,gBAAAtE,EAACuE,MAAY,UAAA,oBAAA,CAAiB;AAAA,YAC9B,gBAAAvE,EAACwE,MAAkB,UAAA,sBAAA,CAAmB;AAAA,UAAA,GACxC;AAAA,UACClB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAIF,MAAIxD;AAEF,YADa0D,IAAW3D,KAAaD,OACrB,WAAWsE,IAAaJ;AAI1C,QAAMW,KAAmB,CACvBC,GACAC,GACAC,GACAC,MACG;AACH,UAAMC,IAASJ,MAAS;AAExB,WACE,gBAAA1E;AAAA,MAAC+E;AAAA,MAAA;AAAA,QACE,GAAGvE;AAAA,QACH,GAAGqE;AAAA,QACJ,KAAKC,IAASjD,IAAeC;AAAA,QAC7B,IAAIrB;AAAA,QACJ,MACED,EAAM,eAAgBA,EAAM,OAAOA,EAAM,OAAO,OAAQA,EAAM;AAAA,QAEhE,WAAW6C;AAAA,UACT7C,EAAM;AAAA,UACN;AAAA,UACAsE,IAAS,SAAS;AAAA,QAAA;AAAA,QAEpB,OACEtE,EAAM,gBAAgB,OAAO1B,KAAU,WACnCgG,IACEhG,GAAO,QAAQ,KACfA,GAAO,MAAM,KACf;AAAA,QAEN,aACE,OAAOE,KAAgB,WACnB8F,IACE9F,GAAa,QAAQ,KACrBA,GAAa,MAAM,KACrBA;AAAA,QAEN,WAAW,CAAC8F;AAAA,QACZ,OAAOH;AAAA,QACP,MAAMhE;AAAA,QACN,UAAU,CAACqE,MAAM;AACf,gBAAML,IAAaK,EAAE,OAAO;AAI5B,cAHAJ,EAAcD,CAAU,GAGpBA,EAAW,KAAA,MAAW,IAAI;AAC5B,YAAArD,EAAkB,EAAE,GACpBE,EAAgB,EAAE;AAClB,kBAAMmB,IAAsB,EAAE,MAAM,QAAW,IAAI,OAAA;AACnD,YAAAzB,EAASyB,CAAQ,GACjBzD,IAAWyD,GAAUA,CAAyB,GAC9C1D,IAAW0D,GAAUA,CAAyB;AAC9C;AAAA,UACF;AAGA,cAAI3E;AACJ,UAAIkC,IACFlC,IAAOK,EAAUsG,GAAY,GAAGpG,CAAW,IAAI4B,CAAU,EAAE,IAE3DnC,IAAOK,EAAUsG,GAAYpG,CAAW;AAE1C,gBAAMoE,IAAsBmC,IACxB,EAAE,MAAM9G,GAAM,IAAIiD,GAAO,GAAA,IACzB,EAAE,MAAMA,GAAO,MAAM,IAAIjD,EAAA;AAE7B,cAAIA,GAAM;AACR,YAAAkD,EAASyB,CAAQ,GACbmC,OAAiB9G,CAAI,GAErB8G,IACFpD,EAAY1D,CAAI,IAGhB4D,EAAU5D,CAAI;AAGhB,kBAAMuE,IAAgBJ;AAAA,cACpB2C,IAAS9G,IAAOiD,GAAO;AAAA,YAAA,GAEnBuB,KAAcL,EAAoB2C,IAAS7D,GAAO,KAAKjD,CAAI;AACjE,YAAAkB,IAAWyD,GAAU,EAAE,MAAMJ,GAAe,IAAIC,IAAa,GAC7DvD,IAAW0D,GAAU;AAAA,cACnB,MAAMmC,IAASH,IAAatD;AAAA,cAC5B,IAAIyD,IAASvD,IAAeoD;AAAAA,YAAA,CAC7B;AAAA,UAMH;AACE,YAAAzF,IAAWyD,GAAU;AAAA,cACnB,MAAMR,EAAoBlB,GAAO,IAAI;AAAA,cACrC,IAAI6D,IAAS3C,EAAoBlB,GAAO,EAAE,IAAI;AAAA,YAAA,CAC/C,GACDhC,IAAW0D,GAAU;AAAA,cACnB,MAAMR,EAAoBlB,GAAO,IAAI;AAAA,cACrC,IAAI6D,IAAS3C,EAAoBlB,GAAO,EAAE,IAAI;AAAA,YAAA,CAC/C;AAAA,QAEL;AAAA,QACA,SACG6D,IASG,SARA,MAAM;AACJ,UAAAxD,EAAkB,EAAE,GACpBE,EAAgB,EAAE;AAClB,gBAAMmB,IAAsB,EAAE,MAAM,QAAW,IAAI,OAAA;AACnD,UAAAzB,EAASyB,CAAQ,GACjBzD,IAAWyD,GAAUA,CAAyB,GAC9C1D,IAAW0D,GAAUA,CAAyB;AAAA,QAChD;AAAA,QAGN,QAAQ,MAAM;AAEZ,gBAAMsC,IAAgB,SAAS;AAC/B,UACEA,MAAkBpD,EAAa,WAC/BoD,MAAkBnD,EAAW,WAG7B,WAAW,MAAM;AAEf,kBAAMoD,IAAuB,SAAS;AACtC,gBACEA,MAAyBrD,EAAa,WACtCqD,MAAyBpD,EAAW,SACpC;AAEA,oBAAMqD,IAAgB,CAACC,MAAgB;AACrC,oBAAIA,EAAI,WAAW,GAAI,QAAO;AAC9B,oBAAIC;AACJ,uBAAInF,IACFmF,IAAShH,EAAU+G,GAAK,GAAG7G,CAAW,IAAI4B,CAAU,EAAE,IAEtDkF,IAAShH,EAAU+G,GAAK7G,CAAW,GAE9B,CAAC,CAAC8G;AAAA,cACX,GAEMC,IAAYH,EAAc9D,CAAc,GACxCkE,IAAUJ,EAAc5D,CAAY;AAS1C,kBALE,CAAC+D,KACD,CAACC,KACAlE,EAAe,KAAA,KAAU,CAACE,EAAa,UACvC,CAACF,EAAe,KAAA,KAAUE,EAAa,KAAA,GAEzB;AAEf,gBAAAD,EAAkB,EAAE,GACpBE,EAAgB,EAAE;AAClB,sBAAMmB,IAAsB;AAAA,kBAC1B,MAAM;AAAA,kBACN,IAAI;AAAA,gBAAA;AAEN,gBAAAzB,EAASyB,CAAQ,GACjBzD,IAAWyD,GAAUA,CAAyB,GAC9C1D,IAAW0D,GAAUA,CAAyB;AAAA,cAChD;AAAA,YACF;AAAA,UACF,GAAG,GAAG;AAAA,QAEV;AAAA,QACA,WAAW,CAACqC,MAAM;AAChB,UAAIA,EAAE,QAAQ,gBACZA,EAAE,eAAA,GACFhE,EAAQ,EAAI;AAAA,QAEhB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGA,SACE,gBAAAkC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACT;AAAA,QACA;AAAA,UACE,uCAAuC,CAAC7C,EAAM;AAAA,UAC9C,4CAA4CA,EAAM,UAAU;AAAA,UAC5D,4CAA4CA,EAAM,UAAU;AAAA,UAC5D,wCAAwCA,EAAM,UAAU;AAAA,QAAA;AAAA,MAC1D;AAAA,MAGD,UAAA;AAAA,QAAAiE,GAAiB,QAAQpD,GAAgBC,CAAiB;AAAA,QAC3D,gBAAAtB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWqD,EAAG,0CAA0C;AAAA,cACtD,cAAc7C,EAAM;AAAA,YAAA,CACrB;AAAA,YAEA,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF0E,GAAiB,MAAMlD,GAAcC,GAAiB;AAAA,UACrD,YAAYgC,IACR3D,OAAe,WACbqE,IACAJ,IACFlE,MAAgB,WACdsE,IACAJ;AAAA,QAAA,CACP;AAAA,QACAtD,EAAM,gBAAgB,OAAO1B,KAAU,YACtC,gBAAAkB;AAAA,UAACwF;AAAA,UAAA;AAAA,YACC,SAAS/E;AAAA,YACT,MAAMD,EAAM;AAAA,YACZ,aAAaA,EAAM;AAAA,YACnB,WAAU;AAAA,YACV,aAAAuB;AAAA,YAEC,UAAAjD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}