shad-m 1.0.2 → 1.0.3

package/dist/common/interactive/time-picker.mjs

@@ -0,0 +1,307 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { format, isBefore, startOfMinute, isAfter } from 'date-fns';
+import React, { useMemo, useCallback, useState } from 'react';
+import { CloseCircleFilledIcon, ClockOutlinedIcon } from '@/icons';
+import { Button } from '../../components/button';
+import { Input } from '../../components/input';
+import { Popover, PopoverTrigger, PopoverContent } from '../../components/popover';
+import { ScrollArea } from '../../components/scroll-area';
+import { cn } from '../../lib/utils';
+
+const AM_VALUE = 0;
+const PM_VALUE = 1;
+function buildTime({
+  use12HourFormat,
+  value,
+  hour,
+  minute,
+  ampm
+}) {
+  try {
+    if (isNaN(value.getTime())) {
+      throw new Error("Invalid base date");
+    }
+    const newTime = new Date(value);
+    if (use12HourFormat) {
+      if (hour === 12) {
+        newTime.setHours(ampm === AM_VALUE ? 0 : 12, minute, 0, 0);
+      } else {
+        newTime.setHours(hour + ampm * 12, minute, 0, 0);
+      }
+    } else {
+      newTime.setHours(hour, minute, 0, 0);
+    }
+    return newTime;
+  } catch (error) {
+    return null;
+  }
+}
+function TimePicker({
+  value,
+  onChange,
+  use12HourFormat = false,
+  min,
+  max,
+  minuteStep = 1,
+  disabled,
+  modal,
+  label = "Ch\u1ECDn th\u1EDDi gian",
+  className,
+  error,
+  helperText,
+  helperTextClass,
+  size = "default",
+  hasRemoveIcon = true,
+  onClearValue,
+  ...props
+}) {
+  const internalValue = useMemo(() => {
+    const today = /* @__PURE__ */ new Date();
+    if (!value) {
+      today.setHours(0, 0, 0, 0);
+      return today;
+    }
+    try {
+      const parts = value.split(":");
+      if (parts.length !== 2 || !parts[0] || !parts[1]) {
+        today.setHours(0, 0, 0, 0);
+        return today;
+      }
+      const hours2 = parseInt(parts[0], 10);
+      const minutes2 = parseInt(parts[1], 10);
+      if (isNaN(hours2) || isNaN(minutes2) || hours2 < 0 || hours2 > 23 || minutes2 < 0 || minutes2 > 59) {
+        today.setHours(0, 0, 0, 0);
+        return today;
+      }
+      today.setHours(hours2, minutes2, 0, 0);
+      return today;
+    } catch {
+      today.setHours(0, 0, 0, 0);
+      return today;
+    }
+  }, [value]);
+  const getAmPm = useCallback(() => {
+    return internalValue.getHours() >= 12 ? PM_VALUE : AM_VALUE;
+  }, [internalValue]);
+  const getHour = useCallback(() => {
+    if (use12HourFormat) {
+      const hour2 = internalValue.getHours();
+      if (hour2 === 0) return 12;
+      if (hour2 > 12) return hour2 - 12;
+      return hour2;
+    }
+    return internalValue.getHours();
+  }, [internalValue, use12HourFormat]);
+  const getMinute = useCallback(() => {
+    return internalValue.getMinutes();
+  }, [internalValue]);
+  const [ampm, setAmpm] = useState(() => getAmPm());
+  const [hour, setHour] = useState(() => getHour());
+  const [minute, setMinute] = useState(() => getMinute());
+  const [open, setOpen] = React.useState(false);
+  const handleTimeChange = useCallback(
+    (newHour, newMinute, newAmpm) => {
+      try {
+        const newTime = buildTime({
+          use12HourFormat,
+          value: internalValue,
+          hour: newHour,
+          minute: newMinute,
+          ampm: newAmpm
+        });
+        if (newTime) {
+          onChange(format(newTime, "HH:mm"));
+        }
+      } catch (error2) {
+      }
+    },
+    [use12HourFormat, internalValue, onChange]
+  );
+  const handleClockIconClick = (e) => {
+    e.stopPropagation();
+    setOpen(true);
+  };
+  const hasValue = !!value;
+  const iconSizeClasses = {
+    default: "h-5 w-5",
+    lg: "h-5 w-5"
+  };
+  const hours = useMemo(() => {
+    const _hours = [];
+    const startHour = use12HourFormat ? 1 : 0;
+    const endHour = use12HourFormat ? 12 : 23;
+    for (let i = startHour; i <= endHour; i++) {
+      const testDate = new Date(internalValue);
+      const hourIn24 = use12HourFormat ? i === 12 ? ampm === AM_VALUE ? 0 : 12 : i + ampm * 12 : i;
+      testDate.setHours(hourIn24, minute, 0, 0);
+      const disabled2 = min && isBefore(testDate, startOfMinute(min)) || max && isAfter(testDate, startOfMinute(max));
+      _hours.push({
+        value: i,
+        label: use12HourFormat ? i.toString() : i.toString().padStart(2, "0"),
+        disabled: disabled2 || false
+      });
+    }
+    return _hours;
+  }, [use12HourFormat, ampm, internalValue, minute, min, max]);
+  const minutes = useMemo(() => {
+    const _minutes = [];
+    const _hourIn24h = use12HourFormat ? hour === 12 ? ampm === AM_VALUE ? 0 : 12 : hour + ampm * 12 : hour;
+    for (let i = 0; i < 60; i += minuteStep) {
+      const testDate = new Date(internalValue);
+      testDate.setHours(_hourIn24h, i, 0, 0);
+      const disabled2 = min && isBefore(testDate, min) || max && isAfter(testDate, max);
+      _minutes.push({
+        value: i,
+        label: i.toString().padStart(2, "0"),
+        disabled: disabled2 || false
+      });
+    }
+    return _minutes;
+  }, [hour, ampm, use12HourFormat, internalValue, min, max, minuteStep]);
+  const ampmOptions = useMemo(() => {
+    if (!use12HourFormat) return [];
+    const testAM = new Date(internalValue);
+    const testPM = new Date(internalValue);
+    testAM.setHours(hour === 12 ? 0 : hour, minute, 0, 0);
+    testPM.setHours(hour === 12 ? 12 : hour + 12, minute, 0, 0);
+    return [
+      {
+        value: AM_VALUE,
+        label: "AM",
+        disabled: max && isAfter(testAM, max) || min && isBefore(testAM, min)
+      },
+      {
+        value: PM_VALUE,
+        label: "PM",
+        disabled: max && isAfter(testPM, max) || min && isBefore(testPM, min)
+      }
+    ];
+  }, [use12HourFormat, internalValue, hour, minute, min, max]);
+  const displayTime = () => {
+    if (!value) return "";
+    try {
+      return use12HourFormat ? format(internalValue, "hh:mm a") : value;
+    } catch {
+      return "";
+    }
+  };
+  const handleClearValue = () => {
+    onChange("");
+    onClearValue?.();
+  };
+  const buttonIcon = useMemo(
+    () => /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mr-1 flex h-5 w-5 items-center justify-center", children: hasRemoveIcon && hasValue && !disabled && /* @__PURE__ */ jsx(
+        CloseCircleFilledIcon,
+        {
+          className: "input-remove-icon cursor-pointer hover:opacity-70",
+          onClick: handleClearValue
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        ClockOutlinedIcon,
+        {
+          className: cn("cursor-pointer opacity-50 hover:opacity-70", iconSizeClasses[size]),
+          onClick: handleClockIconClick
+        }
+      )
+    ] }),
+    [
+      hasRemoveIcon,
+      hasValue,
+      disabled,
+      handleClearValue,
+      iconSizeClasses,
+      size,
+      handleClockIconClick
+    ]
+  );
+  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      modal: false,
+      open: disabled ? false : open,
+      onOpenChange: disabled ? void 0 : setOpen,
+      children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: displayTime(),
+            placeholder: label,
+            disabled,
+            isError: error,
+            label: hasValue ? label : void 0,
+            helpText: helperText,
+            helpTextClassName: helperTextClass,
+            size,
+            showRemoveIcon: false,
+            onClearValue: handleClearValue,
+            buttonIcon,
+            readOnly: true,
+            className: cn(
+              "border-input bg-background focus:border-primary rounded-md border focus:outline-none",
+              {
+                "border-destructive": error,
+                "cursor-pointer": !disabled
+              },
+              className
+            ),
+            onClick: () => setOpen(true),
+            ...props
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+          /* @__PURE__ */ jsx(ScrollArea, { className: "h-48", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1 p-2 pr-3", children: hours.map((option) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: hour === option.value ? "default" : "ghost",
+              className: "shrink-0 basis-auto",
+              disabled: option.disabled,
+              onClick: () => {
+                setHour(option.value);
+                handleTimeChange(option.value, minute, ampm);
+              },
+              children: option.label
+            },
+            option.value
+          )) }) }),
+          /* @__PURE__ */ jsx(ScrollArea, { className: "h-48", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1 p-2 pr-3", children: minutes.map((option) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: minute === option.value ? "default" : "ghost",
+              className: "shrink-0 basis-auto",
+              disabled: option.disabled,
+              onClick: () => {
+                setMinute(option.value);
+                handleTimeChange(hour, option.value, ampm);
+              },
+              children: option.label
+            },
+            option.value
+          )) }) }),
+          use12HourFormat && /* @__PURE__ */ jsx(ScrollArea, { className: "h-48", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1 p-2 pr-3", children: ampmOptions.map((option) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: ampm === option.value ? "default" : "ghost",
+              className: "shrink-0 basis-auto",
+              disabled: option.disabled,
+              onClick: () => {
+                setAmpm(option.value);
+                handleTimeChange(hour, minute, option.value);
+              },
+              children: option.label
+            },
+            option.value
+          )) }) })
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+export { TimePicker };
+//# sourceMappingURL=time-picker.mjs.map
+//# sourceMappingURL=time-picker.mjs.map

