@use-stall/ui 0.0.1

package/dist/index.js

@@ -0,0 +1,3744 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  AlertDialog: () => AlertDialog,
+  AlertDialogBackdrop: () => AlertDialogBackdrop,
+  AlertDialogClose: () => AlertDialogClose,
+  AlertDialogContent: () => AlertDialogPopup,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogOverlay: () => AlertDialogBackdrop,
+  AlertDialogPopup: () => AlertDialogPopup,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage,
+  Badge: () => Badge,
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbList: () => BreadcrumbList,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Checkbox: () => Checkbox,
+  Combobox: () => Combobox2,
+  ComboboxChip: () => ComboboxChip,
+  ComboboxChips: () => ComboboxChips,
+  ComboboxClear: () => ComboboxClear,
+  ComboboxCollection: () => ComboboxCollection,
+  ComboboxEmpty: () => ComboboxEmpty,
+  ComboboxGroup: () => ComboboxGroup,
+  ComboboxGroupLabel: () => ComboboxGroupLabel,
+  ComboboxInput: () => ComboboxInput,
+  ComboboxItem: () => ComboboxItem,
+  ComboboxList: () => ComboboxList,
+  ComboboxMulti: () => Combobox,
+  ComboboxPopup: () => ComboboxPopup,
+  ComboboxRow: () => ComboboxRow,
+  ComboboxSeparator: () => ComboboxSeparator,
+  ComboboxStatus: () => ComboboxStatus,
+  ComboboxTrigger: () => ComboboxTrigger,
+  ComboboxValue: () => ComboboxValue,
+  Command: () => Command,
+  CommandDialog: () => CommandDialog,
+  CommandEmpty: () => CommandEmpty,
+  CommandGroup: () => CommandGroup,
+  CommandInput: () => CommandInput,
+  CommandItem: () => CommandItem,
+  CommandList: () => CommandList,
+  CommandSeparator: () => CommandSeparator,
+  CommandShortcut: () => CommandShortcut,
+  ConfirmDialog: () => ConfirmDialog,
+  CopyButton: () => CopyButton,
+  CountryPicker: () => CountryPicker,
+  Dialog: () => Dialog,
+  DialogBackdrop: () => DialogBackdrop,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogPopup,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogBackdrop,
+  DialogPopup: () => DialogPopup,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  Drawer: () => Drawer,
+  DrawerClose: () => DrawerClose,
+  DrawerContent: () => DrawerContent,
+  DrawerDescription: () => DrawerDescription,
+  DrawerFooter: () => DrawerFooter,
+  DrawerHeader: () => DrawerHeader,
+  DrawerOverlay: () => DrawerOverlay,
+  DrawerPortal: () => DrawerPortal,
+  DrawerTitle: () => DrawerTitle,
+  DrawerTrigger: () => DrawerTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuPortal: () => DropdownMenuPortal,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  FancyButton: () => ButtonRoot,
+  Field: () => Field,
+  FieldControl: () => FieldControl,
+  FieldDescription: () => FieldDescription,
+  FieldError: () => FieldError,
+  FieldLabel: () => FieldLabel,
+  FieldValidity: () => FieldValidity,
+  Form: () => Form,
+  FormControl: () => FormControl,
+  FormDescription: () => FormDescription,
+  FormField: () => FormField,
+  FormItem: () => FormItem,
+  FormLabel: () => FormLabel,
+  FormMessage: () => FormMessage,
+  Icon: () => ButtonIcon,
+  Input: () => Input,
+  InputOTP: () => InputOTP,
+  InputOTPGroup: () => InputOTPGroup,
+  InputOTPSeparator: () => InputOTPSeparator,
+  InputOTPSlot: () => InputOTPSlot,
+  Label: () => Label2,
+  MultiSelect: () => MultiSelect,
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
+  Progress: () => Progress,
+  Root: () => ButtonRoot,
+  ScrollArea: () => ScrollArea,
+  ScrollBar: () => ScrollBar,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectGroup: () => SelectGroup,
+  SelectItem: () => SelectItem,
+  SelectLabel: () => SelectLabel,
+  SelectScrollDownButton: () => SelectScrollDownButton,
+  SelectScrollUpButton: () => SelectScrollUpButton,
+  SelectSeparator: () => SelectSeparator,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  Separator: () => Separator3,
+  Sheet: () => Sheet,
+  SheetClose: () => SheetClose,
+  SheetContent: () => SheetContent,
+  SheetDescription: () => SheetDescription,
+  SheetFooter: () => SheetFooter,
+  SheetHeader: () => SheetHeader,
+  SheetOverlay: () => SheetOverlay,
+  SheetPortal: () => SheetPortal,
+  SheetTitle: () => SheetTitle,
+  SheetTrigger: () => SheetTrigger,
+  Skeleton: () => Skeleton,
+  StatusIndicator: () => StatusIndicator,
+  Switch: () => Switch,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCaption: () => TableCaption,
+  TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea,
+  Timeline: () => Timeline,
+  TimelineConnector: () => TimelineConnector,
+  TimelineContent: () => TimelineContent,
+  TimelineDescription: () => TimelineDescription,
+  TimelineDot: () => TimelineDot,
+  TimelineItem: () => TimelineItem,
+  TimelineSeparator: () => TimelineSeparator,
+  TimelineTitle: () => TimelineTitle,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  statusIndicatorVariants: () => statusIndicatorVariants,
+  tv: () => tv,
+  useComboboxFilter: () => useComboboxFilter,
+  useFormField: () => useFormField
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/accordion.tsx
+var React = __toESM(require("react"));
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
+var import_lucide_react = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/accordion.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b last:border-b-0", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium text-xs transition-all hover:underline [&[data-state=open]>svg]:rotate-180 cursor-pointer",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/alert-dialog.tsx
+var import_alert_dialog = require("@base-ui-components/react/alert-dialog");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function AlertDialog(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Portal, { ...props });
+}
+function AlertDialogBackdrop({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Backdrop,
+    {
+      className: cn(
+        "fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 ease-out data-ending-style:opacity-0 data-starting-style:opacity-0",
+        className
+      ),
+      "data-slot": "alert-dialog-backdrop",
+      ...props
+    }
+  );
+}
+function AlertDialogPopup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AlertDialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AlertDialogBackdrop, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex h-dvh flex-col items-center overflow-hidden pt-6 max-sm:before:flex-1 sm:overflow-y-auto sm:p-4 sm:after:flex-1 sm:before:basis-[20vh]", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_alert_dialog.AlertDialog.Popup,
+      {
+        className: cn(
+          "sm:-translate-y-[calc(1.25rem*var(--nested-dialogs))] row-start-2 grid w-full min-w-0 origin-top gap-4 border bg-popover bg-clip-padding p-6 text-popover-foreground shadow-lg transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform data-ending-style:opacity-0 data-starting-style:opacity-0 max-sm:overflow-y-auto max-sm:border-none max-sm:opacity-[calc(1-min(var(--nested-dialogs),1))] max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4 sm:max-w-lg sm:scale-[calc(1-0.1*var(--nested-dialogs))] sm:rounded-2xl sm:data-ending-style:scale-98 sm:data-starting-style:scale-98 dark:bg-clip-border",
+          "relative before:pointer-events-none before:absolute before:inset-0 before:shadow-[0_1px_--theme(--color-black/4%)] max-sm:before:hidden sm:data-nested:data-ending-style:translate-y-8 sm:data-nested:data-starting-style:translate-y-8 sm:before:rounded-[calc(var(--radius-2xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/8%)]",
+          className
+        ),
+        "data-slot": "alert-dialog-popup",
+        ...props
+      }
+    ) }) })
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn("flex flex-col gap-1 text-center sm:text-left", className),
+      "data-slot": "alert-dialog-header",
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      "data-slot": "alert-dialog-footer",
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Title,
+    {
+      className: cn("font-semibold text-lg", className),
+      "data-slot": "alert-dialog-title",
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_alert_dialog.AlertDialog.Description,
+    {
+      className: cn("text-muted-foreground text-sm", className),
+      "data-slot": "alert-dialog-description",
+      ...props
+    }
+  );
+}
+function AlertDialogClose(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_alert_dialog.AlertDialog.Close, { "data-slot": "alert-dialog-close", ...props });
+}
+
+// src/components/avatar.tsx
+var React2 = __toESM(require("react"));
+var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full object-cover object-center", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/badge.tsx
+var import_merge_props = require("@base-ui-components/react/merge-props");
+var import_use_render = require("@base-ui-components/react/use-render");
+var import_class_variance_authority = require("class-variance-authority");
+var badgeVariants = (0, import_class_variance_authority.cva)(
+  "relative inline-flex shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-lg border border-transparent font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='size-'])]:size-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [button,a&]:cursor-pointer [button,a&]:pointer-coarse:after:absolute [button,a&]:pointer-coarse:after:size-full [button,a&]:pointer-coarse:after:min-h-11 [button,a&]:pointer-coarse:after:min-w-11",
+  {
+    defaultVariants: {
+      size: "default",
+      variant: "default"
+    },
+    variants: {
+      size: {
+        default: "px-[calc(--spacing(1)-1px)] text-xs",
+        lg: "px-[calc(--spacing(1.5)-1px)] text-sm",
+        sm: "px-[calc(--spacing(1)-1px)] text-[.625rem]"
+      },
+      variant: {
+        default: "bg-primary text-primary-foreground [button,a&]:hover:bg-primary/90",
+        destructive: "bg-destructive text-white [button,a&]:hover:bg-destructive/90",
+        error: "bg-destructive/8 text-destructive-foreground dark:bg-destructive/16",
+        info: "bg-info/8 text-info-foreground dark:bg-info/16",
+        outline: "border-border bg-accent/30 text-muted-foreground [button,a&]:hover:bg-accent/50 dark:[button,a&]:hover:bg-input/48",
+        secondary: "bg-secondary text-secondary-foreground [button,a&]:hover:bg-secondary/90",
+        success: "bg-success/8 text-success-foreground dark:bg-success/16",
+        warning: "bg-warning/8 text-warning-foreground dark:bg-warning/16"
+      }
+    }
+  }
+);
+function Badge({ className, variant, size, render, ...props }) {
+  const defaultProps = {
+    className: cn(badgeVariants({ className, size, variant })),
+    "data-slot": "badge"
+  };
+  return (0, import_use_render.useRender)({
+    defaultTagName: "span",
+    props: (0, import_merge_props.mergeProps)(defaultProps, props),
+    render
+  });
+}
+
+// src/components/breadcrumb.tsx
+var React3 = __toESM(require("react"));
+var import_react_slot = require("@radix-ui/react-slot");
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Breadcrumb = React3.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "ol",
+  {
+    ref,
+    className: cn(
+      "flex flex-wrap items-center gap-1 wrap-break-word text-sm text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "li",
+  {
+    ref,
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React3.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    Comp,
+    {
+      ref,
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "span",
+  {
+    ref,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("font-normal text-foreground", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.ChevronRight, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+
+// src/components/button.tsx
+var import_merge_props2 = require("@base-ui-components/react/merge-props");
+var import_use_render2 = require("@base-ui-components/react/use-render");
+var import_class_variance_authority2 = require("class-variance-authority");
+var buttonVariants = (0, import_class_variance_authority2.cva)(
+  "relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-10 border bg-clip-padding text-sm font-medium whitespace-nowrap transition-shadow outline-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "border-primary bg-primary text-primary-foreground shadow-xs shadow-primary/24 not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] hover:bg-primary/90 [&:is(:active,[data-pressed])]:inset-shadow-[0_1px_--theme(--color-black/8%)] [&:is(:disabled,:active,[data-pressed])]:shadow-none",
+        outline: "border-border bg-background text-muted-foreground shadow-xs not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-input/32 dark:not-in-data-[slot=group]:bg-clip-border dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/4%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/8%)] [&:is(:disabled,:active,[data-pressed])]:shadow-none [&:is(:hover,[data-pressed])]:opacity-80",
+        secondary: "border-secondary bg-secondary text-secondary-foreground hover:bg-secondary/90 data-pressed:bg-secondary/90",
+        destructive: "border-destructive bg-destructive text-white shadow-xs shadow-destructive/24 not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] hover:bg-destructive/90 [&:is(:active,[data-pressed])]:inset-shadow-[0_1px_--theme(--color-black/8%)] [&:is(:disabled,:active,[data-pressed])]:shadow-none",
+        "destructive-outline": "border-border bg-transparent text-destructive-foreground shadow-xs not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-input/32 dark:not-in-data-[slot=group]:bg-clip-border dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/4%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/8%)] [&:is(:disabled,:active,[data-pressed])]:shadow-none [&:is(:hover,[data-pressed])]:border-destructive/32 [&:is(:hover,[data-pressed])]:bg-destructive/4",
+        ghost: "border-transparent hover:bg-accent data-pressed:bg-accent",
+        link: "border-transparent underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "min-h-10 px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)]",
+        xs: "min-h-7 gap-1 rounded-md px-[calc(--spacing(2)-1px)] py-[calc(--spacing(1)-1px)] text-xs before:rounded-[calc(var(--radius-md)-1px)] [&_svg:not([class*='size-'])]:size-3",
+        sm: "min-h-8 gap-1.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1)-1px)]",
+        lg: "min-h-10 px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(2)-1px)]",
+        xl: "min-h-12 px-[calc(--spacing(4)-1px)] py-[calc(--spacing(2)-1px)] text-base [&_svg:not([class*='size-'])]:size-4.5",
+        icon: "size-10",
+        "icon-xs": "size-6 rounded-md before:rounded-[calc(var(--radius-md)-1px)]",
+        "icon-sm": "size-7",
+        "icon-lg": "size-9",
+        "icon-xl": "size-10 [&_svg:not([class*='size-'])]:size-4.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({ className, variant, size, render, ...props }) {
+  const typeValue = render ? void 0 : "button";
+  const defaultProps = {
+    "data-slot": "button",
+    className: cn(buttonVariants({ variant, size, className })),
+    type: typeValue
+  };
+  return (0, import_use_render2.useRender)({
+    defaultTagName: "button",
+    render,
+    props: (0, import_merge_props2.mergeProps)(defaultProps, props)
+  });
+}
+
+// src/components/card.tsx
+var React4 = __toESM(require("react"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Card = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-2xl border bg-card text-card-foreground shadow-xs",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-5", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref, className: cn("p-5 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-5 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// src/components/checkbox.tsx
+var React5 = __toESM(require("react"));
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Checkbox = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-sm shadow-xs border border-border ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-none",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Check, { className: "h-3 w-3 stroke-white" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/combobox-multi.tsx
+var import_combobox = require("@base-ui/react/combobox");
+var import_lucide_react4 = require("lucide-react");
+var React8 = __toESM(require("react"));
+
+// src/components/input.tsx
+var React6 = __toESM(require("react"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Input = React6.forwardRef(
+  ({ className, type, removeFocusIndicator, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "input",
+      {
+        type,
+        className: cn(
+          `flex h-10 w-full rounded-10 border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0
+           file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground/30 font-normal
+           focus-visible:outline-hidden focus-visible:border-primary/80 focus-visible:ring-2 focus-visible:ring-ring/30
+           focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50`,
+          removeFocusIndicator && "focus-visible:ring-0 focus:ring-0 focus-visible:ring-offset-0 focus-visible:border-input",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/scroll-area.tsx
+var React7 = __toESM(require("react"));
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ScrollArea = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollBar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React7.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/combobox-multi.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ComboboxContext = React8.createContext({
+  chipsRef: null,
+  multiple: false
+});
+function Combobox(props) {
+  const chipsRef = React8.useRef(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ComboboxContext.Provider, { value: { chipsRef, multiple: !!props.multiple }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.Root,
+    {
+      ...props
+    }
+  ) });
+}
+function ComboboxInput({
+  className,
+  showTrigger = true,
+  showClear = false,
+  startAddon,
+  size,
+  ...props
+}) {
+  const { multiple } = React8.useContext(ComboboxContext);
+  const sizeValue = size ?? "default";
+  if (multiple) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_combobox.Combobox.Input,
+      {
+        className: cn(
+          "min-w-12 flex-1 text-base outline-none sm:text-sm [[data-slot=combobox-chip]+&]:ps-0.5",
+          sizeValue === "sm" ? "ps-1.5" : "ps-2",
+          className
+        ),
+        "data-size": typeof sizeValue === "string" ? sizeValue : void 0,
+        "data-slot": "combobox-input",
+        size: typeof sizeValue === "number" ? sizeValue : void 0,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64", children: [
+    startAddon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "[&_svg]:-mx-0.5 pointer-events-none absolute inset-y-0 start-px z-10 flex items-center ps-[calc(--spacing(3)-1px)] opacity-80 has-[+[data-size=sm]]:ps-[calc(--spacing(2.5)-1px)] [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4",
+        "data-slot": "combobox-start-addon",
+        children: startAddon
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_combobox.Combobox.Input,
+      {
+        className: cn(
+          startAddon && "data-[size=sm]:*:data-[slot=combobox-input]:ps-[calc(--spacing(7.5)-1px)] *:data-[slot=combobox-input]:ps-[calc(--spacing(8.5)-1px)] sm:data-[size=sm]:*:data-[slot=combobox-input]:ps-[calc(--spacing(7)-1px)] sm:*:data-[slot=combobox-input]:ps-[calc(--spacing(8)-1px)]",
+          sizeValue === "sm" ? "has-[+[data-slot=combobox-trigger],+[data-slot=combobox-clear]]:*:data-[slot=combobox-input]:pe-6.5" : "has-[+[data-slot=combobox-trigger],+[data-slot=combobox-clear]]:*:data-[slot=combobox-input]:pe-7",
+          className
+        ),
+        "data-slot": "combobox-input",
+        render: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          Input,
+          {
+            className: "has-disabled:opacity-100",
+            size: sizeValue
+          }
+        ),
+        ...props
+      }
+    ),
+    showTrigger && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      ComboboxTrigger,
+      {
+        className: cn(
+          "-translate-y-1/2 absolute top-1/2 inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-opacity pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=combobox-clear]]:hidden sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+          sizeValue === "sm" ? "end-0" : "end-0.5"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.ChevronsUpDownIcon, {})
+      }
+    ),
+    showClear && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      ComboboxClear,
+      {
+        className: cn(
+          "-translate-y-1/2 absolute top-1/2 inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 outline-none transition-opacity pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=combobox-clear]]:hidden sm:size-7 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+          sizeValue === "sm" ? "end-0" : "end-0.5"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.XIcon, {})
+      }
+    )
+  ] });
+}
+function ComboboxTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.Trigger,
+    {
+      className,
+      "data-slot": "combobox-trigger",
+      ...props
+    }
+  );
+}
+function ComboboxPopup({
+  className,
+  children,
+  sideOffset = 4,
+  ...props
+}) {
+  const { chipsRef } = React8.useContext(ComboboxContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_combobox.Combobox.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.Positioner,
+    {
+      anchor: chipsRef,
+      className: "z-50 select-none",
+      "data-slot": "combobox-positioner",
+      sideOffset,
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "span",
+        {
+          className: cn(
+            "relative flex max-h-full origin-(--transform-origin) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 transition-[scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/6%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",
+            className
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            import_combobox.Combobox.Popup,
+            {
+              className: "flex max-h-[min(var(--available-height),23rem)] w-(--anchor-width) max-w-(--available-width) flex-col text-foreground",
+              "data-slot": "combobox-popup",
+              ...props,
+              children
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+function ComboboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_combobox.Combobox.Item,
+    {
+      className: cn(
+        "grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1rem_1fr] items-center gap-2 rounded-sm py-1 ps-2 pe-4 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      "data-slot": "combobox-item",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_combobox.Combobox.ItemIndicator, { className: "col-start-1", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "svg",
+          {
+            fill: "none",
+            height: "24",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2",
+            viewBox: "0 0 24 24",
+            width: "24",
+            xmlns: "http://www.w3.org/1500/svg",
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "col-start-2", children })
+      ]
+    }
+  );
+}
+function ComboboxSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.Separator,
+    {
+      className: cn("mx-2 my-1 h-px bg-border last:hidden", className),
+      "data-slot": "combobox-separator",
+      ...props
+    }
+  );
+}
+function ComboboxGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.Group,
+    {
+      className: cn("[[role=group]+&]:mt-1.5", className),
+      "data-slot": "combobox-group",
+      ...props
+    }
+  );
+}
+function ComboboxGroupLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.GroupLabel,
+    {
+      className: cn(
+        "px-2 py-1.5 font-medium text-muted-foreground text-xs",
+        className
+      ),
+      "data-slot": "combobox-group-label",
+      ...props
+    }
+  );
+}
+function ComboboxEmpty({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.Empty,
+    {
+      className: cn(
+        "not-empty:p-2 text-center text-base text-muted-foreground sm:text-sm",
+        className
+      ),
+      "data-slot": "combobox-empty",
+      ...props
+    }
+  );
+}
+function ComboboxRow({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.Row,
+    {
+      className,
+      "data-slot": "combobox-row",
+      ...props
+    }
+  );
+}
+function ComboboxValue({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_combobox.Combobox.Value, { "data-slot": "combobox-value", ...props });
+}
+function ComboboxList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ScrollArea, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.List,
+    {
+      className: cn(
+        "not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3",
+        className
+      ),
+      "data-slot": "combobox-list",
+      ...props
+    }
+  ) });
+}
+function ComboboxClear({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.Clear,
+    {
+      className,
+      "data-slot": "combobox-clear",
+      ...props
+    }
+  );
+}
+function ComboboxStatus({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.Status,
+    {
+      className: cn(
+        "px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0",
+        className
+      ),
+      "data-slot": "combobox-status",
+      ...props
+    }
+  );
+}
+function ComboboxCollection(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_combobox.Combobox.Collection, { "data-slot": "combobox-collection", ...props });
+}
+function ComboboxChips({
+  className,
+  children,
+  startAddon,
+  ...props
+}) {
+  const { chipsRef } = React8.useContext(ComboboxContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_combobox.Combobox.Chips,
+    {
+      className: cn(
+        "relative inline-flex min-h-9 w-full flex-wrap gap-1 rounded-lg border border-input bg-background not-dark:bg-clip-padding p-[calc(--spacing(1)-1px)] text-base shadow-xs/5 outline-none ring-ring/24 transition-shadow *:min-h-7 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-focus-within:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/6%)] focus-within:border-ring focus-within:ring-[3px] has-disabled:pointer-events-none has-data-[size=lg]:min-h-10 has-data-[size=sm]:min-h-8 has-aria-invalid:border-destructive/36 has-disabled:opacity-64 has-[:disabled,:focus-within,[aria-invalid]]:shadow-none focus-within:has-aria-invalid:border-destructive/64 focus-within:has-aria-invalid:ring-destructive/16 has-data-[size=lg]:*:min-h-8 has-data-[size=sm]:*:min-h-6 sm:min-h-8 sm:text-sm sm:has-data-[size=lg]:min-h-9 sm:has-data-[size=sm]:min-h-7 sm:*:min-h-6 sm:has-data-[size=lg]:*:min-h-7 sm:has-data-[size=sm]:*:min-h-5 dark:not-has-disabled:bg-input/32 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-focus-within:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]",
+        className
+      ),
+      "data-slot": "combobox-chips",
+      onMouseDown: (e) => {
+        const target = e.target;
+        const isChip = target.closest('[data-slot="combobox-chip"]');
+        if (isChip || !chipsRef?.current) return;
+        e.preventDefault();
+        const input = chipsRef.current.querySelector("input");
+        if (input && !chipsRef.current.querySelector("input:focus")) {
+          input.focus();
+        }
+      },
+      ref: chipsRef,
+      ...props,
+      children: [
+        startAddon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "[&_svg]:-ms-0.5 [&_svg]:-me-1.5 flex shrink-0 items-center ps-2 opacity-80 has-[~[data-size=sm]]:has-[+[data-slot=combobox-chip]]:pe-1.5 has-[~[data-size=sm]]:ps-1.5 has-[+[data-slot=combobox-chip]]:pe-2 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+            "data-slot": "combobox-start-addon",
+            children: startAddon
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function ComboboxChip({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_combobox.Combobox.Chip,
+    {
+      className: "flex items-center rounded-[calc(var(--radius-md)-1px)] bg-accent ps-2 font-medium text-accent-foreground text-sm outline-none sm:text-xs/(--text-xs--line-height) [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5",
+      "data-slot": "combobox-chip",
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ComboboxChipRemove, {})
+      ]
+    }
+  );
+}
+function ComboboxChipRemove(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_combobox.Combobox.ChipRemove,
+    {
+      "aria-label": "Remove",
+      className: "h-full shrink-0 cursor-pointer px-1.5 opacity-80 hover:opacity-100 [&_svg:not([class*='size-'])]:size-4 sm:[&_svg:not([class*='size-'])]:size-3.5",
+      "data-slot": "combobox-chip-remove",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.XIcon, {})
+    }
+  );
+}
+var useComboboxFilter = import_combobox.Combobox.useFilter;
+
+// src/components/combobox.tsx
+var React11 = __toESM(require("react"));
+var import_lucide_react7 = require("lucide-react");
+
+// src/components/command.tsx
+var React9 = __toESM(require("react"));
+var import_cmdk = require("cmdk");
+var import_lucide_react6 = require("lucide-react");
+
+// src/components/dialog.tsx
+var import_dialog = require("@base-ui-components/react/dialog");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Dialog = import_dialog.Dialog.Root;
+function DialogTrigger(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dialog.Dialog.Portal, { ...props });
+}
+function DialogClose(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dialog.Dialog.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogBackdrop({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      className: cn(
+        "fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0",
+        className
+      ),
+      "data-slot": "dialog-backdrop",
+      ...props
+    }
+  );
+}
+function DialogPopup({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogBackdrop, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fixed inset-0 z-50", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "grid h-dvh grid-rows-[1fr_auto] justify-items-center pt-6 sm:grid-rows-[1fr_auto_3fr] sm:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_dialog.Dialog.Popup,
+      {
+        className: cn(
+          "sm:-translate-y-[calc(1.25rem*var(--nested-dialogs))] relative row-start-2 grid max-h-full w-full min-w-0 origin-top overflow-hidden border bg-popover bg-clip-padding text-popover-foreground opacity-[calc(1-0.1*var(--nested-dialogs))] shadow-lg transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform before:pointer-events-none before:absolute before:inset-0 before:shadow-[0_1px_--theme(--color-black/4%)] **:has-[+[data-slot=dialog-footer]]:pb-4 data-ending-style:opacity-0 data-starting-style:opacity-0 max-sm:border-none max-sm:opacity-[calc(1-min(var(--nested-dialogs),1))] max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4 max-sm:before:hidden sm:max-w-lg sm:data-nested:data-ending-style:translate-y-8 sm:data-nested:data-starting-style:translate-y-8 sm:scale-[calc(1-0.1*var(--nested-dialogs))] sm:rounded-2xl sm:data-ending-style:scale-98 sm:data-starting-style:scale-98 sm:before:rounded-[calc(var(--radius-2xl)-1px)] sm:**:has-[+[data-slot=dialog-footer]]:pb-6 dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]",
+          className
+        ),
+        "data-slot": "dialog-popup",
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex h-full flex-col overflow-y-auto", children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_dialog.Dialog.Close, { className: "absolute end-2 top-2 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-72 outline-none transition-[color,background-color,box-shadow,opacity] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.XIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
+          ] })
+        ] })
+      }
+    ) }) })
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-1 px-6 pt-6 pb-4 text-center last:pb-6 sm:text-left",
+        className
+      ),
+      "data-slot": "dialog-header",
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse gap-2 px-6 pb-4 sm:flex-row sm:justify-end sm:rounded-b-xl sm:border-t sm:bg-muted/50 sm:pt-4",
+        className
+      ),
+      "data-slot": "dialog-footer",
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_dialog.Dialog.Title,
+    {
+      className: cn("font-heading text-xl font-semibold leading-none", className),
+      "data-slot": "dialog-title",
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      className: cn("text-muted-foreground text-sm", className),
+      "data-slot": "dialog-description",
+      ...props
+    }
+  );
+}
+
+// src/components/command.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Command = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  import_cmdk.Command,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = import_cmdk.Command.displayName;
+var CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogPopup, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Command, { className: "**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+};
+var CommandInput = React9.forwardRef(({ className, searchContainerClassName, icon, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  "div",
+  {
+    className: cn("flex items-center border-b px-3", searchContainerClassName),
+    "cmdk-input-wrapper": "",
+    children: [
+      icon || /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react6.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_cmdk.Command.Input,
+        {
+          ref,
+          className: cn(
+            "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
+          ...props
+        }
+      )
+    ]
+  }
+));
+CommandInput.displayName = import_cmdk.Command.Input.displayName;
+var CommandList = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  import_cmdk.Command.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = import_cmdk.Command.List.displayName;
+var CommandEmpty = React9.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  import_cmdk.Command.Empty,
+  {
+    ref,
+    className: "py-6 text-center text-sm",
+    ...props
+  }
+));
+CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
+var CommandGroup = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  import_cmdk.Command.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = import_cmdk.Command.Group.displayName;
+var CommandSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  import_cmdk.Command.Separator,
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
+var CommandItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  import_cmdk.Command.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = import_cmdk.Command.Item.displayName;
+var CommandShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/popover.tsx
+var React10 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React10.forwardRef(
+  ({
+    className,
+    align = "center",
+    sideOffset = 4,
+    hidePrimitive = false,
+    ...props
+  }, ref) => {
+    const Contents = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      PopoverPrimitive.Content,
+      {
+        ref,
+        align,
+        sideOffset,
+        className: cn(
+          `z-50 w-72 rounded-10 border bg-popover p-4 text-popover-foreground shadow-md
+       outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out
+        data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
+         data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2
+          data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,
+          className
+        ),
+        ...props
+      }
+    );
+    if (hidePrimitive) {
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Contents, {});
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Contents, {}) });
+  }
+);
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/combobox.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Combobox2({ modal = false, ...props }) {
+  const [open, setOpen] = React11.useState(false);
+  const options2 = props?.options || props?.data_source;
+  const active_option = React11.useMemo(
+    () => options2?.find((item) => item.value === props.value)?.label,
+    [options2, props.value]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Popover, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      PopoverTrigger,
+      {
+        disabled: props.disabled,
+        asChild: !!props.trigger,
+        className: cn(
+          "bg-tranparent w-full px-0",
+          props.disabled && "pointer-events-none cursor-not-allowed"
+        ),
+        children: props.trigger ? props.trigger : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          "button",
+          {
+            type: "button",
+            role: "combobox",
+            "aria-expanded": open,
+            disabled: props.disabled,
+            className: cn(
+              buttonVariants({ variant: "outline" }),
+              `relative w-full h-10 px-3 gap-2 overflow-hidden justify-between bg-background shadow-none
+               text-muted-foreground/40 ring-offset-0 ring-inset [font-weight:inherit]`,
+              props.value && "text-foreground",
+              props?.className,
+              props.disabled && "pointer-events-none cursor-not-allowed"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "max-w-full whitespace-nowrap truncate overflow-hidden text-inherit",
+                    props.nestedClassName
+                  ),
+                  children: active_option ? active_option : props.placeholder || "Select ..."
+                }
+              ),
+              !props.disabled && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50 -mr-1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "input",
+                {
+                  onChange: (e) => props.onChange(e.target.value),
+                  type: "text",
+                  className: "scale-0 absolute",
+                  value: props.value ?? "",
+                  required: props.required ?? false
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      PopoverContent,
+      {
+        align: props.align || "center",
+        hidePrimitive: props.hidePrimitive,
+        className: "w-[var(--radix-popover-trigger-width)] max-h-(--radix-popover-content-available-height)\n        min-w-40 p-0 overflow-hidden",
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          Command,
+          {
+            className: "w-full",
+            filter: (value, search, keywords = []) => {
+              const extendValue = value + " " + keywords.join(" ");
+              if (extendValue.toLowerCase().includes(search.toLowerCase())) {
+                return 1;
+              }
+              return 0;
+            },
+            children: [
+              !props.hideSearch && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CommandInput, { placeholder: "Search ...", className: "text-xs" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(CommandList, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CommandEmpty, { className: "flex flex-col items-center justify-center p-6", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "mt-2 text-xs text-zinc-400", children: "No data found" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CommandGroup, { children: options2?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                  CommandItem,
+                  {
+                    value: item.value,
+                    onSelect: (currentValue) => {
+                      props.onChange(
+                        currentValue === props.value ? "" : currentValue,
+                        item.item
+                      );
+                      setOpen(false);
+                    },
+                    keywords: [item.label],
+                    className: "cursor-pointer font-medium text-xs capitalize",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                        import_lucide_react7.Check,
+                        {
+                          className: cn(
+                            "h-3 w-3",
+                            props.value === item.value ? "opacity-100" : "opacity-0"
+                          )
+                        }
+                      ),
+                      item.label
+                    ]
+                  },
+                  item.value
+                )) })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/components/confirm-dialog.tsx
+var import_react = __toESM(require("react"));
+
+// src/components/fancy-button.tsx
+var React13 = __toESM(require("react"));
+var import_react_slot2 = require("@radix-ui/react-slot");
+
+// src/lib/recursive-clone-children.tsx
+var React12 = __toESM(require("react"));
+function recursiveCloneChildren(children, additionalProps, displayNames, uniqueId, asChild) {
+  const mappedChildren = React12.Children.map(
+    children,
+    (child, index) => {
+      if (!React12.isValidElement(child)) {
+        return child;
+      }
+      const displayName = child.type?.displayName || "";
+      const newProps = displayNames.includes(displayName) ? additionalProps : {};
+      const childProps = child.props;
+      return React12.cloneElement(
+        child,
+        { ...newProps, key: `${uniqueId}-${index}` },
+        recursiveCloneChildren(
+          childProps?.children,
+          additionalProps,
+          displayNames,
+          uniqueId,
+          childProps?.asChild
+        )
+      );
+    }
+  );
+  return asChild ? mappedChildren?.[0] : mappedChildren;
+}
+
+// src/lib/tv.ts
+var import_tailwind_variants = require("tailwind-variants");
+var tv = (0, import_tailwind_variants.createTV)({});
+
+// src/components/fancy-button.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var BUTTON_ROOT_NAME = "ButtonRoot";
+var BUTTON_ICON_NAME = "ButtonIcon";
+var fancyButtonVariants = tv({
+  slots: {
+    root: [
+      // base
+      "group relative inline-flex items-center justify-center whitespace-nowrap text-label-sm outline-none",
+      "transition duration-200 ease-out cursor-pointer",
+      // focus
+      "focus:outline-none",
+      // disabled
+      "disabled:pointer-events-none",
+      "disabled:opacity-80"
+    ],
+    icon: "relative z-10 size-5 shrink-0"
+  },
+  variants: {
+    variant: {
+      neutral: {
+        root: "bg-bg-strong-950 text-text-white-0 border border-border shadow-ancy-buttons-neutral"
+      },
+      primary: {
+        root: "bg-primary-base text-static-white shadow-fancy-buttons-primary"
+      },
+      destructive: {
+        root: "bg-error-base text-static-white shadow-fancy-buttons-error"
+      },
+      basic: {
+        root: [
+          // base
+          "bg-bg-white-0 text-text-sub-600 shadow-fancy-buttons-stroke",
+          // hover
+          "hover:bg-bg-weak-50 hover:text-text-strong-950 hover:shadow-none"
+        ]
+      }
+    },
+    size: {
+      medium: {
+        root: "h-10 gap-3 rounded-10 px-3.5",
+        icon: "-mx-1"
+      },
+      small: {
+        root: "h-9 gap-3 rounded-lg px-3",
+        icon: "-mx-1"
+      },
+      xsmall: {
+        root: "h-8 gap-3 rounded-lg px-2.5",
+        icon: "-mx-1"
+      },
+      icon: {
+        root: "size-10 rounded-10 p-0",
+        icon: ""
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      variant: ["neutral", "primary", "destructive"],
+      class: {
+        root: [
+          // before
+          "before:pointer-events-none before:absolute before:inset-0 before:z-10 before:rounded-[inherit]",
+          "before:bg-gradient-to-b before:p-px",
+          "before:from-static-white/[.12] before:to-transparent",
+          // before mask
+          "before:[mask-clip:content-box,border-box] before:[mask-composite:exclude] before:[mask-image:linear-gradient(#fff_0_0),linear-gradient(#fff_0_0)]",
+          // after
+          "after:absolute after:inset-0 after:rounded-[inherit] after:bg-gradient-to-b after:from-static-white after:to-transparent",
+          "after:pointer-events-none after:opacity-[.16] after:transition after:duration-200 after:ease-out",
+          // hover
+          "hover:after:opacity-[.24]"
+        ]
+      }
+    }
+  ],
+  defaultVariants: {
+    variant: "primary",
+    size: "medium"
+  }
+});
+var ButtonRoot = React13.forwardRef(
+  ({
+    asChild,
+    children,
+    variant = "primary",
+    size,
+    className,
+    loading,
+    ...rest
+  }, forwardedRef) => {
+    const uniqueId = React13.useId();
+    const Component = asChild ? import_react_slot2.Slot : "button";
+    const { root } = fancyButtonVariants({ variant, size });
+    const sharedProps = {
+      variant,
+      size
+    };
+    const extendedChildren = recursiveCloneChildren(
+      children,
+      sharedProps,
+      [BUTTON_ICON_NAME],
+      uniqueId,
+      asChild
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      Component,
+      {
+        ref: forwardedRef,
+        className: root({ class: className }),
+        disabled: loading,
+        ...rest,
+        children: [
+          loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "div",
+            {
+              className: cn(
+                `size-4 shrink-0 rounded-full border-2 border-background/30
+              border-l-background animate-spin`,
+                {
+                  "border-primary/30 border-l-primary": ![
+                    "primary",
+                    "destructive"
+                  ].includes(variant)
+                }
+              )
+            }
+          ),
+          extendedChildren
+        ]
+      }
+    );
+  }
+);
+ButtonRoot.displayName = BUTTON_ROOT_NAME;
+function ButtonIcon({
+  className,
+  variant,
+  size,
+  as,
+  ...rest
+}) {
+  const Component = as || "div";
+  const { icon } = fancyButtonVariants({ variant, size });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Component, { className: icon({ class: className }), ...rest });
+}
+ButtonIcon.displayName = BUTTON_ICON_NAME;
+
+// src/components/confirm-dialog.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var ConfirmDialog = import_react.default.memo(({ trigger, confirmAction }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(AlertDialog, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlertDialogTrigger, { className: "contents", children: trigger || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ButtonRoot, { variant: "neutral", children: "Confirm" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(AlertDialogPopup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(AlertDialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlertDialogTitle, { className: "text-lg", children: "Are you want to proceed?" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlertDialogDescription, { className: "text-sm", children: "This action may be destructive and can potentially harm any related data. Please ensure that you have backed up all important information before proceeding. If you are unsure about the consequences, it is recommended to cancel and seek further assistance." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(AlertDialogFooter, { className: "justify-start!", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          AlertDialogClose,
+          {
+            render: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ButtonRoot, { variant: "neutral", className: "w-full max-sm:bg-accent sm:w-24" }),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          AlertDialogClose,
+          {
+            onClick: async () => {
+              confirmAction();
+            },
+            render: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ButtonRoot, { variant: "destructive", className: "w-full sm:w-24" }),
+            children: "Continue"
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+
+// src/components/copy-button.tsx
+var import_icons = require("@use-stall/icons");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var CopyButton = ({
+  isCopied,
+  copyFunction,
+  clearFunction,
+  className,
+  icon_size
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    Button,
+    {
+      onClick: () => {
+        copyFunction();
+        setTimeout(() => {
+          clearFunction();
+        }, 2e3);
+      },
+      size: "icon",
+      variant: "ghost",
+      className: cn("size-6 text-primary", className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "div",
+          {
+            className: cn(
+              "absolute inset-0 flex items-center justify-center transition-all duration-300 ease-in-out will-change-[transform, opacity, filter]",
+              isCopied ? "scale-100 opacity-100 blur-0" : "blur-xs scale-[0.25] opacity-0"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons.StCheckMarkCircle, { size: icon_size, className: "fill-primary/20" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "div",
+          {
+            className: cn(
+              "transition-[transform, opacity, filter] duration-300 ease-in-out will-change-[transform, opacity, filter]",
+              isCopied ? "blur-xs scale-[0.25] opacity-0" : "scale-100 opacity-100 blur-0"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons.StCopy, { size: icon_size, className: "fill-primary/20" })
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/components/country-picker.tsx
+var React15 = __toESM(require("react"));
+var import_lucide_react8 = require("lucide-react");
+
+// src/constants/countries.ts
+var COUNTRIES = [
+  { code: "AF", name: "Afghanistan", label: "\u{1F1E6}\u{1F1EB} Afghanistan" },
+  { code: "AL", name: "Albania", label: "\u{1F1E6}\u{1F1F1} Albania" },
+  { code: "DZ", name: "Algeria", label: "\u{1F1E9}\u{1F1FF} Algeria" },
+  { code: "AD", name: "Andorra", label: "\u{1F1E6}\u{1F1E9} Andorra" },
+  { code: "AO", name: "Angola", label: "\u{1F1E6}\u{1F1F4} Angola" },
+  { code: "AG", name: "Antigua and Barbuda", label: "\u{1F1E6}\u{1F1EC} Antigua and Barbuda" },
+  { code: "AR", name: "Argentina", label: "\u{1F1E6}\u{1F1F7} Argentina" },
+  { code: "AM", name: "Armenia", label: "\u{1F1E6}\u{1F1F2} Armenia" },
+  { code: "AU", name: "Australia", label: "\u{1F1E6}\u{1F1FA} Australia" },
+  { code: "AT", name: "Austria", label: "\u{1F1E6}\u{1F1F9} Austria" },
+  { code: "AZ", name: "Azerbaijan", label: "\u{1F1E6}\u{1F1FF} Azerbaijan" },
+  { code: "BS", name: "Bahamas", label: "\u{1F1E7}\u{1F1F8} Bahamas" },
+  { code: "BH", name: "Bahrain", label: "\u{1F1E7}\u{1F1ED} Bahrain" },
+  { code: "BD", name: "Bangladesh", label: "\u{1F1E7}\u{1F1E9} Bangladesh" },
+  { code: "BB", name: "Barbados", label: "\u{1F1E7}\u{1F1E7} Barbados" },
+  { code: "BY", name: "Belarus", label: "\u{1F1E7}\u{1F1FE} Belarus" },
+  { code: "BE", name: "Belgium", label: "\u{1F1E7}\u{1F1EA} Belgium" },
+  { code: "BZ", name: "Belize", label: "\u{1F1E7}\u{1F1FF} Belize" },
+  { code: "BJ", name: "Benin", label: "\u{1F1E7}\u{1F1EF} Benin" },
+  { code: "BT", name: "Bhutan", label: "\u{1F1E7}\u{1F1F9} Bhutan" },
+  { code: "BO", name: "Bolivia", label: "\u{1F1E7}\u{1F1F4} Bolivia" },
+  { code: "BA", name: "Bosnia and Herzegovina", label: "\u{1F1E7}\u{1F1E6} Bosnia and Herzegovina" },
+  { code: "BW", name: "Botswana", label: "\u{1F1E7}\u{1F1FC} Botswana" },
+  { code: "BR", name: "Brazil", label: "\u{1F1E7}\u{1F1F7} Brazil" },
+  { code: "BN", name: "Brunei", label: "\u{1F1E7}\u{1F1F3} Brunei" },
+  { code: "BG", name: "Bulgaria", label: "\u{1F1E7}\u{1F1EC} Bulgaria" },
+  { code: "BF", name: "Burkina Faso", label: "\u{1F1E7}\u{1F1EB} Burkina Faso" },
+  { code: "BI", name: "Burundi", label: "\u{1F1E7}\u{1F1EE} Burundi" },
+  { code: "CV", name: "Cabo Verde", label: "\u{1F1E8}\u{1F1FB} Cabo Verde" },
+  { code: "KH", name: "Cambodia", label: "\u{1F1F0}\u{1F1ED} Cambodia" },
+  { code: "CM", name: "Cameroon", label: "\u{1F1E8}\u{1F1F2} Cameroon" },
+  { code: "CA", name: "Canada", label: "\u{1F1E8}\u{1F1E6} Canada" },
+  { code: "CF", name: "Central African Republic", label: "\u{1F1E8}\u{1F1EB} Central African Republic" },
+  { code: "TD", name: "Chad", label: "\u{1F1F9}\u{1F1E9} Chad" },
+  { code: "CL", name: "Chile", label: "\u{1F1E8}\u{1F1F1} Chile" },
+  { code: "CN", name: "China", label: "\u{1F1E8}\u{1F1F3} China" },
+  { code: "CO", name: "Colombia", label: "\u{1F1E8}\u{1F1F4} Colombia" },
+  { code: "KM", name: "Comoros", label: "\u{1F1F0}\u{1F1F2} Comoros" },
+  { code: "CG", name: "Congo", label: "\u{1F1E8}\u{1F1EC} Congo" },
+  { code: "CD", name: "Congo (DRC)", label: "\u{1F1E8}\u{1F1E9} Congo (DRC)" },
+  { code: "CR", name: "Costa Rica", label: "\u{1F1E8}\u{1F1F7} Costa Rica" },
+  { code: "CI", name: "C\xF4te d\u2019Ivoire", label: "\u{1F1E8}\u{1F1EE} C\xF4te d\u2019Ivoire" },
+  { code: "HR", name: "Croatia", label: "\u{1F1ED}\u{1F1F7} Croatia" },
+  { code: "CU", name: "Cuba", label: "\u{1F1E8}\u{1F1FA} Cuba" },
+  { code: "CY", name: "Cyprus", label: "\u{1F1E8}\u{1F1FE} Cyprus" },
+  { code: "CZ", name: "Czechia", label: "\u{1F1E8}\u{1F1FF} Czechia" },
+  { code: "DK", name: "Denmark", label: "\u{1F1E9}\u{1F1F0} Denmark" },
+  { code: "DJ", name: "Djibouti", label: "\u{1F1E9}\u{1F1EF} Djibouti" },
+  { code: "DM", name: "Dominica", label: "\u{1F1E9}\u{1F1F2} Dominica" },
+  { code: "DO", name: "Dominican Republic", label: "\u{1F1E9}\u{1F1F4} Dominican Republic" },
+  { code: "EC", name: "Ecuador", label: "\u{1F1EA}\u{1F1E8} Ecuador" },
+  { code: "EG", name: "Egypt", label: "\u{1F1EA}\u{1F1EC} Egypt" },
+  { code: "SV", name: "El Salvador", label: "\u{1F1F8}\u{1F1FB} El Salvador" },
+  { code: "GQ", name: "Equatorial Guinea", label: "\u{1F1EC}\u{1F1F6} Equatorial Guinea" },
+  { code: "ER", name: "Eritrea", label: "\u{1F1EA}\u{1F1F7} Eritrea" },
+  { code: "EE", name: "Estonia", label: "\u{1F1EA}\u{1F1EA} Estonia" },
+  { code: "SZ", name: "Eswatini", label: "\u{1F1F8}\u{1F1FF} Eswatini" },
+  { code: "ET", name: "Ethiopia", label: "\u{1F1EA}\u{1F1F9} Ethiopia" },
+  { code: "FJ", name: "Fiji", label: "\u{1F1EB}\u{1F1EF} Fiji" },
+  { code: "FI", name: "Finland", label: "\u{1F1EB}\u{1F1EE} Finland" },
+  { code: "FR", name: "France", label: "\u{1F1EB}\u{1F1F7} France" },
+  { code: "GA", name: "Gabon", label: "\u{1F1EC}\u{1F1E6} Gabon" },
+  { code: "GM", name: "Gambia", label: "\u{1F1EC}\u{1F1F2} Gambia" },
+  { code: "GE", name: "Georgia", label: "\u{1F1EC}\u{1F1EA} Georgia" },
+  { code: "DE", name: "Germany", label: "\u{1F1E9}\u{1F1EA} Germany" },
+  { code: "GH", name: "Ghana", label: "\u{1F1EC}\u{1F1ED} Ghana" },
+  { code: "GR", name: "Greece", label: "\u{1F1EC}\u{1F1F7} Greece" },
+  { code: "GD", name: "Grenada", label: "\u{1F1EC}\u{1F1E9} Grenada" },
+  { code: "GT", name: "Guatemala", label: "\u{1F1EC}\u{1F1F9} Guatemala" },
+  { code: "GN", name: "Guinea", label: "\u{1F1EC}\u{1F1F3} Guinea" },
+  { code: "GW", name: "Guinea-Bissau", label: "\u{1F1EC}\u{1F1FC} Guinea-Bissau" },
+  { code: "GY", name: "Guyana", label: "\u{1F1EC}\u{1F1FE} Guyana" },
+  { code: "HT", name: "Haiti", label: "\u{1F1ED}\u{1F1F9} Haiti" },
+  { code: "HN", name: "Honduras", label: "\u{1F1ED}\u{1F1F3} Honduras" },
+  { code: "HU", name: "Hungary", label: "\u{1F1ED}\u{1F1FA} Hungary" },
+  { code: "IS", name: "Iceland", label: "\u{1F1EE}\u{1F1F8} Iceland" },
+  { code: "IN", name: "India", label: "\u{1F1EE}\u{1F1F3} India" },
+  { code: "ID", name: "Indonesia", label: "\u{1F1EE}\u{1F1E9} Indonesia" },
+  { code: "IR", name: "Iran", label: "\u{1F1EE}\u{1F1F7} Iran" },
+  { code: "IQ", name: "Iraq", label: "\u{1F1EE}\u{1F1F6} Iraq" },
+  { code: "IE", name: "Ireland", label: "\u{1F1EE}\u{1F1EA} Ireland" },
+  { code: "IL", name: "Israel", label: "\u{1F1EE}\u{1F1F1} Israel" },
+  { code: "IT", name: "Italy", label: "\u{1F1EE}\u{1F1F9} Italy" },
+  { code: "JM", name: "Jamaica", label: "\u{1F1EF}\u{1F1F2} Jamaica" },
+  { code: "JP", name: "Japan", label: "\u{1F1EF}\u{1F1F5} Japan" },
+  { code: "JO", name: "Jordan", label: "\u{1F1EF}\u{1F1F4} Jordan" },
+  { code: "KZ", name: "Kazakhstan", label: "\u{1F1F0}\u{1F1FF} Kazakhstan" },
+  { code: "KE", name: "Kenya", label: "\u{1F1F0}\u{1F1EA} Kenya" },
+  { code: "KI", name: "Kiribati", label: "\u{1F1F0}\u{1F1EE} Kiribati" },
+  { code: "KP", name: "North Korea", label: "\u{1F1F0}\u{1F1F5} North Korea" },
+  { code: "KR", name: "South Korea", label: "\u{1F1F0}\u{1F1F7} South Korea" },
+  { code: "KW", name: "Kuwait", label: "\u{1F1F0}\u{1F1FC} Kuwait" },
+  { code: "KG", name: "Kyrgyzstan", label: "\u{1F1F0}\u{1F1EC} Kyrgyzstan" },
+  { code: "LA", name: "Laos", label: "\u{1F1F1}\u{1F1E6} Laos" },
+  { code: "LV", name: "Latvia", label: "\u{1F1F1}\u{1F1FB} Latvia" },
+  { code: "LB", name: "Lebanon", label: "\u{1F1F1}\u{1F1E7} Lebanon" },
+  { code: "LS", name: "Lesotho", label: "\u{1F1F1}\u{1F1F8} Lesotho" },
+  { code: "LR", name: "Liberia", label: "\u{1F1F1}\u{1F1F7} Liberia" },
+  { code: "LY", name: "Libya", label: "\u{1F1F1}\u{1F1FE} Libya" },
+  { code: "LI", name: "Liechtenstein", label: "\u{1F1F1}\u{1F1EE} Liechtenstein" },
+  { code: "LT", name: "Lithuania", label: "\u{1F1F1}\u{1F1F9} Lithuania" },
+  { code: "LU", name: "Luxembourg", label: "\u{1F1F1}\u{1F1FA} Luxembourg" },
+  { code: "MG", name: "Madagascar", label: "\u{1F1F2}\u{1F1EC} Madagascar" },
+  { code: "MW", name: "Malawi", label: "\u{1F1F2}\u{1F1FC} Malawi" },
+  { code: "MY", name: "Malaysia", label: "\u{1F1F2}\u{1F1FE} Malaysia" },
+  { code: "MV", name: "Maldives", label: "\u{1F1F2}\u{1F1FB} Maldives" },
+  { code: "ML", name: "Mali", label: "\u{1F1F2}\u{1F1F1} Mali" },
+  { code: "MT", name: "Malta", label: "\u{1F1F2}\u{1F1F9} Malta" },
+  { code: "MH", name: "Marshall Islands", label: "\u{1F1F2}\u{1F1ED} Marshall Islands" },
+  { code: "MR", name: "Mauritania", label: "\u{1F1F2}\u{1F1F7} Mauritania" },
+  { code: "MU", name: "Mauritius", label: "\u{1F1F2}\u{1F1FA} Mauritius" },
+  { code: "MX", name: "Mexico", label: "\u{1F1F2}\u{1F1FD} Mexico" },
+  { code: "FM", name: "Micronesia", label: "\u{1F1EB}\u{1F1F2} Micronesia" },
+  { code: "MD", name: "Moldova", label: "\u{1F1F2}\u{1F1E9} Moldova" },
+  { code: "MC", name: "Monaco", label: "\u{1F1F2}\u{1F1E8} Monaco" },
+  { code: "MN", name: "Mongolia", label: "\u{1F1F2}\u{1F1F3} Mongolia" },
+  { code: "ME", name: "Montenegro", label: "\u{1F1F2}\u{1F1EA} Montenegro" },
+  { code: "MA", name: "Morocco", label: "\u{1F1F2}\u{1F1E6} Morocco" },
+  { code: "MZ", name: "Mozambique", label: "\u{1F1F2}\u{1F1FF} Mozambique" },
+  { code: "MM", name: "Myanmar", label: "\u{1F1F2}\u{1F1F2} Myanmar" },
+  { code: "NA", name: "Namibia", label: "\u{1F1F3}\u{1F1E6} Namibia" },
+  { code: "NR", name: "Nauru", label: "\u{1F1F3}\u{1F1F7} Nauru" },
+  { code: "NP", name: "Nepal", label: "\u{1F1F3}\u{1F1F5} Nepal" },
+  { code: "NL", name: "Netherlands", label: "\u{1F1F3}\u{1F1F1} Netherlands" },
+  { code: "NZ", name: "New Zealand", label: "\u{1F1F3}\u{1F1FF} New Zealand" },
+  { code: "NI", name: "Nicaragua", label: "\u{1F1F3}\u{1F1EE} Nicaragua" },
+  { code: "NE", name: "Niger", label: "\u{1F1F3}\u{1F1EA} Niger" },
+  { code: "NG", name: "Nigeria", label: "\u{1F1F3}\u{1F1EC} Nigeria" },
+  { code: "MK", name: "North Macedonia", label: "\u{1F1F2}\u{1F1F0} North Macedonia" },
+  { code: "NO", name: "Norway", label: "\u{1F1F3}\u{1F1F4} Norway" },
+  { code: "OM", name: "Oman", label: "\u{1F1F4}\u{1F1F2} Oman" },
+  { code: "PK", name: "Pakistan", label: "\u{1F1F5}\u{1F1F0} Pakistan" },
+  { code: "PW", name: "Palau", label: "\u{1F1F5}\u{1F1FC} Palau" },
+  { code: "PA", name: "Panama", label: "\u{1F1F5}\u{1F1E6} Panama" },
+  { code: "PG", name: "Papua New Guinea", label: "\u{1F1F5}\u{1F1EC} Papua New Guinea" },
+  { code: "PY", name: "Paraguay", label: "\u{1F1F5}\u{1F1FE} Paraguay" },
+  { code: "PE", name: "Peru", label: "\u{1F1F5}\u{1F1EA} Peru" },
+  { code: "PH", name: "Philippines", label: "\u{1F1F5}\u{1F1ED} Philippines" },
+  { code: "PL", name: "Poland", label: "\u{1F1F5}\u{1F1F1} Poland" },
+  { code: "PT", name: "Portugal", label: "\u{1F1F5}\u{1F1F9} Portugal" },
+  { code: "QA", name: "Qatar", label: "\u{1F1F6}\u{1F1E6} Qatar" },
+  { code: "RO", name: "Romania", label: "\u{1F1F7}\u{1F1F4} Romania" },
+  { code: "RU", name: "Russia", label: "\u{1F1F7}\u{1F1FA} Russia" },
+  { code: "RW", name: "Rwanda", label: "\u{1F1F7}\u{1F1FC} Rwanda" },
+  { code: "KN", name: "Saint Kitts and Nevis", label: "\u{1F1F0}\u{1F1F3} Saint Kitts and Nevis" },
+  { code: "LC", name: "Saint Lucia", label: "\u{1F1F1}\u{1F1E8} Saint Lucia" },
+  { code: "VC", name: "Saint Vincent and the Grenadines", label: "\u{1F1FB}\u{1F1E8} Saint Vincent and the Grenadines" },
+  { code: "WS", name: "Samoa", label: "\u{1F1FC}\u{1F1F8} Samoa" },
+  { code: "SM", name: "San Marino", label: "\u{1F1F8}\u{1F1F2} San Marino" },
+  { code: "ST", name: "Sao Tome and Principe", label: "\u{1F1F8}\u{1F1F9} Sao Tome and Principe" },
+  { code: "SA", name: "Saudi Arabia", label: "\u{1F1F8}\u{1F1E6} Saudi Arabia" },
+  { code: "SN", name: "Senegal", label: "\u{1F1F8}\u{1F1F3} Senegal" },
+  { code: "RS", name: "Serbia", label: "\u{1F1F7}\u{1F1F8} Serbia" },
+  { code: "SC", name: "Seychelles", label: "\u{1F1F8}\u{1F1E8} Seychelles" },
+  { code: "SL", name: "Sierra Leone", label: "\u{1F1F8}\u{1F1F1} Sierra Leone" },
+  { code: "SG", name: "Singapore", label: "\u{1F1F8}\u{1F1EC} Singapore" },
+  { code: "SK", name: "Slovakia", label: "\u{1F1F8}\u{1F1F0} Slovakia" },
+  { code: "SI", name: "Slovenia", label: "\u{1F1F8}\u{1F1EE} Slovenia" },
+  { code: "SB", name: "Solomon Islands", label: "\u{1F1F8}\u{1F1E7} Solomon Islands" },
+  { code: "SO", name: "Somalia", label: "\u{1F1F8}\u{1F1F4} Somalia" },
+  { code: "ZA", name: "South Africa", label: "\u{1F1FF}\u{1F1E6} South Africa" },
+  { code: "SS", name: "South Sudan", label: "\u{1F1F8}\u{1F1F8} South Sudan" },
+  { code: "ES", name: "Spain", label: "\u{1F1EA}\u{1F1F8} Spain" },
+  { code: "LK", name: "Sri Lanka", label: "\u{1F1F1}\u{1F1F0} Sri Lanka" },
+  { code: "SD", name: "Sudan", label: "\u{1F1F8}\u{1F1E9} Sudan" },
+  { code: "SR", name: "Suriname", label: "\u{1F1F8}\u{1F1F7} Suriname" },
+  { code: "SE", name: "Sweden", label: "\u{1F1F8}\u{1F1EA} Sweden" },
+  { code: "CH", name: "Switzerland", label: "\u{1F1E8}\u{1F1ED} Switzerland" },
+  { code: "SY", name: "Syria", label: "\u{1F1F8}\u{1F1FE} Syria" },
+  { code: "TW", name: "Taiwan", label: "\u{1F1F9}\u{1F1FC} Taiwan" },
+  { code: "TJ", name: "Tajikistan", label: "\u{1F1F9}\u{1F1EF} Tajikistan" },
+  { code: "TZ", name: "Tanzania", label: "\u{1F1F9}\u{1F1FF} Tanzania" },
+  { code: "TH", name: "Thailand", label: "\u{1F1F9}\u{1F1ED} Thailand" },
+  { code: "TL", name: "Timor-Leste", label: "\u{1F1F9}\u{1F1F1} Timor-Leste" },
+  { code: "TG", name: "Togo", label: "\u{1F1F9}\u{1F1EC} Togo" },
+  { code: "TO", name: "Tonga", label: "\u{1F1F9}\u{1F1F4} Tonga" },
+  { code: "TT", name: "Trinidad and Tobago", label: "\u{1F1F9}\u{1F1F9} Trinidad and Tobago" },
+  { code: "TN", name: "Tunisia", label: "\u{1F1F9}\u{1F1F3} Tunisia" },
+  { code: "TR", name: "Turkey", label: "\u{1F1F9}\u{1F1F7} Turkey" },
+  { code: "TM", name: "Turkmenistan", label: "\u{1F1F9}\u{1F1F2} Turkmenistan" },
+  { code: "TV", name: "Tuvalu", label: "\u{1F1F9}\u{1F1FB} Tuvalu" },
+  { code: "UG", name: "Uganda", label: "\u{1F1FA}\u{1F1EC} Uganda" },
+  { code: "UA", name: "Ukraine", label: "\u{1F1FA}\u{1F1E6} Ukraine" },
+  { code: "AE", name: "United Arab Emirates", label: "\u{1F1E6}\u{1F1EA} United Arab Emirates" },
+  { code: "GB", name: "United Kingdom", label: "\u{1F1EC}\u{1F1E7} United Kingdom" },
+  { code: "US", name: "United States", label: "\u{1F1FA}\u{1F1F8} United States" },
+  { code: "UY", name: "Uruguay", label: "\u{1F1FA}\u{1F1FE} Uruguay" },
+  { code: "UZ", name: "Uzbekistan", label: "\u{1F1FA}\u{1F1FF} Uzbekistan" },
+  { code: "VU", name: "Vanuatu", label: "\u{1F1FB}\u{1F1FA} Vanuatu" },
+  { code: "VA", name: "Vatican City", label: "\u{1F1FB}\u{1F1E6} Vatican City" },
+  { code: "VE", name: "Venezuela", label: "\u{1F1FB}\u{1F1EA} Venezuela" },
+  { code: "VN", name: "Vietnam", label: "\u{1F1FB}\u{1F1F3} Vietnam" },
+  { code: "YE", name: "Yemen", label: "\u{1F1FE}\u{1F1EA} Yemen" },
+  { code: "ZM", name: "Zambia", label: "\u{1F1FF}\u{1F1F2} Zambia" },
+  { code: "ZW", name: "Zimbabwe", label: "\u{1F1FF}\u{1F1FC} Zimbabwe" }
+];
+
+// src/components/country-picker.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var options = COUNTRIES.map((c) => ({
+  label: c.label,
+  value: c.name,
+  name: c.name,
+  alpha2: c.code
+}));
+function CountryPicker({
+  modal = false,
+  value_key = "value",
+  ...props
+}) {
+  const [open, setOpen] = React15.useState(false);
+  const active_option = React15.useMemo(
+    () => options?.find(
+      (item) => item[value_key] === props.value
+    )?.label,
+    [props.value, value_key]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      PopoverTrigger,
+      {
+        disabled: props.disabled,
+        asChild: !!props.trigger,
+        className: cn(
+          "bg-tranparent w-full px-0",
+          props.disabled && "pointer-events-none cursor-not-allowed"
+        ),
+        children: props.trigger ? props.trigger : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "button",
+          {
+            type: "button",
+            role: "combobox",
+            "aria-expanded": open,
+            disabled: props.disabled,
+            className: cn(
+              buttonVariants({ variant: "outline" }),
+              `relative w-full h-10 px-3 gap-2 overflow-hidden justify-between bg-background shadow-none
+               text-muted-foreground/40 ring-offset-0 ring-inset [font-weight:inherit]`,
+              props.value && "text-foreground",
+              props?.className,
+              props.disabled && "pointer-events-none cursor-not-allowed"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "max-w-full whitespace-nowrap truncate overflow-hidden text-inherit",
+                    props.nestedClassName
+                  ),
+                  children: active_option ? active_option : props.placeholder || "Pick a country"
+                }
+              ),
+              !props.disabled && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react8.ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50 -mr-1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "input",
+                {
+                  type: "text",
+                  className: "scale-0 absolute",
+                  value: props.value ?? "",
+                  required: props.required ?? false
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      PopoverContent,
+      {
+        align: props.align || "center",
+        hidePrimitive: props.hidePrimitive,
+        className: "w-[var(--radix-popover-trigger-width)] max-h-(--radix-popover-content-available-height)\n        min-w-40 p-0 overflow-hidden",
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          Command,
+          {
+            className: "w-full",
+            filter: (value, search, keywords = []) => {
+              const extendValue = value + " " + keywords.join(" ");
+              if (extendValue.toLowerCase().includes(search.toLowerCase())) {
+                return 1;
+              }
+              return 0;
+            },
+            children: [
+              !props.hideSearch && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandInput, { placeholder: "Search ...", className: "text-xs" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CommandList, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandEmpty, { className: "flex flex-col items-center justify-center p-6", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "mt-2 text-xs text-zinc-400", children: "No data found" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandGroup, { children: options?.map((item) => {
+                  const item_value = item[value_key];
+                  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                    CommandItem,
+                    {
+                      value: item_value,
+                      onSelect: (e) => {
+                        props.onChange(e);
+                        setOpen(false);
+                      },
+                      keywords: [item.label],
+                      className: "cursor-pointer font-medium text-xs capitalize",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                          import_lucide_react8.Check,
+                          {
+                            className: cn(
+                              "h-3 w-3",
+                              props.value === item_value ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        ),
+                        item.label
+                      ]
+                    },
+                    item_value
+                  );
+                }) })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/components/drawer.tsx
+var React16 = __toESM(require("react"));
+var import_vaul = require("vaul");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  import_vaul.Drawer.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+);
+Drawer.displayName = "Drawer";
+var DrawerTrigger = import_vaul.Drawer.Trigger;
+var DrawerPortal = import_vaul.Drawer.Portal;
+var DrawerClose = import_vaul.Drawer.Close;
+var DrawerOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  import_vaul.Drawer.Overlay,
+  {
+    ref,
+    className: cn("fixed inset-0 z-50 bg-black/80", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
+var DrawerContent = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(DrawerPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DrawerOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    import_vaul.Drawer.Content,
+    {
+      ref,
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  "div",
+  {
+    className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  "div",
+  {
+    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  import_vaul.Drawer.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
+var DrawerDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  import_vaul.Drawer.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
+
+// src/components/dropdown-menu.tsx
+var React17 = __toESM(require("react"));
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+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 DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.ChevronRight, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-32 overflow-hidden rounded-10 border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer select-none items-center rounded-[0.45rem] px-2 py-1 text-xs font-medium outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/components/field.tsx
+var import_field = require("@base-ui-components/react/field");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_field.Field.Root,
+    {
+      className: cn("flex flex-col items-start gap-2", className),
+      "data-slot": "field",
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_field.Field.Label,
+    {
+      className: cn("inline-flex items-center gap-2 text-sm/4", className),
+      "data-slot": "field-label",
+      ...props
+    }
+  );
+}
+function FieldDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_field.Field.Description,
+    {
+      className: cn("text-muted-foreground text-xs", className),
+      "data-slot": "field-description",
+      ...props
+    }
+  );
+}
+function FieldError({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_field.Field.Error,
+    {
+      className: cn("text-destructive-foreground text-xs", className),
+      "data-slot": "field-error",
+      ...props
+    }
+  );
+}
+var FieldControl = import_field.Field.Control;
+var FieldValidity = import_field.Field.Validity;
+
+// src/components/form.tsx
+var React19 = __toESM(require("react"));
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_react_hook_form = require("react-hook-form");
+
+// src/components/label.tsx
+var React18 = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority3.cva)(
+  "text-xs text-muted-foreground font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label2.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/form.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Form = import_react_hook_form.FormProvider;
+var FormFieldContext = React19.createContext(
+  {}
+);
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_hook_form.Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React19.useContext(FormFieldContext);
+  const itemContext = React19.useContext(FormItemContext);
+  const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormItemContext = React19.createContext(
+  {}
+);
+var FormItem = React19.forwardRef(({ className, ...props }, ref) => {
+  const id = React19.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+});
+FormItem.displayName = "FormItem";
+var FormLabel = React19.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    Label2,
+    {
+      ref,
+      className: cn(error && "text-destructive", className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React19.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_slot3.Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React19.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = React19.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "p",
+    {
+      ref,
+      id: formMessageId,
+      className: cn("text-sm font-medium text-destructive", className),
+      ...props,
+      children: body
+    }
+  );
+});
+FormMessage.displayName = "FormMessage";
+
+// src/components/image-card.tsx
+var import_react2 = __toESM(require("react"));
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var ImageCard = import_react2.default.memo(
+  ({ src = "", alt = "", onErrorImage, className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "img",
+      {
+        onError: (e) => {
+          const target = e?.currentTarget;
+          if (target) {
+            target.src = onErrorImage || "";
+          }
+        },
+        src,
+        alt,
+        className: cn(
+          `h-8 w-8 rounded-10 bg-main-background object-cover object-center shadow-s
+          overflow-hidden border-4 border-main-background shrink-0`,
+          className
+        )
+      }
+    );
+  }
+);
+
+// src/components/input-otp.tsx
+var React21 = __toESM(require("react"));
+var import_input_otp = require("input-otp");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var InputOTP = React21.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  import_input_otp.OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "flex items-center gap-2 has-disabled:opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React21.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React21.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 items-center justify-center bg-background border-y border-r border-input text-sm transition-all first:rounded-l-10 first:border-l last:rounded-r-10",
+        isActive && "z-10 ring-2 ring-ring ring-offset-background",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React21.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/modal-container.tsx
+var import_react3 = __toESM(require("react"));
+var import_framer_motion = require("framer-motion");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ModalContainer = import_react3.default.memo((props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_framer_motion.motion.div,
+    {
+      initial: { y: 10, opacity: 0 },
+      exit: { y: 10, opacity: 0 },
+      animate: { y: 0, opacity: 1 },
+      className: "fixed inset-0 md:inset-2 md:rounded-xl md:border-4 border-white dark:border-zinc-700\n       shadow-3xl bg-main-background overflow-hidden z-10",
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-full h-full overflow-hidden overflow-y-auto flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-full max-w-[700px] h-fit shrink-0 overflow-hidden flex flex-col p-4", children: props.children }) })
+    }
+  );
+});
+
+// src/components/multi-select.tsx
+var React23 = __toESM(require("react"));
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var MultiSelect = ({
+  options: options2 = [],
+  value = [],
+  onValueChange,
+  className,
+  searchInputClassName,
+  placeholder,
+  maxCount,
+  required
+}) => {
+  const selectedOptions = React23.useMemo(() => {
+    return value.map((v) => options2.find((opt) => opt.value === v)).filter(Boolean);
+  }, [value, options2]);
+  const handleValueChange = React23.useCallback(
+    (newValue) => {
+      if (Array.isArray(newValue)) {
+        onValueChange?.(newValue.map((opt) => opt.value));
+      } else if (newValue === null) {
+        onValueChange?.([]);
+      }
+    },
+    [onValueChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    Combobox,
+    {
+      required,
+      items: options2,
+      multiple: true,
+      value: selectedOptions,
+      onValueChange: handleValueChange,
+      disabled: maxCount === options2.length,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          ComboboxChips,
+          {
+            className: cn(
+              "min-h-10! before:hidden shadow-none rounded-10!",
+              className
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ComboboxValue, { children: (value2) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(React23.Fragment, { children: [
+              value2?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                ComboboxChip,
+                {
+                  "aria-label": item.value,
+                  className: "bg-background border border-border text-xs text-primary [&_svg]:text-muted-foreground/80\n                  [&_svg]:hover:text-destructive cursor-default font-medium pl-2 flex items-center rounded-lg",
+                  children: item.label
+                },
+                item.value
+              )),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                ComboboxInput,
+                {
+                  placeholder: value2.length > 0 ? void 0 : placeholder || "Select an item...",
+                  "aria-label": "Select an item",
+                  className: cn(
+                    "text-sm! placeholder:text-muted-foreground/50 rounded-10",
+                    searchInputClassName
+                  )
+                }
+              )
+            ] }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(ComboboxPopup, { className: "rounded-xl", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(ComboboxEmpty, { className: "w-full center-flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              "div",
+              {
+                style: { borderRadius: "30% 70% 70% 30% / 30% 38% 62% 70%" },
+                className: "mt-8 size-24 center-flex bg-accent/50 rounded-blob",
+                children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                  "img",
+                  {
+                    src: "/images/no-direction.png",
+                    alt: "no-results",
+                    className: "size-16 object-cover object-center"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h1", { className: "mt-4 text-sm text-foreground font-semibold", children: "Nothing Found" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "mt-1 mb-8 text-sm text-center text-muted-foreground max-w-62", children: "We couldn't find anything matching your search" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ComboboxList, { children: (item) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            ComboboxItem,
+            {
+              value: item,
+              className: "pe-0! flex data-selected:hidden",
+              children: item.label
+            },
+            item.value
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+MultiSelect.displayName = "MultiSelect";
+
+// src/components/password-input.tsx
+var import_lucide_react11 = require("lucide-react");
+var import_react4 = __toESM(require("react"));
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var PasswordInput = import_react4.default.forwardRef(
+  ({ className, onSubmit, showStrength, ...props }, ref) => {
+    const [isVisible, setIsVisible] = import_react4.default.useState(false);
+    const toggleVisibility = () => setIsVisible((prevState) => !prevState);
+    const checkStrength = (pass) => {
+      const requirements = [
+        { regex: /.{8,}/, text: "At least 8 characters" },
+        { regex: /[0-9]/, text: "At least 1 number" },
+        { regex: /[a-z]/, text: "At least 1 lowercase letter" },
+        { regex: /[A-Z]/, text: "At least 1 uppercase letter" }
+      ];
+      return requirements.map((req) => ({
+        met: req.regex.test(pass),
+        text: req.text
+      }));
+    };
+    const strength = checkStrength(props.value?.toString() || "");
+    const strengthScore = import_react4.default.useMemo(() => {
+      return strength.filter((req) => req.met).length;
+    }, [strength]);
+    const getStrengthColor = (score) => {
+      if (score === 0) return "bg-border";
+      if (score <= 1) return "bg-red-500";
+      if (score <= 2) return "bg-orange-500";
+      if (score === 3) return "bg-amber-500";
+      return "bg-emerald-500";
+    };
+    const getStrengthText = (score) => {
+      if (score === 0) return "Enter a password";
+      if (score <= 2) return "Weak password";
+      if (score === 3) return "Medium password";
+      return "Strong password";
+    };
+    const handleSubmit = (event) => {
+      if (showStrength && strengthScore < 4) {
+        event.preventDefault();
+        return;
+      }
+      onSubmit?.(event);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          Input,
+          {
+            className: cn("pe-9", className),
+            ...props,
+            ref,
+            type: isVisible ? "text" : "password",
+            "aria-invalid": showStrength ? strengthScore < 4 : false,
+            onSubmit: handleSubmit
+          }
+        ),
+        showStrength && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          "input",
+          {
+            title: "password",
+            type: "password",
+            className: "scale-0 absolute",
+            required: true,
+            value: showStrength ? strengthScore >= 4 ? props?.value : "" : props.value
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          "button",
+          {
+            className: "absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-lg text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus:z-10 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+            type: "button",
+            onClick: toggleVisibility,
+            "aria-label": isVisible ? "Hide password" : "Show password",
+            "aria-pressed": isVisible,
+            "aria-controls": "password",
+            children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react11.EyeOff, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react11.Eye, { size: 16, strokeWidth: 2, "aria-hidden": "true" })
+          }
+        )
+      ] }),
+      showStrength && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react4.default.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          "div",
+          {
+            className: "my-3 h-1 w-full overflow-hidden rounded-full bg-border",
+            role: "progressbar",
+            "aria-valuenow": strengthScore,
+            "aria-valuemin": 0,
+            "aria-valuemax": 4,
+            "aria-label": "Password strength",
+            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+              "div",
+              {
+                className: `h-full ${getStrengthColor(
+                  strengthScore
+                )} transition-all duration-500 ease-out`,
+                style: { width: `${strengthScore / 4 * 100}%` }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          "p",
+          {
+            id: "password-strength",
+            className: "mb-2 text-xs font-medium text-zinc-600",
+            children: [
+              getStrengthText(strengthScore),
+              ". Must contain:"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("ul", { className: "space-y-1.5", "aria-label": "Password requirements", children: strength.map((req, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("li", { className: "flex items-center gap-2", children: [
+          req.met ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            import_lucide_react11.Check,
+            {
+              size: 16,
+              className: "text-emerald-500",
+              "aria-hidden": "true"
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            import_lucide_react11.X,
+            {
+              size: 16,
+              className: "text-muted-foreground/80",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+            "span",
+            {
+              className: `text-xs ${req.met ? "text-emerald-600" : "text-muted-foreground"}`,
+              children: [
+                req.text,
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: req.met ? " - Requirement met" : " - Requirement not met" })
+              ]
+            }
+          )
+        ] }, index)) })
+      ] })
+    ] });
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+var password_input_default = import_react4.default.memo(PasswordInput);
+
+// src/components/phone-number-input.tsx
+var import_lucide_react12 = require("lucide-react");
+var import_react5 = require("react");
+var RPNInput = __toESM(require("react-phone-number-input"));
+var import_flags = __toESM(require("react-phone-number-input/flags"));
+var import_react_phone_number_input = require("react-phone-number-input");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var PhoneInput = (0, import_react5.forwardRef)(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      Input,
+      {
+        className: cn(
+          "-ms-px rounded-s-none shadow-none focus-visible:z-10 ring-0! border!",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+PhoneInput.displayName = "PhoneInput";
+
+// src/components/price-input.tsx
+var import_react6 = __toESM(require("react"));
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var PriceInput = import_react6.default.forwardRef(({ currency, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "div",
+    {
+      className: cn(
+        "relative h-fit flex overflow-hidden p-0",
+        props.containerClassname
+      ),
+      children: [
+        !props.hide_currency_symbol && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute inset-y-0.5 flex items-center pl-4 pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.symbol }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          Input,
+          {
+            ref,
+            placeholder: "0.00",
+            type: "text",
+            ...props,
+            className: cn("px-10 shadow-none m-0! py-0", props.className)
+          }
+        ),
+        !props.hide_currency_code && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute inset-y-0.5 right-0 flex items-center pl-3 pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.code }) })
+      ]
+    }
+  );
+});
+PriceInput.displayName = "PriceInput";
+
+// src/components/progress.tsx
+var React27 = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/select.tsx
+var React28 = __toESM(require("react"));
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-xs ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React28.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      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,
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-xs outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/separator.tsx
+var React29 = __toESM(require("react"));
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Separator3 = React29.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator3.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/sheet.tsx
+var React30 = __toESM(require("react"));
+var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = (0, import_class_variance_authority4.cva)(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React30.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SheetPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SheetOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react14.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/skeleton.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "div",
+    {
+      className: cn("animate-pulse rounded-lg bg-muted", className),
+      ...props
+    }
+  );
+}
+
+// src/components/status-indicator.tsx
+var import_merge_props3 = require("@base-ui-components/react/merge-props");
+var import_use_render3 = require("@base-ui-components/react/use-render");
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var statusIndicatorVariants = (0, import_class_variance_authority5.cva)(
+  "relative inline-flex size-2.5 shrink-0",
+  {
+    defaultVariants: {
+      variant: "active"
+    },
+    variants: {
+      variant: {
+        active: "[&>span:first-child]:bg-teal-500 [&>span:last-child]:bg-teal-600",
+        degraded: "[&>span:first-child]:bg-yellow-500 [&>span:last-child]:bg-yellow-600",
+        critical: "[&>span:first-child]:bg-red-500 [&>span:last-child]:bg-red-600",
+        neutral: "[&>span:first-child]:bg-muted-foreground/80 [&>span:last-child]:bg-muted-foreground"
+      }
+    }
+  }
+);
+function StatusIndicator({
+  className,
+  variant,
+  animated = true,
+  render,
+  ...props
+}) {
+  const defaultProps = {
+    className: cn(statusIndicatorVariants({ className, variant })),
+    "data-slot": "status-indicator"
+  };
+  return (0, import_use_render3.useRender)({
+    defaultTagName: "span",
+    props: (0, import_merge_props3.mergeProps)(defaultProps, props),
+    render: render || /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { ...defaultProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "span",
+        {
+          className: cn(
+            "absolute inline-flex h-full w-full rounded-full opacity-75",
+            animated && "animate-ping"
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "relative inline-flex rounded-full size-2.5" })
+    ] })
+  });
+}
+
+// src/components/switch.tsx
+var import_switch = require("@base-ui-components/react/switch");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_switch.Switch.Root,
+    {
+      className: cn(
+        "cursor-pointer group/switch inset-shadow-[0_1px_--theme(--color-black/4%)] inline-flex h-4.5 w-7.5 shrink-0 items-center rounded-full p-px outline-none transition-all focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-64 data-checked:bg-primary data-unchecked:bg-input",
+        className
+      ),
+      "data-slot": "switch",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        import_switch.Switch.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block size-4 rounded-full bg-background shadow-sm transition-[translate,width] group-active/switch:w-4.5 data-checked:translate-x-3 data-unchecked:translate-x-0 data-checked:group-active/switch:translate-x-2.5"
+          ),
+          "data-slot": "switch-thumb"
+        }
+      )
+    }
+  );
+}
+
+// src/components/table.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "div",
+    {
+      className: "relative w-full overflow-x-auto",
+      "data-slot": "table-container",
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        "table",
+        {
+          className: cn(
+            "w-full caption-bottom in-data-[slot=frame]:border-separate in-data-[slot=frame]:border-spacing-0 text-sm",
+            className
+          ),
+          "data-slot": "table",
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "thead",
+    {
+      className: cn(
+        "[&_tr]:border-b in-data-[slot=frame]:**:[th]:h-9 in-data-[slot=frame]:*:[tr]:border-none in-data-[slot=frame]:*:[tr]:hover:bg-transparent",
+        className
+      ),
+      "data-slot": "table-header",
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "tbody",
+    {
+      className: cn(
+        "relative in-data-[slot=frame]:rounded-xl in-data-[slot=frame]:shadow-xs before:pointer-events-none before:absolute before:inset-px not-in-data-[slot=frame]:before:hidden before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)] [&_tr:last-child]:border-0 in-data-[slot=frame]:*:[tr]:border-0 in-data-[slot=frame]:*:[tr]:*:[td]:border-b in-data-[slot=frame]:*:[tr]:*:[td]:bg-card in-data-[slot=frame]:*:[tr]:*:[td]:bg-clip-padding in-data-[slot=frame]:*:[tr]:first:*:[td]:first:rounded-ss-xl in-data-[slot=frame]:*:[tr]:*:[td]:first:border-s in-data-[slot=frame]:*:[tr]:first:*:[td]:border-t in-data-[slot=frame]:*:[tr]:last:*:[td]:last:rounded-ee-xl in-data-[slot=frame]:*:[tr]:*:[td]:last:border-e in-data-[slot=frame]:*:[tr]:first:*:[td]:last:rounded-se-xl in-data-[slot=frame]:*:[tr]:last:*:[td]:first:rounded-es-xl in-data-[slot=frame]:*:[tr]:hover:*:[td]:bg-muted/32",
+        className
+      ),
+      "data-slot": "table-body",
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "tfoot",
+    {
+      className: cn(
+        "border-t in-data-[slot=frame]:border-none bg-muted/72 in-data-[slot=frame]:bg-transparent font-medium [&>tr]:last:border-b-0 in-data-[slot=frame]:*:[tr]:hover:bg-transparent",
+        className
+      ),
+      "data-slot": "table-footer",
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "tr",
+    {
+      className: cn(
+        "border-b transition-colors hover:bg-muted in-data-[slot=frame]:hover:bg-transparent data-[state=selected]:bg-muted in-data-[slot=frame]:data-[state=selected]:bg-transparent",
+        className
+      ),
+      "data-slot": "table-row",
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "th",
+    {
+      className: cn(
+        "h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground has-[[role=checkbox]]:pe-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      "data-slot": "table-head",
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "td",
+    {
+      className: cn(
+        "whitespace-nowrap p-2 align-middle has-[[role=checkbox]]:pe-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      "data-slot": "table-cell",
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "caption",
+    {
+      className: cn(
+        "in-data-[slot=frame]:my-4 mt-4 text-muted-foreground text-sm",
+        className
+      ),
+      "data-slot": "table-caption",
+      ...props
+    }
+  );
+}
+
+// src/components/tabs.tsx
+var React31 = __toESM(require("react"));
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var Tabs = TabsPrimitive.Root;
+var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-[11px] font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/tags-input.tsx
+var import_emblor = require("emblor");
+var import_react7 = require("react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+
+// src/components/textarea.tsx
+var React32 = __toESM(require("react"));
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var Textarea = React32.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      "textarea",
+      {
+        className: cn(
+          "flex min-h-20 w-full rounded-10 border border-input bg-background p-3 text-sm font-normal ring-offset-background placeholder:text-muted-foreground/30 focus-visible:border-primary focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/timeline.tsx
+var React33 = __toESM(require("react"));
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var TimelineContext = React33.createContext(null);
+function useTimeline() {
+  const context = React33.useContext(TimelineContext);
+  if (!context) {
+    throw new Error("useTimeline must be used within a <Timeline />.");
+  }
+  return context;
+}
+var Timeline = React33.forwardRef(
+  ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    "ol",
+    {
+      ref,
+      role: "list",
+      "data-orientation": orientation,
+      className: cn(
+        "flex",
+        orientation === "vertical" && "flex-col",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+Timeline.displayName = "Timeline";
+var TimelineItem = React33.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = useTimeline();
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    "li",
+    {
+      ref,
+      "data-orientation": orientation,
+      className: cn(
+        "flex gap-4",
+        orientation === "horizontal" && "flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+});
+TimelineItem.displayName = "TimelineItem";
+var TimelineSeparator = React33.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = useTimeline();
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    "div",
+    {
+      ref,
+      "data-orientation": orientation,
+      className: cn(
+        "flex items-center",
+        orientation === "vertical" && "flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+});
+TimelineSeparator.displayName = "TimelineSeparator";
+var TimelineDot = React33.forwardRef(({ variant = "default", className, ...props }, ref) => {
+  const { orientation } = useTimeline();
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    "div",
+    {
+      ref,
+      "data-orientation": orientation,
+      className: cn(
+        "flex size-4 items-center justify-center empty:after:block empty:after:rounded-full empty:after:outline-current [&_svg]:size-4",
+        orientation === "vertical" && "mt-1",
+        variant === "default" && "empty:after:size-2.5 empty:after:bg-current",
+        variant === "outline-solid" && "empty:after:size-2 empty:after:outline-solid",
+        className
+      ),
+      ...props
+    }
+  );
+});
+TimelineDot.displayName = "TimelineDot";
+var TimelineConnector = React33.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = useTimeline();
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    "div",
+    {
+      ref,
+      "data-orientation": orientation,
+      className: cn(
+        "flex-1 bg-border",
+        orientation === "vertical" && "my-2 w-0.5",
+        orientation === "horizontal" && "mx-2 h-0.5",
+        className
+      ),
+      ...props
+    }
+  );
+});
+TimelineConnector.displayName = "TimelineConnector";
+var TimelineContent = React33.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = useTimeline();
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    "div",
+    {
+      ref,
+      "data-orientation": orientation,
+      className: cn(
+        "flex-1",
+        orientation === "vertical" && "pb-8 first:text-right last:text-left",
+        orientation === "horizontal" && "pr-8",
+        className
+      ),
+      ...props
+    }
+  );
+});
+TimelineContent.displayName = "TimelineContent";
+var TimelineTitle = React33.forwardRef((props, ref) => {
+  const { orientation } = useTimeline();
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref, "data-orientation": orientation, ...props });
+});
+TimelineTitle.displayName = "TimelineTitle";
+var TimelineDescription = React33.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = useTimeline();
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    "div",
+    {
+      ref,
+      "data-orientation": orientation,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+TimelineDescription.displayName = "TimelineDescription";
+
+// src/components/tooltip.tsx
+var React34 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React34.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  AlertDialog,
+  AlertDialogBackdrop,
+  AlertDialogClose,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPopup,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Combobox,
+  ComboboxChip,
+  ComboboxChips,
+  ComboboxClear,
+  ComboboxCollection,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxGroupLabel,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  ComboboxMulti,
+  ComboboxPopup,
+  ComboboxRow,
+  ComboboxSeparator,
+  ComboboxStatus,
+  ComboboxTrigger,
+  ComboboxValue,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ConfirmDialog,
+  CopyButton,
+  CountryPicker,
+  Dialog,
+  DialogBackdrop,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPopup,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  FancyButton,
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  FieldValidity,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Icon,
+  Input,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Label,
+  MultiSelect,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  Root,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  StatusIndicator,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Timeline,
+  TimelineConnector,
+  TimelineContent,
+  TimelineDescription,
+  TimelineDot,
+  TimelineItem,
+  TimelineSeparator,
+  TimelineTitle,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  statusIndicatorVariants,
+  tv,
+  useComboboxFilter,
+  useFormField
+});