@yca-software/yca-react-core 0.0.1

package/dist/chunk-PLSNCPEC.js

@@ -0,0 +1,2507 @@
+import { buttonVariants, Input, Button } from './chunk-3AYG73DK.js';
+import { normalizeDate, DISPLAY_FORMAT, preventDismissOnPortaledOverlay, INPUT_FORMAT, INPUT_FORMAT_ALT } from './chunk-TSXUUD64.js';
+import { cn, surfaceOverlay, controlFocus, controlInvalid, controlBase, surfaceCard } from './chunk-GXWVFQCK.js';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React6 from 'react';
+import { useRef, useId, useState, useEffect } from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { Check, ChevronLeft, ChevronRight, Loader2, Calendar as Calendar$1, XIcon, ChevronUp, ChevronDown, X, CheckSquare, FileText, ImagePlus, UploadCloud } from 'lucide-react';
+import { DayPicker } from 'react-day-picker';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { format, parse } from 'date-fns';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Slot } from '@radix-ui/react-slot';
+import { FormProvider, Controller, useFormContext, useFormState } from 'react-hook-form';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+var alertVariants = cva(
+  "relative w-full rounded-xl border border-border/45 px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start shadow-[var(--shadow-surface)] [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground *:data-[slot=alert-description]:text-muted-foreground",
+        destructive: "bg-destructive/90 dark:bg-destructive text-destructive-foreground border-destructive/50 dark:border-destructive/70 [&>svg]:text-destructive-foreground *:data-[slot=alert-description]:text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-110 bg-foreground/20 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React6.forwardRef(({ className, onOverlayClick, overlayClassName, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx(AlertDialogOverlay, { onClick: onOverlayClick, className: overlayClassName }),
+  /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        surfaceOverlay,
+        "bg-background fixed left-[50%] top-[50%] z-110 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 p-6 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    "data-slot": "alert-dialog-action",
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    "data-slot": "alert-dialog-cancel",
+    className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold whitespace-nowrap transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-white hover:bg-destructive/80",
+        outline: "border-border/50 text-foreground bg-background/80"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  weekStartsOn,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      "data-slot": "calendar",
+      showOutsideDays,
+      weekStartsOn: weekStartsOn ?? 1,
+      navLayout: "around",
+      className: cn("p-3", className),
+      classNames: {
+        months: "flex flex-col items-stretch justify-center gap-4 sm:flex-row sm:items-start sm:gap-6",
+        month: "relative min-w-0 space-y-3",
+        month_caption: "flex items-center justify-center w-full h-9 pt-1 px-10",
+        caption_label: "text-sm font-medium text-center pointer-events-none",
+        nav: "contents",
+        button_previous: cn(
+          buttonVariants({ variant: "outline", size: "icon-sm" }),
+          "absolute left-0 top-1 z-10 h-8 w-8 bg-transparent p-0 opacity-70 hover:opacity-100"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline", size: "icon-sm" }),
+          "absolute right-0 top-1 z-10 h-8 w-8 bg-transparent p-0 opacity-70 hover:opacity-100"
+        ),
+        month_grid: "w-full border-collapse",
+        weekdays: "",
+        weekday: "text-muted-foreground w-10 rounded-md font-normal text-[0.75rem] text-center p-1",
+        weeks: "mt-1",
+        week: "",
+        day: "relative h-10 w-10 text-center text-sm p-0 align-top focus-within:relative focus-within:z-20",
+        day_button: cn(
+          "day-button inline-flex size-10 items-center justify-center rounded-md text-sm font-normal transition-colors cursor-pointer",
+          "hover:bg-accent hover:text-accent-foreground",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "aria-disabled:text-muted-foreground/60 aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"
+        ),
+        selected: "bg-primary/10 text-primary [&_.day-button]:bg-primary [&_.day-button]:text-primary-foreground",
+        today: "text-primary [&_.day-button]:border [&_.day-button]:border-primary [&_.day-button]:rounded-md [&.selected]:bg-primary [&.selected]:text-primary-foreground",
+        outside: "text-muted-foreground/60 [&.selected]:bg-accent/40 [&.selected]:text-accent-foreground",
+        range_middle: "bg-primary/15 text-foreground [&_.day-button]:bg-primary/15 [&_.day-button]:text-foreground [&_.day-button]:rounded-none",
+        range_end: "rounded-r-md text-primary-foreground [&_.day-button]:bg-primary [&_.day-button]:text-primary-foreground [&_.day-button]:rounded-r-md [&_.day-button]:rounded-l-none [&.range_start_.day-button]:!rounded-md",
+        range_start: "rounded-l-md text-primary-foreground [&_.day-button]:bg-primary [&_.day-button]:text-primary-foreground [&_.day-button]:rounded-l-md [&_.day-button]:rounded-r-none [&.range_end_.day-button]:!rounded-md",
+        disabled: "text-muted-foreground/60 opacity-50 [&_.day-button]:cursor-not-allowed",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": true }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": true })
+      },
+      ...props
+    }
+  );
+}
+var Checkbox = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    "data-slot": "checkbox",
+    className: cn(
+      "peer size-4 shrink-0 rounded-[5px] border border-border/55 bg-muted/30 shadow-[var(--shadow-surface)] transition-colors",
+      controlFocus,
+      controlInvalid,
+      "cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground",
+      "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsx(Check, { className: "size-2.5", strokeWidth: 3 }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  descriptionNote,
+  cancelLabel = "Cancel",
+  confirmLabel,
+  variant = "default",
+  onConfirm,
+  isPending = false,
+  confirmAriaLabel,
+  className,
+  closeOnOutsideClick = false
+}) {
+  const confirmRef = useRef(null);
+  const isDestructive = variant === "destructive";
+  const confirmClassName = isDestructive ? "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20" : void 0;
+  const handleConfirm = () => {
+    if (isPending) return;
+    onConfirm();
+  };
+  return /* @__PURE__ */ jsx(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    AlertDialogContent,
+    {
+      "data-slot": "confirm-dialog-content",
+      className: cn("gap-4 sm:gap-6", className),
+      onOpenAutoFocus: (event) => {
+        event.preventDefault();
+        confirmRef.current?.focus();
+      },
+      onKeyDown: (event) => {
+        if (event.key !== "Enter" || isPending) return;
+        const target = event.target;
+        if (target.closest('[data-slot="alert-dialog-cancel"]')) return;
+        if (target.closest('[data-slot="alert-dialog-action"]')) return;
+        event.preventDefault();
+        handleConfirm();
+      },
+      ...closeOnOutsideClick && {
+        onOverlayClick: () => onOpenChange(false)
+      },
+      children: [
+        /* @__PURE__ */ jsxs(AlertDialogHeader, { className: "gap-2", children: [
+          /* @__PURE__ */ jsx(AlertDialogTitle, { className: "text-base sm:text-lg", children: title }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(AlertDialogDescription, { className: "text-sm", children: description }),
+            descriptionNote && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: descriptionNote })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(AlertDialogFooter, { className: "flex flex-col-reverse gap-2 pt-2 sm:flex-row sm:justify-end sm:gap-2 sm:pt-0", children: [
+          /* @__PURE__ */ jsx(
+            AlertDialogCancel,
+            {
+              onClick: () => onOpenChange(false),
+              disabled: isPending,
+              className: "m-0 w-full sm:w-auto",
+              children: cancelLabel
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            AlertDialogAction,
+            {
+              ref: confirmRef,
+              onClick: handleConfirm,
+              disabled: isPending,
+              "aria-label": confirmAriaLabel ?? confirmLabel,
+              className: cn("m-0 w-full sm:w-auto", confirmClassName),
+              children: [
+                isPending && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin", "aria-hidden": true }),
+                confirmLabel
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "start",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        surfaceOverlay,
+        "z-110 w-auto min-w-48 p-3 outline-none",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-2",
+        "data-[side=top]:slide-in-from-bottom-2",
+        "data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DatePicker({
+  value,
+  onChange,
+  minDate,
+  maxDate,
+  placeholder = "Pick a date",
+  disabled = false,
+  locale,
+  className,
+  "aria-label": ariaLabel
+}) {
+  const [open, setOpen] = React6.useState(false);
+  const normalizedMin = normalizeDate(minDate);
+  const normalizedMax = normalizeDate(maxDate);
+  const formatOpts = React6.useMemo(() => locale ? { locale } : void 0, [locale]);
+  const disabledMatchers = React6.useMemo(() => {
+    const toStartOfDay = (d) => {
+      const copy = new Date(d);
+      copy.setHours(0, 0, 0, 0);
+      return copy.getTime();
+    };
+    const matchers = [];
+    if (normalizedMin) {
+      matchers.push((date) => toStartOfDay(date) < toStartOfDay(normalizedMin));
+    }
+    if (normalizedMax) {
+      matchers.push((date) => toStartOfDay(date) > toStartOfDay(normalizedMax));
+    }
+    return matchers;
+  }, [normalizedMin, normalizedMax]);
+  const handleSelect = (date) => {
+    const day = date ? normalizeDate(date) : void 0;
+    onChange(day ?? void 0);
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(Popover, { modal: false, open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        onKeyDown: (e) => {
+          if (!disabled && (e.key === "Enter" || e.key === " ")) {
+            e.preventDefault();
+            setOpen((o) => !o);
+          }
+        },
+        className: cn(
+          controlBase,
+          controlFocus,
+          "flex w-full cursor-pointer items-center overflow-hidden",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center border-r border-border/40 bg-muted/25 text-muted-foreground", children: /* @__PURE__ */ jsx(Calendar$1, { className: "size-4", "aria-hidden": true }) }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              readOnly: true,
+              value: value ? format(value, DISPLAY_FORMAT, formatOpts) : "",
+              placeholder,
+              onClick: () => !disabled && setOpen(true),
+              className: cn(
+                "h-9 min-w-0 flex-1 cursor-pointer rounded-l-none border-0 bg-transparent py-2 pl-3 pr-3 text-base shadow-none focus-visible:ring-0 md:text-sm capitalize",
+                !value && "text-muted-foreground"
+              ),
+              "aria-label": ariaLabel
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0 z-[120]", align: "start", children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "single",
+        selected: value,
+        onSelect: handleSelect,
+        disabled: (date) => disabledMatchers.some((m) => m(date)),
+        locale
+      }
+    ) })
+  ] });
+}
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-110 bg-foreground/20 backdrop-blur-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  overlayClassName,
+  onPointerDownOutside,
+  onInteractOutside,
+  onFocusOutside,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        onPointerDownOutside: (event) => {
+          preventDismissOnPortaledOverlay(event);
+          if (!event.defaultPrevented) {
+            onPointerDownOutside?.(event);
+          }
+        },
+        onInteractOutside: (event) => {
+          preventDismissOnPortaledOverlay(event);
+          if (!event.defaultPrevented) {
+            onInteractOutside?.(event);
+          }
+        },
+        onFocusOutside: (event) => {
+          preventDismissOnPortaledOverlay(event);
+          if (!event.defaultPrevented) {
+            onFocusOutside?.(event);
+          }
+        },
+        className: cn(
+          surfaceOverlay,
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-110 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 p-6 duration-200 outline-none sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex w-full flex-col items-center gap-2 text-center", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("w-full text-lg leading-none font-semibold text-center", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("w-full text-muted-foreground text-sm text-center", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/date-range-picker/constants.ts
+var DATE_RANGE_MOBILE_MAX_PX = 640;
+var DATE_RANGE_MOBILE_MQ = `(max-width: ${DATE_RANGE_MOBILE_MAX_PX - 1}px)`;
+var DATE_RANGE_WIDE_MIN_PX = 768;
+var DATE_RANGE_WIDE_MQ = `(min-width: ${DATE_RANGE_WIDE_MIN_PX}px)`;
+var DEFAULT_PRESET_IDS = [
+  { id: "today" },
+  { id: "yesterday" },
+  { id: "last7" },
+  { id: "last14" },
+  { id: "last30" },
+  { id: "thisWeek" },
+  { id: "lastWeek" },
+  { id: "thisMonth" },
+  { id: "lastMonth" }
+];
+var DEFAULT_PRESET_LABELS = {
+  today: "Today",
+  yesterday: "Yesterday",
+  last7: "Last 7 days",
+  last14: "Last 14 days",
+  last30: "Last 30 days",
+  thisWeek: "This week",
+  lastWeek: "Last week",
+  thisMonth: "This month",
+  lastMonth: "Last month"
+};
+var DEFAULT_TRANSLATIONS = {
+  applyButton: "Apply",
+  cancelButton: "Cancel",
+  startLabel: "Start",
+  endLabel: "End",
+  placeholder: "YYYY/MM/DD",
+  ariaLabel: "Date range",
+  presetLabels: DEFAULT_PRESET_LABELS,
+  presetsHeading: "Quick ranges"
+};
+function DateRangePickerActionFooter({
+  visible,
+  isMobileLayout,
+  cancelLabel,
+  applyLabel,
+  onCancel,
+  onApply,
+  className
+}) {
+  if (!visible) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex w-full items-center justify-end gap-2 border-t border-border/50 bg-muted/15 px-4 py-3",
+        isMobileLayout && "mt-auto shrink-0 bg-background pb-[max(1rem,env(safe-area-inset-bottom))] pt-4",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: cn(isMobileLayout && "min-h-10 flex-1 sm:min-h-9 sm:flex-initial"),
+            onClick: onCancel,
+            children: cancelLabel
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            className: cn(isMobileLayout && "min-h-10 flex-1 sm:min-h-9 sm:flex-initial"),
+            onClick: onApply,
+            children: applyLabel
+          }
+        )
+      ]
+    }
+  );
+}
+function DateRangePickerFieldsCalendar({
+  calendarMonths,
+  draft,
+  displayedMonth,
+  onMonthChange,
+  onSelect,
+  disabledMatchers,
+  locale,
+  startInputId,
+  endInputId,
+  startLabel,
+  endLabel,
+  startInputText,
+  endInputText,
+  effectivePlaceholder,
+  onStartInputChange,
+  onEndInputChange,
+  onCommitStart,
+  onCommitEnd
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "grid w-full grid-cols-1 gap-3 rounded-xl border border-border/45 bg-muted/20 p-3 sm:grid-cols-2",
+          calendarMonths === 2 ? "max-w-none" : "max-w-md"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: startInputId, className: "text-xs font-medium text-muted-foreground", children: startLabel }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: startInputId,
+                type: "text",
+                value: startInputText,
+                onChange: (e) => onStartInputChange(e.target.value),
+                onBlur: onCommitStart,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") {
+                    e.preventDefault();
+                    onCommitStart();
+                  }
+                },
+                placeholder: effectivePlaceholder,
+                className: "h-9 font-mono text-sm tabular-nums"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: endInputId, className: "text-xs font-medium text-muted-foreground", children: endLabel }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: endInputId,
+                type: "text",
+                value: endInputText,
+                onChange: (e) => onEndInputChange(e.target.value),
+                onBlur: onCommitEnd,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") {
+                    e.preventDefault();
+                    onCommitEnd();
+                  }
+                },
+                placeholder: effectivePlaceholder,
+                className: "h-9 font-mono text-sm tabular-nums"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: cn(surfaceCard, "flex w-full justify-center p-1"), children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "range",
+        numberOfMonths: calendarMonths,
+        month: displayedMonth,
+        onMonthChange,
+        selected: draft,
+        onSelect,
+        disabled: disabledMatchers,
+        locale,
+        className: cn(calendarMonths === 2 && "p-2")
+      }
+    ) })
+  ] });
+}
+function rangesMatch(a, b) {
+  const af = normalizeDate(a?.from)?.getTime();
+  const at = normalizeDate(a?.to)?.getTime();
+  const bf = normalizeDate(b.from)?.getTime();
+  const bt = normalizeDate(b.to)?.getTime();
+  return af === bf && at === bt;
+}
+function parseDate(part) {
+  const p = part.trim();
+  if (!p) return null;
+  const ref = /* @__PURE__ */ new Date();
+  for (const fmt of [INPUT_FORMAT, INPUT_FORMAT_ALT, DISPLAY_FORMAT]) {
+    try {
+      const d = parse(p, fmt, ref);
+      if (!Number.isNaN(d.getTime())) return d;
+    } catch {
+    }
+  }
+  return null;
+}
+function parseInputToRange(text) {
+  const trimmed = text.trim();
+  if (!trimmed) return { from: void 0, to: void 0 };
+  const parts = trimmed.split(/\s*[–-]\s*/).map((p) => p.trim());
+  try {
+    if (parts.length >= 2) {
+      const from = parseDate(parts[0]);
+      const to = parseDate(parts[1]);
+      if (from && to) return { from, to };
+      if (from) return { from, to: void 0 };
+    } else if (parts.length === 1 && parts[0]) {
+      const from = parseDate(parts[0]);
+      if (from) return { from, to: void 0 };
+    }
+  } catch {
+  }
+  return null;
+}
+function formatRangeLabel(value, placeholder, formatOpts) {
+  const from = value?.from;
+  const to = value?.to;
+  if (from && to) {
+    return `${format(from, DISPLAY_FORMAT, formatOpts)} \u2013 ${format(to, DISPLAY_FORMAT, formatOpts)}`;
+  }
+  if (from) {
+    return format(from, DISPLAY_FORMAT, formatOpts);
+  }
+  return placeholder;
+}
+function DateRangePickerPresetList({
+  presets,
+  draft,
+  layout,
+  presetsHeading,
+  onPreset
+}) {
+  if (presets.length === 0) return null;
+  if (layout === "mobile-row") {
+    return /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b border-border/50 bg-muted/20 px-2 py-2", children: /* @__PURE__ */ jsx("div", { className: "flex gap-1 overflow-x-auto overscroll-x-contain px-1 py-1 [scrollbar-width:thin] [-webkit-overflow-scrolling:touch]", children: presets.map((preset) => {
+      const active = rangesMatch(draft, preset.getRange());
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: cn(
+            "h-9 shrink-0 whitespace-nowrap rounded-lg px-2.5 text-sm font-normal",
+            active && "bg-accent font-medium text-accent-foreground"
+          ),
+          onClick: () => onPreset(preset.getRange),
+          children: preset.label
+        },
+        preset.id
+      );
+    }) }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "w-[11.5rem] shrink-0 border-r border-border/50 bg-muted/20", children: /* @__PURE__ */ jsxs("div", { className: "flex max-h-[min(420px,70vh)] flex-col gap-0.5 overflow-y-auto p-2 [scrollbar-width:thin]", children: [
+    presetsHeading ? /* @__PURE__ */ jsx("p", { className: "px-2 pb-1 pt-0.5 text-[0.65rem] font-semibold uppercase tracking-wider text-muted-foreground", children: presetsHeading }) : null,
+    presets.map((preset) => {
+      const active = rangesMatch(draft, preset.getRange());
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: cn(
+            "h-9 w-full shrink-0 justify-start rounded-lg px-2.5 text-left text-sm font-normal",
+            active && "bg-accent font-medium text-accent-foreground"
+          ),
+          onClick: () => onPreset(preset.getRange),
+          children: preset.label
+        },
+        preset.id
+      );
+    })
+  ] }) });
+}
+function DateRangePickerTrigger({
+  className,
+  inputText,
+  effectivePlaceholder,
+  isEmpty,
+  ariaLabel,
+  onOpen,
+  onInputChange,
+  onInputFocus,
+  onInputBlur
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: onOpen,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onOpen();
+        }
+      },
+      className: cn(
+        controlBase,
+        "flex w-full min-w-[17rem] max-w-full cursor-pointer items-center overflow-hidden focus-within:ring-[3px] focus-within:ring-ring/40",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center border-r border-border/40 bg-muted/25 text-muted-foreground", children: /* @__PURE__ */ jsx(Calendar$1, { className: "size-4", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            value: inputText,
+            onChange: (e) => onInputChange(e.target.value),
+            onFocus: onInputFocus,
+            onBlur: onInputBlur,
+            onClick: onOpen,
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.target.blur();
+              }
+            },
+            placeholder: effectivePlaceholder,
+            "data-empty": isEmpty || void 0,
+            className: cn(
+              "h-10 min-w-0 flex-1 cursor-pointer rounded-none border-0 bg-transparent py-2 pl-3 pr-3 text-sm shadow-none focus-visible:ring-0 whitespace-nowrap",
+              isEmpty && "text-muted-foreground"
+            ),
+            title: !isEmpty ? inputText : void 0,
+            "aria-label": ariaLabel
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/date-range-picker/useDateRangePresets.ts
+function getPresetRange(presetId) {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(23, 59, 59, 999);
+  const from = new Date(today);
+  from.setHours(0, 0, 0, 0);
+  const to = new Date(today);
+  switch (presetId) {
+    case "today":
+      return { from, to };
+    case "yesterday":
+      from.setDate(from.getDate() - 1);
+      to.setDate(to.getDate() - 1);
+      return { from, to };
+    case "last7":
+      from.setDate(from.getDate() - 6);
+      return { from, to };
+    case "last14":
+      from.setDate(from.getDate() - 13);
+      return { from, to };
+    case "last30":
+      from.setDate(from.getDate() - 29);
+      return { from, to };
+    case "thisWeek": {
+      const day = from.getDay();
+      const mondayOffset = day === 0 ? -6 : 1 - day;
+      from.setDate(from.getDate() + mondayOffset);
+      return { from, to };
+    }
+    case "lastWeek": {
+      const day = from.getDay();
+      const mondayOffset = day === 0 ? -6 : 1 - day;
+      const thisMonday = from.getDate() + mondayOffset;
+      from.setDate(thisMonday - 7);
+      to.setDate(thisMonday - 1);
+      to.setHours(23, 59, 59, 999);
+      return { from, to };
+    }
+    case "thisMonth":
+      from.setDate(1);
+      return { from, to };
+    case "lastMonth":
+      from.setMonth(from.getMonth() - 1);
+      from.setDate(1);
+      to.setDate(0);
+      to.setHours(23, 59, 59, 999);
+      return { from, to };
+    default:
+      return { from, to };
+  }
+}
+function useMediaQuery(query, fallback = false) {
+  const subscribe = React6.useCallback(
+    (onChange) => {
+      const mql = window.matchMedia(query);
+      mql.addEventListener("change", onChange);
+      return () => mql.removeEventListener("change", onChange);
+    },
+    [query]
+  );
+  return React6.useSyncExternalStore(
+    subscribe,
+    () => window.matchMedia(query).matches,
+    () => fallback
+  );
+}
+function useIsDatePickerMobileLayout() {
+  return useMediaQuery(DATE_RANGE_MOBILE_MQ, false);
+}
+function useIsWideDatePickerLayout() {
+  return useMediaQuery(DATE_RANGE_WIDE_MQ, false);
+}
+function DateRangePicker({
+  value,
+  onChange,
+  minDate,
+  maxDate,
+  placeholder,
+  showPresets = true,
+  presets: customPresets,
+  translations,
+  locale,
+  onApply,
+  isDateDisabled,
+  className
+}) {
+  const t = { ...DEFAULT_TRANSLATIONS, ...translations };
+  const effectivePlaceholder = placeholder ?? t.placeholder;
+  const presetList = React6.useMemo(() => {
+    if (customPresets?.length) return customPresets;
+    if (!showPresets) return [];
+    return DEFAULT_PRESET_IDS.map(({ id }) => ({
+      id,
+      label: translations?.presetLabels?.[id] ?? DEFAULT_PRESET_LABELS[id],
+      getRange: () => getPresetRange(id)
+    }));
+  }, [customPresets, showPresets, translations?.presetLabels]);
+  const normalizedMin = normalizeDate(minDate);
+  const normalizedMax = normalizeDate(maxDate);
+  const isMobileLayout = useIsDatePickerMobileLayout();
+  const isWideLayout = useIsWideDatePickerLayout();
+  const calendarMonths = isMobileLayout ? 1 : isWideLayout ? 2 : 1;
+  const [open, setOpen] = React6.useState(false);
+  const [draft, setDraft] = React6.useState(value);
+  const [displayedMonth, setDisplayedMonth] = React6.useState(() => value?.from ?? /* @__PURE__ */ new Date());
+  const appliedRef = React6.useRef(value);
+  const wasOpenRef = React6.useRef(false);
+  const useApplyFlow = !!onApply;
+  const idScope = React6.useId();
+  const startInputId = `date-range-start-${idScope}`;
+  const endInputId = `date-range-end-${idScope}`;
+  React6.useEffect(() => {
+    const wasOpen = wasOpenRef.current;
+    wasOpenRef.current = open;
+    if (open && !wasOpen) {
+      appliedRef.current = value;
+      setDraft(value);
+      setDisplayedMonth(value?.from ?? /* @__PURE__ */ new Date());
+    } else if (open && wasOpen) {
+      setDraft(value);
+    }
+  }, [open, value]);
+  const handleOpenChange = React6.useCallback(
+    (next) => {
+      if (!next && open && !useApplyFlow) {
+        onChange(appliedRef.current);
+        setDraft(appliedRef.current);
+      }
+      setOpen(next);
+    },
+    [open, useApplyFlow, onChange]
+  );
+  const formatOpts = React6.useMemo(() => locale ? { locale } : void 0, [locale]);
+  const label = React6.useMemo(
+    () => formatRangeLabel(value, effectivePlaceholder, formatOpts),
+    [effectivePlaceholder, value, formatOpts]
+  );
+  const [inputText, setInputText] = React6.useState(label);
+  const inputFocusedRef = React6.useRef(false);
+  React6.useEffect(() => {
+    if (!inputFocusedRef.current) setInputText(label);
+  }, [label]);
+  const handleInputBlur = () => {
+    inputFocusedRef.current = false;
+    const next = parseInputToRange(inputText);
+    if (next) {
+      const formatted = next.from && next.to ? `${format(next.from, DISPLAY_FORMAT, formatOpts)} \u2013 ${format(next.to, DISPLAY_FORMAT, formatOpts)}` : next.from ? format(next.from, DISPLAY_FORMAT, formatOpts) : effectivePlaceholder;
+      if (useApplyFlow) {
+        setDraft(next);
+        setInputText(formatted);
+      } else {
+        onChange(next);
+        setInputText(formatted);
+      }
+    } else {
+      setInputText(label);
+    }
+  };
+  const disabledMatchers = React6.useMemo(() => {
+    const toStartOfDay = (d) => {
+      const copy = new Date(d);
+      copy.setHours(0, 0, 0, 0);
+      return copy.getTime();
+    };
+    const matchers = [];
+    if (normalizedMin) {
+      matchers.push((date) => toStartOfDay(date) < toStartOfDay(normalizedMin));
+    }
+    if (normalizedMax) {
+      matchers.push((date) => toStartOfDay(date) > toStartOfDay(normalizedMax));
+    }
+    if (isDateDisabled) matchers.push((date) => isDateDisabled(date));
+    return matchers;
+  }, [normalizedMin, normalizedMax, isDateDisabled]);
+  const handlePreset = (getRange) => {
+    const range = getRange();
+    setDraft(range);
+    if (!useApplyFlow) onChange(range);
+  };
+  const handleApply = () => {
+    if (useApplyFlow) {
+      onChange(draft);
+      onApply?.(draft);
+    }
+    setOpen(false);
+  };
+  const handleCancel = () => {
+    if (useApplyFlow) {
+      setDraft(appliedRef.current);
+    } else {
+      onChange(appliedRef.current);
+      setDraft(appliedRef.current);
+    }
+    setOpen(false);
+  };
+  const handleSelect = (_next, triggerDate) => {
+    const day = normalizeDate(triggerDate);
+    if (!day) return;
+    setDraft((prev) => {
+      if (!prev?.from || prev.from && prev.to) {
+        const nextRange2 = { from: day, to: void 0 };
+        if (!useApplyFlow) onChange(nextRange2);
+        return nextRange2;
+      }
+      if (day < prev.from) {
+        const nextRange2 = { from: day, to: void 0 };
+        if (!useApplyFlow) onChange(nextRange2);
+        return nextRange2;
+      }
+      const nextRange = { from: prev.from, to: day };
+      if (!useApplyFlow) onChange(nextRange);
+      return nextRange;
+    });
+  };
+  const [startInputText, setStartInputText] = React6.useState("");
+  const [endInputText, setEndInputText] = React6.useState("");
+  React6.useEffect(() => {
+    if (open) {
+      setStartInputText(draft?.from ? format(draft.from, INPUT_FORMAT) : "");
+      setEndInputText(draft?.to ? format(draft.to, INPUT_FORMAT) : "");
+    }
+  }, [open, draft?.from, draft?.to]);
+  const commitStartInput = () => {
+    const d = parseDate(startInputText);
+    if (d) {
+      setDraft((prev) => ({ from: d, to: prev?.to && prev.to >= d ? prev.to : void 0 }));
+    } else {
+      setStartInputText(draft?.from ? format(draft.from, INPUT_FORMAT) : "");
+    }
+  };
+  const commitEndInput = () => {
+    const d = parseDate(endInputText);
+    if (d) {
+      setDraft((prev) => ({ from: prev?.from && prev.from <= d ? prev.from : d, to: d }));
+    } else {
+      setEndInputText(draft?.to ? format(draft.to, INPUT_FORMAT) : "");
+    }
+  };
+  const fieldsCalendar = /* @__PURE__ */ jsx(
+    DateRangePickerFieldsCalendar,
+    {
+      calendarMonths,
+      draft,
+      displayedMonth,
+      onMonthChange: setDisplayedMonth,
+      onSelect: handleSelect,
+      disabledMatchers,
+      locale,
+      startInputId,
+      endInputId,
+      startLabel: t.startLabel,
+      endLabel: t.endLabel,
+      startInputText,
+      endInputText,
+      effectivePlaceholder,
+      onStartInputChange: setStartInputText,
+      onEndInputChange: setEndInputText,
+      onCommitStart: commitStartInput,
+      onCommitEnd: commitEndInput
+    }
+  );
+  const footer = /* @__PURE__ */ jsx(
+    DateRangePickerActionFooter,
+    {
+      visible: useApplyFlow || isMobileLayout,
+      isMobileLayout,
+      cancelLabel: t.cancelButton,
+      applyLabel: t.applyButton,
+      onCancel: handleCancel,
+      onApply: handleApply
+    }
+  );
+  const trigger = /* @__PURE__ */ jsx(
+    DateRangePickerTrigger,
+    {
+      className,
+      inputText,
+      effectivePlaceholder,
+      isEmpty: !value?.from,
+      ariaLabel: t.ariaLabel,
+      onOpen: () => setOpen(true),
+      onInputChange: setInputText,
+      onInputFocus: () => {
+        inputFocusedRef.current = true;
+      },
+      onInputBlur: handleInputBlur
+    }
+  );
+  if (isMobileLayout) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      trigger,
+      /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(
+        DialogContent,
+        {
+          showCloseButton: true,
+          className: cn(
+            "h-dvh max-h-dvh w-full max-w-full gap-0 rounded-none border-0 p-0 shadow-[var(--shadow-elevated)]",
+            "top-0 left-0 flex translate-x-0 translate-y-0 flex-col"
+          ),
+          overlayClassName: "z-110",
+          children: [
+            /* @__PURE__ */ jsx(DialogHeader, { className: "shrink-0 items-start border-b border-border/50 px-4 py-4 text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "pr-10 text-left text-base", children: t.ariaLabel }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+              /* @__PURE__ */ jsx(
+                DateRangePickerPresetList,
+                {
+                  presets: presetList,
+                  draft,
+                  layout: "mobile-row",
+                  onPreset: handlePreset
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto px-4 py-4", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full max-w-md flex-col items-center", children: fieldsCalendar }) }),
+              footer
+            ] })
+          ]
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: cn(
+          surfaceOverlay,
+          "w-auto max-w-[min(calc(100vw-1.5rem),52rem)] overflow-hidden p-0",
+          calendarMonths === 2 && "min-w-[36rem]"
+        ),
+        align: "start",
+        sideOffset: 8,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row", children: [
+          /* @__PURE__ */ jsx(
+            DateRangePickerPresetList,
+            {
+              presets: presetList,
+              draft,
+              layout: "sidebar",
+              presetsHeading: t.presetsHeading,
+              onPreset: handlePreset
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col bg-background", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col items-stretch p-4", children: fieldsCalendar }),
+            footer
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+var dropdownMenuSelectOptionsMaxHeightClassName = "max-h-[min(var(--radix-dropdown-menu-content-available-height),13rem)]";
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  portalled = true,
+  ...props
+}) {
+  const content = /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        surfaceOverlay,
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto p-1",
+        className
+      ),
+      ...props
+    }
+  );
+  if (!portalled) {
+    return content;
+  }
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: content });
+}
+function DropdownMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownScrollableList({
+  children,
+  scrollKey,
+  className,
+  scrollAreaClassName,
+  grow = true
+}) {
+  const scrollRef = React6.useRef(null);
+  const [showTop, setShowTop] = React6.useState(false);
+  const [showBottom, setShowBottom] = React6.useState(false);
+  const update = React6.useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) {
+      setShowTop(false);
+      setShowBottom(false);
+      return;
+    }
+    const { scrollTop, scrollHeight, clientHeight } = el;
+    const overflow = scrollHeight - clientHeight > 2;
+    if (!overflow) {
+      setShowTop(false);
+      setShowBottom(false);
+      return;
+    }
+    setShowTop(scrollTop > 2);
+    setShowBottom(scrollTop + clientHeight < scrollHeight - 2);
+  }, []);
+  React6.useLayoutEffect(() => {
+    update();
+    const id = requestAnimationFrame(() => {
+      requestAnimationFrame(update);
+    });
+    return () => cancelAnimationFrame(id);
+  }, [update, scrollKey]);
+  React6.useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    if (typeof ResizeObserver === "undefined") {
+      return;
+    }
+    const ro = new ResizeObserver(() => {
+      window.requestAnimationFrame(update);
+    });
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [update]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative flex min-h-0 flex-col", grow && "flex-1", className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          grow ? cn("min-h-0 flex-1 overflow-y-auto overscroll-y-contain p-1", scrollAreaClassName) : scrollAreaClassName
+        ),
+        onScroll: update,
+        children
+      }
+    ),
+    showTop ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "pointer-events-none absolute inset-x-0 top-0 z-[1] flex h-6 flex-col items-center justify-start pt-px",
+        "aria-hidden": true,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-popover via-popover/35 to-transparent backdrop-blur-[0.5px]" }),
+          /* @__PURE__ */ jsx(
+            ChevronUp,
+            {
+              className: "relative z-[2] h-3.5 w-3.5 shrink-0 text-muted-foreground opacity-90 drop-shadow-sm",
+              strokeWidth: 2.5
+            }
+          )
+        ]
+      }
+    ) : null,
+    showBottom ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "pointer-events-none absolute inset-x-0 bottom-0 z-[1] flex h-6 flex-col items-center justify-end pb-px",
+        "aria-hidden": true,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-popover via-popover/35 to-transparent backdrop-blur-[0.5px]" }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: "relative z-[2] h-3.5 w-3.5 shrink-0 text-muted-foreground opacity-90 drop-shadow-sm",
+              strokeWidth: 2.5
+            }
+          )
+        ]
+      }
+    ) : null
+  ] });
+}
+function DropdownSelectSearchInput({
+  value,
+  onChange,
+  placeholder = "Search\u2026",
+  className,
+  autoFocus = false
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("shrink-0 px-1 pb-2 pt-1", className), children: /* @__PURE__ */ jsx(
+    Input,
+    {
+      value,
+      onChange: (event) => onChange(event.target.value),
+      placeholder,
+      "aria-label": placeholder,
+      autoFocus,
+      onKeyDown: (event) => event.stopPropagation()
+    }
+  ) });
+}
+var labelVariants = cva(
+  "text-sm font-medium leading-none tracking-tight text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn(labelVariants(), className), ...props });
+}
+var Form = FormProvider;
+var FormFieldContext = React6.createContext(null);
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React6.useContext(FormFieldContext);
+  const itemContext = React6.useContext(FormItemContext);
+  if (fieldContext === null || fieldContext === void 0) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormItemContext = React6.createContext({});
+function FormItem({ className, ...props }) {
+  const id = React6.useId();
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { "data-slot": "form-item", className: cn("grid gap-3", className), ...props }) });
+}
+function FormLabel({
+  className,
+  ...props
+}) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      "data-slot": "form-label",
+      "data-error": !!error,
+      className: cn("data-[error=true]:text-destructive", className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+}
+function FormControl({ ...props }) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+}
+function FormDescription({ className, ...props }) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function FormMessage({ className, ...props }) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : props.children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: cn("text-destructive text-sm", className),
+      ...props,
+      children: body
+    }
+  );
+}
+var InsideModalScrollLockContext = React6.createContext(false);
+function InsideModalScrollLockProvider({
+  children,
+  active = true
+}) {
+  return /* @__PURE__ */ jsx(InsideModalScrollLockContext.Provider, { value: active, children });
+}
+function useInsideModalScrollLock() {
+  return React6.useContext(InsideModalScrollLockContext);
+}
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props });
+}
+function SheetTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...props });
+}
+function SheetClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...props });
+}
+function SheetPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      className: cn(
+        "fixed inset-0 z-[100] bg-foreground/20 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  onPointerDownOutside,
+  onInteractOutside,
+  onFocusOutside,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        onPointerDownOutside: (event) => {
+          preventDismissOnPortaledOverlay(event);
+          if (!event.defaultPrevented) {
+            onPointerDownOutside?.(event);
+          }
+        },
+        onInteractOutside: (event) => {
+          preventDismissOnPortaledOverlay(event);
+          if (!event.defaultPrevented) {
+            onInteractOutside?.(event);
+          }
+        },
+        onFocusOutside: (event) => {
+          preventDismissOnPortaledOverlay(event);
+          if (!event.defaultPrevented) {
+            onFocusOutside?.(event);
+          }
+        },
+        className: cn(
+          "bg-background border-border/50 data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-[100] flex flex-col gap-4 border p-6 shadow-[var(--shadow-elevated)] transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 overflow-y-auto overflow-x-hidden max-h-full",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-11/12 border-l sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-11/12 border-r sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-6 right-6 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer", children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-left pb-4", className), ...props });
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse gap-2 pt-4 border-t sm:flex-row sm:justify-end sm:space-x-2 sm:gap-0",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      className: cn("text-lg font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function FormDrawer({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  className,
+  contentClassName
+}) {
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      "data-slot": "form-drawer-content",
+      className: cn(
+        "flex flex-col gap-4 w-[calc(100%-2rem)] max-w-[calc(100%-2rem)] sm:max-w-lg overflow-hidden",
+        contentClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(SheetHeader, { className: "flex-shrink-0 gap-2 pb-2", children: [
+          /* @__PURE__ */ jsx(SheetTitle, { className: "text-base sm:text-lg", children: title }),
+          description && /* @__PURE__ */ jsx(SheetDescription, { className: "text-sm", children: description })
+        ] }),
+        /* @__PURE__ */ jsx(InsideModalScrollLockProvider, { children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              // Inset so focus rings / box-shadow on full-width inputs are not clipped by overflow-y-auto
+              "flex flex-col flex-1 min-h-0 gap-4 overflow-y-auto px-2 py-1",
+              className
+            ),
+            children
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+var linkStyles = "cursor-pointer font-medium text-blue-600 underline-offset-4 hover:text-blue-700 hover:underline dark:text-blue-400 dark:hover:text-blue-300";
+var ALLOWED_SCHEMES = ["http:", "https:", "mailto:", "tel:", ""];
+function sanitizeHref(to) {
+  const trimmed = to.trim();
+  if (!trimmed) return "#";
+  const hasScheme = /^[a-z][a-z0-9+.-]*:/i.test(trimmed);
+  if (hasScheme) {
+    const scheme = trimmed.split(":")[0];
+    if (scheme && !ALLOWED_SCHEMES.includes(`${scheme.toLowerCase()}:`)) {
+      return "#";
+    }
+  }
+  return trimmed;
+}
+function Link({ className, external, to, ...props }) {
+  const href = sanitizeHref(to);
+  if (external) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: cn(linkStyles, className),
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("a", { href, className: cn(linkStyles, className), ...props });
+}
+var DEFAULT_TRANSLATIONS2 = {
+  triggerLabel: "Select options",
+  searchPlaceholder: "Search...",
+  noOptionsText: "No options",
+  removeOptionAriaLabel: "Remove"
+};
+function MultiSelect({
+  value,
+  onValueChange,
+  options,
+  disabled = false,
+  className,
+  "aria-label": ariaLabel,
+  showSelectedTags = false,
+  translations
+}) {
+  const t = { ...DEFAULT_TRANSLATIONS2, ...translations };
+  const insideModalScrollLock = useInsideModalScrollLock();
+  const [search, setSearch] = React6.useState("");
+  const selectedSet = React6.useMemo(() => new Set(value), [value]);
+  const labelByValue = React6.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const opt of options) map.set(opt.value, opt.label);
+    return map;
+  }, [options]);
+  const filteredOptions = React6.useMemo(() => {
+    const q = search.trim().toLowerCase();
+    if (!q) return options;
+    return options.filter((opt) => opt.label.toLowerCase().includes(q));
+  }, [options, search]);
+  const toggle = (optionValue, checked) => {
+    if (checked) {
+      onValueChange([...value, optionValue]);
+      return;
+    }
+    onValueChange(value.filter((item) => item !== optionValue));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+    showSelectedTags && value.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: value.map((optionValue) => {
+      const label = labelByValue.get(optionValue) ?? optionValue;
+      return /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "gap-1 pr-1 font-normal", children: [
+        label,
+        !disabled ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rounded-full p-0.5 hover:bg-muted-foreground/20",
+            "aria-label": `${t.removeOptionAriaLabel} ${label}`,
+            onClick: () => toggle(optionValue, false),
+            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+          }
+        ) : null
+      ] }, optionValue);
+    }) }) : null,
+    /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          className: "w-full justify-between",
+          "aria-label": ariaLabel ?? t.triggerLabel,
+          disabled,
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(CheckSquare, { className: "h-4 w-4" }),
+              t.triggerLabel
+            ] }),
+            !showSelectedTags && value.length > 0 ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: value.length }) : null
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        DropdownMenuContent,
+        {
+          align: "start",
+          portalled: !insideModalScrollLock,
+          className: "z-120 flex w-(--radix-dropdown-menu-trigger-width) min-w-[16rem] flex-col overflow-hidden p-0",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "shrink-0 px-1 pb-2 pt-1", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: search,
+                onChange: (event) => setSearch(event.target.value),
+                placeholder: t.searchPlaceholder,
+                "aria-label": t.searchPlaceholder
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              DropdownScrollableList,
+              {
+                grow: false,
+                scrollAreaClassName: "max-h-52 overflow-y-auto",
+                scrollKey: `${filteredOptions.length}:${search}`,
+                children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: t.noOptionsText }) : filteredOptions.map((option) => {
+                  const checked = selectedSet.has(option.value);
+                  return /* @__PURE__ */ jsxs(
+                    DropdownMenuItem,
+                    {
+                      onSelect: (event) => {
+                        event.preventDefault();
+                        toggle(option.value, !checked);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(Checkbox, { checked }),
+                        option.label
+                      ]
+                    },
+                    option.value
+                  );
+                })
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+var ScrollArea = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React6.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/ui/select-search/index.ts
+var SEARCHABLE_SELECT_MIN_OPTIONS = 8;
+function filterSelectOptions(options, query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return options;
+  return options.filter((option) => option.label.toLowerCase().includes(q));
+}
+function isSelectSearchable(optionCount, searchable) {
+  if (searchable === true) return true;
+  if (searchable === false) return false;
+  return optionCount >= SEARCHABLE_SELECT_MIN_OPTIONS;
+}
+var DEFAULT_TRANSLATIONS3 = {
+  searchPlaceholder: "Search\u2026",
+  noOptionsText: "No options"
+};
+function Select({
+  value,
+  onValueChange,
+  options,
+  placeholder = "",
+  disabled = false,
+  className,
+  triggerClassName,
+  searchable,
+  translations,
+  "aria-label": ariaLabel
+}) {
+  const t = { ...DEFAULT_TRANSLATIONS3, ...translations };
+  const insideModalScrollLock = useInsideModalScrollLock();
+  const [open, setOpen] = React6.useState(false);
+  const [search, setSearch] = React6.useState("");
+  const showSearch = isSelectSearchable(options.length, searchable);
+  const filteredOptions = React6.useMemo(
+    () => showSearch ? filterSelectOptions(options, search) : options,
+    [options, search, showSearch]
+  );
+  const selectedOption = options.find((opt) => opt.value === value);
+  const displayValue = selectedOption?.label ?? placeholder;
+  const handleOpenChange = (nextOpen) => {
+    setOpen(nextOpen);
+    if (!nextOpen) setSearch("");
+  };
+  return /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-label": ariaLabel,
+        "aria-haspopup": "listbox",
+        disabled,
+        className: cn(
+          controlBase,
+          controlFocus,
+          "flex h-9 w-full cursor-pointer items-center justify-between px-3 py-2 text-sm",
+          "hover:bg-accent/40 disabled:pointer-events-none disabled:opacity-50",
+          !value && "text-muted-foreground",
+          triggerClassName,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-left", children: displayValue }),
+          /* @__PURE__ */ jsx(ChevronDownIcon, { className: "ml-2 h-4 w-4 shrink-0 text-muted-foreground" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        align: "start",
+        sideOffset: 0,
+        portalled: !insideModalScrollLock,
+        className: "z-[120] flex min-w-(--radix-dropdown-menu-trigger-width) flex-col overflow-hidden p-0",
+        onCloseAutoFocus: (e) => e.preventDefault(),
+        children: [
+          showSearch ? /* @__PURE__ */ jsx(
+            DropdownSelectSearchInput,
+            {
+              value: search,
+              onChange: setSearch,
+              placeholder: t.searchPlaceholder,
+              autoFocus: open
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            DropdownScrollableList,
+            {
+              grow: false,
+              scrollAreaClassName: cn(
+                "overflow-y-auto overscroll-y-contain p-1",
+                dropdownMenuSelectOptionsMaxHeightClassName
+              ),
+              scrollKey: `${filteredOptions.length}-${open ? 1 : 0}-${search}`,
+              children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: t.noOptionsText }) : filteredOptions.map((opt) => /* @__PURE__ */ jsx(
+                DropdownMenuItem,
+                {
+                  onClick: () => {
+                    onValueChange(opt.value);
+                    setOpen(false);
+                    setSearch("");
+                  },
+                  children: opt.label
+                },
+                opt.value
+              ))
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ChevronDownIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("title", { children: "Chevron down" }),
+        /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+      ]
+    }
+  );
+}
+var Separator = React6.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "shrink-0 bg-border",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className
+    ),
+    ...props
+  }
+));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitive.Root,
+  {
+    ref,
+    "data-slot": "switch",
+    className: cn(
+      "peer inline-flex h-[22px] w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-[var(--shadow-surface)] transition-colors",
+      controlFocus,
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitive.Thumb,
+      {
+        "data-slot": "switch-thumb",
+        className: cn(
+          "pointer-events-none block size-[18px] rounded-full bg-background shadow-sm ring-0 transition-transform",
+          "data-[state=checked]:translate-x-[22px] data-[state=unchecked]:translate-x-0.5"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitive.Root.displayName;
+var Table = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+);
+Table.displayName = "Table";
+var TableHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "thead",
+  {
+    ref,
+    className: cn("[&_tr]:border-border/40 [&_tr]:border-b", className),
+    ...props
+  }
+));
+TableHeader.displayName = "TableHeader";
+var TableBody = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-border/40 border-t bg-muted/40 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "border-border/40 border-b transition-colors hover:bg-muted/40 data-[state=selected]:bg-muted/60",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+TableCaption.displayName = "TableCaption";
+function Tabs({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all cursor-pointer",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn(
+        "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var Textarea = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      "data-slot": "textarea",
+      className: cn(
+        controlBase,
+        controlFocus,
+        controlInvalid,
+        "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground",
+        "flex min-h-[96px] w-full min-w-0 px-3 py-2 text-base md:text-sm",
+        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Textarea.displayName = "Textarea";
+var TooltipProvider = TooltipPrimitive.Provider;
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  delayDuration = 400,
+  closeDelay = 100
+}) {
+  const [open, setOpen] = React6.useState(false);
+  const openTimeoutRef = React6.useRef(null);
+  const closeTimeoutRef = React6.useRef(null);
+  const clearOpenTimeout = React6.useCallback(() => {
+    if (openTimeoutRef.current !== null) {
+      window.clearTimeout(openTimeoutRef.current);
+      openTimeoutRef.current = null;
+    }
+  }, []);
+  const clearCloseTimeout = React6.useCallback(() => {
+    if (closeTimeoutRef.current !== null) {
+      window.clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+  }, []);
+  const handleOpenChange = React6.useCallback(
+    (next) => {
+      if (!next) {
+        clearOpenTimeout();
+        clearCloseTimeout();
+        setOpen(false);
+      }
+    },
+    [clearCloseTimeout, clearOpenTimeout]
+  );
+  const handlePointerEnter = React6.useCallback(() => {
+    clearCloseTimeout();
+    clearOpenTimeout();
+    openTimeoutRef.current = window.setTimeout(() => {
+      setOpen(true);
+    }, delayDuration);
+  }, [clearCloseTimeout, clearOpenTimeout, delayDuration]);
+  const handlePointerLeave = React6.useCallback(() => {
+    clearOpenTimeout();
+    clearCloseTimeout();
+    if (closeDelay === 0) {
+      setOpen(false);
+      return;
+    }
+    closeTimeoutRef.current = window.setTimeout(() => {
+      setOpen(false);
+    }, closeDelay);
+  }, [clearCloseTimeout, clearOpenTimeout, closeDelay]);
+  React6.useEffect(
+    () => () => {
+      clearOpenTimeout();
+      clearCloseTimeout();
+    },
+    [clearCloseTimeout, clearOpenTimeout]
+  );
+  return /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(
+      TooltipPrimitive.Trigger,
+      {
+        asChild: true,
+        onPointerEnter: handlePointerEnter,
+        onPointerLeave: handlePointerLeave,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+      TooltipPrimitive.Content,
+      {
+        side,
+        align,
+        sideOffset: 6,
+        onPointerEnter: handlePointerEnter,
+        onPointerLeave: handlePointerLeave,
+        className: cn(
+          surfaceOverlay,
+          "z-110 max-w-xs px-3 py-2 text-sm outline-none",
+          "animate-in fade-in-0 zoom-in-95",
+          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
+        ),
+        children: content
+      }
+    ) })
+  ] });
+}
+var headingVariants = cva("font-semibold tracking-tight text-foreground", {
+  variants: {
+    level: {
+      h1: "text-3xl font-bold",
+      h2: "text-2xl",
+      h3: "text-xl",
+      h4: "text-lg"
+    }
+  },
+  defaultVariants: {
+    level: "h1"
+  }
+});
+var paragraphVariants = cva("text-muted-foreground leading-relaxed", {
+  variants: {
+    size: {
+      default: "text-base",
+      sm: "text-sm",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var Heading = React6.forwardRef(
+  ({ className, level, as, ...props }, ref) => {
+    const Component = as || (level === "h1" ? "h1" : level === "h2" ? "h2" : level === "h3" ? "h3" : "h4");
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cn(headingVariants({ level: level || as }), className),
+        ...props
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+var Paragraph = React6.forwardRef(
+  ({ className, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("p", { ref, className: cn(paragraphVariants({ size }), className), ...props });
+  }
+);
+Paragraph.displayName = "Paragraph";
+var H3 = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(Heading, { ref, level: "h3", as: "h3", className, ...props })
+);
+H3.displayName = "H3";
+var DEFAULT_TRANSLATIONS4 = {
+  imageAlt: "Image",
+  dropHintText: "Drag and drop an image here, or click to choose a file.",
+  chooseImageText: "Choose image",
+  chooseFileText: "Choose file",
+  removeText: "Remove",
+  removeExistingImageText: "Remove existing image"
+};
+function UploadDropzone(props) {
+  const isFile = props.variant === "file";
+  const inputId = useId();
+  const removeExistingLabelId = useId();
+  const pickerDisabled = isFile && props.disabled;
+  const t = { ...DEFAULT_TRANSLATIONS4, ...props.translations };
+  const inputRef = useRef(null);
+  const [isDragging, setIsDragging] = useState(false);
+  const [previewUrl, setPreviewUrl] = useState(null);
+  useEffect(() => {
+    if (isFile) {
+      if (!props.value || !props.value.type.startsWith("video/")) {
+        setPreviewUrl(null);
+        return;
+      }
+      const nextUrl2 = URL.createObjectURL(props.value);
+      setPreviewUrl(nextUrl2);
+      return () => URL.revokeObjectURL(nextUrl2);
+    }
+    if (!props.value) {
+      setPreviewUrl(null);
+      return;
+    }
+    const nextUrl = URL.createObjectURL(props.value);
+    setPreviewUrl(nextUrl);
+    return () => URL.revokeObjectURL(nextUrl);
+  }, [isFile, props.value]);
+  const handleFile = (file) => {
+    if (!file) return;
+    if (props.maxSizeBytes != null && file.size > props.maxSizeBytes) {
+      props.onFileTooLarge?.();
+      return;
+    }
+    if (isFile) {
+      if (props.disabled) return;
+      props.onChange(file);
+      return;
+    }
+    if (!file.type.startsWith("image/")) return;
+    props.onChange(file);
+    props.onRemoveExistingImageChange?.(false);
+  };
+  const displayedImage = !isFile && (previewUrl ?? (!props.removeExistingImage ? props.existingImageUrl : void 0));
+  const dashedClasses = cn(
+    "block rounded-xl border-2 border-dashed border-border/55 p-4 transition-colors",
+    pickerDisabled && "pointer-events-none opacity-50",
+    !pickerDisabled && "cursor-pointer hover:border-primary/50 hover:bg-muted/15",
+    isDragging ? "border-primary/70 bg-primary/5" : void 0
+  );
+  const chooseLabel = isFile ? t.chooseFileText : t.chooseImageText;
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", isFile ? props.className : void 0), children: [
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        htmlFor: pickerDisabled ? void 0 : inputId,
+        className: dashedClasses,
+        onDragOver: (event) => {
+          event.preventDefault();
+          if (pickerDisabled) return;
+          setIsDragging(true);
+        },
+        onDragLeave: () => setIsDragging(false),
+        onDrop: (event) => {
+          event.preventDefault();
+          setIsDragging(false);
+          if (pickerDisabled) return;
+          const file = event.dataTransfer.files?.[0] ?? null;
+          handleFile(file);
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: inputId,
+              ref: inputRef,
+              type: "file",
+              accept: isFile ? props.accept : "image/*",
+              disabled: pickerDisabled || void 0,
+              className: "sr-only",
+              onChange: (event) => handleFile(event.target.files?.[0] ?? null)
+            }
+          ),
+          isFile ? /* @__PURE__ */ jsxs("div", { className: "mb-3 flex min-h-28 flex-col items-center justify-center gap-2 rounded-lg border border-border/45 bg-muted/20 px-3 py-4 text-center", children: [
+            previewUrl ? /* @__PURE__ */ jsx(
+              "video",
+              {
+                src: previewUrl,
+                controls: true,
+                className: "max-h-44 w-full rounded-lg border border-border/45 bg-foreground"
+              }
+            ) : /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8 shrink-0 text-muted-foreground", "aria-hidden": true }),
+            props.value ? /* @__PURE__ */ jsx("p", { className: "line-clamp-2 w-full break-all text-sm font-medium", children: props.value.name }) : null
+          ] }) : displayedImage ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: displayedImage,
+              alt: t.imageAlt,
+              className: "mb-3 h-44 w-full rounded-lg border border-border/45 object-cover"
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "mb-3 flex h-32 items-center justify-center rounded-lg border border-border/45 bg-muted/20", children: /* @__PURE__ */ jsx(ImagePlus, { className: "h-8 w-8 text-muted-foreground", "aria-hidden": true }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t.dropHintText }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  disabled: pickerDisabled || void 0,
+                  onClick: (event) => {
+                    event.preventDefault();
+                    inputRef.current?.click();
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(UploadCloud, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+                    chooseLabel
+                  ]
+                }
+              ),
+              props.value ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  disabled: pickerDisabled || void 0,
+                  onClick: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    props.onChange(null);
+                  },
+                  children: t.removeText
+                }
+              ) : null
+            ] })
+          ] })
+        ]
+      }
+    ),
+    !isFile && props.existingImageUrl && props.onRemoveExistingImageChange && t.removeExistingImageText ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/45 bg-muted/15 px-3 py-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", id: removeExistingLabelId, children: t.removeExistingImageText }),
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          "aria-labelledby": removeExistingLabelId,
+          checked: props.removeExistingImage,
+          onCheckedChange: (checked) => props.onRemoveExistingImageChange?.(checked === true)
+        }
+      )
+    ] }) : null
+  ] });
+}
+
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Calendar, Checkbox, ConfirmDialog, DatePicker, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, DropdownScrollableList, DropdownSelectSearchInput, Form, FormControl, FormDescription, FormDrawer, FormField, FormItem, FormLabel, FormMessage, H3, Heading, Label, Link, MultiSelect, Paragraph, Popover, PopoverContent, PopoverTrigger, SEARCHABLE_SELECT_MIN_OPTIONS, ScrollArea, ScrollBar, Select, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipProvider, UploadDropzone, badgeVariants, dropdownMenuSelectOptionsMaxHeightClassName, filterSelectOptions, headingVariants, isSelectSearchable, linkStyles, paragraphVariants, useFormField };
+//# sourceMappingURL=chunk-PLSNCPEC.js.map
+//# sourceMappingURL=chunk-PLSNCPEC.js.map