package/dist/common/interactive/time-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/interactive/time-picker.tsx"],"names":["hours","minutes","hour","error","disabled"],"mappings":";;;;;;;;;;AAkBA,MAAM,QAAA,GAAW,CAAA;AACjB,MAAM,QAAA,GAAW,CAAA;AAEjB,SAAS,SAAA,CAAU;AAAA,EACjB,eAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAMgB;AACd,EAAA,IAAI;AACF,IAAA,IAAI,KAAA,CAAM,KAAA,CAAM,OAAA,EAAS,CAAA,EAAG;AAC1B,MAAA,MAAM,IAAI,MAAM,mBAAmB,CAAA;AAAA,IACrC;AAEA,IAAA,MAAM,OAAA,GAAU,IAAI,IAAA,CAAK,KAAK,CAAA;AAG9B,IAAA,IAAI,eAAA,EAAiB;AACnB,MAAA,IAAI,SAAS,EAAA,EAAI;AACf,QAAA,OAAA,CAAQ,SAAS,IAAA,KAAS,QAAA,GAAW,IAAI,EAAA,EAAI,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,MAC3D,CAAA,MAAO;AACL,QAAA,OAAA,CAAQ,SAAS,IAAA,GAAO,IAAA,GAAO,EAAA,EAAI,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,MACjD;AAAA,IACF,CAAA,MAAO;AACL,MAAA,OAAA,CAAQ,QAAA,CAAS,IAAA,EAAM,MAAA,EAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,IACrC;AAEA,IAAA,OAAO,OAAA;AAAA,EACT,SAAS,KAAA,EAAO;AAEd,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AA2EO,SAAS,UAAA,CAAW;AAAA,EACzB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA,GAAkB,KAAA;AAAA,EAClB,GAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA,GAAa,CAAA;AAAA,EACb,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA,GAAQ,0BAAA;AAAA,EACR,SAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,aAAA,GAAgB,IAAA;AAAA,EAChB,YAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAElB,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,MAAM,KAAA,uBAAY,IAAA,EAAK;AACvB,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,KAAA,CAAM,QAAA,CAAS,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA;AACzB,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,IAAI;AACF,MAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,KAAA,CAAM,GAAG,CAAA;AAC7B,MAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,IAAK,CAAC,KAAA,CAAM,CAAC,CAAA,IAAK,CAAC,KAAA,CAAM,CAAC,CAAA,EAAG;AAChD,QAAA,KAAA,CAAM,QAAA,CAAS,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA;AACzB,QAAA,OAAO,KAAA;AAAA,MACT;AAEA,MAAA,MAAMA,MAAAA,GAAQ,QAAA,CAAS,KAAA,CAAM,CAAC,GAAG,EAAE,CAAA;AACnC,MAAA,MAAMC,QAAAA,GAAU,QAAA,CAAS,KAAA,CAAM,CAAC,GAAG,EAAE,CAAA;AAErC,MAAA,IACE,KAAA,CAAMD,MAAK,CAAA,IACX,KAAA,CAAMC,QAAO,CAAA,IACbD,MAAAA,GAAQ,CAAA,IACRA,MAAAA,GAAQ,EAAA,IACRC,QAAAA,GAAU,CAAA,IACVA,WAAU,EAAA,EACV;AACA,QAAA,KAAA,CAAM,QAAA,CAAS,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA;AACzB,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,KAAA,CAAM,QAAA,CAASD,MAAAA,EAAOC,QAAAA,EAAS,CAAA,EAAG,CAAC,CAAA;AACnC,MAAA,OAAO,KAAA;AAAA,IACT,CAAA,CAAA,MAAQ;AACN,MAAA,KAAA,CAAM,QAAA,CAAS,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA;AACzB,MAAA,OAAO,KAAA;AAAA,IACT;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,OAAO,aAAA,CAAc,QAAA,EAAS,IAAK,EAAA,GAAK,QAAA,GAAW,QAAA;AAAA,EACrD,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,IAAI,eAAA,EAAiB;AACnB,MAAA,MAAMC,KAAAA,GAAO,cAAc,QAAA,EAAS;AACpC,MAAA,IAAIA,KAAAA,KAAS,GAAG,OAAO,EAAA;AACvB,MAAA,IAAIA,KAAAA,GAAO,EAAA,EAAI,OAAOA,KAAAA,GAAO,EAAA;AAC7B,MAAA,OAAOA,KAAAA;AAAA,IACT;AACA,IAAA,OAAO,cAAc,QAAA,EAAS;AAAA,EAChC,CAAA,EAAG,CAAC,aAAA,EAAe,eAAe,CAAC,CAAA;AAEnC,EAAA,MAAM,SAAA,GAAY,YAAY,MAAM;AAClC,IAAA,OAAO,cAAc,UAAA,EAAW;AAAA,EAClC,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,IAAI,QAAA,CAAiB,MAAM,SAAS,CAAA;AACxD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,IAAI,QAAA,CAAiB,MAAM,SAAS,CAAA;AACxD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,IAAI,QAAA,CAAiB,MAAM,WAAW,CAAA;AAE9D,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,KAAA,CAAM,SAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,gBAAA,GAAmB,WAAA;AAAA,IACvB,CAAC,OAAA,EAAiB,SAAA,EAAmB,OAAA,KAAoB;AACvD,MAAA,IAAI;AACF,QAAA,MAAM,UAAU,SAAA,CAAU;AAAA,UACxB,eAAA;AAAA,UACA,KAAA,EAAO,aAAA;AAAA,UACP,IAAA,EAAM,OAAA;AAAA,UACN,MAAA,EAAQ,SAAA;AAAA,UACR,IAAA,EAAM;AAAA,SACP,CAAA;AACD,QAAA,IAAI,OAAA,EAAS;AACX,UAAA,QAAA,CAAS,MAAA,CAAO,OAAA,EAAS,OAAO,CAAC,CAAA;AAAA,QACnC;AAAA,MACF,SAASC,MAAAA,EAAO;AAAA,MAEhB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,eAAA,EAAiB,aAAA,EAAe,QAAQ;AAAA,GAC3C;AAEA,EAAA,MAAM,oBAAA,GAAuB,CAAC,CAAA,KAAwB;AACpD,IAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,EACd,CAAA;AAEA,EAAA,MAAM,QAAA,GAAW,CAAC,CAAC,KAAA;AAEnB,EAAA,MAAM,eAAA,GAAkB;AAAA,IACtB,OAAA,EAAS,SAAA;AAAA,IACT,EAAA,EAAI;AAAA,GACN;AAGA,EAAA,MAAM,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAA,MAAM,SAAuB,EAAC;AAC9B,IAAA,MAAM,SAAA,GAAY,kBAAkB,CAAA,GAAI,CAAA;AACxC,IAAA,MAAM,OAAA,GAAU,kBAAkB,EAAA,GAAK,EAAA;AAEvC,IAAA,KAAA,IAAS,CAAA,GAAI,SAAA,EAAW,CAAA,IAAK,OAAA,EAAS,CAAA,EAAA,EAAK;AACzC,MAAA,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,aAAa,CAAA;AACvC,MAAA,MAAM,QAAA,GAAW,eAAA,GACb,CAAA,KAAM,EAAA,GACJ,IAAA,KAAS,WACP,CAAA,GACA,EAAA,GACF,CAAA,GAAI,IAAA,GAAO,EAAA,GACb,CAAA;AACJ,MAAA,QAAA,CAAS,QAAA,CAAS,QAAA,EAAU,MAAA,EAAQ,CAAA,EAAG,CAAC,CAAA;AAExC,MAAA,MAAMC,SAAAA,GACH,GAAA,IAAO,QAAA,CAAS,QAAA,EAAU,aAAA,CAAc,GAAG,CAAC,CAAA,IAC5C,GAAA,IAAO,OAAA,CAAQ,QAAA,EAAU,aAAA,CAAc,GAAG,CAAC,CAAA;AAE9C,MAAA,MAAA,CAAO,IAAA,CAAK;AAAA,QACV,KAAA,EAAO,CAAA;AAAA,QACP,KAAA,EAAO,eAAA,GAAkB,CAAA,CAAE,QAAA,EAAS,GAAI,EAAE,QAAA,EAAS,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAA;AAAA,QACpE,UAAUA,SAAAA,IAAY;AAAA,OACvB,CAAA;AAAA,IACH;AACA,IAAA,OAAO,MAAA;AAAA,EACT,CAAA,EAAG,CAAC,eAAA,EAAiB,IAAA,EAAM,eAAe,MAAA,EAAQ,GAAA,EAAK,GAAG,CAAC,CAAA;AAG3D,EAAA,MAAM,OAAA,GAAU,QAAQ,MAAM;AAC5B,IAAA,MAAM,WAAyB,EAAC;AAChC,IAAA,MAAM,UAAA,GAAa,eAAA,GACf,IAAA,KAAS,EAAA,GACP,IAAA,KAAS,WACP,CAAA,GACA,EAAA,GACF,IAAA,GAAO,IAAA,GAAO,EAAA,GAChB,IAAA;AAEJ,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,EAAA,EAAI,KAAK,UAAA,EAAY;AACvC,MAAA,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,aAAa,CAAA;AACvC,MAAA,QAAA,CAAS,QAAA,CAAS,UAAA,EAAY,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA;AAErC,MAAA,MAAMA,SAAAA,GAAY,OAAO,QAAA,CAAS,QAAA,EAAU,GAAG,CAAA,IAAO,GAAA,IAAO,OAAA,CAAQ,QAAA,EAAU,GAAG,CAAA;AAElF,MAAA,QAAA,CAAS,IAAA,CAAK;AAAA,QACZ,KAAA,EAAO,CAAA;AAAA,QACP,OAAO,CAAA,CAAE,QAAA,EAAS,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AAAA,QACnC,UAAUA,SAAAA,IAAY;AAAA,OACvB,CAAA;AAAA,IACH;AACA,IAAA,OAAO,QAAA;AAAA,EACT,CAAA,EAAG,CAAC,IAAA,EAAM,IAAA,EAAM,iBAAiB,aAAA,EAAe,GAAA,EAAK,GAAA,EAAK,UAAU,CAAC,CAAA;AAGrE,EAAA,MAAM,WAAA,GAAc,QAAQ,MAAM;AAChC,IAAA,IAAI,CAAC,eAAA,EAAiB,OAAO,EAAC;AAE9B,IAAA,MAAM,MAAA,GAAS,IAAI,IAAA,CAAK,aAAa,CAAA;AACrC,IAAA,MAAM,MAAA,GAAS,IAAI,IAAA,CAAK,aAAa,CAAA;AACrC,IAAA,MAAA,CAAO,SAAS,IAAA,KAAS,EAAA,GAAK,IAAI,IAAA,EAAM,MAAA,EAAQ,GAAG,CAAC,CAAA;AACpD,IAAA,MAAA,CAAO,QAAA,CAAS,SAAS,EAAA,GAAK,EAAA,GAAK,OAAO,EAAA,EAAI,MAAA,EAAQ,GAAG,CAAC,CAAA;AAE1D,IAAA,OAAO;AAAA,MACL;AAAA,QACE,KAAA,EAAO,QAAA;AAAA,QACP,KAAA,EAAO,IAAA;AAAA,QACP,QAAA,EAAW,OAAO,OAAA,CAAQ,MAAA,EAAQ,GAAG,CAAA,IAAO,GAAA,IAAO,QAAA,CAAS,MAAA,EAAQ,GAAG;AAAA,OACzE;AAAA,MACA;AAAA,QACE,KAAA,EAAO,QAAA;AAAA,QACP,KAAA,EAAO,IAAA;AAAA,QACP,QAAA,EAAW,OAAO,OAAA,CAAQ,MAAA,EAAQ,GAAG,CAAA,IAAO,GAAA,IAAO,QAAA,CAAS,MAAA,EAAQ,GAAG;AAAA;AACzE,KACF;AAAA,EACF,CAAA,EAAG,CAAC,eAAA,EAAiB,aAAA,EAAe,MAAM,MAAA,EAAQ,GAAA,EAAK,GAAG,CAAC,CAAA;AAE3D,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AACnB,IAAA,IAAI;AACF,MAAA,OAAO,eAAA,GAAkB,MAAA,CAAO,aAAA,EAAe,SAAS,CAAA,GAAI,KAAA;AAAA,IAC9D,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,EAAA;AAAA,IACT;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,YAAA,IAAe;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,OAAA;AAAA,IACjB,sBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAA,EAEb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,+CAAA,EACZ,QAAA,EAAA,aAAA,IAAiB,QAAA,IAAY,CAAC,QAAA,oBAC7B,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,mDAAA;AAAA,UACV,OAAA,EAAS;AAAA;AAAA,OACX,EAEJ,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA,CAAG,4CAAA,EAA8C,eAAA,CAAgB,IAAI,CAAC,CAAA;AAAA,UACjF,OAAA,EAAS;AAAA;AAAA;AACX,KAAA,EACF,CAAA;AAAA,IAEF;AAAA,MACE,aAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,eAAA;AAAA,MACA,IAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACb,QAAA,kBAAA,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,KAAA;AAAA,MACP,IAAA,EAAM,WAAW,KAAA,GAAQ,IAAA;AAAA,MACzB,YAAA,EAAc,WAAW,MAAA,GAAY,OAAA;AAAA,MAErC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,kBAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,QAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,OAAO,WAAA,EAAY;AAAA,YACnB,WAAA,EAAa,KAAA;AAAA,YACb,QAAA;AAAA,YACA,OAAA,EAAS,KAAA;AAAA,YACT,KAAA,EAAO,WAAW,KAAA,GAAQ,MAAA;AAAA,YAC1B,QAAA,EAAU,UAAA;AAAA,YACV,iBAAA,EAAmB,eAAA;AAAA,YACnB,IAAA;AAAA,YACA,cAAA,EAAgB,KAAA;AAAA,YAChB,YAAA,EAAc,gBAAA;AAAA,YACd,UAAA;AAAA,YACA,QAAA,EAAQ,IAAA;AAAA,YACR,SAAA,EAAW,EAAA;AAAA,cACT,sFAAA;AAAA,cACA;AAAA,gBACE,oBAAA,EAAsB,KAAA;AAAA,gBACtB,kBAAkB,CAAC;AAAA,eACrB;AAAA,cACA;AAAA,aACF;AAAA,YACA,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,YAC1B,GAAG;AAAA;AAAA,WAER,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,kBAAe,SAAA,EAAU,YAAA,EAAa,OAAM,OAAA,EAC3C,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,MAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACZ,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,MAAA,qBACV,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,IAAA;AAAA,cACL,OAAA,EAAS,IAAA,KAAS,MAAA,CAAO,KAAA,GAAQ,SAAA,GAAY,OAAA;AAAA,cAC7C,SAAA,EAAU,qBAAA;AAAA,cACV,UAAU,MAAA,CAAO,QAAA;AAAA,cACjB,SAAS,MAAM;AACb,gBAAA,OAAA,CAAQ,OAAO,KAAK,CAAA;AACpB,gBAAA,gBAAA,CAAiB,MAAA,CAAO,KAAA,EAAO,MAAA,EAAQ,IAAI,CAAA;AAAA,cAC7C,CAAA;AAAA,cAEC,QAAA,EAAA,MAAA,CAAO;AAAA,aAAA;AAAA,YAVH,MAAA,CAAO;AAAA,WAYf,GACH,CAAA,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,MAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,qBACZ,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,IAAA;AAAA,cACL,OAAA,EAAS,MAAA,KAAW,MAAA,CAAO,KAAA,GAAQ,SAAA,GAAY,OAAA;AAAA,cAC/C,SAAA,EAAU,qBAAA;AAAA,cACV,UAAU,MAAA,CAAO,QAAA;AAAA,cACjB,SAAS,MAAM;AACb,gBAAA,SAAA,CAAU,OAAO,KAAK,CAAA;AACtB,gBAAA,gBAAA,CAAiB,IAAA,EAAM,MAAA,CAAO,KAAA,EAAO,IAAI,CAAA;AAAA,cAC3C,CAAA;AAAA,cAEC,QAAA,EAAA,MAAA,CAAO;AAAA,aAAA;AAAA,YAVH,MAAA,CAAO;AAAA,WAYf,GACH,CAAA,EACF,CAAA;AAAA,UACC,eAAA,oBACC,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,MAAA,EACpB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EACZ,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAC,MAAA,qBAChB,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,IAAA;AAAA,cACL,OAAA,EAAS,IAAA,KAAS,MAAA,CAAO,KAAA,GAAQ,SAAA,GAAY,OAAA;AAAA,cAC7C,SAAA,EAAU,qBAAA;AAAA,cACV,UAAU,MAAA,CAAO,QAAA;AAAA,cACjB,SAAS,MAAM;AACb,gBAAA,OAAA,CAAQ,OAAO,KAAK,CAAA;AACpB,gBAAA,gBAAA,CAAiB,IAAA,EAAM,MAAA,EAAQ,MAAA,CAAO,KAAK,CAAA;AAAA,cAC7C,CAAA;AAAA,cAEC,QAAA,EAAA,MAAA,CAAO;AAAA,aAAA;AAAA,YAVH,MAAA,CAAO;AAAA,WAYf,GACH,CAAA,EACF;AAAA,SAAA,EAEJ,CAAA,EACF;AAAA;AAAA;AAAA,GACF,EACF,CAAA;AAEJ","file":"time-picker.mjs","sourcesContent":["'use client';\n\nimport { format, isAfter, isBefore, startOfMinute } from 'date-fns';\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { ClockOutlinedIcon, CloseCircleFilledIcon } from '@/icons';\nimport { Button } from '../../components/button';\nimport { Input } from '../../components/input';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../components/popover';\nimport { ScrollArea } from '../../components/scroll-area';\nimport { cn } from '../../lib/utils';\n\ninterface TimeOption {\n  value: number;\n  label: string;\n  disabled: boolean;\n}\n\nconst AM_VALUE = 0;\nconst PM_VALUE = 1;\n\nfunction buildTime({\n  use12HourFormat,\n  value,\n  hour,\n  minute,\n  ampm,\n}: {\n  use12HourFormat?: boolean;\n  value: Date;\n  hour: number;\n  minute: number;\n  ampm: number;\n}): Date | null {\n  try {\n    if (isNaN(value.getTime())) {\n      throw new Error('Invalid base date');\n    }\n\n    const newTime = new Date(value);\n\n    // Handle 12 AM (midnight) and 12 PM (noon) in 12-hour format\n    if (use12HourFormat) {\n      if (hour === 12) {\n        newTime.setHours(ampm === AM_VALUE ? 0 : 12, minute, 0, 0);\n      } else {\n        newTime.setHours(hour + ampm * 12, minute, 0, 0);\n      }\n    } else {\n      newTime.setHours(hour, minute, 0, 0);\n    }\n\n    return newTime;\n  } catch (error) {\n    // Error building time - return null to indicate failure\n    return null;\n  }\n}\n\nexport interface TimePickerProps {\n  /**\n   * The selected time value in HH:mm format (24-hour)\n   */\n  value?: string;\n  /**\n   * Callback when time is selected\n   * Returns time string in HH:mm format\n   */\n  onChange: (time: string) => void;\n  /**\n   * Use 12-hour format with AM/PM\n   */\n  use12HourFormat?: boolean;\n  /**\n   * Minimum selectable time\n   */\n  min?: Date;\n  /**\n   * Maximum selectable time\n   */\n  max?: Date;\n  /**\n   * Step interval for minutes (e.g., 15 for 15-minute intervals)\n   * Default is 1 (show all minutes)\n   */\n  minuteStep?: number;\n  /**\n   * Whether the time picker is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Custom className for the component\n   */\n  className?: string;\n  /**\n   * Whether to render the popover as a modal\n   */\n  modal?: boolean;\n  /**\n   * Placeholder text for the input\n   */\n  placeholder?: string;\n  /**\n   * Error state\n   */\n  error?: boolean;\n  /**\n   * Label for the input\n   */\n  label?: string;\n  /**\n   * Helper text below the input\n   */\n  helperText?: string;\n  /**\n   * Custom className for helper text\n   */\n  helperTextClass?: string;\n  /**\n   * Size variant of the input\n   */\n  size?: 'default' | 'lg';\n  /**\n   * Whether to show remove icon when there's a value\n   */\n  hasRemoveIcon?: boolean;\n  /**\n   * Callback when clear button is clicked\n   */\n  onClearValue?: () => void;\n}\n\nexport function TimePicker({\n  value,\n  onChange,\n  use12HourFormat = false,\n  min,\n  max,\n  minuteStep = 1,\n  disabled,\n  modal,\n  label = 'Chọn thời gian',\n  className,\n  error,\n  helperText,\n  helperTextClass,\n  size = 'default',\n  hasRemoveIcon = true,\n  onClearValue,\n  ...props\n}: TimePickerProps) {\n  // Convert string value to Date for internal processing\n  const internalValue = useMemo(() => {\n    const today = new Date();\n    if (!value) {\n      today.setHours(0, 0, 0, 0);\n      return today;\n    }\n\n    try {\n      const parts = value.split(':');\n      if (parts.length !== 2 || !parts[0] || !parts[1]) {\n        today.setHours(0, 0, 0, 0);\n        return today;\n      }\n\n      const hours = parseInt(parts[0], 10);\n      const minutes = parseInt(parts[1], 10);\n\n      if (\n        isNaN(hours) ||\n        isNaN(minutes) ||\n        hours < 0 ||\n        hours > 23 ||\n        minutes < 0 ||\n        minutes > 59\n      ) {\n        today.setHours(0, 0, 0, 0);\n        return today;\n      }\n      today.setHours(hours, minutes, 0, 0);\n      return today;\n    } catch {\n      today.setHours(0, 0, 0, 0);\n      return today;\n    }\n  }, [value]);\n\n  const getAmPm = useCallback(() => {\n    return internalValue.getHours() >= 12 ? PM_VALUE : AM_VALUE;\n  }, [internalValue]);\n\n  const getHour = useCallback(() => {\n    if (use12HourFormat) {\n      const hour = internalValue.getHours();\n      if (hour === 0) return 12;\n      if (hour > 12) return hour - 12;\n      return hour;\n    }\n    return internalValue.getHours();\n  }, [internalValue, use12HourFormat]);\n\n  const getMinute = useCallback(() => {\n    return internalValue.getMinutes();\n  }, [internalValue]);\n\n  const [ampm, setAmpm] = useState<number>(() => getAmPm());\n  const [hour, setHour] = useState<number>(() => getHour());\n  const [minute, setMinute] = useState<number>(() => getMinute());\n\n  const [open, setOpen] = React.useState(false);\n\n  const handleTimeChange = useCallback(\n    (newHour: number, newMinute: number, newAmpm: number) => {\n      try {\n        const newTime = buildTime({\n          use12HourFormat,\n          value: internalValue,\n          hour: newHour,\n          minute: newMinute,\n          ampm: newAmpm,\n        });\n        if (newTime) {\n          onChange(format(newTime, 'HH:mm'));\n        }\n      } catch (error) {\n        // Error updating time - ignore silently\n      }\n    },\n    [use12HourFormat, internalValue, onChange],\n  );\n\n  const handleClockIconClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setOpen(true);\n  };\n\n  const hasValue = !!value;\n\n  const iconSizeClasses = {\n    default: 'h-5 w-5',\n    lg: 'h-5 w-5',\n  };\n\n  // Generate hour options\n  const hours = useMemo(() => {\n    const _hours: TimeOption[] = [];\n    const startHour = use12HourFormat ? 1 : 0;\n    const endHour = use12HourFormat ? 12 : 23;\n\n    for (let i = startHour; i <= endHour; i++) {\n      const testDate = new Date(internalValue);\n      const hourIn24 = use12HourFormat\n        ? i === 12\n          ? ampm === AM_VALUE\n            ? 0\n            : 12\n          : i + ampm * 12\n        : i;\n      testDate.setHours(hourIn24, minute, 0, 0);\n\n      const disabled =\n        (min && isBefore(testDate, startOfMinute(min))) ||\n        (max && isAfter(testDate, startOfMinute(max)));\n\n      _hours.push({\n        value: i,\n        label: use12HourFormat ? i.toString() : i.toString().padStart(2, '0'),\n        disabled: disabled || false,\n      });\n    }\n    return _hours;\n  }, [use12HourFormat, ampm, internalValue, minute, min, max]);\n\n  // Generate minute options\n  const minutes = useMemo(() => {\n    const _minutes: TimeOption[] = [];\n    const _hourIn24h = use12HourFormat\n      ? hour === 12\n        ? ampm === AM_VALUE\n          ? 0\n          : 12\n        : hour + ampm * 12\n      : hour;\n\n    for (let i = 0; i < 60; i += minuteStep) {\n      const testDate = new Date(internalValue);\n      testDate.setHours(_hourIn24h, i, 0, 0);\n\n      const disabled = (min && isBefore(testDate, min)) || (max && isAfter(testDate, max));\n\n      _minutes.push({\n        value: i,\n        label: i.toString().padStart(2, '0'),\n        disabled: disabled || false,\n      });\n    }\n    return _minutes;\n  }, [hour, ampm, use12HourFormat, internalValue, min, max, minuteStep]);\n\n  // Generate AM/PM options\n  const ampmOptions = useMemo(() => {\n    if (!use12HourFormat) return [];\n\n    const testAM = new Date(internalValue);\n    const testPM = new Date(internalValue);\n    testAM.setHours(hour === 12 ? 0 : hour, minute, 0, 0);\n    testPM.setHours(hour === 12 ? 12 : hour + 12, minute, 0, 0);\n\n    return [\n      {\n        value: AM_VALUE,\n        label: 'AM',\n        disabled: (max && isAfter(testAM, max)) || (min && isBefore(testAM, min)),\n      },\n      {\n        value: PM_VALUE,\n        label: 'PM',\n        disabled: (max && isAfter(testPM, max)) || (min && isBefore(testPM, min)),\n      },\n    ];\n  }, [use12HourFormat, internalValue, hour, minute, min, max]);\n\n  const displayTime = () => {\n    if (!value) return '';\n    try {\n      return use12HourFormat ? format(internalValue, 'hh:mm a') : value;\n    } catch {\n      return '';\n    }\n  };\n\n  const handleClearValue = () => {\n    onChange('');\n    onClearValue?.();\n  };\n\n  const buttonIcon = useMemo(\n    () => (\n      <div className=\"flex items-center\">\n        {/* Always reserve space for remove icon to maintain consistent width */}\n        <div className=\"mr-1 flex h-5 w-5 items-center justify-center\">\n          {hasRemoveIcon && hasValue && !disabled && (\n            <CloseCircleFilledIcon\n              className=\"input-remove-icon cursor-pointer hover:opacity-70\"\n              onClick={handleClearValue}\n            />\n          )}\n        </div>\n        <ClockOutlinedIcon\n          className={cn('cursor-pointer opacity-50 hover:opacity-70', iconSizeClasses[size])}\n          onClick={handleClockIconClick}\n        />\n      </div>\n    ),\n    [\n      hasRemoveIcon,\n      hasValue,\n      disabled,\n      handleClearValue,\n      iconSizeClasses,\n      size,\n      handleClockIconClick,\n    ],\n  );\n\n  return (\n    <div className=\"w-full\">\n      <Popover\n        modal={false}\n        open={disabled ? false : open}\n        onOpenChange={disabled ? undefined : setOpen}\n      >\n        <PopoverTrigger asChild>\n          <div className=\"w-full\">\n            <Input\n              value={displayTime()}\n              placeholder={label}\n              disabled={disabled}\n              isError={error}\n              label={hasValue ? label : undefined}\n              helpText={helperText}\n              helpTextClassName={helperTextClass}\n              size={size}\n              showRemoveIcon={false}\n              onClearValue={handleClearValue}\n              buttonIcon={buttonIcon}\n              readOnly\n              className={cn(\n                'border-input bg-background focus:border-primary rounded-md border focus:outline-none',\n                {\n                  'border-destructive': error,\n                  'cursor-pointer': !disabled,\n                },\n                className,\n              )}\n              onClick={() => setOpen(true)}\n              {...props}\n            />\n          </div>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\n          <div className=\"flex\">\n            <ScrollArea className=\"h-48\">\n              <div className=\"flex flex-col gap-1 p-2 pr-3\">\n                {hours.map((option) => (\n                  <Button\n                    key={option.value}\n                    size=\"sm\"\n                    variant={hour === option.value ? 'default' : 'ghost'}\n                    className=\"shrink-0 basis-auto\"\n                    disabled={option.disabled}\n                    onClick={() => {\n                      setHour(option.value);\n                      handleTimeChange(option.value, minute, ampm);\n                    }}\n                  >\n                    {option.label}\n                  </Button>\n                ))}\n              </div>\n            </ScrollArea>\n            <ScrollArea className=\"h-48\">\n              <div className=\"flex flex-col gap-1 p-2 pr-3\">\n                {minutes.map((option) => (\n                  <Button\n                    key={option.value}\n                    size=\"sm\"\n                    variant={minute === option.value ? 'default' : 'ghost'}\n                    className=\"shrink-0 basis-auto\"\n                    disabled={option.disabled}\n                    onClick={() => {\n                      setMinute(option.value);\n                      handleTimeChange(hour, option.value, ampm);\n                    }}\n                  >\n                    {option.label}\n                  </Button>\n                ))}\n              </div>\n            </ScrollArea>\n            {use12HourFormat && (\n              <ScrollArea className=\"h-48\">\n                <div className=\"flex flex-col gap-1 p-2 pr-3\">\n                  {ampmOptions.map((option) => (\n                    <Button\n                      key={option.value}\n                      size=\"sm\"\n                      variant={ampm === option.value ? 'default' : 'ghost'}\n                      className=\"shrink-0 basis-auto\"\n                      disabled={option.disabled}\n                      onClick={() => {\n                        setAmpm(option.value);\n                        handleTimeChange(hour, minute, option.value);\n                      }}\n                    >\n                      {option.label}\n                    </Button>\n                  ))}\n                </div>\n              </ScrollArea>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"]}

package/dist/common/interactive/types.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/common/interactive/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

package/dist/common/interactive/types.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=types.mjs.map
+//# sourceMappingURL=types.mjs.map

package/dist/common/interactive/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.mjs"}

package/dist/common/pages/page-404.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var display = require('../display');
+
+function Page404() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx(display.StatusState, { type: "notFound" }) });
+}
+var page_404_default = Page404;
+
+exports.Page404 = Page404;
+exports.default = page_404_default;
+//# sourceMappingURL=page-404.js.map
+//# sourceMappingURL=page-404.js.map

