@use-stall/ui 0.0.1

package/dist/index.mjs

@@ -0,0 +1,3525 @@
+// src/components/accordion.tsx
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/accordion.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ 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__ */ jsx(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__ */ 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__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui-components/react/alert-dialog";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function AlertDialog(props) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger(props) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal(props) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Portal, { ...props });
+}
+function AlertDialogBackdrop({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.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__ */ jsxs2(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx2(AlertDialogBackdrop, {}),
+    /* @__PURE__ */ jsx2("div", { className: "fixed inset-0 z-50", children: /* @__PURE__ */ jsx2("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__ */ jsx2(
+      AlertDialogPrimitive.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__ */ jsx2(
+    "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__ */ jsx2(
+    "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__ */ jsx2(
+    AlertDialogPrimitive.Title,
+    {
+      className: cn("font-semibold text-lg", className),
+      "data-slot": "alert-dialog-title",
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Description,
+    {
+      className: cn("text-muted-foreground text-sm", className),
+      "data-slot": "alert-dialog-description",
+      ...props
+    }
+  );
+}
+function AlertDialogClose(props) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Close, { "data-slot": "alert-dialog-close", ...props });
+}
+
+// src/components/avatar.tsx
+import * as React2 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  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__ */ jsx3(
+  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__ */ jsx3(
+  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
+import { mergeProps } from "@base-ui-components/react/merge-props";
+import { useRender } from "@base-ui-components/react/use-render";
+import { cva } from "class-variance-authority";
+var badgeVariants = 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 useRender({
+    defaultTagName: "span",
+    props: mergeProps(defaultProps, props),
+    render
+  });
+}
+
+// src/components/breadcrumb.tsx
+import * as React3 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var Breadcrumb = React3.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx4("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  "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__ */ jsx4(
+  "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 ? Slot : "a";
+  return /* @__PURE__ */ jsx4(
+    Comp,
+    {
+      ref,
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  "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__ */ jsx4(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx4(ChevronRight, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs3(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx4(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+
+// src/components/button.tsx
+import { mergeProps as mergeProps2 } from "@base-ui-components/react/merge-props";
+import { useRender as useRender2 } from "@base-ui-components/react/use-render";
+import { cva as cva2 } from "class-variance-authority";
+var buttonVariants = cva2(
+  "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 useRender2({
+    defaultTagName: "button",
+    render,
+    props: mergeProps2(defaultProps, props)
+  });
+}
+
+// src/components/card.tsx
+import * as React4 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Card = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  "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__ */ jsx5(
+  "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__ */ jsx5(
+  "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__ */ jsx5(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5("div", { ref, className: cn("p-5 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-5 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// src/components/checkbox.tsx
+import * as React5 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Checkbox = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  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__ */ jsx6(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ jsx6(Check, { className: "h-3 w-3 stroke-white" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/combobox-multi.tsx
+import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
+import { ChevronsUpDownIcon, XIcon } from "lucide-react";
+import * as React8 from "react";
+
+// src/components/input.tsx
+import * as React6 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Input = React6.forwardRef(
+  ({ className, type, removeFocusIndicator, ...props }, ref) => {
+    return /* @__PURE__ */ jsx7(
+      "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
+import * as React7 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var ScrollArea = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx8(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx8(ScrollBar, {}),
+      /* @__PURE__ */ jsx8(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React7.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx8(
+  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__ */ jsx8(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/combobox-multi.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var ComboboxContext = React8.createContext({
+  chipsRef: null,
+  multiple: false
+});
+function Combobox(props) {
+  const chipsRef = React8.useRef(null);
+  return /* @__PURE__ */ jsx9(ComboboxContext.Provider, { value: { chipsRef, multiple: !!props.multiple }, children: /* @__PURE__ */ jsx9(
+    ComboboxPrimitive.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__ */ jsx9(
+      ComboboxPrimitive.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__ */ jsxs5("div", { className: "relative not-has-[>*.w-full]:w-fit w-full text-foreground has-disabled:opacity-64", children: [
+    startAddon && /* @__PURE__ */ jsx9(
+      "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__ */ jsx9(
+      ComboboxPrimitive.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__ */ jsx9(
+          Input,
+          {
+            className: "has-disabled:opacity-100",
+            size: sizeValue
+          }
+        ),
+        ...props
+      }
+    ),
+    showTrigger && /* @__PURE__ */ jsx9(
+      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__ */ jsx9(ChevronsUpDownIcon, {})
+      }
+    ),
+    showClear && /* @__PURE__ */ jsx9(
+      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__ */ jsx9(XIcon, {})
+      }
+    )
+  ] });
+}
+function ComboboxTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    ComboboxPrimitive.Trigger,
+    {
+      className,
+      "data-slot": "combobox-trigger",
+      ...props
+    }
+  );
+}
+function ComboboxPopup({
+  className,
+  children,
+  sideOffset = 4,
+  ...props
+}) {
+  const { chipsRef } = React8.useContext(ComboboxContext);
+  return /* @__PURE__ */ jsx9(ComboboxPrimitive.Portal, { children: /* @__PURE__ */ jsx9(
+    ComboboxPrimitive.Positioner,
+    {
+      anchor: chipsRef,
+      className: "z-50 select-none",
+      "data-slot": "combobox-positioner",
+      sideOffset,
+      children: /* @__PURE__ */ jsx9(
+        "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__ */ jsx9(
+            ComboboxPrimitive.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__ */ jsxs5(
+    ComboboxPrimitive.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__ */ jsx9(ComboboxPrimitive.ItemIndicator, { className: "col-start-1", children: /* @__PURE__ */ jsx9(
+          "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__ */ jsx9("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx9("div", { className: "col-start-2", children })
+      ]
+    }
+  );
+}
+function ComboboxSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    ComboboxPrimitive.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__ */ jsx9(
+    ComboboxPrimitive.Group,
+    {
+      className: cn("[[role=group]+&]:mt-1.5", className),
+      "data-slot": "combobox-group",
+      ...props
+    }
+  );
+}
+function ComboboxGroupLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    ComboboxPrimitive.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__ */ jsx9(
+    ComboboxPrimitive.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__ */ jsx9(
+    ComboboxPrimitive.Row,
+    {
+      className,
+      "data-slot": "combobox-row",
+      ...props
+    }
+  );
+}
+function ComboboxValue({ ...props }) {
+  return /* @__PURE__ */ jsx9(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });
+}
+function ComboboxList({ className, ...props }) {
+  return /* @__PURE__ */ jsx9(ScrollArea, { children: /* @__PURE__ */ jsx9(
+    ComboboxPrimitive.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__ */ jsx9(
+    ComboboxPrimitive.Clear,
+    {
+      className,
+      "data-slot": "combobox-clear",
+      ...props
+    }
+  );
+}
+function ComboboxStatus({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    ComboboxPrimitive.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__ */ jsx9(ComboboxPrimitive.Collection, { "data-slot": "combobox-collection", ...props });
+}
+function ComboboxChips({
+  className,
+  children,
+  startAddon,
+  ...props
+}) {
+  const { chipsRef } = React8.useContext(ComboboxContext);
+  return /* @__PURE__ */ jsxs5(
+    ComboboxPrimitive.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__ */ jsx9(
+          "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__ */ jsxs5(
+    ComboboxPrimitive.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__ */ jsx9(ComboboxChipRemove, {})
+      ]
+    }
+  );
+}
+function ComboboxChipRemove(props) {
+  return /* @__PURE__ */ jsx9(
+    ComboboxPrimitive.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__ */ jsx9(XIcon, {})
+    }
+  );
+}
+var useComboboxFilter = ComboboxPrimitive.useFilter;
+
+// src/components/combobox.tsx
+import * as React11 from "react";
+import { Check as Check2, ChevronsUpDown } from "lucide-react";
+
+// src/components/command.tsx
+import * as React9 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+
+// src/components/dialog.tsx
+import { Dialog as DialogPrimitive } from "@base-ui-components/react/dialog";
+import { XIcon as XIcon2 } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+function DialogTrigger(props) {
+  return /* @__PURE__ */ jsx10(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal(props) {
+  return /* @__PURE__ */ jsx10(DialogPrimitive.Portal, { ...props });
+}
+function DialogClose(props) {
+  return /* @__PURE__ */ jsx10(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogBackdrop({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    DialogPrimitive.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__ */ jsxs6(DialogPortal, { children: [
+    /* @__PURE__ */ jsx10(DialogBackdrop, {}),
+    /* @__PURE__ */ jsx10("div", { className: "fixed inset-0 z-50", children: /* @__PURE__ */ jsx10("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__ */ jsx10(
+      DialogPrimitive.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__ */ jsxs6("div", { className: "flex h-full flex-col overflow-y-auto", children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs6(DialogPrimitive.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__ */ jsx10(XIcon2, {}),
+            /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Close" })
+          ] })
+        ] })
+      }
+    ) }) })
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx10(
+    "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__ */ jsx10(
+    "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__ */ jsx10(
+    DialogPrimitive.Title,
+    {
+      className: cn("font-heading text-xl font-semibold leading-none", className),
+      "data-slot": "dialog-title",
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    DialogPrimitive.Description,
+    {
+      className: cn("text-muted-foreground text-sm", className),
+      "data-slot": "dialog-description",
+      ...props
+    }
+  );
+}
+
+// src/components/command.tsx
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var Command = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+var CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx11(Dialog, { ...props, children: /* @__PURE__ */ jsx11(DialogPopup, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx11(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__ */ jsxs7(
+  "div",
+  {
+    className: cn("flex items-center border-b px-3", searchContainerClassName),
+    "cmdk-input-wrapper": "",
+    children: [
+      icon || /* @__PURE__ */ jsx11(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+      /* @__PURE__ */ jsx11(
+        CommandPrimitive.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 = CommandPrimitive.Input.displayName;
+var CommandList = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React9.forwardRef((props, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive.Empty,
+  {
+    ref,
+    className: "py-6 text-center text-sm",
+    ...props
+  }
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive.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 = CommandPrimitive.Group.displayName;
+var CommandSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive.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 = CommandPrimitive.Item.displayName;
+var CommandShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx11(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/popover.tsx
+import * as React10 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx12 } from "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__ */ jsx12(
+      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__ */ jsx12(Contents, {});
+    }
+    return /* @__PURE__ */ jsx12(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx12(Contents, {}) });
+  }
+);
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/combobox.tsx
+import { jsx as jsx13, jsxs as jsxs8 } from "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__ */ jsxs8(Popover, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ jsx13(
+      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__ */ jsxs8(
+          "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__ */ jsx13(
+                "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__ */ jsx13(ChevronsUpDown, { className: "h-4 w-4 shrink-0 opacity-50 -mr-1" }),
+              /* @__PURE__ */ jsx13(
+                "input",
+                {
+                  onChange: (e) => props.onChange(e.target.value),
+                  type: "text",
+                  className: "scale-0 absolute",
+                  value: props.value ?? "",
+                  required: props.required ?? false
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      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__ */ jsxs8(
+          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__ */ jsx13(CommandInput, { placeholder: "Search ...", className: "text-xs" }),
+              /* @__PURE__ */ jsxs8(CommandList, { children: [
+                /* @__PURE__ */ jsx13(CommandEmpty, { className: "flex flex-col items-center justify-center p-6", children: /* @__PURE__ */ jsx13("span", { className: "mt-2 text-xs text-zinc-400", children: "No data found" }) }),
+                /* @__PURE__ */ jsx13(CommandGroup, { children: options2?.map((item) => /* @__PURE__ */ jsxs8(
+                  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__ */ jsx13(
+                        Check2,
+                        {
+                          className: cn(
+                            "h-3 w-3",
+                            props.value === item.value ? "opacity-100" : "opacity-0"
+                          )
+                        }
+                      ),
+                      item.label
+                    ]
+                  },
+                  item.value
+                )) })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/components/confirm-dialog.tsx
+import React14 from "react";
+
+// src/components/fancy-button.tsx
+import * as React13 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+
+// src/lib/recursive-clone-children.tsx
+import * as React12 from "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
+import { createTV } from "tailwind-variants";
+var tv = createTV({});
+
+// src/components/fancy-button.tsx
+import { jsx as jsx14, jsxs as jsxs9 } from "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 ? Slot2 : "button";
+    const { root } = fancyButtonVariants({ variant, size });
+    const sharedProps = {
+      variant,
+      size
+    };
+    const extendedChildren = recursiveCloneChildren(
+      children,
+      sharedProps,
+      [BUTTON_ICON_NAME],
+      uniqueId,
+      asChild
+    );
+    return /* @__PURE__ */ jsxs9(
+      Component,
+      {
+        ref: forwardedRef,
+        className: root({ class: className }),
+        disabled: loading,
+        ...rest,
+        children: [
+          loading && /* @__PURE__ */ jsx14(
+            "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__ */ jsx14(Component, { className: icon({ class: className }), ...rest });
+}
+ButtonIcon.displayName = BUTTON_ICON_NAME;
+
+// src/components/confirm-dialog.tsx
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+var ConfirmDialog = React14.memo(({ trigger, confirmAction }) => {
+  return /* @__PURE__ */ jsxs10(AlertDialog, { children: [
+    /* @__PURE__ */ jsx15(AlertDialogTrigger, { className: "contents", children: trigger || /* @__PURE__ */ jsx15(ButtonRoot, { variant: "neutral", children: "Confirm" }) }),
+    /* @__PURE__ */ jsxs10(AlertDialogPopup, { children: [
+      /* @__PURE__ */ jsxs10(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx15(AlertDialogTitle, { className: "text-lg", children: "Are you want to proceed?" }),
+        /* @__PURE__ */ jsx15(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__ */ jsxs10(AlertDialogFooter, { className: "justify-start!", children: [
+        /* @__PURE__ */ jsx15(
+          AlertDialogClose,
+          {
+            render: /* @__PURE__ */ jsx15(ButtonRoot, { variant: "neutral", className: "w-full max-sm:bg-accent sm:w-24" }),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx15(
+          AlertDialogClose,
+          {
+            onClick: async () => {
+              confirmAction();
+            },
+            render: /* @__PURE__ */ jsx15(ButtonRoot, { variant: "destructive", className: "w-full sm:w-24" }),
+            children: "Continue"
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+
+// src/components/copy-button.tsx
+import { StCheckMarkCircle, StCopy } from "@use-stall/icons";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+var CopyButton = ({
+  isCopied,
+  copyFunction,
+  clearFunction,
+  className,
+  icon_size
+}) => {
+  return /* @__PURE__ */ jsx16(
+    Button,
+    {
+      onClick: () => {
+        copyFunction();
+        setTimeout(() => {
+          clearFunction();
+        }, 2e3);
+      },
+      size: "icon",
+      variant: "ghost",
+      className: cn("size-6 text-primary", className),
+      children: /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx16(
+          "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__ */ jsx16(StCheckMarkCircle, { size: icon_size, className: "fill-primary/20" })
+          }
+        ),
+        /* @__PURE__ */ jsx16(
+          "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__ */ jsx16(StCopy, { size: icon_size, className: "fill-primary/20" })
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/components/country-picker.tsx
+import * as React15 from "react";
+import { Check as Check3, ChevronsUpDown as ChevronsUpDown2 } from "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
+import { jsx as jsx17, jsxs as jsxs12 } from "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__ */ jsxs12(Popover, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ jsx17(
+      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__ */ jsxs12(
+          "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__ */ jsx17(
+                "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__ */ jsx17(ChevronsUpDown2, { className: "h-4 w-4 shrink-0 opacity-50 -mr-1" }),
+              /* @__PURE__ */ jsx17(
+                "input",
+                {
+                  type: "text",
+                  className: "scale-0 absolute",
+                  value: props.value ?? "",
+                  required: props.required ?? false
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx17(
+      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__ */ jsxs12(
+          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__ */ jsx17(CommandInput, { placeholder: "Search ...", className: "text-xs" }),
+              /* @__PURE__ */ jsxs12(CommandList, { children: [
+                /* @__PURE__ */ jsx17(CommandEmpty, { className: "flex flex-col items-center justify-center p-6", children: /* @__PURE__ */ jsx17("span", { className: "mt-2 text-xs text-zinc-400", children: "No data found" }) }),
+                /* @__PURE__ */ jsx17(CommandGroup, { children: options?.map((item) => {
+                  const item_value = item[value_key];
+                  return /* @__PURE__ */ jsxs12(
+                    CommandItem,
+                    {
+                      value: item_value,
+                      onSelect: (e) => {
+                        props.onChange(e);
+                        setOpen(false);
+                      },
+                      keywords: [item.label],
+                      className: "cursor-pointer font-medium text-xs capitalize",
+                      children: [
+                        /* @__PURE__ */ jsx17(
+                          Check3,
+                          {
+                            className: cn(
+                              "h-3 w-3",
+                              props.value === item_value ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        ),
+                        item.label
+                      ]
+                    },
+                    item_value
+                  );
+                }) })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/components/drawer.tsx
+import * as React16 from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+var Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}) => /* @__PURE__ */ jsx18(
+  DrawerPrimitive.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+);
+Drawer.displayName = "Drawer";
+var DrawerTrigger = DrawerPrimitive.Trigger;
+var DrawerPortal = DrawerPrimitive.Portal;
+var DrawerClose = DrawerPrimitive.Close;
+var DrawerOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  DrawerPrimitive.Overlay,
+  {
+    ref,
+    className: cn("fixed inset-0 z-50 bg-black/80", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+var DrawerContent = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx18(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs13(
+    DrawerPrimitive.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__ */ jsx18("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx18(
+  "div",
+  {
+    className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx18(
+  "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__ */ jsx18(
+  DrawerPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
+var DrawerDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  DrawerPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
+
+// src/components/dropdown-menu.tsx
+import * as React17 from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check as Check4, ChevronRight as ChevronRight2, Circle } from "lucide-react";
+import { jsx as jsx19, jsxs as jsxs14 } from "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__ */ jsxs14(
+  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__ */ jsx19(ChevronRight2, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  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__ */ jsx19(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+  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__ */ jsx19(
+  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__ */ jsxs14(
+  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__ */ jsx19("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(Check4, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+  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__ */ jsx19("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx19(
+  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__ */ jsx19(
+  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__ */ jsx19(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/components/field.tsx
+import { Field as FieldPrimitive } from "@base-ui-components/react/field";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    FieldPrimitive.Root,
+    {
+      className: cn("flex flex-col items-start gap-2", className),
+      "data-slot": "field",
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    FieldPrimitive.Label,
+    {
+      className: cn("inline-flex items-center gap-2 text-sm/4", className),
+      "data-slot": "field-label",
+      ...props
+    }
+  );
+}
+function FieldDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    FieldPrimitive.Description,
+    {
+      className: cn("text-muted-foreground text-xs", className),
+      "data-slot": "field-description",
+      ...props
+    }
+  );
+}
+function FieldError({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    FieldPrimitive.Error,
+    {
+      className: cn("text-destructive-foreground text-xs", className),
+      "data-slot": "field-error",
+      ...props
+    }
+  );
+}
+var FieldControl = FieldPrimitive.Control;
+var FieldValidity = FieldPrimitive.Validity;
+
+// src/components/form.tsx
+import * as React19 from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import {
+  Controller,
+  FormProvider,
+  useFormContext
+} from "react-hook-form";
+
+// src/components/label.tsx
+import * as React18 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var labelVariants = cva3(
+  "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__ */ jsx21(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label2.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/form.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+var Form = FormProvider;
+var FormFieldContext = React19.createContext(
+  {}
+);
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx22(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx22(Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React19.useContext(FormFieldContext);
+  const itemContext = React19.useContext(FormItemContext);
+  const { getFieldState, formState } = 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__ */ jsx22(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx22("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__ */ jsx22(
+    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__ */ jsx22(
+    Slot3,
+    {
+      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__ */ jsx22(
+    "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__ */ jsx22(
+    "p",
+    {
+      ref,
+      id: formMessageId,
+      className: cn("text-sm font-medium text-destructive", className),
+      ...props,
+      children: body
+    }
+  );
+});
+FormMessage.displayName = "FormMessage";
+
+// src/components/image-card.tsx
+import React20 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var ImageCard = React20.memo(
+  ({ src = "", alt = "", onErrorImage, className }) => {
+    return /* @__PURE__ */ jsx23(
+      "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
+import * as React21 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Dot } from "lucide-react";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+var InputOTP = React21.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx24(
+  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__ */ jsx24("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React21.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React21.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxs15(
+    "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__ */ jsx24("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx24("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React21.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx24("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx24(Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/modal-container.tsx
+import React22 from "react";
+import { motion } from "framer-motion";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var ModalContainer = React22.memo((props) => {
+  return /* @__PURE__ */ jsx25(
+    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__ */ jsx25("div", { className: "w-full h-full overflow-hidden overflow-y-auto flex justify-center", children: /* @__PURE__ */ jsx25("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
+import * as React23 from "react";
+import { jsx as jsx26, jsxs as jsxs16 } from "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__ */ jsxs16(
+    Combobox,
+    {
+      required,
+      items: options2,
+      multiple: true,
+      value: selectedOptions,
+      onValueChange: handleValueChange,
+      disabled: maxCount === options2.length,
+      children: [
+        /* @__PURE__ */ jsx26(
+          ComboboxChips,
+          {
+            className: cn(
+              "min-h-10! before:hidden shadow-none rounded-10!",
+              className
+            ),
+            children: /* @__PURE__ */ jsx26(ComboboxValue, { children: (value2) => /* @__PURE__ */ jsxs16(React23.Fragment, { children: [
+              value2?.map((item) => /* @__PURE__ */ jsx26(
+                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__ */ jsx26(
+                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__ */ jsxs16(ComboboxPopup, { className: "rounded-xl", children: [
+          /* @__PURE__ */ jsxs16(ComboboxEmpty, { className: "w-full center-flex flex-col", children: [
+            /* @__PURE__ */ jsx26(
+              "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__ */ jsx26(
+                  "img",
+                  {
+                    src: "/images/no-direction.png",
+                    alt: "no-results",
+                    className: "size-16 object-cover object-center"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx26("h1", { className: "mt-4 text-sm text-foreground font-semibold", children: "Nothing Found" }),
+            /* @__PURE__ */ jsx26("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__ */ jsx26(ComboboxList, { children: (item) => /* @__PURE__ */ jsx26(
+            ComboboxItem,
+            {
+              value: item,
+              className: "pe-0! flex data-selected:hidden",
+              children: item.label
+            },
+            item.value
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+MultiSelect.displayName = "MultiSelect";
+
+// src/components/password-input.tsx
+import { Check as Check5, Eye, EyeOff, X } from "lucide-react";
+import React24 from "react";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+var PasswordInput = React24.forwardRef(
+  ({ className, onSubmit, showStrength, ...props }, ref) => {
+    const [isVisible, setIsVisible] = React24.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 = React24.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__ */ jsxs17("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ jsx27(
+          Input,
+          {
+            className: cn("pe-9", className),
+            ...props,
+            ref,
+            type: isVisible ? "text" : "password",
+            "aria-invalid": showStrength ? strengthScore < 4 : false,
+            onSubmit: handleSubmit
+          }
+        ),
+        showStrength && /* @__PURE__ */ jsx27(
+          "input",
+          {
+            title: "password",
+            type: "password",
+            className: "scale-0 absolute",
+            required: true,
+            value: showStrength ? strengthScore >= 4 ? props?.value : "" : props.value
+          }
+        ),
+        /* @__PURE__ */ jsx27(
+          "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__ */ jsx27(EyeOff, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) : /* @__PURE__ */ jsx27(Eye, { size: 16, strokeWidth: 2, "aria-hidden": "true" })
+          }
+        )
+      ] }),
+      showStrength && /* @__PURE__ */ jsxs17(React24.Fragment, { children: [
+        /* @__PURE__ */ jsx27(
+          "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__ */ jsx27(
+              "div",
+              {
+                className: `h-full ${getStrengthColor(
+                  strengthScore
+                )} transition-all duration-500 ease-out`,
+                style: { width: `${strengthScore / 4 * 100}%` }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs17(
+          "p",
+          {
+            id: "password-strength",
+            className: "mb-2 text-xs font-medium text-zinc-600",
+            children: [
+              getStrengthText(strengthScore),
+              ". Must contain:"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx27("ul", { className: "space-y-1.5", "aria-label": "Password requirements", children: strength.map((req, index) => /* @__PURE__ */ jsxs17("li", { className: "flex items-center gap-2", children: [
+          req.met ? /* @__PURE__ */ jsx27(
+            Check5,
+            {
+              size: 16,
+              className: "text-emerald-500",
+              "aria-hidden": "true"
+            }
+          ) : /* @__PURE__ */ jsx27(
+            X,
+            {
+              size: 16,
+              className: "text-muted-foreground/80",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs17(
+            "span",
+            {
+              className: `text-xs ${req.met ? "text-emerald-600" : "text-muted-foreground"}`,
+              children: [
+                req.text,
+                /* @__PURE__ */ jsx27("span", { className: "sr-only", children: req.met ? " - Requirement met" : " - Requirement not met" })
+              ]
+            }
+          )
+        ] }, index)) })
+      ] })
+    ] });
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+var password_input_default = React24.memo(PasswordInput);
+
+// src/components/phone-number-input.tsx
+import { ChevronDown as ChevronDown2, Phone } from "lucide-react";
+import { forwardRef as forwardRef16, useState as useState3 } from "react";
+import * as RPNInput from "react-phone-number-input";
+import flags from "react-phone-number-input/flags";
+import { isValidPhoneNumber } from "react-phone-number-input";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+var PhoneInput = forwardRef16(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx28(
+      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
+import React26 from "react";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+var PriceInput = React26.forwardRef(({ currency, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      className: cn(
+        "relative h-fit flex overflow-hidden p-0",
+        props.containerClassname
+      ),
+      children: [
+        !props.hide_currency_symbol && /* @__PURE__ */ jsx29("div", { className: "absolute inset-y-0.5 flex items-center pl-4 pr-2", children: /* @__PURE__ */ jsx29("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.symbol }) }),
+        /* @__PURE__ */ jsx29(
+          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__ */ jsx29("div", { className: "absolute inset-y-0.5 right-0 flex items-center pl-3 pr-4", children: /* @__PURE__ */ jsx29("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.code }) })
+      ]
+    }
+  );
+});
+PriceInput.displayName = "PriceInput";
+
+// src/components/progress.tsx
+import * as React27 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx30(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx30(
+      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
+import * as React28 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check6, ChevronDown as ChevronDown3, ChevronUp } from "lucide-react";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
+  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__ */ jsx31(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx31(ChevronDown3, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx31(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx31(ChevronDown3, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React28.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx31(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs20(
+  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__ */ jsx31(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx31(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx31(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  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__ */ jsxs20(
+  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__ */ jsx31("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx31(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx31(Check6, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx31(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/separator.tsx
+import * as React29 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var Separator3 = React29.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx32(
+    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
+import * as React30 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva4 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs21 } from "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__ */ jsx33(
+  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 = cva4(
+  "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__ */ jsxs21(SheetPortal, { children: [
+  /* @__PURE__ */ jsx33(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs21(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs21(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__ */ jsx33(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx33(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx33(
+  "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__ */ jsx33(
+  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__ */ jsx33(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/skeleton.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(
+    "div",
+    {
+      className: cn("animate-pulse rounded-lg bg-muted", className),
+      ...props
+    }
+  );
+}
+
+// src/components/status-indicator.tsx
+import { mergeProps as mergeProps3 } from "@base-ui-components/react/merge-props";
+import { useRender as useRender3 } from "@base-ui-components/react/use-render";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+var statusIndicatorVariants = cva5(
+  "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 useRender3({
+    defaultTagName: "span",
+    props: mergeProps3(defaultProps, props),
+    render: render || /* @__PURE__ */ jsxs22("span", { ...defaultProps, children: [
+      /* @__PURE__ */ jsx35(
+        "span",
+        {
+          className: cn(
+            "absolute inline-flex h-full w-full rounded-full opacity-75",
+            animated && "animate-ping"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx35("span", { className: "relative inline-flex rounded-full size-2.5" })
+    ] })
+  });
+}
+
+// src/components/switch.tsx
+import { Switch as SwitchPrimitive } from "@base-ui-components/react/switch";
+import { jsx as jsx36 } from "react/jsx-runtime";
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ jsx36(
+    SwitchPrimitive.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__ */ jsx36(
+        SwitchPrimitive.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
+import { jsx as jsx37 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      className: "relative w-full overflow-x-auto",
+      "data-slot": "table-container",
+      children: /* @__PURE__ */ jsx37(
+        "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__ */ jsx37(
+    "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__ */ jsx37(
+    "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__ */ jsx37(
+    "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__ */ jsx37(
+    "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__ */ jsx37(
+    "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__ */ jsx37(
+    "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__ */ jsx37(
+    "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
+import * as React31 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+  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__ */ jsx38(
+  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__ */ jsx38(
+  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
+import { TagInput } from "emblor";
+import { useId as useId3, useState as useState4 } from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+
+// src/components/textarea.tsx
+import * as React32 from "react";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var Textarea = React32.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx40(
+      "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
+import * as React33 from "react";
+import { jsx as jsx41 } from "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__ */ jsx41(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ jsx41(
+    "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__ */ jsx41(
+    "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__ */ jsx41(
+    "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__ */ jsx41(
+    "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__ */ jsx41(
+    "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__ */ jsx41(
+    "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__ */ jsx41("div", { ref, "data-orientation": orientation, ...props });
+});
+TimelineTitle.displayName = "TimelineTitle";
+var TimelineDescription = React33.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = useTimeline();
+  return /* @__PURE__ */ jsx41(
+    "div",
+    {
+      ref,
+      "data-orientation": orientation,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+TimelineDescription.displayName = "TimelineDescription";
+
+// src/components/tooltip.tsx
+import * as React34 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx42 } from "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__ */ jsx42(
+  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;
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  AlertDialog,
+  AlertDialogBackdrop,
+  AlertDialogClose,
+  AlertDialogPopup as AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogBackdrop as AlertDialogOverlay,
+  AlertDialogPopup,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Combobox2 as Combobox,
+  ComboboxChip,
+  ComboboxChips,
+  ComboboxClear,
+  ComboboxCollection,
+  ComboboxEmpty,
+  ComboboxGroup,
+  ComboboxGroupLabel,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxList,
+  Combobox as ComboboxMulti,
+  ComboboxPopup,
+  ComboboxRow,
+  ComboboxSeparator,
+  ComboboxStatus,
+  ComboboxTrigger,
+  ComboboxValue,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ConfirmDialog,
+  CopyButton,
+  CountryPicker,
+  Dialog,
+  DialogBackdrop,
+  DialogClose,
+  DialogPopup as DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogBackdrop as 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,
+  ButtonRoot as FancyButton,
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  FieldValidity,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  ButtonIcon as Icon,
+  Input,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Label2 as Label,
+  MultiSelect,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  ButtonRoot as Root,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator3 as 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
+};