@juanarenas31/metrik-ui 0.2.0

package/dist/index.js

@@ -0,0 +1,2244 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDown, Loader2, Minus, Check, Plus, X, Search, ChevronsUpDown, Circle, ChevronRight, CalendarRange, UploadCloud, File, Upload, CalendarDays, ChevronUp, AlertOctagon, AlertTriangle, CheckCircle2, Info, ChevronLeft, Bold, Italic, Underline, List, ListOrdered, Link2, MoreHorizontal } from 'lucide-react';
+import { forwardRef, useState, useId, createContext, useRef, useEffect, useContext, useCallback } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+export { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { Slot } from '@radix-ui/react-slot';
+import { DayPicker } from 'react-day-picker';
+import { es } from 'react-day-picker/locale';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Command as Command$1 } from 'cmdk';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = forwardRef(function AccordionItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn("border-b border-border", className), ...props });
+});
+var AccordionTrigger = forwardRef(function AccordionTrigger2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "flex flex-1 items-center justify-between gap-4 py-4 text-left text-sm font-medium text-fg",
+        "transition-colors duration-fast hover:text-primary",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
+        "[&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 text-fg-muted transition-transform duration-base" })
+      ]
+    }
+  ) });
+});
+var AccordionContent = forwardRef(function AccordionContent2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "overflow-hidden text-sm text-fg-muted",
+        "data-[state=open]:animate-[metrik-acc-down_var(--metrik-duration-base)_var(--metrik-ease)]",
+        "data-[state=closed]:animate-[metrik-acc-up_var(--metrik-duration-base)_var(--metrik-ease)]"
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+    }
+  );
+});
+if (typeof document !== "undefined" && !document.getElementById("metrik-accordion-anim")) {
+  const style = document.createElement("style");
+  style.id = "metrik-accordion-anim";
+  style.textContent = "@keyframes metrik-acc-down{from{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes metrik-acc-up{from{height:var(--radix-accordion-content-height)}to{height:0}}";
+  document.head.appendChild(style);
+}
+
+// src/components/alert/alert.variants.ts
+var alertVariants = cva(
+  [
+    "relative flex w-full gap-3 rounded-md border-l-4 px-4 py-3",
+    "text-sm",
+    "[&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:mt-0.5"
+  ],
+  {
+    variants: {
+      tone: {
+        info: "border-fg-muted bg-surface-muted text-fg",
+        success: "border-success bg-success-soft text-fg",
+        warning: "border-warning bg-warning-soft text-fg",
+        danger: "border-danger bg-danger-soft text-fg"
+      }
+    },
+    defaultVariants: { tone: "info" }
+  }
+);
+var DEFAULT_ICONS = {
+  info: /* @__PURE__ */ jsx(Info, {}),
+  success: /* @__PURE__ */ jsx(CheckCircle2, {}),
+  warning: /* @__PURE__ */ jsx(AlertTriangle, {}),
+  danger: /* @__PURE__ */ jsx(AlertOctagon, {})
+};
+var Alert = forwardRef(function Alert2({ className, tone = "info", icon, children, ...props }, ref) {
+  const renderIcon = icon === false ? null : icon ?? DEFAULT_ICONS[tone ?? "info"];
+  return /* @__PURE__ */ jsxs("div", { ref, role: "alert", className: cn(alertVariants({ tone }), className), ...props, children: [
+    renderIcon,
+    /* @__PURE__ */ jsx("div", { className: "flex-1", children })
+  ] });
+});
+var AlertTitle = forwardRef(
+  function AlertTitle2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("font-semibold leading-tight mb-1", className), ...props });
+  }
+);
+var AlertDescription = forwardRef(
+  function AlertDescription2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("text-fg-muted leading-snug", className), ...props });
+  }
+);
+
+// src/components/button/button.variants.ts
+var buttonVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium",
+    "rounded-md ring-offset-bg transition-colors duration-fast",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-fg hover:bg-primary-hover",
+        secondary: "bg-surface-muted text-fg hover:bg-border",
+        outline: "border border-border-strong bg-transparent text-fg hover:bg-surface-muted",
+        ghost: "bg-transparent text-fg hover:bg-surface-muted",
+        danger: "bg-danger text-white hover:bg-coral-700",
+        link: "bg-transparent text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        sm: "h-8 px-3 text-xs [&_svg]:size-3.5",
+        md: "h-10 px-4 text-sm [&_svg]:size-4",
+        lg: "h-12 px-6 text-base [&_svg]:size-5",
+        icon: "size-10 [&_svg]:size-4"
+      },
+      fullWidth: { true: "w-full" }
+    },
+    defaultVariants: { variant: "primary", size: "md" }
+  }
+);
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = forwardRef(function AlertDialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      ref,
+      className: cn(
+        "fixed inset-0 z-overlay bg-slate-950/50 backdrop-blur-sm",
+        "data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var AlertDialogContent = forwardRef(function AlertDialogContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-1/2 top-1/2 z-modal w-full max-w-md -translate-x-1/2 -translate-y-1/2",
+          "rounded-lg border border-border bg-surface p-6 shadow-lg",
+          "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+});
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-5 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+}
+var AlertDialogTitle = forwardRef(function AlertDialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold tracking-tight text-fg", className), ...props });
+});
+var AlertDialogDescription = forwardRef(function AlertDialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-fg-muted", className), ...props });
+});
+var AlertDialogAction = forwardRef(function AlertDialogAction2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props });
+});
+var AlertDialogCancel = forwardRef(function AlertDialogCancel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    {
+      ref,
+      className: cn(buttonVariants({ variant: "outline" }), className),
+      ...props
+    }
+  );
+});
+var avatarVariants = cva(
+  "relative flex shrink-0 overflow-hidden rounded-full bg-surface-muted text-fg-muted",
+  {
+    variants: {
+      size: {
+        sm: "size-6 text-[10px]",
+        md: "size-9 text-xs",
+        lg: "size-12 text-sm",
+        xl: "size-16 text-base"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var Avatar = forwardRef(
+  function Avatar2({ className, size, ...props }, ref) {
+    return /* @__PURE__ */ jsx(AvatarPrimitive.Root, { ref, className: cn(avatarVariants({ size }), className), ...props });
+  }
+);
+var AvatarImage = forwardRef(function AvatarImage2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(AvatarPrimitive.Image, { ref, className: cn("aspect-square size-full object-cover", className), ...props });
+});
+var AvatarFallback = forwardRef(function AvatarFallback2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      ref,
+      className: cn("flex size-full items-center justify-center font-semibold uppercase", className),
+      ...props
+    }
+  );
+});
+
+// src/components/badge/badge.variants.ts
+var badgeVariants = cva(
+  [
+    "inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5",
+    "text-xs font-semibold tracking-wide",
+    "transition-colors duration-fast"
+  ],
+  {
+    variants: {
+      tone: {
+        neutral: "bg-surface-muted text-fg-muted",
+        primary: "bg-primary-soft text-primary",
+        accent: "bg-accent-soft text-accent",
+        success: "bg-success-soft text-success",
+        danger: "bg-danger-soft text-danger",
+        warning: "bg-warning-soft text-warning",
+        solid: "bg-fg text-bg"
+      },
+      size: {
+        sm: "h-5 px-2 text-[10px]",
+        md: "h-6 px-2.5 text-xs",
+        lg: "h-7 px-3 text-sm"
+      },
+      dot: { true: "pl-2" }
+    },
+    defaultVariants: { tone: "neutral", size: "md" }
+  }
+);
+var Badge = forwardRef(function Badge2({ className, tone, size, dot, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("span", { ref, className: cn(badgeVariants({ tone, size, dot }), className), ...props, children: [
+    dot ? /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-current", "aria-hidden": true }) : null,
+    children
+  ] });
+});
+var Breadcrumb = forwardRef(
+  function Breadcrumb2(props, ref) {
+    return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props });
+  }
+);
+var BreadcrumbList = forwardRef(
+  function BreadcrumbList2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref,
+        className: cn("flex flex-wrap items-center gap-1.5 text-sm text-fg-muted", className),
+        ...props
+      }
+    );
+  }
+);
+var BreadcrumbItem = forwardRef(
+  function BreadcrumbItem2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props });
+  }
+);
+var BreadcrumbLink = forwardRef(function BreadcrumbLink2({ className, asChild, ...props }, ref) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn("transition-colors duration-fast hover:text-fg", className),
+      ...props
+    }
+  );
+});
+var BreadcrumbPage = forwardRef(
+  function BreadcrumbPage2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        role: "link",
+        "aria-disabled": "true",
+        "aria-current": "page",
+        className: cn("font-medium text-fg", className),
+        ...props
+      }
+    );
+  }
+);
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("li", { role: "presentation", "aria-hidden": true, className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? /* @__PURE__ */ jsx(ChevronRight, {}) });
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs("span", { role: "presentation", "aria-hidden": true, className: cn("flex size-9 items-center justify-center", className), ...props, children: [
+    /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "M\xE1s" })
+  ] });
+}
+var Button = forwardRef(function Button2({ className, variant, size, fullWidth, asChild, loading, leftIcon, rightIcon, disabled, children, ...props }, ref) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      ref,
+      className: cn(buttonVariants({ variant, size, fullWidth }), className),
+      disabled: disabled || loading,
+      "data-loading": loading || void 0,
+      ...props,
+      children: [
+        loading ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin", "aria-hidden": true }) : leftIcon,
+        children,
+        !loading && rightIcon
+      ]
+    }
+  );
+});
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      locale: es,
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        months: "relative flex flex-col gap-4 sm:flex-row",
+        month: "flex w-full flex-col gap-4",
+        month_caption: "flex h-9 items-center justify-center px-9",
+        caption_label: "text-sm font-medium capitalize",
+        nav: "absolute inset-x-0 top-0 flex items-center justify-between",
+        button_previous: cn(
+          buttonVariants({ variant: "outline", size: "icon" }),
+          "size-7 bg-transparent p-0 opacity-70 hover:opacity-100"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline", size: "icon" }),
+          "size-7 bg-transparent p-0 opacity-70 hover:opacity-100"
+        ),
+        month_grid: "w-full border-collapse",
+        weekdays: "flex",
+        weekday: "w-9 text-[11px] font-normal uppercase tracking-wide text-fg-subtle",
+        week: "mt-1 flex w-full",
+        day: cn(
+          "relative size-9 p-0 text-center text-sm",
+          "[&:has([aria-selected])]:bg-primary-soft",
+          "[&:has([aria-selected].day-range-end)]:rounded-r-md",
+          "first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md"
+        ),
+        day_button: cn(
+          buttonVariants({ variant: "ghost", size: "icon" }),
+          "size-9 rounded-md p-0 font-normal aria-selected:opacity-100"
+        ),
+        range_start: "day-range-start rounded-l-md bg-primary text-primary-fg hover:bg-primary",
+        range_end: "day-range-end rounded-r-md bg-primary text-primary-fg hover:bg-primary",
+        range_middle: "rounded-none bg-primary-soft text-primary aria-selected:bg-primary-soft aria-selected:text-primary",
+        selected: "rounded-md bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary",
+        today: "rounded-md bg-surface-muted font-semibold text-primary",
+        outside: "text-fg-subtle opacity-50",
+        disabled: "text-fg-subtle opacity-40",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation, className: chevClass }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { className: cn("size-4", chevClass) }) : /* @__PURE__ */ jsx(ChevronRight, { className: cn("size-4", chevClass) })
+      },
+      ...props
+    }
+  );
+}
+var Card = forwardRef(function Card2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "rounded-lg border border-border bg-surface text-fg shadow-xs",
+        "transition-shadow duration-fast",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var CardHeader = forwardRef(function CardHeader2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-1.5 p-5", className), ...props });
+});
+var CardTitle = forwardRef(function CardTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("text-base font-semibold leading-tight tracking-tight", className),
+      ...props
+    }
+  );
+});
+var CardDescription = forwardRef(function CardDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm text-fg-muted", className), ...props });
+});
+var CardContent = forwardRef(function CardContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("px-5 pb-5", className), ...props });
+});
+var CardFooter = forwardRef(function CardFooter2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center gap-2 border-t border-border px-5 py-4", className),
+      ...props
+    }
+  );
+});
+var Checkbox = forwardRef(
+  function Checkbox2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        className: cn(
+          "peer size-[18px] shrink-0 rounded border-2 border-border-strong bg-surface",
+          "transition-colors duration-fast",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-fg",
+          "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:text-primary-fg",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx(Minus, { className: "size-3", strokeWidth: 3 }) : /* @__PURE__ */ jsx(Check, { className: "size-3", strokeWidth: 3 }) })
+      }
+    );
+  }
+);
+var ChipSelector = forwardRef(function ChipSelector2({ options, value, onValueChange, allowEmpty = true, className, ...props }, ref) {
+  const toggle = (v) => {
+    const has = value.includes(v);
+    if (has && !allowEmpty && value.length === 1) return;
+    onValueChange(has ? value.filter((x) => x !== v) : [...value, v]);
+  };
+  return /* @__PURE__ */ jsx("div", { ref, role: "group", className: cn("flex flex-wrap gap-2", className), ...props, children: options.map((opt) => {
+    const on = value.includes(opt.value);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": on,
+        onClick: () => toggle(opt.value),
+        className: cn(
+          "inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-sm font-medium",
+          "transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+          on ? "border-primary bg-primary-soft text-primary" : "border-border-strong bg-surface text-fg-muted hover:bg-surface-muted hover:text-fg"
+        ),
+        children: [
+          on ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Plus, { className: "size-3.5 opacity-60" }),
+          opt.label,
+          on && /* @__PURE__ */ jsx(X, { className: "size-3 opacity-50" })
+        ]
+      },
+      opt.value
+    );
+  }) });
+});
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger = CollapsiblePrimitive.Trigger;
+var CollapsibleContent = forwardRef(function CollapsibleContent2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "overflow-hidden",
+        "data-[state=open]:animate-[metrik-collapse-down_var(--metrik-duration-base)_var(--metrik-ease)]",
+        "data-[state=closed]:animate-[metrik-collapse-up_var(--metrik-duration-base)_var(--metrik-ease)]",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+if (typeof document !== "undefined" && !document.getElementById("metrik-collapsible-anim")) {
+  const style = document.createElement("style");
+  style.id = "metrik-collapsible-anim";
+  style.textContent = "@keyframes metrik-collapse-down{from{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes metrik-collapse-up{from{height:var(--radix-collapsible-content-height)}to{height:0}}";
+  document.head.appendChild(style);
+}
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogClose = DialogPrimitive.Close;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogOverlay = forwardRef(function DialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      ref,
+      className: cn(
+        "fixed inset-0 z-overlay bg-slate-950/50 backdrop-blur-sm",
+        "data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var DialogContent = forwardRef(function DialogContent2({ className, hideCloseButton, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-1/2 top-1/2 z-modal w-full max-w-lg -translate-x-1/2 -translate-y-1/2",
+          "rounded-lg border border-border bg-surface p-6 shadow-lg",
+          "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
+          "focus:outline-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          !hideCloseButton ? /* @__PURE__ */ jsx(
+            DialogPrimitive.Close,
+            {
+              "aria-label": "Cerrar",
+              className: cn(
+                "absolute right-4 top-4 rounded-sm p-1 text-fg-muted opacity-70",
+                "transition-opacity hover:opacity-100",
+                "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+});
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5 pb-4", className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+var DialogTitle = forwardRef(function DialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      ref,
+      className: cn("text-lg font-semibold leading-tight tracking-tight", className),
+      ...props
+    }
+  );
+});
+var DialogDescription = forwardRef(function DialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      ref,
+      className: cn("text-sm text-fg-muted", className),
+      ...props
+    }
+  );
+});
+var Command = forwardRef(function Command2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Command$1,
+    {
+      ref,
+      className: cn(
+        "flex size-full flex-col overflow-hidden rounded-md bg-surface-elev text-fg",
+        className
+      ),
+      ...props
+    }
+  );
+});
+function CommandDialog({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-fg-subtle [&_[cmdk-input-wrapper]_svg]:size-4 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-2.5", children }) }) });
+}
+var CommandInput = forwardRef(function CommandInput2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border px-3", "cmdk-input-wrapper": "", children: [
+    /* @__PURE__ */ jsx(Search, { className: "mr-2 size-4 shrink-0 text-fg-subtle" }),
+    /* @__PURE__ */ jsx(
+      Command$1.Input,
+      {
+        ref,
+        className: cn(
+          "flex h-11 w-full bg-transparent py-3 text-sm outline-none placeholder:text-fg-subtle",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+});
+var CommandList = forwardRef(function CommandList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Command$1.List,
+    {
+      ref,
+      className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden p-1", className),
+      ...props
+    }
+  );
+});
+var CommandEmpty = forwardRef(function CommandEmpty2(props, ref) {
+  return /* @__PURE__ */ jsx(Command$1.Empty, { ref, className: "py-6 text-center text-sm text-fg-muted", ...props });
+});
+var CommandGroup = forwardRef(function CommandGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Group,
+    {
+      ref,
+      className: cn(
+        "overflow-hidden p-1 text-fg",
+        "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-[10px] [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wider [&_[cmdk-group-heading]]:text-fg-subtle",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var CommandSeparator = forwardRef(function CommandSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Command$1.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props });
+});
+var CommandItem = forwardRef(function CommandItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none",
+        "data-[selected=true]:bg-primary-soft data-[selected=true]:text-primary",
+        "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+        "[&_svg]:size-4 [&_svg]:shrink-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+function CommandShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-[11px] tracking-widest text-fg-subtle", className), ...props });
+}
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = forwardRef(function PopoverContent2({ className, align = "center", sideOffset = 6, ...props }, ref) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      className: cn(
+        "z-dropdown w-72 rounded-md border border-border bg-surface-elev p-4 text-fg shadow-md outline-none",
+        "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+var Combobox = forwardRef(function Combobox2({
+  options,
+  value,
+  onValueChange,
+  placeholder = "Selecciona\u2026",
+  searchPlaceholder = "Buscar\u2026",
+  emptyText = "Sin resultados.",
+  disabled,
+  className
+}, ref) {
+  const [open, setOpen] = useState(false);
+  const selected = options.find((o) => o.value === value);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        disabled,
+        className: cn("w-full justify-between font-normal", !selected && "text-fg-subtle", className),
+        children: [
+          selected ? selected.label : placeholder,
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 size-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { children: [
+      /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder }),
+      /* @__PURE__ */ jsxs(CommandList, { children: [
+        /* @__PURE__ */ jsx(CommandEmpty, { children: emptyText }),
+        /* @__PURE__ */ jsx(CommandGroup, { children: options.map((opt) => /* @__PURE__ */ jsxs(
+          CommandItem,
+          {
+            value: opt.label,
+            onSelect: () => {
+              onValueChange?.(opt.value === value ? "" : opt.value);
+              setOpen(false);
+            },
+            children: [
+              /* @__PURE__ */ jsx(Check, { className: cn("mr-1 size-4", opt.value === value ? "opacity-100 text-primary" : "opacity-0") }),
+              opt.label
+            ]
+          },
+          opt.value
+        )) })
+      ] })
+    ] }) })
+  ] });
+});
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuPortal = ContextMenuPrimitive.Portal;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var menuSurface = cn(
+  "z-dropdown min-w-[10rem] overflow-hidden rounded-md border border-border bg-surface-elev p-1 text-fg shadow-md",
+  "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out"
+);
+var itemBase = cn(
+  "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none",
+  "data-[highlighted]:bg-primary-soft data-[highlighted]:text-primary",
+  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+);
+var ContextMenuContent = forwardRef(function ContextMenuContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, { ref, className: cn(menuSurface, className), ...props }) });
+});
+var ContextMenuItem = forwardRef(function ContextMenuItem2({ className, inset, destructive, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        itemBase,
+        inset && "pl-8",
+        destructive && "data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var ContextMenuCheckboxItem = forwardRef(function ContextMenuCheckboxItem2({ className, children, checked, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.CheckboxItem,
+    {
+      ref,
+      checked,
+      className: cn(itemBase, "pl-8", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4 text-primary" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var ContextMenuRadioItem = forwardRef(function ContextMenuRadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, { ref, className: cn(itemBase, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "size-2 fill-current text-primary" }) }) }),
+    children
+  ] });
+});
+var ContextMenuLabel = forwardRef(function ContextMenuLabel2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ContextMenuPrimitive.Label,
+    {
+      ref,
+      className: cn("px-2 py-1.5 text-[10px] uppercase tracking-wider text-fg-subtle", inset && "pl-8", className),
+      ...props
+    }
+  );
+});
+var ContextMenuSeparator = forwardRef(function ContextMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props });
+});
+function ContextMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-[11px] tracking-widest text-fg-subtle", className), ...props });
+}
+var ContextMenuSubTrigger = forwardRef(function ContextMenuSubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenuPrimitive.SubTrigger,
+    {
+      ref,
+      className: cn(itemBase, "data-[state=open]:bg-primary-soft", inset && "pl-8", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+});
+var ContextMenuSubContent = forwardRef(function ContextMenuSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, { ref, className: cn(menuSurface, className), ...props });
+});
+function fmt(d) {
+  return d.toLocaleDateString("es", { day: "2-digit", month: "short" });
+}
+var DateRangePill = forwardRef(function DateRangePill2({ value, onValueChange, placeholder = "Periodo", disabled, numberOfMonths = 2, className }, ref) {
+  const hasRange = !!value?.from;
+  const label = hasRange ? value.to ? `${fmt(value.from)} \u2013 ${fmt(value.to)}` : fmt(value.from) : placeholder;
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        disabled,
+        className: cn(
+          "inline-flex items-center gap-2 rounded-full border px-3.5 py-1.5 text-sm font-medium",
+          "transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          hasRange ? "border-primary bg-primary-soft text-primary" : "border-border-strong bg-surface text-fg-muted hover:bg-surface-muted",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarRange, { className: "size-4" }),
+          label,
+          hasRange && /* @__PURE__ */ jsx(
+            "span",
+            {
+              role: "button",
+              tabIndex: 0,
+              "aria-label": "Limpiar periodo",
+              onClick: (e) => {
+                e.stopPropagation();
+                onValueChange?.(void 0);
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.stopPropagation();
+                  onValueChange?.(void 0);
+                }
+              },
+              className: "-mr-1 ml-0.5 rounded-full p-0.5 hover:bg-primary/20",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "range",
+        selected: value,
+        onSelect: onValueChange,
+        numberOfMonths,
+        autoFocus: true
+      }
+    ) })
+  ] });
+});
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuContent = forwardRef(function DropdownMenuContent2({ className, sideOffset = 6, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        "z-dropdown min-w-[10rem] overflow-hidden rounded-md border border-border bg-surface-elev p-1 text-fg shadow-md",
+        "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+var DropdownMenuItem = forwardRef(function DropdownMenuItem2({ className, inset, destructive, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none",
+        "data-[highlighted]:bg-primary-soft data-[highlighted]:text-primary",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        inset && "pl-8",
+        destructive && "data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var DropdownMenuCheckboxItem = forwardRef(function DropdownMenuCheckboxItem2({ className, children, checked, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      ref,
+      checked,
+      className: cn(
+        "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+        "data-[highlighted]:bg-primary-soft data-[highlighted]:text-primary",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4 text-primary" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+        "data-[highlighted]:bg-primary-soft data-[highlighted]:text-primary",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "size-2 fill-current text-primary" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var DropdownMenuLabel = forwardRef(function DropdownMenuLabel2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      ref,
+      className: cn(
+        "px-2 py-1.5 text-[10px] uppercase tracking-wider text-fg-subtle",
+        inset && "pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props });
+});
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-[11px] tracking-widest text-fg-subtle", className), ...props });
+}
+var DropdownMenuSubTrigger = forwardRef(function DropdownMenuSubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      ref,
+      className: cn(
+        "flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
+        "data-[highlighted]:bg-primary-soft data-[state=open]:bg-primary-soft",
+        inset && "pl-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+});
+var DropdownMenuSubContent = forwardRef(function DropdownMenuSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.SubContent,
+    {
+      ref,
+      className: cn(
+        "z-dropdown min-w-[10rem] overflow-hidden rounded-md border border-border bg-surface-elev p-1 text-fg shadow-md",
+        "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var EmptyState = forwardRef(function EmptyState2({ icon, title, description, action, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col items-center justify-center gap-3 rounded-lg border border-dashed border-border-strong",
+        "bg-surface px-6 py-12 text-center",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("div", { className: "grid size-12 place-items-center rounded-full bg-surface-muted text-fg-subtle [&_svg]:size-6", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-fg", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mx-auto max-w-sm text-sm text-fg-muted", children: description })
+        ] }),
+        action && /* @__PURE__ */ jsx("div", { className: "mt-1", children: action })
+      ]
+    }
+  );
+});
+function formatSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+var FileDropzone = forwardRef(function FileDropzone2({ value, onFilesChange, accept, multiple = true, disabled, className, hint = "PNG, JPG, PDF \xB7 hasta 10 MB" }, ref) {
+  const inputId = useId();
+  const [internal, setInternal] = useState([]);
+  const [dragging, setDragging] = useState(false);
+  const files = value ?? internal;
+  const setFiles = (next) => {
+    if (!value) setInternal(next);
+    onFilesChange?.(next);
+  };
+  const addFiles = (list) => {
+    if (!list) return;
+    const incoming = Array.from(list);
+    setFiles(multiple ? [...files, ...incoming] : incoming.slice(0, 1));
+  };
+  const onDrop = (e) => {
+    e.preventDefault();
+    setDragging(false);
+    if (disabled) return;
+    addFiles(e.dataTransfer.files);
+  };
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        htmlFor: inputId,
+        onDragOver: (e) => {
+          e.preventDefault();
+          if (!disabled) setDragging(true);
+        },
+        onDragLeave: () => setDragging(false),
+        onDrop,
+        className: cn(
+          "flex cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed px-6 py-8 text-center",
+          "transition-colors duration-fast",
+          dragging ? "border-primary bg-primary-soft" : "border-border-strong bg-surface hover:bg-surface-muted",
+          disabled && "pointer-events-none opacity-60"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(UploadCloud, { className: cn("size-7", dragging ? "text-primary" : "text-fg-subtle") }),
+          /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-primary", children: "Haz click para subir" }),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "text-fg-muted", children: "o arrastra aqu\xED" })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-fg-subtle", children: hint }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              id: inputId,
+              type: "file",
+              accept,
+              multiple,
+              disabled,
+              className: "sr-only",
+              onChange: (e) => addFiles(e.target.files)
+            }
+          )
+        ]
+      }
+    ),
+    files.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mt-3 space-y-2", children: files.map((f, i) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-center gap-3 rounded-md border border-border bg-surface px-3 py-2 text-sm",
+        children: [
+          /* @__PURE__ */ jsx(File, { className: "size-4 shrink-0 text-fg-subtle" }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: f.name }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-fg-subtle", children: formatSize(f.size) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Quitar ${f.name}`,
+              onClick: () => setFiles(files.filter((_, idx) => idx !== i)),
+              className: "shrink-0 rounded p-0.5 text-fg-subtle transition-colors hover:bg-surface-muted hover:text-danger",
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          )
+        ]
+      },
+      `${f.name}-${i}`
+    )) })
+  ] });
+});
+var fieldBase = cn(
+  "peer block w-full rounded-md border border-border-strong bg-surface px-3 pb-2 pt-5 text-sm text-fg",
+  "transition-colors duration-fast",
+  "focus:outline-none focus:border-primary focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-bg",
+  "disabled:cursor-not-allowed disabled:opacity-60 disabled:bg-surface-muted"
+);
+var labelFloat = cn(
+  "pointer-events-none absolute left-3 top-2 z-10 origin-[0] -translate-y-0 scale-75 text-fg-subtle",
+  "transition-all duration-fast"
+);
+var labelAuto = cn(
+  "pointer-events-none absolute left-3 top-4 z-10 origin-[0] text-fg-subtle transition-all duration-fast",
+  "peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100",
+  "-translate-y-2.5 scale-75",
+  "peer-focus:-translate-y-2.5 peer-focus:scale-75 peer-focus:text-primary"
+);
+var FloatingInput = forwardRef(function FloatingInput2({ label, id, className, ...props }, ref) {
+  const auto = useId();
+  const fieldId = id ?? auto;
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx("input", { ref, id: fieldId, placeholder: " ", className: cn(fieldBase, "h-14", className), ...props }),
+    /* @__PURE__ */ jsx("label", { htmlFor: fieldId, className: labelAuto, children: label })
+  ] });
+});
+var FloatingTextarea = forwardRef(
+  function FloatingTextarea2({ label, id, className, ...props }, ref) {
+    const auto = useId();
+    const fieldId = id ?? auto;
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref,
+          id: fieldId,
+          placeholder: " ",
+          className: cn(fieldBase, "min-h-[6rem] resize-y", className),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx("label", { htmlFor: fieldId, className: labelAuto, children: label })
+    ] });
+  }
+);
+var FloatingSelect = forwardRef(function FloatingSelect2({ label, id, className, children, ...props }, ref) {
+  const auto = useId();
+  const fieldId = id ?? auto;
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        ref,
+        id: fieldId,
+        className: cn(fieldBase, "h-14 appearance-none pr-9", className),
+        ...props,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx("label", { htmlFor: fieldId, className: labelFloat, children: label }),
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-fg-subtle",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+      }
+    )
+  ] });
+});
+var FloatingFileInput = forwardRef(
+  function FloatingFileInput2({ label, id, className, ...props }, ref) {
+    const auto = useId();
+    const fieldId = id ?? auto;
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: fieldId, className: labelFloat, children: label }),
+      /* @__PURE__ */ jsxs("div", { className: cn(fieldBase, "flex h-14 items-center gap-2 text-fg-muted"), children: [
+        /* @__PURE__ */ jsx(Upload, { className: "size-4 shrink-0 text-fg-subtle" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            id: fieldId,
+            type: "file",
+            className: cn(
+              "w-full cursor-pointer text-xs text-fg-muted outline-none",
+              "file:mr-3 file:rounded-md file:border-0 file:bg-primary-soft file:px-3 file:py-1.5 file:text-xs file:font-medium file:text-primary",
+              className
+            ),
+            ...props
+          }
+        )
+      ] })
+    ] });
+  }
+);
+var FloatingDatePicker = forwardRef(
+  function FloatingDatePicker2({ label, value, onValueChange, disabled, className, format }, ref) {
+    useId();
+    const fmt2 = format ?? ((d) => d.toLocaleDateString("es", { day: "2-digit", month: "long", year: "numeric" }));
+    return /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref,
+            type: "button",
+            disabled,
+            className: cn(fieldBase, "flex h-14 items-center justify-between text-left", className),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: cn("text-sm", value ? "text-fg" : "text-transparent"), children: value ? fmt2(value) : "\xB7" }),
+              /* @__PURE__ */ jsx(CalendarDays, { className: "size-4 shrink-0 text-fg-subtle" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx("label", { className: labelFloat, children: label })
+      ] }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "single",
+          selected: value,
+          onSelect: onValueChange,
+          autoFocus: true
+        }
+      ) })
+    ] });
+  }
+);
+var Label3 = forwardRef(function Label4({ className, required, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    LabelPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "text-sm font-medium text-fg leading-none",
+        "peer-disabled:cursor-not-allowed peer-disabled:opacity-60",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        required ? /* @__PURE__ */ jsx("span", { className: "ml-0.5 text-danger", "aria-hidden": true, children: "*" }) : null
+      ]
+    }
+  );
+});
+var Form = forwardRef(
+  function Form2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("form", { ref, className: cn("space-y-5", className), ...props });
+  }
+);
+var FormFieldContext = createContext(null);
+function useField() {
+  const ctx = useContext(FormFieldContext);
+  if (!ctx) throw new Error("useField debe usarse dentro de <FormField>");
+  return ctx;
+}
+var FormField = forwardRef(function FormField2({ className, error, ...props }, ref) {
+  const id = useId();
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { id, error }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-1.5", className), ...props }) });
+});
+var FormLabel = forwardRef(function FormLabel2({ className, ...props }, ref) {
+  const { id, error } = useField();
+  return /* @__PURE__ */ jsx(Label3, { ref, htmlFor: id, className: cn(error && "text-danger", className), ...props });
+});
+var FormControl = forwardRef(function FormControl2(props, ref) {
+  const { id, error } = useField();
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      ref,
+      id,
+      "aria-invalid": !!error || void 0,
+      "aria-describedby": error ? `${id}-msg` : void 0,
+      ...props
+    }
+  );
+});
+function FormDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { className: cn("text-xs text-fg-muted", className), ...props });
+}
+function FormMessage({ className, children, ...props }) {
+  const { id, error } = useField();
+  const body = error ?? children;
+  if (!body) return null;
+  return /* @__PURE__ */ jsx("p", { id: `${id}-msg`, className: cn("text-xs font-medium text-danger", className), ...props, children: body });
+}
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = forwardRef(function HoverCardContent2({ className, align = "center", sideOffset = 6, ...props }, ref) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    HoverCardPrimitive.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      className: cn(
+        "z-dropdown w-64 rounded-md border border-border bg-surface-elev p-4 text-fg shadow-md outline-none",
+        "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+
+// src/components/input/input.variants.ts
+var inputVariants = cva(
+  [
+    "flex w-full rounded-md border bg-surface text-sm text-fg",
+    "transition-colors duration-fast placeholder:text-fg-subtle",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+    "disabled:cursor-not-allowed disabled:opacity-60 disabled:bg-surface-muted",
+    "file:border-0 file:bg-transparent file:text-sm file:font-medium"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-8 px-2.5 text-xs",
+        md: "h-10 px-3",
+        lg: "h-12 px-4 text-base"
+      },
+      state: {
+        default: "border-border-strong",
+        error: "border-danger focus-visible:ring-danger",
+        success: "border-success focus-visible:ring-success"
+      }
+    },
+    defaultVariants: { size: "md", state: "default" }
+  }
+);
+var Input = forwardRef(function Input2({ className, size, state, type = "text", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      type,
+      "data-state": state,
+      className: cn(inputVariants({ size, state }), className),
+      ...props
+    }
+  );
+});
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "paginaci\xF3n",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+var PaginationContent = forwardRef(
+  function PaginationContent2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props });
+  }
+);
+var PaginationItem = forwardRef(
+  function PaginationItem2(props, ref) {
+    return /* @__PURE__ */ jsx("li", { ref, ...props });
+  }
+);
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(
+        buttonVariants({ variant: isActive ? "outline" : "ghost", size }),
+        "cursor-pointer",
+        isActive && "border-primary text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(PaginationLink, { "aria-label": "Anterior", size: "sm", className: cn("gap-1 px-2.5", className), ...props, children: [
+    /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }),
+    /* @__PURE__ */ jsx("span", { children: "Anterior" })
+  ] });
+}
+function PaginationNext({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(PaginationLink, { "aria-label": "Siguiente", size: "sm", className: cn("gap-1 px-2.5", className), ...props, children: [
+    /* @__PURE__ */ jsx("span", { children: "Siguiente" }),
+    /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+  ] });
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: cn("flex size-10 items-center justify-center text-fg-subtle", className), ...props, children: [
+    /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "M\xE1s p\xE1ginas" })
+  ] });
+}
+var TONE = {
+  primary: "bg-primary",
+  success: "bg-success",
+  danger: "bg-danger",
+  warning: "bg-warning"
+};
+var Progress = forwardRef(
+  function Progress2({ className, value, tone = "primary", ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      ProgressPrimitive.Root,
+      {
+        ref,
+        className: cn("relative h-2 w-full overflow-hidden rounded-full bg-surface-muted", className),
+        value,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          ProgressPrimitive.Indicator,
+          {
+            className: cn("size-full flex-1 transition-transform duration-slow ease-metrik", TONE[tone]),
+            style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
+          }
+        )
+      }
+    );
+  }
+);
+var RadioGroup3 = forwardRef(function RadioGroup4({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-2.5", className), ...props });
+});
+var RadioGroupItem = forwardRef(function RadioGroupItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square size-[18px] shrink-0 rounded-full border-2 border-border-strong bg-surface text-primary",
+        "transition-colors duration-fast",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:border-primary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "size-2.5 fill-primary text-primary" }) })
+    }
+  );
+});
+var RichTextEditor = forwardRef(function RichTextEditor2({ defaultValue = "", onChange, placeholder = "Escribe aqu\xED\u2026", className, disabled }, ref) {
+  const editorRef = useRef(null);
+  useEffect(() => {
+    if (editorRef.current && editorRef.current.innerHTML !== defaultValue) {
+      editorRef.current.innerHTML = defaultValue;
+    }
+  }, []);
+  const exec = (command, value) => {
+    editorRef.current?.focus();
+    document.execCommand(command, false, value);
+    onChange?.(editorRef.current?.innerHTML ?? "");
+  };
+  const commands = [
+    { icon: /* @__PURE__ */ jsx(Bold, { className: "size-4" }), label: "Negrita", run: () => exec("bold") },
+    { icon: /* @__PURE__ */ jsx(Italic, { className: "size-4" }), label: "Cursiva", run: () => exec("italic") },
+    { icon: /* @__PURE__ */ jsx(Underline, { className: "size-4" }), label: "Subrayado", run: () => exec("underline") },
+    { icon: /* @__PURE__ */ jsx(List, { className: "size-4" }), label: "Lista", run: () => exec("insertUnorderedList") },
+    { icon: /* @__PURE__ */ jsx(ListOrdered, { className: "size-4" }), label: "Lista numerada", run: () => exec("insertOrderedList") },
+    {
+      icon: /* @__PURE__ */ jsx(Link2, { className: "size-4" }),
+      label: "Enlace",
+      run: () => {
+        const url = window.prompt("URL del enlace:");
+        if (url) exec("createLink", url);
+      }
+    }
+  ];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "overflow-hidden rounded-md border border-border-strong bg-surface",
+        "focus-within:border-primary focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-bg",
+        disabled && "pointer-events-none opacity-60",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border bg-surface-muted/50 p-1", children: commands.map((c) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            title: c.label,
+            "aria-label": c.label,
+            onMouseDown: (e) => {
+              e.preventDefault();
+              c.run();
+            },
+            className: "grid size-8 place-items-center rounded text-fg-muted transition-colors duration-fast hover:bg-surface-muted hover:text-fg",
+            children: c.icon
+          },
+          c.label
+        )) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: editorRef,
+            contentEditable: !disabled,
+            role: "textbox",
+            "aria-multiline": "true",
+            "data-placeholder": placeholder,
+            onInput: () => onChange?.(editorRef.current?.innerHTML ?? ""),
+            className: cn(
+              "metrik-rte min-h-[7rem] px-3 py-2.5 text-sm leading-relaxed text-fg outline-none",
+              "[&_a]:text-primary [&_a]:underline [&_ul]:list-disc [&_ol]:list-decimal [&_ul]:pl-5 [&_ol]:pl-5",
+              "empty:before:pointer-events-none empty:before:text-fg-subtle empty:before:content-[attr(data-placeholder)]"
+            )
+          }
+        )
+      ]
+    }
+  );
+});
+var ScrollArea = forwardRef(function ScrollArea2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
+    /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
+    /* @__PURE__ */ jsx(ScrollBar, {}),
+    /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+  ] });
+});
+var ScrollBar = forwardRef(function ScrollBar2({ className, orientation = "vertical", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      ref,
+      orientation,
+      className: cn(
+        "flex touch-none select-none transition-colors duration-fast",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-strong" })
+    }
+  );
+});
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = forwardRef(function SelectTrigger2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full items-center justify-between gap-2 rounded-md border border-border-strong",
+        "bg-surface px-3 text-sm text-fg",
+        "placeholder:text-fg-subtle [&>span]:line-clamp-1",
+        "transition-colors duration-fast",
+        "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+        "disabled:cursor-not-allowed disabled:opacity-60",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-60" }) })
+      ]
+    }
+  );
+});
+var SelectContent = forwardRef(function SelectContent2({ className, children, position = "popper", ...props }, ref) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      ref,
+      position,
+      className: cn(
+        "z-dropdown min-w-[8rem] overflow-hidden rounded-md border border-border bg-surface-elev text-fg shadow-md",
+        "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, { className: "flex items-center justify-center py-1", children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"), children }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, { className: "flex items-center justify-center py-1", children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" }) })
+      ]
+    }
+  ) });
+});
+var SelectLabel = forwardRef(function SelectLabel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    {
+      ref,
+      className: cn("py-1.5 px-2 text-[10px] uppercase tracking-wider text-fg-subtle", className),
+      ...props
+    }
+  );
+});
+var SelectItem = forwardRef(function SelectItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full cursor-pointer select-none items-center gap-2 rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none",
+        "data-[highlighted]:bg-primary-soft data-[highlighted]:text-primary",
+        "data-[state=checked]:font-medium",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children }),
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4 text-primary" }) }) })
+      ]
+    }
+  );
+});
+var SelectSeparator = forwardRef(function SelectSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props });
+});
+var Separator4 = forwardRef(
+  function Separator5({ className, orientation = "horizontal", decorative = true, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      SeparatorPrimitive.Root,
+      {
+        ref,
+        decorative,
+        orientation,
+        className: cn(
+          "shrink-0 bg-border",
+          orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var Sheet = DialogPrimitive.Root;
+var SheetTrigger = DialogPrimitive.Trigger;
+var SheetClose = DialogPrimitive.Close;
+var SheetPortal = DialogPrimitive.Portal;
+var SheetOverlay = forwardRef(function SheetOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      ref,
+      className: cn(
+        "fixed inset-0 z-overlay bg-slate-950/50 backdrop-blur-sm",
+        "data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var sheetVariants = cva(
+  [
+    "fixed z-modal flex flex-col gap-4 bg-surface p-6 shadow-lg transition-transform",
+    "data-[state=open]:animate-fade-in"
+  ],
+  {
+    variants: {
+      side: {
+        right: "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l border-border data-[state=open]:animate-slide-in-right data-[state=closed]:animate-slide-out-right",
+        left: "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r border-border data-[state=open]:animate-[metrik-slide-in-left_var(--metrik-duration-slow)_var(--metrik-ease)] data-[state=closed]:animate-[metrik-slide-out-left_var(--metrik-duration-slow)_var(--metrik-ease)]",
+        top: "inset-x-0 top-0 w-full border-b border-border data-[state=open]:animate-[metrik-slide-in-top_var(--metrik-duration-slow)_var(--metrik-ease)] data-[state=closed]:animate-[metrik-slide-out-top_var(--metrik-duration-slow)_var(--metrik-ease)]",
+        bottom: "inset-x-0 bottom-0 w-full border-t border-border data-[state=open]:animate-[metrik-slide-in-bottom_var(--metrik-duration-slow)_var(--metrik-ease)] data-[state=closed]:animate-[metrik-slide-out-bottom_var(--metrik-duration-slow)_var(--metrik-ease)]"
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+);
+var SheetContent = forwardRef(function SheetContent2({ className, side = "right", children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(DialogPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Close,
+        {
+          className: cn(
+            "absolute right-4 top-4 rounded-sm text-fg-muted opacity-70 transition-opacity",
+            "hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(X, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Cerrar" })
+          ]
+        }
+      )
+    ] })
+  ] });
+});
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+}
+var SheetTitle = forwardRef(function SheetTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold tracking-tight text-fg", className), ...props });
+});
+var SheetDescription = forwardRef(function SheetDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-fg-muted", className), ...props });
+});
+if (typeof document !== "undefined" && !document.getElementById("metrik-sheet-anim")) {
+  const style = document.createElement("style");
+  style.id = "metrik-sheet-anim";
+  style.textContent = "@keyframes metrik-slide-in-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes metrik-slide-out-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes metrik-slide-in-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes metrik-slide-out-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes metrik-slide-in-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes metrik-slide-out-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}";
+  document.head.appendChild(style);
+}
+var Skeleton = forwardRef(function Skeleton2({ className, circle, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "aria-hidden": true,
+      className: cn(
+        "relative overflow-hidden bg-surface-muted",
+        circle ? "rounded-full" : "rounded-md",
+        "before:absolute before:inset-0",
+        "before:bg-gradient-to-r before:from-transparent before:via-border before:to-transparent",
+        "before:translate-x-[-100%] before:animate-[metrik-shimmer_1.6s_infinite]",
+        className
+      ),
+      ...props
+    }
+  );
+});
+if (typeof document !== "undefined" && !document.getElementById("metrik-skeleton-anim")) {
+  const style = document.createElement("style");
+  style.id = "metrik-skeleton-anim";
+  style.textContent = "@keyframes metrik-shimmer{to{transform:translateX(100%)}}";
+  document.head.appendChild(style);
+}
+var Slider = forwardRef(function Slider2({ className, ...props }, ref) {
+  const count = Array.isArray(props.value) ? props.value.length : Array.isArray(props.defaultValue) ? props.defaultValue.length : 1;
+  return /* @__PURE__ */ jsxs(
+    SliderPrimitive.Root,
+    {
+      ref,
+      className: cn("relative flex w-full touch-none select-none items-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-surface-muted", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+        Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(
+          SliderPrimitive.Thumb,
+          {
+            className: cn(
+              "block size-4 rounded-full border-2 border-primary bg-surface shadow-sm",
+              "transition-colors duration-fast",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+              "disabled:pointer-events-none disabled:opacity-50"
+            )
+          },
+          i
+        ))
+      ]
+    }
+  );
+});
+var STORAGE_KEY = "metrik-theme";
+function resolveSystem() {
+  if (typeof window === "undefined") return "light";
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function apply(theme) {
+  if (typeof document === "undefined") return;
+  const resolved = theme === "system" ? resolveSystem() : theme;
+  document.documentElement.classList.toggle("dark", resolved === "dark");
+  document.documentElement.classList.toggle("light", resolved === "light");
+}
+function useTheme(defaultTheme = "system") {
+  const [theme, setThemeState] = useState(() => {
+    if (typeof window === "undefined") return defaultTheme;
+    return window.localStorage.getItem(STORAGE_KEY) ?? defaultTheme;
+  });
+  const [resolvedTheme, setResolvedTheme] = useState(
+    () => theme === "system" ? resolveSystem() : theme
+  );
+  useEffect(() => {
+    apply(theme);
+    setResolvedTheme(theme === "system" ? resolveSystem() : theme);
+    if (typeof window !== "undefined") window.localStorage.setItem(STORAGE_KEY, theme);
+  }, [theme]);
+  useEffect(() => {
+    if (theme !== "system" || typeof window === "undefined") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = () => {
+      apply("system");
+      setResolvedTheme(resolveSystem());
+    };
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [theme]);
+  const setTheme = useCallback((next) => setThemeState(next), []);
+  const toggleTheme = useCallback(
+    () => setThemeState((t) => t === "dark" ? "light" : "dark"),
+    []
+  );
+  return { theme, resolvedTheme, setTheme, toggleTheme };
+}
+function Toaster(props) {
+  const { resolvedTheme } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme: resolvedTheme,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-surface-elev group-[.toaster]:text-fg group-[.toaster]:border group-[.toaster]:border-border group-[.toaster]:shadow-md group-[.toaster]:rounded-md",
+          description: "group-[.toast]:text-fg-muted",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-fg",
+          cancelButton: "group-[.toast]:bg-surface-muted group-[.toast]:text-fg-muted",
+          success: "group-[.toaster]:[&_svg]:text-success",
+          error: "group-[.toaster]:[&_svg]:text-danger",
+          warning: "group-[.toaster]:[&_svg]:text-warning"
+        }
+      },
+      ...props
+    }
+  );
+}
+var SIZES = { sm: "size-4", md: "size-5", lg: "size-6", xl: "size-8" };
+var Spinner = forwardRef(function Spinner2({ size = "md", label = "Cargando", className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      role: "status",
+      "aria-label": label,
+      className: cn("animate-spin text-primary", SIZES[size], className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: "currentColor", strokeOpacity: ".2", strokeWidth: "3" }),
+        /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 0-9-9", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
+      ]
+    }
+  );
+});
+var Switch = forwardRef(
+  function Switch2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      SwitchPrimitive.Root,
+      {
+        ref,
+        className: cn(
+          "peer relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full",
+          "border-2 border-transparent transition-colors duration-fast",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "data-[state=checked]:bg-primary data-[state=unchecked]:bg-border-strong",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          SwitchPrimitive.Thumb,
+          {
+            className: cn(
+              "pointer-events-none block size-4 rounded-full bg-white shadow-sm ring-0",
+              "transition-transform duration-fast",
+              "data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+            )
+          }
+        )
+      }
+    );
+  }
+);
+var Table = forwardRef(
+  function Table2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) });
+  }
+);
+var TableHeader = forwardRef(
+  function TableHeader2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", className), ...props });
+  }
+);
+var TableBody = forwardRef(
+  function TableBody2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props });
+  }
+);
+var TableFooter = forwardRef(
+  function TableFooter2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "tfoot",
+      {
+        ref,
+        className: cn("border-t border-border bg-surface-muted/50 font-medium", className),
+        ...props
+      }
+    );
+  }
+);
+var TableRow = forwardRef(
+  function TableRow2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "tr",
+      {
+        ref,
+        className: cn(
+          "border-b border-border transition-colors duration-fast",
+          "hover:bg-surface-muted/60 data-[state=selected]:bg-primary-soft",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TableHead = forwardRef(
+  function TableHead2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "th",
+      {
+        ref,
+        className: cn(
+          "h-10 px-3 text-left align-middle text-[11px] font-semibold uppercase tracking-wider text-fg-subtle",
+          "[&:has([role=checkbox])]:pr-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TableCell = forwardRef(
+  function TableCell2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("td", { ref, className: cn("p-3 align-middle [&:has([role=checkbox])]:pr-0", className), ...props });
+  }
+);
+var TableCaption = forwardRef(
+  function TableCaption2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("caption", { ref, className: cn("mt-4 text-sm text-fg-muted", className), ...props });
+  }
+);
+var Tabs = TabsPrimitive.Root;
+var TabsList = forwardRef(function TabsList2({ className, variant = "underline", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      ref,
+      "data-variant": variant,
+      className: cn(
+        "inline-flex items-center",
+        variant === "underline" && "h-10 gap-6 border-b border-border w-full",
+        variant === "pill" && "h-10 rounded-md bg-surface-muted p-1 gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var TabsTrigger = forwardRef(function TabsTrigger2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium",
+        "transition-colors duration-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "disabled:pointer-events-none disabled:opacity-50",
+        // underline variant (default)
+        "[[data-variant=underline]_&]:px-1 [[data-variant=underline]_&]:py-2.5",
+        "[[data-variant=underline]_&]:text-fg-muted [[data-variant=underline]_&]:border-b-2 [[data-variant=underline]_&]:border-transparent",
+        "[[data-variant=underline]_&]:data-[state=active]:text-fg [[data-variant=underline]_&]:data-[state=active]:border-primary",
+        // pill variant
+        "[[data-variant=pill]_&]:rounded [[data-variant=pill]_&]:px-3.5 [[data-variant=pill]_&]:py-1.5",
+        "[[data-variant=pill]_&]:text-fg-muted",
+        "[[data-variant=pill]_&]:data-[state=active]:bg-surface [[data-variant=pill]_&]:data-[state=active]:text-fg [[data-variant=pill]_&]:data-[state=active]:shadow-xs",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var TabsContent = forwardRef(function TabsContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "mt-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var Textarea = forwardRef(function Textarea2({ className, invalid, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      "data-invalid": invalid || void 0,
+      className: cn(
+        "flex min-h-[88px] w-full rounded-md border bg-surface px-3 py-2.5 text-sm text-fg",
+        "transition-colors duration-fast placeholder:text-fg-subtle resize-y",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+        "disabled:cursor-not-allowed disabled:opacity-60 disabled:bg-surface-muted",
+        invalid ? "border-danger focus-visible:ring-danger" : "border-border-strong",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+// src/components/toggle/toggle.variants.ts
+var toggleVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium",
+    "transition-colors duration-fast",
+    "hover:bg-surface-muted hover:text-fg",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=on]:bg-primary-soft data-[state=on]:text-primary",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-border-strong bg-transparent"
+      },
+      size: {
+        sm: "h-8 min-w-8 px-2 [&_svg]:size-3.5",
+        md: "h-10 min-w-10 px-2.5 [&_svg]:size-4",
+        lg: "h-12 min-w-12 px-4 [&_svg]:size-5"
+      }
+    },
+    defaultVariants: { variant: "default", size: "md" }
+  }
+);
+var Toggle = forwardRef(
+  function Toggle2({ className, variant, size, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      TogglePrimitive.Root,
+      {
+        ref,
+        className: cn(toggleVariants({ variant, size }), className),
+        ...props
+      }
+    );
+  }
+);
+var ToggleGroupContext = createContext({ variant: "default", size: "md" });
+var ToggleGroup = forwardRef(function ToggleGroup2({ className, variant, size, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Root,
+    {
+      ref,
+      className: cn("inline-flex items-center gap-1 rounded-md bg-surface-muted p-1", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    }
+  );
+});
+var ToggleGroupItem = forwardRef(function ToggleGroupItem2({ className, variant, size, children, ...props }, ref) {
+  const ctx = useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({ variant: variant ?? ctx.variant, size: size ?? ctx.size }),
+        "data-[state=on]:bg-surface data-[state=on]:shadow-xs",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = forwardRef(function TooltipContent2({ className, sideOffset = 6, ...props }, ref) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        "z-dropdown overflow-hidden rounded-md bg-fg px-2.5 py-1.5 text-xs text-bg shadow-md",
+        "animate-fade-in data-[state=closed]:animate-fade-out",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+var VisuallyHidden = VisuallyHiddenPrimitive.Root;
+function useDisclosure(initial = false) {
+  const [isOpen, setOpen] = useState(initial);
+  return {
+    isOpen,
+    open: useCallback(() => setOpen(true), []),
+    close: useCallback(() => setOpen(false), []),
+    toggle: useCallback(() => setOpen((v) => !v), []),
+    setOpen
+  };
+}
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(() => {
+    if (typeof window === "undefined") return false;
+    return window.matchMedia(query).matches;
+  });
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia(query);
+    const onChange = (e) => setMatches(e.matches);
+    setMatches(mq.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [query]);
+  return matches;
+}
+var useBreakpoint = {
+  sm: () => useMediaQuery("(min-width: 640px)"),
+  md: () => useMediaQuery("(min-width: 768px)"),
+  lg: () => useMediaQuery("(min-width: 1024px)"),
+  xl: () => useMediaQuery("(min-width: 1280px)"),
+  "2xl": () => useMediaQuery("(min-width: 1536px)")
+};
+function useDebounce(value, delay = 300) {
+  const [debounced, setDebounced] = useState(value);
+  useEffect(() => {
+    const id = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(id);
+  }, [value, delay]);
+  return debounced;
+}
+function useLocalStorage(key, initialValue) {
+  const [value, setValue] = useState(() => {
+    if (typeof window === "undefined") return initialValue;
+    try {
+      const raw = window.localStorage.getItem(key);
+      return raw ? JSON.parse(raw) : initialValue;
+    } catch {
+      return initialValue;
+    }
+  });
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    try {
+      window.localStorage.setItem(key, JSON.stringify(value));
+    } catch {
+    }
+  }, [key, value]);
+  const remove = useCallback(() => {
+    if (typeof window === "undefined") return;
+    window.localStorage.removeItem(key);
+    setValue(initialValue);
+  }, [key, initialValue]);
+  return [value, setValue, remove];
+}
+function useClickOutside(ref, handler, enabled = true) {
+  useEffect(() => {
+    if (!enabled) return;
+    const listener = (event) => {
+      const el = ref.current;
+      if (!el || el.contains(event.target)) return;
+      handler(event);
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener, { passive: true });
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler, enabled]);
+}
+function useToggle(initial = false) {
+  const [value, setValue] = useState(initial);
+  const toggle = useCallback(() => setValue((v) => !v), []);
+  return [value, toggle, setValue];
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ChipSelector, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateRangePill, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FileDropzone, FloatingDatePicker, FloatingFileInput, FloatingInput, FloatingSelect, FloatingTextarea, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label3 as Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup3 as RadioGroup, RadioGroupItem, RichTextEditor, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VisuallyHidden, alertVariants, badgeVariants, buttonVariants, cn, inputVariants, toggleVariants, useBreakpoint, useClickOutside, useDebounce, useDisclosure, useLocalStorage, useMediaQuery, useTheme, useToggle };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map