package/dist/common/pages/page-404.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/pages/page-404.tsx"],"names":["jsx","StatusState"],"mappings":";;;;;;;AAIO,SAAS,OAAA,GAAU;AACxB,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAU,mDAAA,EACb,yCAACC,mBAAA,EAAA,EAAY,IAAA,EAAK,YAAW,CAAA,EAC/B,CAAA;AAEJ;AAEA,IAAO,gBAAA,GAAQ","file":"page-404.js","sourcesContent":["'use client';\n\nimport { StatusState } from '../display';\n\nexport function Page404() {\n  return (\n    <div className=\"flex min-h-screen items-center justify-center p-4\">\n      <StatusState type=\"notFound\" />\n    </div>\n  );\n}\n\nexport default Page404;\n"]}

package/dist/common/pages/page-404.mjs

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { StatusState } from '../display';
+
+function Page404() {
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: /* @__PURE__ */ jsx(StatusState, { type: "notFound" }) });
+}
+var page_404_default = Page404;
+
+export { Page404, page_404_default as default };
+//# sourceMappingURL=page-404.mjs.map
+//# sourceMappingURL=page-404.mjs.map

package/dist/common/pages/page-404.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/pages/page-404.tsx"],"names":[],"mappings":";;;AAIO,SAAS,OAAA,GAAU;AACxB,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAU,mDAAA,EACb,8BAAC,WAAA,EAAA,EAAY,IAAA,EAAK,YAAW,CAAA,EAC/B,CAAA;AAEJ;AAEA,IAAO,gBAAA,GAAQ","file":"page-404.mjs","sourcesContent":["'use client';\n\nimport { StatusState } from '../display';\n\nexport function Page404() {\n  return (\n    <div className=\"flex min-h-screen items-center justify-center p-4\">\n      <StatusState type=\"notFound\" />\n    </div>\n  );\n}\n\nexport default Page404;\n"]}

