@bleakedev/bleake-components 0.0.1

package/dist/index.js

@@ -0,0 +1,2310 @@
+import { EllipsisVertical, Loader2Icon, Ban, Trash2, CameraOff, XIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CheckIcon, ChevronUpIcon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, ChevronDown } from 'lucide-react';
+import { merge, useTheme } from '@bleakedev/bleake-core';
+import { Slot, DropdownMenu as DropdownMenu$1, AlertDialog as AlertDialog$1, Separator as Separator$1, Dialog as Dialog$1, Tooltip as Tooltip$1, Accordion as Accordion$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, ContextMenu as ContextMenu$1, HoverCard as HoverCard$1, Label as Label$1, Menubar as Menubar$1, Popover as Popover$1, RadioGroup as RadioGroup$1, Select as Select$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from 'radix-ui';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, useState, Fragment, useRef, useEffect, useContext } from 'react';
+import { getDefaultClassNames, DayPicker } from 'react-day-picker';
+import { Combobox as Combobox$1 } from '@base-ui/react';
+import { Command as Command$1 } from 'cmdk';
+import { OTPInput } from 'input-otp';
+import { AnimatePresence, motion } from 'framer-motion';
+import { Toaster as Toaster$1 } from 'sonner';
+
+// src/primitives/actions-menu/index.tsx
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-xl border border-transparent bg-clip-padding text-sm/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 cursor-pointer gap-2 transition-all duration-300 rounded-lg",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border-border bg-white hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30",
+        secondary: "bg-orange-200/20 text-orange-600 border border-orange-400/40 hover:bg-orange-300/25 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive text-white hover:bg-destructive/20",
+        link: "text-primary underline-offset-4 hover:underline",
+        success: "text-green-600 bg-green-200/50 hover:text-green-700 border border-green-500/40"
+      },
+      size: {
+        sm: "h-7 px-5",
+        default: "h-9 px-4 py-2",
+        lg: "h-11 px-6",
+        icon: "h-fit w-fit"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = ({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) => {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: merge(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+};
+var DropdownMenu = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Root,
+    {
+      "data-slot": "dropdown-menu",
+      ...props
+    }
+  );
+};
+var DropdownMenuContent = ({
+  className,
+  align = "start",
+  sideOffset = 4,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenu$1.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      align,
+      className: merge(
+        "z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:overflow-hidden data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) });
+};
+var DropdownMenuTrigger = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+};
+var ActionsMenu = ({
+  children,
+  align = "end",
+  triggerDirection = "vertical"
+}) => {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        children: triggerDirection === "vertical" ? /* @__PURE__ */ jsx(EllipsisVertical, {}) : /* @__PURE__ */ jsx(EllipsisVertical, { className: "rotate-90" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      DropdownMenuContent,
+      {
+        className: "w-[--radix-dropdown-menu-trigger-width]",
+        side: "bottom",
+        sideOffset: 4,
+        align,
+        alignOffset: 1,
+        children
+      }
+    )
+  ] });
+};
+var AlertDialog = (props) => {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Root,
+    {
+      "data-slot": "alert-dialog",
+      ...props
+    }
+  );
+};
+var AlertDialogAction = ({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant,
+      size,
+      asChild: true,
+      children: /* @__PURE__ */ jsx(
+        AlertDialog$1.Action,
+        {
+          "data-slot": "alert-dialog-action",
+          className: merge(className),
+          ...props
+        }
+      )
+    }
+  );
+};
+var AlertDialogCancel = ({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant,
+      size,
+      asChild: true,
+      children: /* @__PURE__ */ jsx(
+        AlertDialog$1.Cancel,
+        {
+          "data-slot": "alert-dialog-cancel",
+          className: merge(className),
+          ...props
+        }
+      )
+    }
+  );
+};
+var AlertDialogOverlay = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: merge(
+        "fixed inset-0 z-50 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var AlertDialogPortal = (props) => {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Portal,
+    {
+      "data-slot": "alert-dialog-portal",
+      ...props
+    }
+  );
+};
+var AlertDialogContent = ({
+  className,
+  size = "default",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialog$1.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: merge(
+          "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg bg-background p-6 ring-1 ring-foreground/10 duration-100 outline-none",
+          "data-[size=sm]:max-w-sm",
+          "data-[size=default]:max-w-sm",
+          "data-[size=default]:sm:max-w-lg",
+          "data-[size=lg]:max-w-2xl",
+          "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+          "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+};
+var AlertDialogDescription = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: merge(
+        "text-xs/relaxed text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: merge(
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: merge(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var AlertDialogTitle = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: merge(
+        "text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var AlertDialogTrigger = (props) => {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Trigger,
+    {
+      "data-slot": "alert-dialog-trigger",
+      ...props
+    }
+  );
+};
+var Separator = ({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Separator$1.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: merge(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var Spinner = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: merge("size-4 animate-spin", className),
+      ...props
+    }
+  );
+};
+var ConfirmDialog = ({
+  children,
+  title,
+  description,
+  confirmText = "Confirmar",
+  cancelText = "Cancelar",
+  variant = "destructive",
+  onConfirm,
+  loading = false,
+  disabled = false,
+  open: controlledOpen,
+  onOpenChange: setControlledOpen,
+  confirmIcon
+}) => {
+  const ConfirmActionIcon = confirmIcon ?? Trash2;
+  const [internalOpen, setInternalOpen] = useState(false);
+  const open = controlledOpen ?? internalOpen;
+  const setOpen = setControlledOpen ?? setInternalOpen;
+  const handleConfirm = (e) => {
+    e.preventDefault();
+    const result = onConfirm();
+    if (result instanceof Promise) {
+      result.then(() => setOpen(false)).catch(() => void 0);
+    } else {
+      setOpen(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    AlertDialog,
+    {
+      open,
+      onOpenChange: setOpen,
+      children: [
+        /* @__PURE__ */ jsx(
+          AlertDialogTrigger,
+          {
+            asChild: true,
+            disabled,
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxs(AlertDialogContent, { className: "max-w-md p-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { className: "px-0 pt-6 pb-4 space-y-2", children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { className: "px-6 text-base font-semibold text-gray-900", children: title }),
+            /* @__PURE__ */ jsx(Separator, {}),
+            description && /* @__PURE__ */ jsx(AlertDialogDescription, { className: "px-6 text-sm text-gray-500", children: description })
+          ] }),
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { className: "px-6 mb-3 flex flex-row justify-end gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              AlertDialogCancel,
+              {
+                variant: "outline",
+                disabled: loading,
+                children: [
+                  /* @__PURE__ */ jsx(Ban, {}),
+                  cancelText
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              AlertDialogAction,
+              {
+                variant,
+                className: "min-w-32",
+                disabled: loading,
+                onClick: handleConfirm,
+                children: [
+                  /* @__PURE__ */ jsx(ConfirmActionIcon, {}),
+                  loading ? /* @__PURE__ */ jsx(Spinner, {}) : confirmText
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var Glow = ({ className, background }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: merge("absolute rounded-full", className),
+      style: { background }
+    }
+  );
+};
+var WaveLayer = ({
+  className,
+  path,
+  fill,
+  viewBox = "0 0 700 600",
+  transform
+}) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      viewBox,
+      fill: "none",
+      preserveAspectRatio: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: path,
+          fill,
+          transform
+        }
+      )
+    }
+  );
+};
+var Image = ({
+  url,
+  icon,
+  label,
+  className,
+  imageClassName,
+  previewClassName
+}) => {
+  if (url === void 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: merge(
+          "py-3 my-2 rounded-lg border flex items-center justify-center bg-gray-100/50 h-35",
+          className
+        ),
+        children: /* @__PURE__ */ jsx(CameraOff, { className: "text-gray-400" })
+      }
+    );
+  }
+  const Icon = icon;
+  return /* @__PURE__ */ jsxs("div", { className: merge("flex flex-col gap-1", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2", children: [
+      Icon && /* @__PURE__ */ jsx(Icon, { className: "text-gray-500 h-5 w-5" }),
+      label && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: label })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: merge("py-2 rounded-lg border flex items-center justify-center", imageClassName),
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: url,
+            alt: label ?? "",
+            className: merge("max-h-full max-w-full object-contain", previewClassName)
+          }
+        )
+      }
+    )
+  ] });
+};
+var DialogClose = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Close,
+    {
+      "data-slot": "dialog-close",
+      ...props
+    }
+  );
+};
+var DialogOverlay = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: merge(
+        "fixed inset-0 isolate z-50 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var DialogPortal = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Portal,
+    {
+      "data-slot": "dialog-portal",
+      ...props
+    }
+  );
+};
+var DialogContent = ({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Dialog$1.Content,
+      {
+        "data-slot": "dialog-content",
+        className: merge(
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 text-xs/relaxed ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsx(
+            Dialog$1.Close,
+            {
+              "data-slot": "dialog-close",
+              asChild: true,
+              children: /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "absolute top-2 right-2",
+                  size: "icon",
+                  children: [
+                    /* @__PURE__ */ jsx(XIcon, {}),
+                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var DialogDescription = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Description,
+    {
+      "data-slot": "dialog-description",
+      className: merge(
+        "text-xs/relaxed text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var DialogFooter = ({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: merge("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Close" }) })
+      ]
+    }
+  );
+};
+var DialogHeader = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: merge("flex flex-col gap-1", className),
+      ...props
+    }
+  );
+};
+var DialogTitle = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Title,
+    {
+      "data-slot": "dialog-title",
+      className: merge("text-sm font-medium", className),
+      ...props
+    }
+  );
+};
+var DialogTrigger = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Trigger,
+    {
+      "data-slot": "dialog-trigger",
+      ...props
+    }
+  );
+};
+var Dialog = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Root,
+    {
+      "data-slot": "dialog",
+      ...props
+    }
+  );
+};
+var ICON_VARIANTS = {
+  orange: "bg-orange-50 ring-orange-200 text-orange-600",
+  neutral: "bg-neutral-100 ring-neutral-200 text-neutral-600",
+  amber: "bg-amber-50 ring-amber-200 text-amber-600",
+  red: "bg-red-50 ring-red-200 text-red-600"
+};
+var Modal = ({
+  children,
+  openModal = false,
+  setOpenModal,
+  showClose = true,
+  className,
+  title,
+  description,
+  icon: Icon,
+  iconVariant = "orange",
+  content,
+  actions,
+  showCancel = false
+}) => {
+  const [open, setOpen] = useState(false);
+  const isControlled = openModal !== void 0 && setOpenModal !== void 0;
+  const handleClose = () => {
+    if (isControlled) setOpenModal?.(false);
+    else setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open: isControlled ? openModal : open,
+      onOpenChange: isControlled ? setOpenModal : setOpen,
+      children: [
+        children && /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children }),
+        /* @__PURE__ */ jsxs(
+          DialogContent,
+          {
+            showCloseButton: showClose,
+            className: merge("max-w-lg! p-0 overflow-hidden gap-0", className),
+            children: [
+              /* @__PURE__ */ jsxs(DialogHeader, { className: "px-6 py-4 pb-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+                  Icon && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: merge(
+                        "flex size-8 items-center justify-center rounded-lg ring-1 shrink-0",
+                        ICON_VARIANTS[iconVariant]
+                      ),
+                      children: /* @__PURE__ */ jsx(Icon, { className: "size-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(DialogTitle, { className: "text-base font-semibold text-gray-900", children: title })
+                ] }),
+                /* @__PURE__ */ jsx(DialogDescription, { className: "text-sm text-gray-500", children: description })
+              ] }),
+              /* @__PURE__ */ jsx(Separator, {}),
+              /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: content }),
+              /* @__PURE__ */ jsx(Separator, {}),
+              (showCancel || actions) && /* @__PURE__ */ jsxs(DialogFooter, { className: "px-6 py-3 flex flex-row justify-end gap-2", children: [
+                showCancel && /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: handleClose,
+                    children: [
+                      /* @__PURE__ */ jsx(Ban, {}),
+                      "Cancelar"
+                    ]
+                  }
+                ),
+                actions
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var StepItem = ({
+  step,
+  isCurrent,
+  isCompleted,
+  index,
+  totalSteps
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: merge("flex flex-row items-center gap-2 opacity-60", isCurrent && "opacity-100"),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: merge(
+                "p-1 border border-transparent rounded-full flex items-center justify-center",
+                isCurrent && "border-orange-500"
+              ),
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: merge(
+                    "h-10 w-10 flex items-center justify-center bg-gray-200 text-gray-500 rounded-full",
+                    isCurrent ? "bg-orange-500 text-white opacity-100" : isCompleted ? "bg-orange-500 text-white" : ""
+                  ),
+                  children: step.step
+                }
+              )
+            }
+          ),
+          step.label && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-900", children: step.label })
+        ]
+      }
+    ),
+    index < totalSteps - 1 && /* @__PURE__ */ jsx(Separator, { className: "flex-1 mx-4 bg-gray-300" })
+  ] });
+};
+var Bar = ({
+  steps,
+  currentStep,
+  label,
+  className
+}) => {
+  const totalSteps = steps.length;
+  const progress = (currentStep - 1) / (totalSteps - 1) * 100;
+  return /* @__PURE__ */ jsxs("div", { className: merge("w-full hidden sm:flex flex-col items-center", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-between w-full max-w-xs", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center px-10", children: /* @__PURE__ */ jsx("div", { className: "w-full h-1 bg-gray-300/50 rounded-full" }) }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "absolute left-0 top-1/2 -translate-y-1/2 h-1 bg-orange-500 rounded-full transition-all",
+          style: { width: `${progress}%` }
+        }
+      ),
+      steps.map((step, index) => {
+        const stepNumber = index + 1;
+        const isActive = stepNumber === currentStep;
+        const isCompleted = stepNumber < currentStep;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "relative z-10 flex items-center justify-center",
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: merge(
+                  "w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium transition",
+                  isActive && "bg-orange-500 text-white",
+                  isCompleted && "bg-orange-500 text-white",
+                  !isActive && !isCompleted && "bg-gray-200 text-gray-500"
+                ),
+                children: stepNumber
+              }
+            )
+          },
+          `${step.step}`
+        );
+      })
+    ] }),
+    label && /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-gray-500/80 font-light text-center", children: label })
+  ] });
+};
+var Steps = ({
+  steps,
+  currentStep,
+  variant = "line",
+  label,
+  className
+}) => {
+  if (variant === "bar") {
+    return /* @__PURE__ */ jsx(
+      Bar,
+      {
+        steps,
+        currentStep,
+        label,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: merge(
+        "w-full hidden sm:flex items-center justify-center p-4 px-20 select-none",
+        className
+      ),
+      children: steps.map((step, index) => /* @__PURE__ */ jsx(
+        StepItem,
+        {
+          step,
+          isCurrent: step.step === currentStep,
+          isCompleted: step.step < currentStep,
+          index,
+          totalSteps: steps.length
+        },
+        step.label
+      ))
+    }
+  );
+};
+var Tooltip = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Tooltip$1.Root,
+    {
+      "data-slot": "tooltip",
+      ...props
+    }
+  );
+};
+var TooltipContent = ({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
+    Tooltip$1.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: merge(
+        "z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs bg-foreground fill-foreground" })
+      ]
+    }
+  ) });
+};
+var TooltipTrigger = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Tooltip$1.Trigger,
+    {
+      "data-slot": "tooltip-trigger",
+      ...props
+    }
+  );
+};
+var TruncatedText = ({
+  text,
+  className,
+  tooltipClassName
+}) => {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: merge("block truncate min-w-0 w-full cursor-default", className), children: text }) }),
+    /* @__PURE__ */ jsx(TooltipContent, { className: tooltipClassName, children: /* @__PURE__ */ jsx("span", { children: text }) })
+  ] });
+};
+var Accordion = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Root,
+    {
+      "data-slot": "accordion",
+      className: merge("flex w-full flex-col overflow-hidden rounded-md border", className),
+      ...props
+    }
+  );
+};
+var Avatar = ({
+  className,
+  size = "default",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: merge(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var badgeVariants = cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-2.5!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80 font-semibold",
+        secondary: "bg-orange-50 border border-orange-200/50 backdrop-blur-sm text-orange-500",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border bg-input/20 text-foreground dark:bg-input/30 [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline",
+        success: "bg-green-500/15 text-green-600 ring-1 ring-green-600/20 transition-colors [a&]:hover:bg-green-500/25",
+        warning: "bg-amber-500/15 text-amber-600 ring-1 ring-amber-600/20 transition-colors [a&]:hover:bg-amber-500/25",
+        error: "bg-red-500/15 text-red-600 ring-1 ring-red-600/20 transition-colors [a&]:hover:bg-red-500/25",
+        info: "bg-blue-500/15 text-blue-600 ring-1 ring-blue-600/20 transition-colors [a&]:hover:bg-blue-500/25"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Badge = ({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) => {
+  const Comp = asChild ? Slot.Root : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: merge(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+};
+var Breadcrumb = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "breadcrumb",
+      "data-slot": "breadcrumb",
+      className: merge(className),
+      ...props
+    }
+  );
+};
+var buttonGroupVariants = cva(
+  "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md!",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md!"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+var ButtonGroup = ({
+  className,
+  orientation,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: merge(buttonGroupVariants({ orientation }), className),
+      ...props
+    }
+  );
+};
+var CalendarDayButton = ({
+  className,
+  day,
+  modifiers,
+  locale,
+  ...props
+}) => {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = useRef(null);
+  useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(locale?.code),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-disabled": modifiers.disabled || void 0,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: merge(
+        "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-middle=true]:bg-muted data-[range-start=true]:bg-primary data-[selected-single=true]:bg-orange-50 data-[selected-single=true]:text-orange-500 data-[selected-single=true]:border data-[selected-single=true]:border-orange-300/50! [&>span]:text-xs [&>span]:opacity-70 data-[disabled=true]:opacity-30 data-[disabled=true]:pointer-events-none data-[disabled=true]:line-through",
+        defaultClassNames.day,
+        className
+      ),
+      ...props
+    }
+  );
+};
+var Calendar = ({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  locale,
+  formatters,
+  components,
+  ...props
+}) => {
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: merge(
+        "group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(6)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      locale,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        ...defaultClassNames,
+        root: merge("w-full min-w-70", defaultClassNames.root),
+        months: merge("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+        month: merge(
+          "flex w-full flex-col justify-center items-center gap-6",
+          defaultClassNames.month
+        ),
+        caption_label: merge("text-sm font-semibold text-gray-900 capitalize"),
+        month_caption: merge(
+          "flex w-full items-center justify-center gap-2 py-1",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: merge("flex items-center gap-2", defaultClassNames.dropdowns),
+        dropdown: merge("relative", defaultClassNames.dropdown),
+        dropdown_root: merge("relative", defaultClassNames.dropdown_root),
+        months_dropdown: merge(
+          "appearance-none cursor-pointer rounded-md border border-gray-200 bg-background px-2 py-1 pr-6 text-sm font-semibold text-gray-900 capitalize focus:outline-none focus:ring-2 focus:ring-orange-300"
+        ),
+        years_dropdown: merge(
+          "appearance-none cursor-pointer rounded-md border border-gray-200 bg-background px-2 py-1 pr-6 text-sm font-semibold text-gray-900 focus:outline-none focus:ring-2 focus:ring-orange-300"
+        ),
+        month_grid: merge("w-full"),
+        today: merge("bg-gray-100 rounded-lg"),
+        weekdays: merge(" border-b border-orange-200 capitalize"),
+        weekday: merge("pb-2"),
+        nav: merge(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: merge(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: merge(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "calendar",
+            ref: rootRef,
+            className: merge(className2),
+            ...props2
+          }
+        ),
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left")
+            return /* @__PURE__ */ jsx(
+              ChevronLeftIcon,
+              {
+                className: merge("size-4", className2),
+                ...props2
+              }
+            );
+          if (orientation === "right")
+            return /* @__PURE__ */ jsx(
+              ChevronRightIcon,
+              {
+                className: merge("size-4", className2),
+                ...props2
+              }
+            );
+          return /* @__PURE__ */ jsx(
+            ChevronDownIcon,
+            {
+              className: merge("size-4", className2),
+              ...props2
+            }
+          );
+        },
+        Dropdown: ({ value, onChange, options, className: className2 }) => /* @__PURE__ */ jsxs("div", { className: "relative inline-flex items-center", children: [
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              value,
+              onChange,
+              className: merge(
+                "appearance-none cursor-pointer rounded-md bg-transparent pl-2 pr-7 py-1 text-sm font-semibold text-gray-900 capitalize focus:outline-none",
+                className2
+              ),
+              children: options?.map((option) => /* @__PURE__ */ jsx(
+                "option",
+                {
+                  value: option.value,
+                  disabled: option.disabled,
+                  children: option.label
+                },
+                option.value
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none absolute right-1.5 top-1/2 size-3.5 -translate-y-1/2 text-gray-500" })
+        ] }),
+        DayButton: (props2) => /* @__PURE__ */ jsx(
+          CalendarDayButton,
+          {
+            locale,
+            ...props2
+          }
+        ),
+        ...components
+      },
+      ...props
+    }
+  );
+};
+var Card = ({
+  className,
+  size = "default",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size,
+      className: merge(
+        "group/card flex flex-col gap-4 overflow-hidden rounded-lg bg-card py-4 text-xs/relaxed text-card-foreground ring-1 ring-foreground/10 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var Checkbox = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Checkbox$1.Root,
+    {
+      "data-slot": "checkbox",
+      className: merge(
+        "bg-white peer relative flex size-4 shrink-0 items-center justify-center rounded-sm border border-input transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary cursor-pointer",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Checkbox$1.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+          children: /* @__PURE__ */ jsx(CheckIcon, {})
+        }
+      )
+    }
+  );
+};
+var Collapsible = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Collapsible$1.Root,
+    {
+      "data-slot": "collapsible",
+      ...props
+    }
+  );
+};
+var Combobox = Combobox$1.Root;
+var Command = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Command$1,
+    {
+      "data-slot": "command",
+      className: merge(
+        "flex size-full flex-col overflow-hidden rounded-xl bg-popover p-1 text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var ContextMenu = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    ContextMenu$1.Root,
+    {
+      "data-slot": "context-menu",
+      ...props
+    }
+  );
+};
+var HoverCard = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    HoverCard$1.Root,
+    {
+      "data-slot": "hover-card",
+      ...props
+    }
+  );
+};
+var Input = ({
+  className,
+  type,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: merge(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-white px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 md:text-xs/relaxed dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var inputGroupAddonVariants = cva(
+  "flex h-auto cursor-text items-center justify-center gap-1 py-2 text-xs/relaxed font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-[calc(var(--radius-sm)-2px)] **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1 **:data-[slot=kbd]:text-[0.625rem] [&>svg:not([class*='size-'])]:size-3.5",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-2 has-[>button]:ml-[-0.275rem] has-[>kbd]:ml-[-0.275rem]",
+        "inline-end": "order-last pr-2 has-[>button]:mr-[-0.275rem] has-[>kbd]:mr-[-0.275rem]",
+        "block-start": "order-first w-full justify-start px-2 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+        "block-end": "order-last w-full justify-start px-2 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+var inputGroupButtonVariants = cva(
+  "flex items-center gap-2 rounded-md text-xs/relaxed shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-5 gap-1 rounded-[calc(var(--radius-sm)-2px)] px-1 [&>svg:not([class*='size-'])]:size-3",
+        sm: "gap-1",
+        "icon-xs": "size-6 p-0 has-[>svg]:p-0",
+        "icon-sm": "size-7 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+var InputGroupAddon = ({
+  className,
+  align = "inline-start",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: merge(inputGroupAddonVariants({ align }), className),
+      ...props
+    }
+  );
+};
+var InputGroupButton = ({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type,
+      "data-size": size,
+      variant,
+      className: merge(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
+};
+var InputGroupInput = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      "data-slot": "input-group-control",
+      className: merge(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var InputGroupText = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: merge(
+        "flex items-center gap-2 text-xs/relaxed text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var Textarea = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: merge(
+        "flex field-sizing-content min-h-16 w-full resize-none rounded-md border border-input bg-input/20 px-2 py-2 text-sm transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 md:text-xs/relaxed dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var InputGroupTextarea = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Textarea,
+    {
+      "data-slot": "input-group-control",
+      className: merge(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var InputGroup = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-group",
+      className: merge(
+        "group/input-group relative flex h-7 w-full min-w-0 items-center rounded-md border border-input bg-input/20 transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-md has-data-[align=block-start]:rounded-md has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/30 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-2 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[textarea]:rounded-md has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var InputOTP = ({
+  className,
+  containerClassName,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: merge(
+        "cn-input-otp flex items-center has-disabled:opacity-50",
+        containerClassName
+      ),
+      spellCheck: false,
+      className: merge("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+};
+var itemVariants = cva(
+  "group/item flex w-full flex-wrap items-center rounded-md border text-xs/relaxed transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent",
+        outline: "border-border",
+        muted: "border-gray-200/50 bg-muted/50"
+      },
+      size: {
+        default: "gap-2.5 px-3 py-2.5",
+        sm: "gap-2.5 px-3 py-2.5",
+        xs: "gap-2.5 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+cva(
+  "flex shrink-0 items-center justify-center  gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-center [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "[&_svg:not([class*='size-'])]:size-4",
+        image: "size-8 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Item = ({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) => {
+  const Comp = asChild ? Slot.Root : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: merge(itemVariants({ variant, size, className })),
+      ...props
+    }
+  );
+};
+var Label = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Label$1.Root,
+    {
+      "data-slot": "label",
+      className: merge(
+        "flex items-center gap-2 text-sm/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var Menubar = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Menubar$1.Root,
+    {
+      "data-slot": "menubar",
+      className: merge("flex h-9 items-center rounded-lg border p-1", className),
+      ...props
+    }
+  );
+};
+var Pagination = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: merge("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+};
+var Popover = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Popover$1.Root,
+    {
+      "data-slot": "popover",
+      ...props
+    }
+  );
+};
+var Progress = ({ value, className }) => {
+  const isIndeterminate = value === null;
+  return /* @__PURE__ */ jsx("div", { className: merge("relative h-1 w-full overflow-hidden rounded-full bg-muted", className), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: merge(
+        "h-full rounded-full bg-[oklch(0.65_0.22_50)]",
+        isIndeterminate ? "w-2/3 animate-pulse" : "motion-safe:transition-[width] duration-150 ease-out"
+      ),
+      style: isIndeterminate ? void 0 : { width: `${Math.min(100, Math.max(0, value))}%` }
+    }
+  ) });
+};
+var RadioGroup = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroup$1.Root,
+    {
+      "data-slot": "radio-group",
+      className: merge("grid w-full gap-3", className),
+      ...props
+    }
+  );
+};
+var SectionCardHeader = ({
+  title,
+  icon: Icon,
+  action,
+  titleElement,
+  isCollapsable,
+  open,
+  onToggle,
+  headerClassName
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: merge(
+      "w-full px-4 py-3 border-b border-gray-200 flex items-center gap-4",
+      headerClassName
+    ),
+    children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onToggle,
+          disabled: !isCollapsable,
+          className: merge(
+            "flex flex-1 items-center gap-2 min-w-0 text-left",
+            isCollapsable ? "cursor-pointer select-none" : "cursor-default"
+          ),
+          children: [
+            Icon && /* @__PURE__ */ jsx(Icon, { className: "size-4 text-orange-500 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-700 truncate", children: title }),
+            titleElement && titleElement
+          ]
+        }
+      ),
+      action && /* @__PURE__ */ jsx("div", { className: "flex items-center shrink-0", children: action }),
+      isCollapsable && /* @__PURE__ */ jsx(
+        motion.button,
+        {
+          type: "button",
+          onClick: onToggle,
+          "aria-label": open ? "Contraer secci\xF3n" : "Expandir secci\xF3n",
+          animate: { rotate: open ? 180 : 0 },
+          transition: { duration: 0.2 },
+          className: "shrink-0 cursor-pointer",
+          children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 text-gray-500" })
+        }
+      )
+    ]
+  }
+);
+var SectionCard = ({
+  title,
+  icon: Icon,
+  action,
+  titleElement,
+  children,
+  className,
+  contentClassName,
+  headerClassName,
+  mode = "card",
+  defaultOpen = true,
+  open: controlledOpen,
+  onOpenChange
+}) => {
+  const isCollapsable = mode === "collapsable";
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const isOpen = isControlled ? controlledOpen : internalOpen;
+  const handleToggle = () => {
+    if (!isCollapsable) return;
+    const next = !isOpen;
+    if (isControlled) {
+      onOpenChange?.(next);
+    } else {
+      setInternalOpen(next);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Card, { className: merge("pb-4 pt-0 gap-0 overflow-visible", className, isCollapsable && "pb-0"), children: [
+    /* @__PURE__ */ jsx(
+      SectionCardHeader,
+      {
+        headerClassName,
+        title,
+        icon: Icon,
+        action,
+        isCollapsable,
+        titleElement,
+        open: isOpen,
+        onToggle: handleToggle
+      }
+    ),
+    !isCollapsable && /* @__PURE__ */ jsx("div", { className: merge("p-4 flex flex-col gap-4", contentClassName), children }),
+    isCollapsable && /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: {
+          height: 0,
+          opacity: 0
+        },
+        animate: {
+          height: "auto",
+          opacity: 1
+        },
+        exit: {
+          height: 0,
+          opacity: 0
+        },
+        transition: {
+          duration: 0.25,
+          ease: "easeInOut"
+        },
+        className: "overflow-visible",
+        children: /* @__PURE__ */ jsx("div", { className: merge("p-4 flex flex-col gap-4", contentClassName), children })
+      }
+    ) })
+  ] });
+};
+var SelectScrollDownButton = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Select$1.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: merge(
+        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+    }
+  );
+};
+var SelectScrollUpButton = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Select$1.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: merge(
+        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+    }
+  );
+};
+var SelectContent = ({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsxs(
+    Select$1.Content,
+    {
+      "data-slot": "select-content",
+      "data-align-trigger": position === "item-aligned",
+      className: merge(
+        "relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          Select$1.Viewport,
+          {
+            "data-position": position,
+            className: merge(
+              "data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+};
+var SelectGroup = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Select$1.Group,
+    {
+      "data-slot": "select-group",
+      className: merge("scroll-my-1 p-1", className),
+      ...props
+    }
+  );
+};
+var SelectItem = ({
+  className,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Select$1.Item,
+    {
+      "data-slot": "select-item",
+      className: merge(
+        "relative flex min-h-7 w-full cursor-default items-center gap-2 rounded-md px-2 py-1 text-xs/relaxed outline-hidden select-none border border-transparent focus:bg-orange-50 focus:border focus:border-orange-200/50 focus:text-orange-500! focus:cursor-pointer not-data-[variant=destructive]:focus:**:text-orange-500! data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center", children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ jsx(Select$1.ItemText, { children })
+      ]
+    }
+  );
+};
+var SelectLabel = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Select$1.Label,
+    {
+      "data-slot": "select-label",
+      className: merge("px-2 py-1.5 text-xs text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+var SelectSeparator = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Select$1.Separator,
+    {
+      "data-slot": "select-separator",
+      className: merge("pointer-events-none -mx-1 my-1 h-px bg-border/50", className),
+      ...props
+    }
+  );
+};
+var SelectTrigger = ({
+  className,
+  size = "default",
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Select$1.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: merge(
+        "flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-input/20 px-2 py-1.5 text-xs/relaxed whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-7 data-[size=sm]:h-6 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Select$1.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-3.5 text-muted-foreground" }) })
+      ]
+    }
+  );
+};
+var SelectValue = (props) => {
+  return /* @__PURE__ */ jsx(
+    Select$1.Value,
+    {
+      "data-slot": "select-value",
+      ...props
+    }
+  );
+};
+var Select = (props) => {
+  return /* @__PURE__ */ jsx(
+    Select$1.Root,
+    {
+      "data-slot": "select",
+      ...props
+    }
+  );
+};
+var Sheet = (props) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Root,
+    {
+      "data-slot": "sheet",
+      ...props
+    }
+  );
+};
+var SheetOverlay = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: merge(
+        "fixed inset-0 z-50 bg-black/20 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+};
+var SheetPortal = (props) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Portal,
+    {
+      "data-slot": "sheet-portal",
+      ...props
+    }
+  );
+};
+var SheetContent = ({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Dialog$1.Content,
+      {
+        "data-slot": "sheet-content",
+        "data-side": side,
+        className: merge(
+          "fixed z-50 flex flex-col bg-background bg-clip-padding text-xs/relaxed shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsx(
+            Dialog$1.Close,
+            {
+              "data-slot": "sheet-close",
+              asChild: true,
+              children: /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "absolute top-4 right-4",
+                  size: "icon",
+                  children: [
+                    /* @__PURE__ */ jsx(XIcon, {}),
+                    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var SheetDescription = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Description,
+    {
+      "data-slot": "sheet-description",
+      className: merge("text-xs/relaxed text-muted-foreground", className),
+      ...props
+    }
+  );
+};
+var SheetHeader = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: merge("flex flex-col gap-1.5 p-6", className),
+      ...props
+    }
+  );
+};
+var SheetTitle = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Title,
+    {
+      "data-slot": "sheet-title",
+      className: merge("text-sm font-medium text-foreground", className),
+      ...props
+    }
+  );
+};
+var SidebarContext = createContext(null);
+
+// src/ui/sidebar/useSidebar/index.tsx
+var useSidebar = () => {
+  const context = useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+};
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var Sidebar = ({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  dir,
+  ...props
+}) => {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "sidebar",
+        className: merge(
+          "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(
+      Sheet,
+      {
+        open: openMobile,
+        onOpenChange: setOpenMobile,
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          SheetContent,
+          {
+            dir,
+            "data-sidebar": "sidebar",
+            "data-slot": "sidebar",
+            "data-mobile": "true",
+            className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+            style: {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+            },
+            side,
+            children: [
+              /* @__PURE__ */ jsxs(SheetHeader, { className: "sr-only", children: [
+                /* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }),
+                /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "group peer hidden text-sidebar-foreground md:block",
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      "data-slot": "sidebar",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "sidebar-gap",
+            className: merge(
+              "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+              "group-data-[collapsible=offcanvas]:w-0",
+              "group-data-[side=right]:rotate-180",
+              variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "sidebar-container",
+            "data-side": side,
+            className: merge(
+              "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex",
+              // Adjust the padding for floating and inset variants.
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              className
+            ),
+            ...props,
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var Skeleton = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: merge("animate-pulse rounded-md bg-gray-200/50", className),
+      ...props
+    }
+  );
+};
+var Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      toastOptions: {
+        classNames: {
+          toast: "cn-toast"
+        }
+      },
+      ...props
+    }
+  );
+};
+var Switch = ({
+  className,
+  size = "default",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Switch$1.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: merge(
+        "cursor-pointer peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-[size=default]:h-[16.6px] data-[size=default]:w-7 data-[size=sm]:h-3.5 data-[size=sm]:w-6 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Switch$1.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-3.5 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+        }
+      )
+    }
+  );
+};
+var Table = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: merge("w-full caption-bottom text-xs", className),
+          ...props
+        }
+      )
+    }
+  );
+};
+var Tabs = ({
+  className,
+  orientation = "horizontal",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Tabs$1.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      className: merge("group/tabs flex gap-3 data-horizontal:flex-col", className),
+      ...props
+    }
+  );
+};
+var toggleVariants = cva(
+  "group/toggle inline-flex items-center justify-center gap-1 rounded-md text-xs font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-muted"
+      },
+      size: {
+        default: "h-7 min-w-7 px-2",
+        sm: "h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-1.5 text-[0.625rem] [&_svg:not([class*='size-'])]:size-3",
+        lg: "h-8 min-w-8 px-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Toggle = ({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Toggle$1.Root,
+    {
+      "data-slot": "toggle",
+      className: merge(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+};
+var ToggleGroupContext = createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0,
+  orientation: "horizontal"
+});
+var ToggleGroup = ({
+  className,
+  variant,
+  size,
+  spacing = 0,
+  orientation = "horizontal",
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    ToggleGroup$1.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing,
+      "data-orientation": orientation,
+      style: { "--gap": spacing },
+      className: merge(
+        "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[size=sm]:rounded-[min(var(--radius-md),8px)] data-vertical:flex-col data-vertical:items-stretch",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children })
+    }
+  );
+};
+
+export { Accordion, ActionsMenu, AlertDialog, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Checkbox, Collapsible, Combobox, Command, ConfirmDialog, ContextMenu, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, Glow, HoverCard, Image, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, Item, Label, Menubar, Modal, Pagination, Popover, Progress, RadioGroup, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, Sidebar, Skeleton, Spinner, Steps, Switch, Table, Tabs, Textarea, Toaster, Toggle, ToggleGroup, Tooltip, TruncatedText, WaveLayer };