package/dist/common/pages/page-500.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var display = require('../display');
+
+function Page500({ error, showErrorDetails = false }) {
+  react.useEffect(() => {
+    console.error("Application error:", error);
+  }, [error]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-screen flex-col items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(display.StatusState, { type: "systemError" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: showErrorDetails && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "mt-4 rounded-md border p-3 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "text-muted-foreground cursor-pointer font-medium", children: "Error Details" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("pre", { className: "mt-2 whitespace-pre-wrap break-words text-xs", children: [
+        error.message,
+        error.digest && `
+Digest: ${error.digest}`
+      ] })
+    ] }) })
+  ] });
+}
+var page_500_default = Page500;
+
+exports.Page500 = Page500;
+exports.default = page_500_default;
+//# sourceMappingURL=page-500.js.map
+//# sourceMappingURL=page-500.js.map

package/dist/common/pages/page-500.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/pages/page-500.tsx"],"names":["useEffect","jsxs","jsx","StatusState"],"mappings":";;;;;;;;AAUO,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,gBAAA,GAAmB,OAAM,EAAe;AACvE,EAAAA,eAAA,CAAU,MAAM;AAGd,IAAA,OAAA,CAAQ,KAAA,CAAM,sBAAsB,KAAK,CAAA;AAAA,EAC3C,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,mBAAA,EAAA,EAAY,MAAK,aAAA,EAAc,CAAA;AAAA,oBAChCD,cAAA,CAAC,SAAI,SAAA,EAAU,aAAA,EACZ,8CACCD,eAAA,CAAC,SAAA,EAAA,EAAQ,WAAU,oCAAA,EACjB,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,kDAAA,EAAmD,QAAA,EAAA,eAAA,EAEtE,CAAA;AAAA,sBACAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,OAAA;AAAA,QACN,MAAM,MAAA,IAAU;AAAA,QAAA,EAAa,MAAM,MAAM,CAAA;AAAA,OAAA,EAC5C;AAAA,KAAA,EACF,CAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,IAAO,gBAAA,GAAQ","file":"page-500.js","sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { StatusState } from '../display';\n\ninterface ErrorProps {\n  error: Error & { digest?: string };\n  showErrorDetails?: boolean;\n}\n\nexport function Page500({ error, showErrorDetails = false }: ErrorProps) {\n  useEffect(() => {\n    // Log the error to an error reporting service\n    // eslint-disable-next-line no-console\n    console.error('Application error:', error);\n  }, [error]);\n\n  return (\n    <div className=\"flex min-h-screen flex-col items-center justify-center p-4\">\n      <StatusState type=\"systemError\" />\n      <div className=\"text-center\">\n        {showErrorDetails && (\n          <details className=\"mt-4 rounded-md border p-3 text-sm\">\n            <summary className=\"text-muted-foreground cursor-pointer font-medium\">\n              Error Details\n            </summary>\n            <pre className=\"mt-2 whitespace-pre-wrap break-words text-xs\">\n              {error.message}\n              {error.digest && `\\nDigest: ${error.digest}`}\n            </pre>\n          </details>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default Page500;\n"]}

package/dist/common/pages/page-500.mjs

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { StatusState } from '../display';
+
+function Page500({ error, showErrorDetails = false }) {
+  useEffect(() => {
+    console.error("Application error:", error);
+  }, [error]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx(StatusState, { type: "systemError" }),
+    /* @__PURE__ */ jsx("div", { className: "text-center", children: showErrorDetails && /* @__PURE__ */ jsxs("details", { className: "mt-4 rounded-md border p-3 text-sm", children: [
+      /* @__PURE__ */ jsx("summary", { className: "text-muted-foreground cursor-pointer font-medium", children: "Error Details" }),
+      /* @__PURE__ */ jsxs("pre", { className: "mt-2 whitespace-pre-wrap break-words text-xs", children: [
+        error.message,
+        error.digest && `
+Digest: ${error.digest}`
+      ] })
+    ] }) })
+  ] });
+}
+var page_500_default = Page500;
+
+export { Page500, page_500_default as default };
+//# sourceMappingURL=page-500.mjs.map
+//# sourceMappingURL=page-500.mjs.map

package/dist/common/pages/page-500.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/pages/page-500.tsx"],"names":[],"mappings":";;;;AAUO,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,gBAAA,GAAmB,OAAM,EAAe;AACvE,EAAA,SAAA,CAAU,MAAM;AAGd,IAAA,OAAA,CAAQ,KAAA,CAAM,sBAAsB,KAAK,CAAA;AAAA,EAC3C,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,MAAK,aAAA,EAAc,CAAA;AAAA,oBAChC,GAAA,CAAC,SAAI,SAAA,EAAU,aAAA,EACZ,8CACC,IAAA,CAAC,SAAA,EAAA,EAAQ,WAAU,oCAAA,EACjB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,kDAAA,EAAmD,QAAA,EAAA,eAAA,EAEtE,CAAA;AAAA,sBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,OAAA;AAAA,QACN,MAAM,MAAA,IAAU;AAAA,QAAA,EAAa,MAAM,MAAM,CAAA;AAAA,OAAA,EAC5C;AAAA,KAAA,EACF,CAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,IAAO,gBAAA,GAAQ","file":"page-500.mjs","sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { StatusState } from '../display';\n\ninterface ErrorProps {\n  error: Error & { digest?: string };\n  showErrorDetails?: boolean;\n}\n\nexport function Page500({ error, showErrorDetails = false }: ErrorProps) {\n  useEffect(() => {\n    // Log the error to an error reporting service\n    // eslint-disable-next-line no-console\n    console.error('Application error:', error);\n  }, [error]);\n\n  return (\n    <div className=\"flex min-h-screen flex-col items-center justify-center p-4\">\n      <StatusState type=\"systemError\" />\n      <div className=\"text-center\">\n        {showErrorDetails && (\n          <details className=\"mt-4 rounded-md border p-3 text-sm\">\n            <summary className=\"text-muted-foreground cursor-pointer font-medium\">\n              Error Details\n            </summary>\n            <pre className=\"mt-2 whitespace-pre-wrap break-words text-xs\">\n              {error.message}\n              {error.digest && `\\nDigest: ${error.digest}`}\n            </pre>\n          </details>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default Page500;\n"]}

package/dist/components/accordion.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var AccordionPrimitive = require('@radix-ui/react-accordion');
+var lucideReact = require('lucide-react');
+var utils = require('@/lib/utils');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
+
+const Accordion = AccordionPrimitive__namespace.Root;
+const AccordionItem = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Item, { ref, className: utils.cn("border-b", className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  AccordionPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: utils.cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
+const AccordionContent = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.Content,
+  {
+    ref,
+    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+//# sourceMappingURL=accordion.js.map
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion.tsx"],"names":["AccordionPrimitive","React","jsx","cn","jsxs","ChevronDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,YAAYA,6BAAA,CAAmB;AAErC,MAAM,aAAA,GAAgBC,iBAAM,UAAA,CAG1B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1BC,cAAA,CAACF,8BAAmB,IAAA,EAAnB,EAAwB,KAAU,SAAA,EAAWG,QAAA,CAAG,YAAY,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CACrF;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,mBAAmBF,gBAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,wBACpCC,cAAA,CAACF,6BAAA,CAAmB,MAAA,EAAnB,EAA0B,WAAU,MAAA,EACnC,QAAA,kBAAAI,eAAA;AAAA,EAACJ,6BAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAWG,QAAA;AAAA,MACT,8HAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACDD,cAAA,CAACG,uBAAA,EAAA,EAAY,SAAA,EAAU,oDAAA,EAAqD;AAAA;AAAA;AAC9E,CAAA,EACF,CACD;AACD,gBAAA,CAAiB,WAAA,GAAcL,8BAAmB,OAAA,CAAQ,WAAA;AAE1D,MAAM,gBAAA,GAAmBC,gBAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpCC,cAAA;AAAA,EAACF,6BAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAU,0HAAA;AAAA,IACT,GAAG,KAAA;AAAA,IAEJ,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAWG,SAAG,WAAA,EAAa,SAAS,GAAI,QAAA,EAAS;AAAA;AACxD,CACD;AAED,gBAAA,CAAiB,WAAA,GAAcH,8BAAmB,OAAA,CAAQ,WAAA","file":"accordion.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n));\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"]}

package/dist/components/accordion.mjs

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn("border-b", className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.mjs.map
+//# sourceMappingURL=accordion.mjs.map

package/dist/components/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;AAOA,MAAM,YAAY,kBAAA,CAAmB;AAErC,MAAM,aAAA,GAAgB,MAAM,UAAA,CAG1B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA,CAAC,mBAAmB,IAAA,EAAnB,EAAwB,KAAU,SAAA,EAAW,EAAA,CAAG,YAAY,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CACrF;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,mBAAmB,KAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,wBACpC,GAAA,CAAC,kBAAA,CAAmB,MAAA,EAAnB,EAA0B,WAAU,MAAA,EACnC,QAAA,kBAAA,IAAA;AAAA,EAAC,kBAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,8HAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,oDAAA,EAAqD;AAAA;AAAA;AAC9E,CAAA,EACF,CACD;AACD,gBAAA,CAAiB,WAAA,GAAc,mBAAmB,OAAA,CAAQ,WAAA;AAE1D,MAAM,gBAAA,GAAmB,KAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpC,GAAA;AAAA,EAAC,kBAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAU,0HAAA;AAAA,IACT,GAAG,KAAA;AAAA,IAEJ,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,WAAA,EAAa,SAAS,GAAI,QAAA,EAAS;AAAA;AACxD,CACD;AAED,gBAAA,CAAiB,WAAA,GAAc,mBAAmB,OAAA,CAAQ,WAAA","file":"accordion.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n));\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"]}