@spacesync/client 0.1.9 → 0.1.11

package/dist/ui.js

@@ -1,14 +1,2435 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxField, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContentFade, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DashFade, DateField, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FeedSkeleton, FieldLabel, FilterPopover, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, IconInput, InputGroup, InputGroupInput, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ReceiptCard, ReceiptSummaryRow, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResponsiveAlertDialog, ResponsiveAlertDialogAction, ResponsiveAlertDialogCancel, ResponsiveAlertDialogContent, ResponsiveAlertDialogDescription, AlertDialogFooter as ResponsiveAlertDialogFooter, AlertDialogHeader as ResponsiveAlertDialogHeader, ResponsiveAlertDialogTitle, ResponsiveDialog, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogTitle, ResponsiveDialogTrigger, ScrollArea, ScrollBar, SegmentedTabList, SegmentedTabTrigger, SelectableCard, SelectableListRow, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShellTopBarViewToggle, ShellTopBarViewToggleItem, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Slider, SmoothSize, Switch, TabCountBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, TimeField, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, addMinutesToHm, badgeVariants, fieldLabelClass, formatTimeForDisplay, hmToMinutes, hourlyEndTimes, minutesToHm, navigationMenuTriggerStyle, parseHm, snapScheduleEndTime, tabsListVariants, tabsTriggerVariants, textVariants, toTimeStr, toggleVariants, useFormField, useIsMobile, useResponsiveDialogDrawer, useSidebar } from './chunk-F7MU5T46.js';
-export { Label, RadioGroup, RadioGroupItem } from './chunk-RV5PMZYZ.js';
+export { RadioGroup, RadioGroupItem } from './chunk-MBZAYH5D.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-3MAGTCCN.js';
+export { ResponsiveDialog, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogTitle, ResponsiveDialogTrigger, useResponsiveDialogDrawer } from './chunk-SHMKDGFF.js';
+export { Textarea } from './chunk-VQ63T7CJ.js';
+export { Checkbox, CheckboxField } from './chunk-2IZODKTR.js';
+export { TimeField, addMinutesToHm, formatTimeForDisplay, hmToMinutes, hourlyEndTimes, minutesToHm, parseHm, snapScheduleEndTime, toTimeStr } from './chunk-OV5ODANJ.js';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './chunk-L65F4EMK.js';
-import './chunk-PBNBLCC2.js';
+import { formatDate, toDateStr } from './chunk-PBNBLCC2.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-CXXOKCLJ.js';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './chunk-CXXOKCLJ.js';
+import { Drawer, DrawerContent, DrawerTitle, DrawerDescription } from './chunk-VVXGQKN7.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-VVXGQKN7.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-7YCAAP43.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, SearchField } from './chunk-BQVMO33N.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-VIJ2HWPZ.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './chunk-VIJ2HWPZ.js';
+import { shellTopBarSegmentedShellClass, shellTopBarSegmentedItemClass } from './chunk-FCY5FYJB.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './chunk-56H7UFAW.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './chunk-HZB2EHEH.js';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './chunk-NWVNYKND.js';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './chunk-XI4BQY5T.js';
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-FN4BWFDX.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './chunk-T3SOBIYA.js';
+import { Separator } from './chunk-6VJQIBC3.js';
+export { Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './chunk-6VJQIBC3.js';
+import { useIsMobile } from './chunk-2TT2ZGMT.js';
+export { useIsMobile } from './chunk-2TT2ZGMT.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-XDVGFHK4.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-XDVGFHK4.js';
+import { Skeleton } from './chunk-DC4QH6W2.js';
 export { Skeleton } from './chunk-DC4QH6W2.js';
-export { Input, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, SearchField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, inputVariants } from './chunk-LUB7QWGU.js';
+import { Input } from './chunk-PPMJZVR4.js';
+export { Input, inputVariants } from './chunk-PPMJZVR4.js';
+import { Button, buttonVariants } from './chunk-VHINHHZQ.js';
 export { Button, buttonVariants } from './chunk-VHINHHZQ.js';
-import './chunk-FCY5FYJB.js';
 import './chunk-OWNUMPUC.js';
+import { Calendar as Calendar$1 } from './chunk-5HOK5JHR.js';
+export { Calendar } from './chunk-5HOK5JHR.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './chunk-JCEOU7BU.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-7YCAAP43.js';
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './chunk-TH5RASJS.js';
+export { Label } from './chunk-IBGGQXTH.js';
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './chunk-HRHDOLWU.js';
+import { cn } from './chunk-DMPSQ22Q.js';
 export { cn } from './chunk-DMPSQ22Q.js';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { Slot } from '@radix-ui/react-slot';
+import { EyeOff, Eye, ChevronRight, MoreHorizontal, Pipette, Calendar, ListFilter } from 'lucide-react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as React7 from 'react';
+import { useRef, useState, useLayoutEffect } from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { useTheme } from 'next-themes';
+import { Toaster as Toaster$1 } from 'sonner';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props });
+}
+function AlertDialogCancel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    {
+      className: cn(buttonVariants({ variant: "outline" }), className),
+      ...props
+    }
+  );
+}
+var alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
+      ...props
+    }
+  );
+}
+function AlertDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AspectRatio({ ...props }) {
+  return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
+}
+function Avatar({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      className: cn("relative flex size-10 shrink-0 overflow-hidden rounded-full", className),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
+      ...props
+    }
+  );
+}
+var badgeVariants = cva(
+  "inline-flex items-center justify-center border w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      },
+      size: {
+        default: "rounded-md px-2 py-0.5 text-xs font-medium gap-1 [&>svg]:size-3 justify-center",
+        pill: "rounded-full px-2.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide gap-1 [&>svg]:size-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant, size }), className), ...props });
+}
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("hover:text-foreground transition-colors", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("text-foreground font-normal", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx("h4", { "data-slot": "card-title", className: cn("leading-none", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { "data-slot": "card-description", className: cn("text-muted-foreground", className), ...props });
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6 [&:last-child]:pb-6", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn("flex items-center px-6 pb-6 [.border-t]:pt-6", className),
+      ...props
+    }
+  );
+}
+function Collapsible({ ...props }) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger2({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent2({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
+}
+var HEX_RE = /^#?[0-9A-Fa-f]{6}$/;
+function clamp(n, min, max) {
+  return Math.min(max, Math.max(min, n));
+}
+function normalizeHex(value) {
+  const trimmed = value.trim();
+  if (!HEX_RE.test(trimmed)) return null;
+  const withHash = trimmed.startsWith("#") ? trimmed : `#${trimmed}`;
+  return withHash.toUpperCase();
+}
+function hexToRgb(hex) {
+  const normalized = normalizeHex(hex);
+  if (!normalized) return null;
+  return {
+    r: parseInt(normalized.slice(1, 3), 16),
+    g: parseInt(normalized.slice(3, 5), 16),
+    b: parseInt(normalized.slice(5, 7), 16)
+  };
+}
+function rgbToHex(r, g, b) {
+  return `#${[r, g, b].map((channel) => clamp(Math.round(channel), 0, 255).toString(16).padStart(2, "0")).join("").toUpperCase()}`;
+}
+function rgbToHsv(r, g, b) {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const d = max - min;
+  let h = 0;
+  if (d !== 0) {
+    if (max === rn) h = (gn - bn) / d % 6;
+    else if (max === gn) h = (bn - rn) / d + 2;
+    else h = (rn - gn) / d + 4;
+    h *= 60;
+    if (h < 0) h += 360;
+  }
+  const s = max === 0 ? 0 : d / max;
+  return { h, s, v: max };
+}
+function hsvToRgb(h, s, v) {
+  const c = v * s;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = v - c;
+  let rp = 0;
+  let gp = 0;
+  let bp = 0;
+  if (h < 60) [rp, gp, bp] = [c, x, 0];
+  else if (h < 120) [rp, gp, bp] = [x, c, 0];
+  else if (h < 180) [rp, gp, bp] = [0, c, x];
+  else if (h < 240) [rp, gp, bp] = [0, x, c];
+  else if (h < 300) [rp, gp, bp] = [x, 0, c];
+  else [rp, gp, bp] = [c, 0, x];
+  return {
+    r: (rp + m) * 255,
+    g: (gp + m) * 255,
+    b: (bp + m) * 255
+  };
+}
+function hexToHsv(hex) {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return { h: 210, s: 0.7, v: 0.95 };
+  return rgbToHsv(rgb.r, rgb.g, rgb.b);
+}
+function hsvToHex(hsv) {
+  const rgb = hsvToRgb(hsv.h, hsv.s, hsv.v);
+  return rgbToHex(rgb.r, rgb.g, rgb.b);
+}
+function usePointerDrag(onMove) {
+  const onMoveRef = React7.useRef(onMove);
+  onMoveRef.current = onMove;
+  return React7.useCallback((event) => {
+    event.preventDefault();
+    const target = event.currentTarget;
+    target.setPointerCapture(event.pointerId);
+    onMoveRef.current(event.clientX, event.clientY);
+    const onPointerMove = (moveEvent) => {
+      onMoveRef.current(moveEvent.clientX, moveEvent.clientY);
+    };
+    const onPointerUp = (upEvent) => {
+      target.releasePointerCapture(upEvent.pointerId);
+      target.removeEventListener("pointermove", onPointerMove);
+      target.removeEventListener("pointerup", onPointerUp);
+      target.removeEventListener("pointercancel", onPointerUp);
+    };
+    target.addEventListener("pointermove", onPointerMove);
+    target.addEventListener("pointerup", onPointerUp);
+    target.addEventListener("pointercancel", onPointerUp);
+  }, []);
+}
+function SaturationValuePlane({
+  hsv,
+  onChange
+}) {
+  const planeRef = React7.useRef(null);
+  const hueColor = hsvToHex({ h: hsv.h, s: 1, v: 1 });
+  const onPointerDown = usePointerDrag((clientX, clientY) => {
+    const el = planeRef.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    const s = clamp((clientX - rect.left) / rect.width, 0, 1);
+    const v = clamp(1 - (clientY - rect.top) / rect.height, 0, 1);
+    onChange({ ...hsv, s, v });
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: planeRef,
+      role: "slider",
+      "aria-label": "Saturation and brightness",
+      "aria-valuetext": `Saturation ${Math.round(hsv.s * 100)}%, brightness ${Math.round(hsv.v * 100)}%`,
+      tabIndex: 0,
+      onPointerDown,
+      onKeyDown: (event) => {
+        const step = event.shiftKey ? 0.1 : 0.02;
+        if (event.key === "ArrowLeft") {
+          event.preventDefault();
+          onChange({ ...hsv, s: clamp(hsv.s - step, 0, 1) });
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault();
+          onChange({ ...hsv, s: clamp(hsv.s + step, 0, 1) });
+        } else if (event.key === "ArrowUp") {
+          event.preventDefault();
+          onChange({ ...hsv, v: clamp(hsv.v + step, 0, 1) });
+        } else if (event.key === "ArrowDown") {
+          event.preventDefault();
+          onChange({ ...hsv, v: clamp(hsv.v - step, 0, 1) });
+        }
+      },
+      className: "relative h-40 w-full cursor-crosshair touch-none overflow-hidden rounded-xl ring-1 ring-black/10 select-none",
+      style: {
+        background: `
+          linear-gradient(to top, #000, transparent),
+          linear-gradient(to right, #fff, ${hueColor})
+        `
+      },
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_1px_4px_rgba(0,0,0,0.45)]",
+          style: {
+            left: `${hsv.s * 100}%`,
+            top: `${(1 - hsv.v) * 100}%`,
+            backgroundColor: hsvToHex(hsv)
+          }
+        }
+      )
+    }
+  );
+}
+function HueSlider({ hsv, onChange }) {
+  const trackRef = React7.useRef(null);
+  const onPointerDown = usePointerDrag((clientX) => {
+    const el = trackRef.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    const h = clamp((clientX - rect.left) / rect.width * 360, 0, 359.999);
+    onChange({ ...hsv, h });
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: trackRef,
+      role: "slider",
+      "aria-label": "Hue",
+      "aria-valuemin": 0,
+      "aria-valuemax": 360,
+      "aria-valuenow": Math.round(hsv.h),
+      tabIndex: 0,
+      onPointerDown,
+      onKeyDown: (event) => {
+        const step = event.shiftKey ? 12 : 2;
+        if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
+          event.preventDefault();
+          onChange({ ...hsv, h: (hsv.h - step + 360) % 360 });
+        } else if (event.key === "ArrowRight" || event.key === "ArrowUp") {
+          event.preventDefault();
+          onChange({ ...hsv, h: (hsv.h + step) % 360 });
+        }
+      },
+      className: "relative h-3.5 w-full cursor-pointer touch-none rounded-full ring-1 ring-black/10 select-none",
+      style: {
+        background: "linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"
+      },
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute top-1/2 size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_1px_4px_rgba(0,0,0,0.35)]",
+          style: {
+            left: `${hsv.h / 360 * 100}%`,
+            backgroundColor: hsvToHex({ h: hsv.h, s: 1, v: 1 })
+          }
+        }
+      )
+    }
+  );
+}
+function ColorPicker({
+  value,
+  onChange,
+  presets = [],
+  disabled,
+  className,
+  "aria-label": ariaLabel = "Color"
+}) {
+  const resolved = normalizeHex(value) ?? "#4285F4";
+  const [open, setOpen] = React7.useState(false);
+  const [hsv, setHsv] = React7.useState(() => hexToHsv(resolved));
+  const [hexDraft, setHexDraft] = React7.useState(resolved);
+  React7.useEffect(() => {
+    setHsv(hexToHsv(resolved));
+    setHexDraft(resolved);
+  }, [resolved]);
+  const commitHsv = (next) => {
+    setHsv(next);
+    const hex = hsvToHex(next);
+    setHexDraft(hex);
+    onChange(hex);
+  };
+  const commitHexDraft = () => {
+    const next = normalizeHex(hexDraft);
+    if (!next) {
+      setHexDraft(resolved);
+      return;
+    }
+    setHexDraft(next);
+    setHsv(hexToHsv(next));
+    onChange(next);
+  };
+  const supportsEyeDropper = typeof window !== "undefined" && "EyeDropper" in window && !disabled;
+  const pickFromScreen = async () => {
+    try {
+      const EyeDropperCtor = window.EyeDropper;
+      if (!EyeDropperCtor) return;
+      const result = await new EyeDropperCtor().open();
+      const hex = normalizeHex(result.sRGBHex);
+      if (!hex) return;
+      setHexDraft(hex);
+      setHsv(hexToHsv(hex));
+      onChange(hex);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-2", className), children: [
+    presets.map((preset) => {
+      const hex = normalizeHex(preset) ?? preset;
+      const selected = resolved === hex;
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          disabled,
+          "aria-label": `Use color ${hex}`,
+          "aria-pressed": selected,
+          onClick: () => onChange(hex),
+          className: cn(
+            "size-8 rounded-full border p-0 shadow-sm transition-transform",
+            selected ? "scale-105 border-foreground ring-2 ring-foreground/15" : "border-black/10 hover:scale-105 hover:border-foreground/30"
+          ),
+          style: { backgroundColor: hex }
+        },
+        hex
+      );
+    }),
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          disabled,
+          "aria-label": ariaLabel,
+          className: "h-9 gap-2.5 rounded-xl border-border bg-card px-2.5 shadow-sm hover:bg-accent/60",
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "size-5 shrink-0 rounded-full shadow-inner ring-1 ring-black/15",
+                style: { backgroundColor: resolved },
+                "aria-hidden": true
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-xs tabular-nums tracking-wide text-foreground uppercase", children: resolved })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          align: "start",
+          sideOffset: 8,
+          className: "w-[272px] rounded-2xl border-border bg-card p-3 shadow-xl",
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx(SaturationValuePlane, { hsv, onChange: commitHsv }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+              supportsEyeDropper ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "icon",
+                  onClick: pickFromScreen,
+                  "aria-label": "Pick color from screen",
+                  className: "size-9 shrink-0 rounded-xl",
+                  children: /* @__PURE__ */ jsx(Pipette, { size: 15 })
+                }
+              ) : null,
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "size-9 shrink-0 rounded-full shadow-inner ring-1 ring-black/15",
+                  style: { backgroundColor: resolved },
+                  "aria-hidden": true
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 py-1", children: /* @__PURE__ */ jsx(HueSlider, { hsv, onChange: commitHsv }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold tracking-wider text-muted-foreground uppercase", children: "Hex" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: hexDraft,
+                  onChange: (event) => setHexDraft(event.target.value.toUpperCase()),
+                  onBlur: commitHexDraft,
+                  onKeyDown: (event) => {
+                    if (event.key === "Enter") {
+                      event.preventDefault();
+                      commitHexDraft();
+                    }
+                  },
+                  spellCheck: false,
+                  "aria-label": "Hex color",
+                  className: "h-8 font-mono text-xs uppercase tracking-wide"
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function ContentFade({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "content-fade",
+      className: cn("animate-in fade-in duration-300 ease-out motion-reduce:animate-none", className),
+      children
+    }
+  );
+}
+function DashFade({
+  children,
+  delayMs = 0,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dash-fade",
+      className: cn(
+        "animate-in fade-in slide-in-from-bottom-2 duration-500 ease-out fill-mode-both motion-reduce:animate-none",
+        className
+      ),
+      style: {
+        animationDelay: delayMs ? `${delayMs}ms` : void 0,
+        animationFillMode: "both"
+      },
+      children
+    }
+  );
+}
+function parseLocalDate(iso) {
+  if (!iso || !/^\d{4}-\d{2}-\d{2}$/.test(iso)) return void 0;
+  const [y, m, d] = iso.split("-").map(Number);
+  const dt = new Date(y, m - 1, d);
+  if (Number.isNaN(dt.getTime())) return void 0;
+  return dt;
+}
+function DateField({
+  value,
+  onChange,
+  min,
+  max,
+  disabled,
+  id,
+  placeholder = "Select date",
+  triggerClassName,
+  align = "start"
+}) {
+  const [open, setOpen] = React7.useState(false);
+  const selected = parseLocalDate(value);
+  const minD = min ? parseLocalDate(min) : void 0;
+  const maxD = max ? parseLocalDate(max) : void 0;
+  const defaultMonth = selected ?? minD ?? /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        id,
+        disabled,
+        className: cn(
+          "flex w-full min-w-0 items-center gap-2 rounded-md border border-border bg-card px-3 h-9 text-left text-sm text-muted-foreground outline-none transition-colors hover:bg-muted/80 focus-visible:border-blue-400 focus-visible:ring-[3px] focus-visible:ring-blue-500/25 disabled:cursor-not-allowed disabled:opacity-50",
+          triggerClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Calendar, { size: 13, className: "shrink-0 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: selected ? formatDate(selected) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "z-[100] w-auto p-0", align, children: /* @__PURE__ */ jsx(
+      Calendar$1,
+      {
+        mode: "single",
+        selected,
+        defaultMonth,
+        fromDate: minD,
+        toDate: maxD,
+        initialFocus: true,
+        onSelect: (date) => {
+          if (date) {
+            onChange(toDateStr(date));
+            setOpen(false);
+          }
+        }
+      }
+    ) })
+  ] });
+}
+function FeedSkeleton({
+  rows = 3,
+  variant = "list"
+}) {
+  if (variant === "cards") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2.5", role: "status", "aria-busy": "true", "aria-label": "Loading", children: [
+      Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border border-border bg-muted/40 p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12" })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-36" })
+      ] }, i)),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", role: "status", "aria-busy": "true", "aria-label": "Loading", children: [
+    Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg px-3 py-2.5", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-2 shrink-0 rounded-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-12 shrink-0" })
+    ] }, i)),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" })
+  ] });
+}
+var fieldLabelClass = "text-[10px] uppercase tracking-widest text-muted-foreground";
+function FieldLabel({
+  as,
+  emphasis = false,
+  className,
+  ...props
+}) {
+  const Component = as ?? "span";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cn(fieldLabelClass, emphasis && "font-medium", className),
+      ...props
+    }
+  );
+}
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+var filterPopoverBodyStyles = cn(
+  "space-y-4 px-4 py-3",
+  "[&_label]:text-xs [&_label]:font-medium [&_label]:!text-white/70",
+  "[&_.text-muted-foreground]:!text-white/70",
+  "[&_.text-muted-foreground]:!text-white/80",
+  "[&_[data-slot=select-trigger]]:!border-white/15 [&_[data-slot=select-trigger]]:!bg-card/10",
+  "[&_[data-slot=select-trigger]]:!text-white [&_[data-slot=select-trigger]]:hover:!border-white/25",
+  "[&_[data-slot=select-trigger]]:hover:!bg-card/15",
+  "[&_[data-slot=select-value]]:!text-white",
+  "[&_[data-slot=select-trigger]]:data-[placeholder]:!text-white/50",
+  "[&_[data-slot=select-trigger]::placeholder]:!text-white/50",
+  "[&_[data-slot=select-trigger]_svg]:!text-white/50",
+  "[&_[data-slot=input]]:!border-white/15 [&_[data-slot=input]]:!bg-card/10",
+  "[&_[data-slot=input]]:!text-white [&_[data-slot=input]]:placeholder:!text-white/50",
+  "[&_[data-slot=input]]:hover:!border-white/25 [&_[data-slot=input]]:hover:!bg-card/15",
+  "[&_button.flex.w-full]:!border-white/15 [&_button.flex.w-full]:!bg-card/10",
+  "[&_button.flex.w-full]:!text-white [&_button.flex.w-full]:hover:!bg-card/15",
+  "[&_button.flex.w-full_.text-muted-foreground]:!text-white/50",
+  "[&_button.flex.w-full_span]:!text-white",
+  "[&_[data-slot=segmented-tab-list]]:!bg-card/10 [&_[data-slot=segmented-tab-list]]:!text-white/70",
+  "[&_[data-slot=segmented-tab-list]]:!ring-white/15",
+  "[&_[data-slot=segmented-tab-list]_button]:!text-white/60",
+  "[&_[data-slot=segmented-tab-list]_button:hover]:!bg-card/10 [&_[data-slot=segmented-tab-list]_button:hover]:!text-white",
+  "[&_[data-slot=segmented-tab-list]_button[aria-selected=true]]:!text-white",
+  "[&_[data-slot=segmented-tab-list]>div[aria-hidden]]:!bg-white/15",
+  "[&_[data-slot=segmented-tab-list]>div[aria-hidden]]:!shadow-none",
+  "[&_[data-slot=segmented-tab-list]>div[aria-hidden]]:!ring-white/20",
+  "[&_.rounded-lg.border]:!border-white/10 [&_.rounded-lg.border]:!bg-card/5",
+  "[&_[data-slot=switch]]:data-[state=unchecked]:!bg-card/20"
+);
+function FilterPopover({
+  open,
+  onOpenChange,
+  activeCount,
+  onApply,
+  onCancel,
+  onClearAll,
+  children,
+  title = "Filters",
+  triggerLabel = "More filters",
+  applyDisabled = false,
+  clearDisabled = false,
+  align = "start",
+  contentClassName,
+  contentId = "filter-popover-content",
+  "aria-label": ariaLabel = "Open filters"
+}) {
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        className: "h-11 min-h-11 gap-2 rounded-xl border-border bg-card px-3.5 text-sm font-medium text-muted-foreground shadow-none hover:bg-accent",
+        "aria-expanded": open,
+        "aria-controls": contentId,
+        "aria-label": ariaLabel,
+        children: [
+          /* @__PURE__ */ jsx(ListFilter, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: triggerLabel }),
+          activeCount > 0 ? /* @__PURE__ */ jsx(Badge, { variant: "default", className: "h-5 min-w-5 rounded-md px-1.5 tabular-nums", children: activeCount }) : null
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        id: contentId,
+        align,
+        className: cn(
+          "flex w-[min(100vw-2rem,28rem)] flex-col gap-0 overflow-hidden p-0 shadow-lg",
+          contentClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "border-b border-white/10 px-4 py-3", children: /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-popover-foreground", children: title }) }),
+          /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[min(70vh,24rem)]", children: /* @__PURE__ */ jsx("div", { "data-slot": "filter-popover-body", className: filterPopoverBodyStyles, children }) }),
+          /* @__PURE__ */ jsx(Separator, { className: "bg-card/10" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 px-4 py-3", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                className: "h-auto px-0 text-sm font-medium text-white/70 hover:bg-transparent hover:text-white",
+                onClick: onClearAll,
+                disabled: clearDisabled,
+                children: "Clear all"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "text-white/70 hover:bg-card/10 hover:text-white",
+                  onClick: onCancel,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  className: "border border-white/30 bg-card/15 font-semibold text-white hover:bg-card/25",
+                  onClick: onApply,
+                  disabled: applyDisabled,
+                  children: "Apply"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function InputGroup({
+  leading,
+  children,
+  className,
+  size = "default"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-2 rounded-md border border-border bg-card px-3 focus-within:border-blue-400 focus-within:ring-[3px] focus-within:ring-blue-500/25 transition-colors",
+        size === "lg" ? "h-10" : "h-9",
+        className
+      ),
+      children: [
+        leading ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0", children: leading }) : null,
+        children
+      ]
+    }
+  );
+}
+var InputGroupInput = React7.forwardRef(function InputGroupInput2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ref,
+      className: cn(
+        "flex-1 border-0 bg-transparent shadow-none focus-visible:ring-0 px-0 h-auto min-w-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+function IconInput({
+  icon: Icon,
+  value,
+  onChange,
+  placeholder,
+  type = "text",
+  min,
+  max,
+  step,
+  id,
+  disabled,
+  autoFocus,
+  className,
+  iconSize = 13
+}) {
+  return /* @__PURE__ */ jsxs(InputGroup, { className, children: [
+    /* @__PURE__ */ jsx(Icon, { size: iconSize, className: "text-muted-foreground shrink-0" }),
+    /* @__PURE__ */ jsx(
+      InputGroupInput,
+      {
+        id,
+        type,
+        min,
+        max,
+        step,
+        value,
+        placeholder,
+        disabled,
+        autoFocus,
+        onChange: (e) => onChange(e.target.value)
+      }
+    )
+  ] });
+}
+function NumberInput({
+  value,
+  onChange,
+  placeholder,
+  min,
+  max,
+  step = 1,
+  className,
+  id,
+  disabled
+}) {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      id,
+      type: "number",
+      value: Number.isFinite(value) ? value : 0,
+      min,
+      max,
+      step,
+      placeholder,
+      disabled,
+      onChange: (e) => onChange(parseFloat(e.target.value) || 0),
+      className: cn("tabular-nums", className)
+    }
+  );
+}
+
+// src/ui/phone-countries.ts
+var PHONE_COUNTRIES = [
+  { iso: "US", name: "United States", dialCode: "+1", flagCode: "USA" },
+  { iso: "GB", name: "United Kingdom", dialCode: "+44", flagCode: "GB" },
+  { iso: "CA", name: "Canada", dialCode: "+1", flagCode: "CA" },
+  { iso: "AU", name: "Australia", dialCode: "+61", flagCode: "AU" },
+  { iso: "DE", name: "Germany", dialCode: "+49", flagCode: "DE" },
+  { iso: "FR", name: "France", dialCode: "+33", flagCode: "FR" },
+  { iso: "IN", name: "India", dialCode: "+91", flagCode: "IN" },
+  { iso: "NP", name: "Nepal", dialCode: "+977", flagCode: "NP" },
+  { iso: "PK", name: "Pakistan", dialCode: "+92", flagCode: "PK" },
+  { iso: "AE", name: "United Arab Emirates", dialCode: "+971", flagCode: "AE" },
+  { iso: "SA", name: "Saudi Arabia", dialCode: "+966", flagCode: "SA" },
+  { iso: "SG", name: "Singapore", dialCode: "+65", flagCode: "SG" },
+  { iso: "JP", name: "Japan", dialCode: "+81", flagCode: "JP" },
+  { iso: "CN", name: "China", dialCode: "+86", flagCode: "CN" },
+  { iso: "BR", name: "Brazil", dialCode: "+55", flagCode: "BR" },
+  { iso: "MX", name: "Mexico", dialCode: "+52", flagCode: "MX" },
+  { iso: "NL", name: "Netherlands", dialCode: "+31", flagCode: "NL" },
+  { iso: "ES", name: "Spain", dialCode: "+34", flagCode: "ES" },
+  { iso: "IT", name: "Italy", dialCode: "+39", flagCode: "IT" },
+  { iso: "ZA", name: "South Africa", dialCode: "+27", flagCode: "ZA" },
+  { iso: "NG", name: "Nigeria", dialCode: "+234", flagCode: "NG" }
+];
+var DEFAULT_PHONE_COUNTRY_ISO = "US";
+function phoneCountryByIso(iso) {
+  return PHONE_COUNTRIES.find((c) => c.iso === iso);
+}
+function parsePhoneValue(value, defaultIso = DEFAULT_PHONE_COUNTRY_ISO) {
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return { iso: defaultIso, national: "" };
+  }
+  const sorted = [...PHONE_COUNTRIES].sort((a, b) => b.dialCode.length - a.dialCode.length);
+  for (const country of sorted) {
+    if (trimmed.startsWith(country.dialCode)) {
+      return {
+        iso: country.iso,
+        national: trimmed.slice(country.dialCode.length).replace(/\D/g, "")
+      };
+    }
+  }
+  return {
+    iso: defaultIso,
+    national: trimmed.replace(/^\+/, "").replace(/\D/g, "")
+  };
+}
+function formatPhoneValue(iso, national) {
+  const country = phoneCountryByIso(iso);
+  if (!country) return national;
+  const digits = national.replace(/\D/g, "");
+  return digits ? `${country.dialCode}${digits}` : country.dialCode;
+}
+
+// assets/flags/AE.svg
+var AE_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3569_119949" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3569_119949)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M5.71436 4.7619H20.0001V0H5.71436V4.7619Z" fill="%2312833B"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M5.71436 14.2856H20.0001V9.52374H5.71436V14.2856Z" fill="%23262626"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.2857H5.71429V0H0V14.2857Z" fill="%23FF323E"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/AU.svg
+var AU_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A<mask id="mask0_3508_170803" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_3508_170803)">%0A<rect width="20" height="14.2857" fill="%230A17A7"/>%0A<path d="M0 -0.333333H-0.901086L-0.21693 0.253086L3 3.01045V3.63798L-0.193746 5.91923L-0.333333 6.01894V6.19048V6.66667V7.26808L0.176666 6.94933L3.90512 4.61905H4.65508L7.86042 6.90858C7.94367 6.96804 8.04341 7 8.14571 7C8.60139 7 8.8111 6.43307 8.46513 6.13652L5.57143 3.65621V3.02868L8.62559 0.84714C8.80078 0.721999 8.90476 0.519952 8.90476 0.304651V0V-0.601416L8.39476 -0.282666L4.66631 2.04762H3.91635L0.669937 -0.271244L0.583012 -0.333333H0.47619H0Z" fill="%23FF2E3B" stroke="white" stroke-width="0.666667"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.38095V4.28571H3.33333V6.47619C3.33333 6.84438 3.63181 7.14286 4 7.14286H4.57143C4.93962 7.14286 5.23809 6.84438 5.23809 6.47619V4.28571H8.38095C8.74914 4.28571 9.04762 3.98724 9.04762 3.61905V3.04762C9.04762 2.67943 8.74914 2.38095 8.38095 2.38095H5.23809V0H3.33333V2.38095H0Z" fill="url(%23paint0_linear_3508_170803)"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.85714H3.80952V2.38095V0H4.7619V2.38095V2.85714H8.57143V3.80952H4.7619V4.28571V6.66667H3.80952V4.28571V3.80952H0V2.85714Z" fill="url(%23paint1_linear_3508_170803)"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M4.28575 11.6667L3.44606 12.1081L3.60642 11.1731L2.9271 10.5109L3.8659 10.3745L4.28575 9.5238L4.7056 10.3745L5.6444 10.5109L4.96508 11.1731L5.12544 12.1081L4.28575 11.6667Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2856 12.381L13.6122 12.5782L13.8094 11.9048L13.6122 11.2313L14.2856 11.4286L14.9591 11.2313L14.7618 11.9048L14.9591 12.5782L14.2856 12.381Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2856 3.33336L13.6122 3.5306L13.8094 2.85717L13.6122 2.18373L14.2856 2.38098L14.9591 2.18373L14.7618 2.85717L14.9591 3.5306L14.2856 3.33336Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1428 6.19053L16.4694 6.38778L16.6666 5.71434L16.4694 5.04091L17.1428 5.23815L17.8162 5.04091L17.619 5.71434L17.8162 6.38778L17.1428 6.19053Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4287 7.1428L10.7553 7.34005L10.9525 6.66661L10.7553 5.99318L11.4287 6.19042L12.1021 5.99318L11.9049 6.66661L12.1021 7.34005L11.4287 7.1428Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M15.7142 8.33343L15.3775 8.43205L15.4761 8.09533L15.3775 7.75861L15.7142 7.85724L16.0509 7.75861L15.9523 8.09533L16.0509 8.43205L15.7142 8.33343Z" fill="white"/>%0A</g>%0A<defs>%0A<linearGradient id="paint0_linear_3508_170803" x1="0" y1="0" x2="0" y2="7.14286" gradientUnits="userSpaceOnUse">%0A<stop stop-color="white"/>%0A<stop offset="1" stop-color="%23F0F0F0"/>%0A</linearGradient>%0A<linearGradient id="paint1_linear_3508_170803" x1="0" y1="0" x2="0" y2="6.66667" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23FF2E3B"/>%0A<stop offset="1" stop-color="%23FC0D1B"/>%0A</linearGradient>%0A</defs>%0A</svg>%0A';
+
+// assets/flags/BR.svg
+var BR_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A<mask id="mask0_3569_120137" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_3569_120137)">%0A<rect width="20" height="14.2857" fill="%2305AB41"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M2.7698 7.70259C2.3638 7.43989 2.3638 6.84587 2.7698 6.58317L9.63786 2.13913C9.85824 1.99652 10.1418 1.99652 10.3622 2.13913L17.2302 6.58317C17.6362 6.84587 17.6362 7.43989 17.2302 7.70259L10.3622 12.1466C10.1418 12.2892 9.85824 12.2892 9.63786 12.1466L2.7698 7.70259Z" fill="%23FDD216"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99984 10.4761C11.8408 10.4761 13.3332 8.98373 13.3332 7.14278C13.3332 5.30183 11.8408 3.80945 9.99984 3.80945C8.15889 3.80945 6.6665 5.30183 6.6665 7.14278C6.6665 8.98373 8.15889 10.4761 9.99984 10.4761Z" fill="%23053087"/>%0A<mask id="mask1_3569_120137" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="3" width="8" height="8">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99984 10.4761C11.8408 10.4761 13.3332 8.98373 13.3332 7.14278C13.3332 5.30183 11.8408 3.80945 9.99984 3.80945C8.15889 3.80945 6.6665 5.30183 6.6665 7.14278C6.6665 8.98373 8.15889 10.4761 9.99984 10.4761Z" fill="white"/>%0A</mask>%0A<g mask="url(%23mask1_3569_120137)">%0A<path d="M6.2713 6.27147C6.79466 5.84766 8.48348 6.24914 10.06 6.66968C11.6364 7.09021 13.2806 7.97164 13.6993 8.48862" stroke="white" stroke-width="1.33333" stroke-linecap="square"/>%0A</g>%0A</g>%0A</svg>%0A';
+
+// assets/flags/CA.svg
+var CA_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.964355" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3508_170838" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.964355" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3508_170838)">%0A<rect x="14.2856" y="0.714355" width="5.71428" height="14.2857" fill="%23FF3131"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 15.0001H5.71429V0.714355H0V15.0001Z" fill="%23FF3131"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6835 7.1261C11.4645 7.34509 11.0945 7.14706 11.1552 6.84337L11.4287 5.47618L10.4763 5.95237L10.0001 4.5238L9.52389 5.95237L8.57151 5.47618L8.84495 6.84337C8.90568 7.14706 8.53566 7.34509 8.31666 7.1261C8.19442 7.00385 7.99622 7.00385 7.87398 7.1261L7.61913 7.38095L6.66675 6.90476L7.14294 7.85714L6.90245 8.09762C6.77228 8.2278 6.77228 8.43885 6.90245 8.56903L8.09532 9.7619H9.52389L9.76199 11.1905H10.2382L10.4763 9.7619H11.9048L13.0977 8.56903C13.2279 8.43885 13.2279 8.2278 13.0977 8.09762L12.8572 7.85714L13.3334 6.90476L12.381 7.38095L12.1262 7.1261C12.0039 7.00385 11.8057 7.00385 11.6835 7.1261Z" fill="%23FF3131"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/CN.svg
+var CN_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A<mask id="mask0_3569_120212" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_3569_120212)">%0A<rect width="20" height="14.2857" fill="%23F1361D"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M7.19482 2.21489L7.88657 2.33282L8.40538 2.80532L8.52332 2.11358L8.99581 1.59476L8.30407 1.47683L7.78525 1.00433L7.66732 1.69608L7.19482 2.21489ZM9.04768 4.63449L9.64712 4.26967L10.3487 4.28589L9.98384 3.68646L10.0001 2.98492L9.40063 3.34974L8.69909 3.33351L9.06391 3.93295L9.04768 4.63449ZM8.23455 8.55079L7.64821 8.9363L7.63994 8.23463L7.25442 7.64829L7.9561 7.64002L8.54244 7.2545L8.55071 7.95618L8.93623 8.54252L8.23455 8.55079ZM8.74371 6.7368L9.44117 6.6595L10.0701 6.97069L9.99281 6.27323L10.304 5.64428L9.60655 5.72158L8.97759 5.4104L9.0549 6.10785L8.74371 6.7368Z" fill="%23FFDC42"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M4.76193 5.87621L3.08254 7.0734L3.70218 5.10626L2.04462 3.87902L4.10697 3.86045L4.76193 1.90479L5.41689 3.86045L7.47923 3.87902L5.82168 5.10626L6.44131 7.0734L4.76193 5.87621Z" fill="%23FFDC42"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/DE.svg
+var DE_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A<mask id="mask0_3569_120343" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_3569_120343)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.7619H20V0H0V4.7619Z" fill="%23262626"/>%0A<g filter="url(%23filter0_d_3569_120343)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 9.52387H20V4.76196H0V9.52387Z" fill="%23F01515"/>%0A</g>%0A<g filter="url(%23filter1_d_3569_120343)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.2856H20V9.52374H0V14.2856Z" fill="%23FFD521"/>%0A</g>%0A</g>%0A<defs>%0A<filter id="filter0_d_3569_120343" x="0" y="4.76196" width="20" height="4.7619" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">%0A<feFlood flood-opacity="0" result="BackgroundImageFix"/>%0A<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>%0A<feOffset/>%0A<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>%0A<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3569_120343"/>%0A<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3569_120343" result="shape"/>%0A</filter>%0A<filter id="filter1_d_3569_120343" x="0" y="9.52374" width="20" height="4.7619" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">%0A<feFlood flood-opacity="0" result="BackgroundImageFix"/>%0A<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>%0A<feOffset/>%0A<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>%0A<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3569_120343"/>%0A<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3569_120343" result="shape"/>%0A</filter>%0A</defs>%0A</svg>%0A';
+
+// assets/flags/ES.svg
+var ES_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A<mask id="mask0_3569_120389" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_3569_120389)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 3.80952H20V0H0V3.80952Z" fill="%23DD172C"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.2858H20V10.4763H0V14.2858Z" fill="%23DD172C"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.4761H20V3.80945H0V10.4761Z" fill="%23FFD133"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M5.23804 6.66667H6.19042V7.14286H5.23804V6.66667Z" fill="%23FFEDB1"/>%0A<path d="M4.43996 6.8849C4.42376 6.69056 4.57713 6.52389 4.77214 6.52389H5.70403C5.89904 6.52389 6.0524 6.69056 6.03621 6.8849L5.93737 8.07092C5.90707 8.43462 5.60304 8.71436 5.23808 8.71436C4.87313 8.71436 4.5691 8.43462 4.53879 8.07092L4.43996 6.8849Z" stroke="%23A41517" stroke-width="0.666667"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M4.28564 7.14288H6.19041V7.61907H5.71422L5.23803 8.57146L4.76184 7.61907H4.28564V7.14288Z" fill="%23A41517"/>%0A<rect x="2.85718" y="5.71429" width="0.952381" height="3.33333" rx="0.47619" fill="%23A41517"/>%0A<rect x="6.66675" y="5.71429" width="0.952382" height="3.33333" rx="0.476191" fill="%23A41517"/>%0A<path d="M4.28564 5.52387C4.28564 5.10308 4.62676 4.76196 5.04755 4.76196H5.4285C5.84929 4.76196 6.19041 5.10308 6.19041 5.52387C6.19041 5.62906 6.10513 5.71434 5.99993 5.71434H4.47612C4.37092 5.71434 4.28564 5.62906 4.28564 5.52387Z" fill="%23A41517"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/FR.svg
+var FR_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3569_120433" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3569_120433)">%0A<rect x="13.3333" width="6.66667" height="14.2857" fill="%23F44653"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.2857H6.66667V0H0V14.2857Z" fill="%231035BB"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/GB.svg
+var GB_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A<mask id="mask0_3569_120460" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_3569_120460)">%0A<rect width="20" height="14.2857" fill="%230A17A7"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M-0.916072 -1.3689L7.61903 4.3881V-0.952357H12.3809V4.38812L20.916 -1.36888L21.9812 0.210239L15.233 4.76193H20V9.52383H15.2331L21.9812 14.0755L20.916 15.6546L12.3809 9.8976V15.2381H7.61903V9.89762L-0.916063 15.6546L-1.98119 14.0755L4.76692 9.52383H-2.30074e-05V4.76193H4.76698L-1.9812 0.210223L-0.916072 -1.3689Z" fill="white"/>%0A<path d="M13.3342 4.52298L22.3809 -1.42859" stroke="%23DB1F35" stroke-width="0.666667" stroke-linecap="round"/>%0A<path d="M14.2949 9.78387L22.4048 15.2502" stroke="%23DB1F35" stroke-width="0.666667" stroke-linecap="round"/>%0A<path d="M5.71833 4.50743L-2.74097 -1.1936" stroke="%23DB1F35" stroke-width="0.666667" stroke-linecap="round"/>%0A<path d="M6.63583 9.71777L-2.74097 15.936" stroke="%23DB1F35" stroke-width="0.666667" stroke-linecap="round"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 8.57143H8.57143V14.2857H11.4286V8.57143H20V5.71429H11.4286V0H8.57143V5.71429H0V8.57143Z" fill="%23E6273E"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/IN.svg
+var IN_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3569_120679" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3569_120679)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.7619H20V0H0V4.7619Z" fill="%23FFA44A"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.2856H20V9.52374H0V14.2856Z" fill="%231A9F0B"/>%0A<path d="M10.0001 8.90477C10.9732 8.90477 11.762 8.11594 11.762 7.14287C11.762 6.16979 10.9732 5.38096 10.0001 5.38096C9.02703 5.38096 8.2382 6.16979 8.2382 7.14287C8.2382 8.11594 9.02703 8.90477 10.0001 8.90477Z" fill="%23181A93" fill-opacity="0.15" stroke="%23181A93" stroke-width="0.666667"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0001 7.61901C10.2631 7.61901 10.4763 7.40581 10.4763 7.14282C10.4763 6.87982 10.2631 6.66663 10.0001 6.66663C9.73712 6.66663 9.52393 6.87982 9.52393 7.14282C9.52393 7.40581 9.73712 7.61901 10.0001 7.61901Z" fill="%23181A93"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/IT.svg
+var IT_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3569_120670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3569_120670)">%0A<rect x="13.3335" width="6.66667" height="14.2857" fill="%23E43D4C"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.2857H6.66667V0H0V14.2857Z" fill="%231BB65D"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/JP.svg
+var JP_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.535645" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3508_170816" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.535645" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3508_170816)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0001 11.7143C12.367 11.7143 14.2858 9.79547 14.2858 7.42854C14.2858 5.0616 12.367 3.14282 10.0001 3.14282C7.63314 3.14282 5.71436 5.0616 5.71436 7.42854C5.71436 9.79547 7.63314 11.7143 10.0001 11.7143Z" fill="url(%23paint0_linear_3508_170816)"/>%0A</g>%0A<defs>%0A<linearGradient id="paint0_linear_3508_170816" x1="5.71436" y1="3.14282" x2="5.71436" y2="11.7143" gradientUnits="userSpaceOnUse">%0A<stop stop-color="%23D81441"/>%0A<stop offset="1" stop-color="%23BB0831"/>%0A</linearGradient>%0A</defs>%0A</svg>%0A';
+
+// assets/flags/MX.svg
+var MX_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.821289" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3508_170820" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.821289" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3508_170820)">%0A<rect x="13.3333" y="0.571289" width="6.66667" height="14.2857" fill="%23E3283E"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.857H6.66667V0.571289H0V14.857Z" fill="%23128A60"/>%0A<path d="M8.76188 7.23792C8.76188 6.86973 8.4634 6.57125 8.09521 6.57125C7.72703 6.57125 7.42855 6.86973 7.42855 7.23792H8.76188ZM8.71083 9.46322C9.02929 9.648 9.43726 9.53963 9.62204 9.22117C9.80683 8.90271 9.69846 8.49475 9.38 8.30996L8.71083 9.46322ZM10.6657 8.2821C10.3555 8.48048 10.2649 8.89274 10.4632 9.20292C10.6616 9.5131 11.0739 9.60373 11.3841 9.40535L10.6657 8.2821ZM12.5714 7.23792C12.5714 6.86973 12.2729 6.57125 11.9047 6.57125C11.5365 6.57125 11.2381 6.86973 11.2381 7.23792H12.5714ZM7.42855 7.23792C7.42855 8.18933 7.94559 9.0192 8.71083 9.46322L9.38 8.30996C9.00897 8.09468 8.76188 7.69476 8.76188 7.23792H7.42855ZM11.3841 9.40535C12.0966 8.9496 12.5714 8.14942 12.5714 7.23792H11.2381C11.2381 7.67574 11.0113 8.06104 10.6657 8.2821L11.3841 9.40535Z" fill="%238C9157"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M9.99999 8.19039C10.526 8.19039 10.9524 7.5508 10.9524 6.76182C10.9524 5.97285 10.526 5.33325 9.99999 5.33325C9.474 5.33325 9.04761 5.97285 9.04761 6.76182C9.04761 7.5508 9.474 8.19039 9.99999 8.19039Z" fill="%23C59262"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/NG.svg
+var NG_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3569_121134" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3569_121134)">%0A<rect x="13.3333" width="6.66667" height="14.2857" fill="%23189B62"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.2857H6.66667V0H0V14.2857Z" fill="%23189B62"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/NL.svg
+var NL_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3569_121129" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3569_121129)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.7619H20V0H0V4.7619Z" fill="%23CA2B39"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.2857H20V9.5238H0V14.2857Z" fill="%232C56A2"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/NP.svg
+var NP_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.73015C0 0.774614 0.774613 -6.29663e-10 1.73015 2.96692e-10C1.844 4.07073e-10 1.95532 0.0337021 2.05005 0.0968592L9.66924 5.17632C10.7669 5.90808 10.2488 7.61905 8.92963 7.61905H5.71429L10.6627 11.9489C11.5893 12.7597 11.0159 14.2857 9.78473 14.2857H2C0.895429 14.2857 0 13.3903 0 12.2857V1.73015Z" fill="white"/>%0A<mask id="mask0_3569_121178" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="15">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.73015C0 0.774614 0.774613 -6.29663e-10 1.73015 2.96692e-10C1.844 4.07073e-10 1.95532 0.0337021 2.05005 0.0968592L9.66924 5.17632C10.7669 5.90808 10.2488 7.61905 8.92963 7.61905H5.71429L10.6627 11.9489C11.5893 12.7597 11.0159 14.2857 9.78473 14.2857H2C0.895429 14.2857 0 13.3903 0 12.2857V1.73015Z" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_3569_121178)">%0A<path d="M9.78473 13.619H0.666667V0.666667L1.70291 0.666667L9.29943 5.73102C9.84826 6.0969 9.58924 6.95238 8.92963 6.95238H5.71429C5.43655 6.95238 5.18791 7.12457 5.09022 7.38456C4.99253 7.64456 5.06626 7.93787 5.27528 8.12077L10.2237 12.4507C10.687 12.856 10.4003 13.619 9.78473 13.619Z" fill="%23EE1B44" stroke="%230543A8" stroke-width="1.33333" stroke-linejoin="round"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M4.89362 5.572C5.16798 5.49681 5.42092 5.39397 5.64463 5.26869C5.42272 6.07465 4.68451 6.66665 3.80803 6.66665C2.93156 6.66665 2.19335 6.07467 1.97144 5.26872C2.19578 5.39435 2.44952 5.49741 2.72477 5.57265L3.09527 5.23816L2.48973 4.69147L3.30448 4.73309L3.26287 3.91833L3.80956 4.52388L4.35625 3.91833L4.31463 4.73309L5.12938 4.69147L4.52384 5.23816L4.89362 5.572ZM3.08056 12.2359L3.80948 11.4286L4.5384 12.2359L4.48291 11.1496L5.56925 11.2051L4.76186 10.4762L5.56925 9.74725L4.48291 9.80274L4.5384 8.7164L3.80948 9.52379L3.08056 8.7164L3.13604 9.80274L2.04971 9.74725L2.8571 10.4762L2.04971 11.2051L3.13604 11.1496L3.08056 12.2359Z" fill="white"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/PK.svg
+var PK_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3569_121272" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3569_121272)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0001 0H5.71436V14.2857L20.0001 14.2857V0Z" fill="%230A632F"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9071 7.67884C16.8155 8.57216 16.4347 9.43052 15.7617 10.1035C14.1575 11.7077 11.5003 11.6514 9.8266 9.97772C8.15292 8.30405 8.0966 5.64681 9.70079 4.04262C10.3738 3.36961 11.2322 2.98886 12.1255 2.8972C11.8441 3.06302 11.5777 3.26764 11.3346 3.5108C9.87623 4.96916 9.8041 7.26148 11.1735 8.63085C12.5428 10.0002 14.8352 9.92809 16.2935 8.46973C16.5367 8.22657 16.7413 7.96023 16.9071 7.67884ZM15.0659 5.78893L14.8386 7.14496L14.2034 5.92554L12.8435 6.1284L13.8069 5.14744L13.1938 3.91678L14.4244 4.52994L15.4054 3.5665L15.2025 4.9264L16.422 5.56162L15.0659 5.78893Z" fill="white"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/SA.svg
+var SA_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A<mask id="mask0_3569_120832" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_3569_120832)">%0A<rect width="20" height="14.2857" fill="%23128C4B"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M4.76196 8.57141H12.381V8.20763C12.381 7.71843 12.8958 7.40025 13.3334 7.61903V8.57141H14.6032C14.9539 8.57141 15.2382 8.85567 15.2382 9.20633C15.2382 9.90764 14.6696 10.4762 13.9683 10.4762H13.0477C12.6795 10.4762 12.381 10.1777 12.381 9.8095V9.52379H5.99049C5.81367 9.52379 5.64411 9.45355 5.51908 9.32853L4.76196 8.57141Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M4.76196 5.85228C4.76196 5.76388 4.79708 5.67909 4.85959 5.61658L5.00245 5.47372C5.13263 5.34355 5.13263 5.13249 5.00245 5.00232L4.85959 4.85946C4.79708 4.79695 4.76196 4.71216 4.76196 4.62376V4.14278C4.76196 3.95869 4.9112 3.80945 5.0953 3.80945H5.53246C5.63291 3.80945 5.71434 3.89088 5.71434 3.99134C5.71434 4.18327 5.97308 4.24435 6.05892 4.07268L6.1299 3.93071C6.16706 3.85639 6.24302 3.80945 6.32611 3.80945H7.38101C7.51251 3.80945 7.61911 3.91605 7.61911 4.04754C7.61911 4.17904 7.51251 4.28564 7.38101 4.28564H6.90482C6.77332 4.28564 6.66672 4.39224 6.66672 4.52373C6.66672 4.65523 6.77332 4.76183 6.90482 4.76183H7.28577C7.46987 4.76183 7.61911 4.91107 7.61911 5.09516V6.33326C7.61911 6.51735 7.46987 6.66659 7.28577 6.66659H7.00006C6.81596 6.66659 6.66672 6.51735 6.66672 6.33326V5.95231C6.66672 5.82081 6.77332 5.71421 6.90482 5.71421C7.03632 5.71421 7.14291 5.60761 7.14291 5.47611C7.14291 5.34462 7.03632 5.23802 6.90482 5.23802H6.52387C6.33977 5.23802 6.19053 5.38726 6.19053 5.57135V6.4285C6.19053 6.55999 6.08394 6.66659 5.95244 6.66659C5.82094 6.66659 5.71434 6.55999 5.71434 6.4285V5.95231C5.71434 5.82081 5.60774 5.71421 5.47625 5.71421C5.34475 5.71421 5.23815 5.82081 5.23815 5.95231V6.4285C5.23815 6.55999 5.13155 6.66659 5.00006 6.66659C4.86856 6.66659 4.76196 6.55999 4.76196 6.4285V5.85228Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3809 5.85228C12.3809 5.76388 12.416 5.67909 12.4785 5.61658L12.6213 5.47372C12.7515 5.34355 12.7515 5.13249 12.6213 5.00232L12.4785 4.85946C12.416 4.79695 12.3809 4.71216 12.3809 4.62376V4.14278C12.3809 3.95869 12.5301 3.80945 12.7142 3.80945H13.1514C13.2518 3.80945 13.3332 3.89088 13.3332 3.99134C13.3332 4.18327 13.592 4.24435 13.6778 4.07268L13.7488 3.93071C13.786 3.85639 13.8619 3.80945 13.945 3.80945H14.9999C15.1314 3.80945 15.238 3.91605 15.238 4.04754C15.238 4.17904 15.1314 4.28564 14.9999 4.28564H14.5237C14.3922 4.28564 14.2856 4.39224 14.2856 4.52373C14.2856 4.65523 14.3922 4.76183 14.5237 4.76183H14.9047C15.0888 4.76183 15.238 4.91107 15.238 5.09516V6.33326C15.238 6.51735 15.0888 6.66659 14.9047 6.66659H14.619C14.4349 6.66659 14.2856 6.51735 14.2856 6.33326V5.95231C14.2856 5.82081 14.3922 5.71421 14.5237 5.71421C14.6552 5.71421 14.7618 5.60761 14.7618 5.47611C14.7618 5.34462 14.6552 5.23802 14.5237 5.23802H14.1428C13.9587 5.23802 13.8094 5.38726 13.8094 5.57135V6.4285C13.8094 6.55999 13.7028 6.66659 13.5713 6.66659C13.4398 6.66659 13.3332 6.55999 13.3332 6.4285V5.95231C13.3332 5.82081 13.2266 5.71421 13.0951 5.71421C12.9636 5.71421 12.857 5.82081 12.857 5.95231V6.4285C12.857 6.55999 12.7505 6.66659 12.619 6.66659C12.4875 6.66659 12.3809 6.55999 12.3809 6.4285V5.85228Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4287 4.5215C11.4287 4.65423 11.3543 4.83623 11.2568 4.93374L11.1244 5.0661C11.0295 5.16105 11.0269 5.31242 11.1244 5.40994L11.2568 5.54229C11.3517 5.63724 11.4287 5.81613 11.4287 5.95454V6.42627C11.4287 6.55899 11.3268 6.66659 11.1884 6.66659H10.7166C10.5839 6.66659 10.4763 6.56467 10.4763 6.42627V5.95454C10.4763 5.82181 10.4324 5.8021 10.3659 5.9351L10.1105 6.4457C10.0496 6.5677 9.88801 6.66659 9.76421 6.66659H8.80743C8.67715 6.66659 8.57153 6.55615 8.57153 6.4285C8.57153 6.297 8.67345 6.1904 8.81186 6.1904H9.28359C9.41632 6.1904 9.52391 6.07996 9.52391 5.95231C9.52391 5.82081 9.42199 5.71421 9.28359 5.71421H8.81186C8.67913 5.71421 8.57153 5.6118 8.57153 5.48065V4.04301C8.57153 3.91402 8.67345 3.80945 8.81186 3.80945H9.28359C9.41632 3.80945 9.52391 3.91137 9.52391 4.04977V4.5215C9.52391 4.65423 9.41347 4.76183 9.28582 4.76183C9.15432 4.76183 9.04772 4.87227 9.04772 4.99992C9.04772 5.13142 9.14965 5.23802 9.28805 5.23802H9.75978C9.89251 5.23802 10.0001 5.12592 10.0001 5.00212V4.04535C10.0001 3.91506 10.1105 3.80945 10.2382 3.80945C10.3697 3.80945 10.4763 3.91137 10.4763 4.04977V4.5215C10.4763 4.65423 10.5867 4.76183 10.7144 4.76183C10.8459 4.76183 10.9525 4.65991 10.9525 4.5215V4.04977C10.9525 3.91705 11.0629 3.80945 11.1906 3.80945C11.3221 3.80945 11.4287 3.91137 11.4287 4.04977V4.5215Z" fill="white"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/SG.svg
+var SG_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="%23F5F5F5" stroke-width="0.5"/>%0A<mask id="mask0_3569_121405" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect x="0.25" y="0.25" width="19.5" height="13.7857" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>%0A</mask>%0A<g mask="url(%23mask0_3569_121405)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 7.61905H20V0H0V7.61905Z" fill="%23E12237"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M4.76193 6.66668C5.43696 6.66668 6.05731 6.43259 6.54624 6.04115C6.28726 6.13774 6.00695 6.19053 5.71431 6.19053C4.39935 6.19053 3.33336 5.12455 3.33336 3.80958C3.33336 2.49462 4.39935 1.42863 5.71431 1.42863C6.00703 1.42863 6.28742 1.48146 6.54645 1.57809C6.05749 1.18655 5.43706 0.952393 4.76193 0.952393C3.18397 0.952393 1.90479 2.23158 1.90479 3.80954C1.90479 5.38749 3.18397 6.66668 4.76193 6.66668ZM5.71431 3.33339C5.71431 3.59638 5.50111 3.80958 5.23812 3.80958C4.97513 3.80958 4.76193 3.59638 4.76193 3.33339C4.76193 3.0704 4.97513 2.8572 5.23812 2.8572C5.50111 2.8572 5.71431 3.0704 5.71431 3.33339ZM6.19052 5.71425C6.45352 5.71425 6.66671 5.50105 6.66671 5.23806C6.66671 4.97507 6.45352 4.76187 6.19052 4.76187C5.92753 4.76187 5.71433 4.97507 5.71433 5.23806C5.71433 5.50105 5.92753 5.71425 6.19052 5.71425ZM8.57145 5.23806C8.57145 5.50105 8.35825 5.71425 8.09526 5.71425C7.83227 5.71425 7.61907 5.50105 7.61907 5.23806C7.61907 4.97507 7.83227 4.76187 8.09526 4.76187C8.35825 4.76187 8.57145 4.97507 8.57145 5.23806ZM9.04767 3.80958C9.31066 3.80958 9.52386 3.59638 9.52386 3.33339C9.52386 3.0704 9.31066 2.8572 9.04767 2.8572C8.78467 2.8572 8.57147 3.0704 8.57147 3.33339C8.57147 3.59638 8.78467 3.80958 9.04767 3.80958ZM7.61905 1.90482C7.61905 2.16781 7.40585 2.38101 7.14286 2.38101C6.87986 2.38101 6.66667 2.16781 6.66667 1.90482C6.66667 1.64183 6.87986 1.42863 7.14286 1.42863C7.40585 1.42863 7.61905 1.64183 7.61905 1.90482Z" fill="white"/>%0A</g>%0A</svg>%0A';
+
+// assets/flags/USA.svg
+var USA_default = 'data:image/svg+xml,<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <rect y="0.856934" width="20" height="14.2857" rx="2" fill="white"/>%0A    <mask id="mask0_3508_170844" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="16">%0A    <rect y="0.856934" width="20" height="14.2857" rx="2" fill="white"/>%0A    </mask>%0A    <g mask="url(%23mask0_3508_170844)">%0A    <path fill-rule="evenodd" clip-rule="evenodd" d="M20 0.856934H0V1.80931H20V0.856934ZM20 2.76174H0V3.71412H20V2.76174ZM0 4.66641H20V5.61879H0V4.66641ZM20 6.57122H0V7.5236H20V6.57122ZM0 8.47603H20V9.42841H0V8.47603ZM20 10.3807H0V11.3331H20V10.3807ZM0 12.2855H20V13.2379H0V12.2855ZM20 14.1903H0V15.1427H20V14.1903Z" fill="%23D02F44"/>%0A    <rect y="0.856934" width="8.57143" height="6.66667" fill="%2346467F"/>%0A    <g filter="url(%23filter0_d_3508_170844)">%0A    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.90477 2.28546C1.90477 2.54845 1.69158 2.76165 1.42858 2.76165C1.16559 2.76165 0.952393 2.54845 0.952393 2.28546C0.952393 2.02246 1.16559 1.80927 1.42858 1.80927C1.69158 1.80927 1.90477 2.02246 1.90477 2.28546ZM3.80955 2.28546C3.80955 2.54845 3.59635 2.76165 3.33336 2.76165C3.07036 2.76165 2.85717 2.54845 2.85717 2.28546C2.85717 2.02246 3.07036 1.80927 3.33336 1.80927C3.59635 1.80927 3.80955 2.02246 3.80955 2.28546ZM5.2381 2.76165C5.50109 2.76165 5.71429 2.54845 5.71429 2.28546C5.71429 2.02246 5.50109 1.80927 5.2381 1.80927C4.9751 1.80927 4.7619 2.02246 4.7619 2.28546C4.7619 2.54845 4.9751 2.76165 5.2381 2.76165ZM7.61906 2.28546C7.61906 2.54845 7.40586 2.76165 7.14287 2.76165C6.87988 2.76165 6.66668 2.54845 6.66668 2.28546C6.66668 2.02246 6.87988 1.80927 7.14287 1.80927C7.40586 1.80927 7.61906 2.02246 7.61906 2.28546ZM2.38095 3.71398C2.64394 3.71398 2.85714 3.50078 2.85714 3.23779C2.85714 2.9748 2.64394 2.7616 2.38095 2.7616C2.11796 2.7616 1.90476 2.9748 1.90476 3.23779C1.90476 3.50078 2.11796 3.71398 2.38095 3.71398ZM4.76192 3.23779C4.76192 3.50078 4.54872 3.71398 4.28573 3.71398C4.02273 3.71398 3.80954 3.50078 3.80954 3.23779C3.80954 2.9748 4.02273 2.7616 4.28573 2.7616C4.54872 2.7616 4.76192 2.9748 4.76192 3.23779ZM6.1905 3.71398C6.45349 3.71398 6.66669 3.50078 6.66669 3.23779C6.66669 2.9748 6.45349 2.7616 6.1905 2.7616C5.92751 2.7616 5.71431 2.9748 5.71431 3.23779C5.71431 3.50078 5.92751 3.71398 6.1905 3.71398ZM7.61906 4.19026C7.61906 4.45326 7.40586 4.66645 7.14287 4.66645C6.87988 4.66645 6.66668 4.45326 6.66668 4.19026C6.66668 3.92727 6.87988 3.71407 7.14287 3.71407C7.40586 3.71407 7.61906 3.92727 7.61906 4.19026ZM5.2381 4.66645C5.50109 4.66645 5.71429 4.45326 5.71429 4.19026C5.71429 3.92727 5.50109 3.71407 5.2381 3.71407C4.9751 3.71407 4.7619 3.92727 4.7619 4.19026C4.7619 4.45326 4.9751 4.66645 5.2381 4.66645ZM3.80955 4.19026C3.80955 4.45326 3.59635 4.66645 3.33336 4.66645C3.07036 4.66645 2.85717 4.45326 2.85717 4.19026C2.85717 3.92727 3.07036 3.71407 3.33336 3.71407C3.59635 3.71407 3.80955 3.92727 3.80955 4.19026ZM1.42858 4.66645C1.69158 4.66645 1.90477 4.45326 1.90477 4.19026C1.90477 3.92727 1.69158 3.71407 1.42858 3.71407C1.16559 3.71407 0.952393 3.92727 0.952393 4.19026C0.952393 4.45326 1.16559 4.66645 1.42858 4.66645ZM2.85714 5.1426C2.85714 5.40559 2.64394 5.61879 2.38095 5.61879C2.11796 5.61879 1.90476 5.40559 1.90476 5.1426C1.90476 4.87961 2.11796 4.66641 2.38095 4.66641C2.64394 4.66641 2.85714 4.87961 2.85714 5.1426ZM4.28573 5.61879C4.54872 5.61879 4.76192 5.40559 4.76192 5.1426C4.76192 4.87961 4.54872 4.66641 4.28573 4.66641C4.02273 4.66641 3.80954 4.87961 3.80954 5.1426C3.80954 5.40559 4.02273 5.61879 4.28573 5.61879ZM6.66669 5.1426C6.66669 5.40559 6.45349 5.61879 6.1905 5.61879C5.92751 5.61879 5.71431 5.40559 5.71431 5.1426C5.71431 4.87961 5.92751 4.66641 6.1905 4.66641C6.45349 4.66641 6.66669 4.87961 6.66669 5.1426ZM7.14287 6.57112C7.40586 6.57112 7.61906 6.35793 7.61906 6.09493C7.61906 5.83194 7.40586 5.61874 7.14287 5.61874C6.87988 5.61874 6.66668 5.83194 6.66668 6.09493C6.66668 6.35793 6.87988 6.57112 7.14287 6.57112ZM5.71429 6.09493C5.71429 6.35793 5.50109 6.57112 5.2381 6.57112C4.9751 6.57112 4.7619 6.35793 4.7619 6.09493C4.7619 5.83194 4.9751 5.61874 5.2381 5.61874C5.50109 5.61874 5.71429 5.83194 5.71429 6.09493ZM3.33336 6.57112C3.59635 6.57112 3.80955 6.35793 3.80955 6.09493C3.80955 5.83194 3.59635 5.61874 3.33336 5.61874C3.07036 5.61874 2.85717 5.83194 2.85717 6.09493C2.85717 6.35793 3.07036 6.57112 3.33336 6.57112ZM1.90477 6.09493C1.90477 6.35793 1.69158 6.57112 1.42858 6.57112C1.16559 6.57112 0.952393 6.35793 0.952393 6.09493C0.952393 5.83194 1.16559 5.61874 1.42858 5.61874C1.69158 5.61874 1.90477 5.83194 1.90477 6.09493Z" fill="url(%23paint0_linear_3508_170844)"/>%0A    </g>%0A    </g>%0A    <defs>%0A    <filter id="filter0_d_3508_170844" x="0.952393" y="1.80927" width="6.66675" height="5.76184" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">%0A    <feFlood flood-opacity="0" result="BackgroundImageFix"/>%0A    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>%0A    <feOffset dy="1"/>%0A    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>%0A    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3508_170844"/>%0A    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3508_170844" result="shape"/>%0A    </filter>%0A    <linearGradient id="paint0_linear_3508_170844" x1="0.952393" y1="1.80927" x2="0.952393" y2="6.57117" gradientUnits="userSpaceOnUse">%0A    <stop stop-color="white"/>%0A    <stop offset="1" stop-color="%23F0F0F0"/>%0A    </linearGradient>%0A    </defs>%0A</svg>%0A';
+
+// assets/flags/ZA.svg
+var ZA_default = 'data:image/svg+xml,<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect width="20" height="14.2857" rx="2" fill="%2306A86E"/>%0A<mask id="mask0_3569_121718" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="15">%0A<rect width="20" height="14.2857" rx="2" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_3569_121718)">%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.90479L6.66667 7.14288L0 12.381V1.90479Z" fill="%23FFBF2E"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M-0.952393 2.14282L5.47618 7.14282L-0.952393 12.1428V2.14282Z" fill="%23262626"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M8.57145 5.71429L1.90479 0H20V5.71429H8.57145Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8095 4.7619L3.09521 0H20V4.7619H8.8095Z" fill="%23F44E46"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M1.90479 14.2857H20V8.57141H8.57145L1.90479 14.2857Z" fill="white"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M3.09521 14.2858H20V9.52393H8.8095L3.09521 14.2858Z" fill="%23072CB4"/>%0A</g>%0A</svg>%0A';
+
+// src/ui/phone-flag-urls.ts
+var FLAG_URL_BY_CODE = {
+  AE: AE_default,
+  AU: AU_default,
+  BR: BR_default,
+  CA: CA_default,
+  CN: CN_default,
+  DE: DE_default,
+  ES: ES_default,
+  FR: FR_default,
+  GB: GB_default,
+  IN: IN_default,
+  IT: IT_default,
+  JP: JP_default,
+  MX: MX_default,
+  NG: NG_default,
+  NL: NL_default,
+  NP: NP_default,
+  PK: PK_default,
+  SA: SA_default,
+  SG: SG_default,
+  USA: USA_default,
+  ZA: ZA_default
+};
+function CountryFlag({
+  flagCode,
+  className
+}) {
+  const src = FLAG_URL_BY_CODE[flagCode];
+  if (!src) return null;
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt: "",
+      "aria-hidden": true,
+      className: cn("size-4 shrink-0 rounded-sm object-cover", className)
+    }
+  );
+}
+function PhoneInput({
+  value,
+  onChange,
+  id,
+  className,
+  placeholder = "Phone number",
+  disabled,
+  defaultCountryIso = DEFAULT_PHONE_COUNTRY_ISO
+}) {
+  const parsed = parsePhoneValue(value, defaultCountryIso);
+  const activeIso = phoneCountryByIso(parsed.iso) ? parsed.iso : defaultCountryIso;
+  const activeCountry = phoneCountryByIso(activeIso);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 items-center gap-2", className), children: [
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: activeIso,
+        onValueChange: (iso) => onChange(formatPhoneValue(iso, parsed.national)),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              "aria-label": "Country code",
+              className: "h-9 w-[7.5rem] shrink-0 px-2.5",
+              children: /* @__PURE__ */ jsx(SelectValue, { children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(CountryFlag, { flagCode: activeCountry.flagCode }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums", children: activeCountry.dialCode })
+              ] }) })
+            }
+          ),
+          /* @__PURE__ */ jsx(SelectContent, { children: PHONE_COUNTRIES.map((country) => /* @__PURE__ */ jsx(SelectItem, { value: country.iso, children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(CountryFlag, { flagCode: country.flagCode }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: country.name }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground tabular-nums", children: country.dialCode })
+          ] }) }, country.iso)) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        type: "tel",
+        inputMode: "tel",
+        autoComplete: "tel-national",
+        value: parsed.national,
+        placeholder,
+        disabled,
+        onChange: (e) => onChange(formatPhoneValue(activeIso, e.target.value.replace(/[^\d\s()-]/g, ""))),
+        className: "min-w-0 flex-1"
+      }
+    )
+  ] });
+}
+var PasswordInput = React7.forwardRef(
+  function PasswordInput2({ className, disabled, ...props }, ref) {
+    const [visible, setVisible] = React7.useState(false);
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref,
+          type: visible ? "text" : "password",
+          disabled,
+          className: cn("pr-10", className),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          disabled,
+          className: "absolute right-0.5 top-1/2 size-8 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+          "aria-label": visible ? "Hide password" : "Show password",
+          "aria-pressed": visible,
+          onClick: () => setVisible((v) => !v),
+          children: visible ? /* @__PURE__ */ jsx(EyeOff, { size: 16 }) : /* @__PURE__ */ jsx(Eye, { size: 16 })
+        }
+      )
+    ] });
+  }
+);
+function Progress({
+  className,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-primary h-full w-full flex-1 transition-all",
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+var SAWTOOTH_DEPTH = 10;
+var SAWTOOTH_TEETH = 32;
+function buildReceiptClipPath(teeth, depth) {
+  const top = [];
+  for (let i = 0; i <= teeth; i++) {
+    const x = `${(i / teeth * 100).toFixed(3)}%`;
+    top.push(`${x} ${i % 2 === 0 ? `${depth}px` : "0px"}`);
+  }
+  const right = `100% calc(100% - ${depth}px)`;
+  const bottom = [];
+  for (let i = teeth - 1; i >= 0; i--) {
+    const x = `${(i / teeth * 100).toFixed(3)}%`;
+    bottom.push(`${x} ${i % 2 === 0 ? `calc(100% - ${depth}px)` : "100%"}`);
+  }
+  const left = `0 calc(100% - ${depth}px)`;
+  return `polygon(${[...top, right, ...bottom, left].join(", ")})`;
+}
+var RECEIPT_CLIP_PATH = buildReceiptClipPath(SAWTOOTH_TEETH, SAWTOOTH_DEPTH);
+function ReceiptCard({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx("aside", { className: cn("w-full py-1", className), ...props, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "bg-muted px-5 pb-5 pt-6 drop-shadow-[0_1px_4px_rgba(15,23,42,0.05),0_0_0_1px_rgba(15,23,42,0.07)]",
+      style: { clipPath: RECEIPT_CLIP_PATH },
+      children
+    }
+  ) });
+}
+function ReceiptSummaryRow({
+  label,
+  value,
+  bold,
+  divider,
+  valueClass,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-baseline gap-1",
+        divider && "mt-2 border-t border-dashed border-border pt-2",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "shrink-0",
+              bold ? "text-sm font-semibold uppercase tracking-wide text-foreground" : "text-sm text-muted-foreground"
+            ),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "mx-1 mb-1 min-h-px min-w-4 flex-1 self-end border-b border-dotted border-border"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "shrink-0 font-mono text-sm tabular-nums",
+              bold ? "text-base font-semibold text-foreground" : valueClass ?? "text-muted-foreground"
+            ),
+            children: value
+          }
+        )
+      ]
+    }
+  );
+}
+var ResponsiveAlertCtx = React7.createContext({
+  drawer: false,
+  requestClose: () => {
+  }
+});
+var alertDrawerShell = "w-full min-w-0 !max-w-none left-0 right-0 gap-0 border-border bg-card p-0 rounded-t-xl text-foreground shadow-xl pb-[max(1rem,env(safe-area-inset-bottom))] max-h-[min(90vh,90dvh)] z-[60] overflow-hidden";
+function ResponsiveAlertDialog({
+  children,
+  open,
+  onOpenChange,
+  ...rest
+}) {
+  const drawer = useIsMobile();
+  const requestClose = React7.useCallback(() => {
+    onOpenChange?.(false);
+  }, [onOpenChange]);
+  return /* @__PURE__ */ jsx(ResponsiveAlertCtx.Provider, { value: { drawer, requestClose }, children: drawer ? /* @__PURE__ */ jsx(Drawer, { repositionInputs: false, open, onOpenChange, children }) : /* @__PURE__ */ jsx(AlertDialog, { open, onOpenChange, ...rest, children }) });
+}
+function ResponsiveAlertDialogContent({ className, children, ...props }) {
+  const { drawer } = React7.useContext(ResponsiveAlertCtx);
+  if (drawer) {
+    const {
+      onOpenAutoFocus,
+      onCloseAutoFocus,
+      onEscapeKeyDown,
+      onPointerDownOutside,
+      forceMount,
+      ...restDrawer
+    } = props;
+    return /* @__PURE__ */ jsx(DrawerContent, { className: cn(alertDrawerShell, "px-6 pt-2 pb-6", className, "!w-full"), ...restDrawer, children });
+  }
+  return /* @__PURE__ */ jsx(AlertDialogContent, { className, ...props, children });
+}
+function ResponsiveAlertDialogTitle({ className, ...props }) {
+  const { drawer } = React7.useContext(ResponsiveAlertCtx);
+  if (drawer) {
+    return /* @__PURE__ */ jsx(DrawerTitle, { className: cn("text-lg font-semibold", className), ...props });
+  }
+  return /* @__PURE__ */ jsx(AlertDialogTitle, { className, ...props });
+}
+function ResponsiveAlertDialogDescription({ className, ...props }) {
+  const { drawer } = React7.useContext(ResponsiveAlertCtx);
+  if (drawer) {
+    return /* @__PURE__ */ jsx(DrawerDescription, { className: cn("text-muted-foreground text-sm", className), ...props });
+  }
+  return /* @__PURE__ */ jsx(AlertDialogDescription, { className, ...props });
+}
+function ResponsiveAlertDialogAction({
+  className,
+  onClick,
+  asChild,
+  ...props
+}) {
+  const { drawer, requestClose } = React7.useContext(ResponsiveAlertCtx);
+  if (drawer) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(buttonVariants(), className),
+        ...props,
+        onClick: (e) => {
+          onClick?.(e);
+          if (!e.defaultPrevented) requestClose();
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(AlertDialogAction, { className, onClick, asChild, ...props });
+}
+function ResponsiveAlertDialogCancel({
+  className,
+  onClick,
+  asChild,
+  ...props
+}) {
+  const { drawer, requestClose } = React7.useContext(ResponsiveAlertCtx);
+  if (drawer) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(buttonVariants({ variant: "outline" }), className),
+        ...props,
+        onClick: (e) => {
+          onClick?.(e);
+          if (!e.defaultPrevented) requestClose();
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(AlertDialogCancel, { className, onClick, asChild, ...props });
+}
+function SelectableCard({
+  selected = false,
+  disabled = false,
+  onSelect,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      disabled,
+      onClick: onSelect,
+      "data-slot": "selectable-card",
+      "data-selected": selected || void 0,
+      className: cn(
+        "h-auto w-full flex-col items-stretch gap-0 rounded-xl border p-4 text-left font-normal shadow-none",
+        selected ? "border-blue-500 bg-blue-50/50 ring-2 ring-blue-500/20 dark:border-blue-500 dark:bg-blue-950/30 dark:ring-blue-500/30" : "border-border bg-card hover:bg-accent",
+        disabled && "cursor-default opacity-60 hover:bg-card",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+SelectableCard.displayName = "SelectableCard";
+function SelectableListRow({
+  selected = false,
+  disabled = false,
+  onSelect,
+  leading,
+  trailing,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      disabled,
+      onClick: onSelect,
+      "data-slot": "selectable-list-row",
+      "data-selected": selected || void 0,
+      className: cn(
+        "flex h-auto w-full items-center gap-3 rounded-none px-3 py-2.5 text-left text-sm font-normal",
+        disabled ? "cursor-default bg-muted text-muted-foreground hover:bg-muted hover:text-muted-foreground" : "text-foreground hover:bg-accent",
+        selected && !disabled && "bg-accent",
+        className
+      ),
+      ...props,
+      children: [
+        leading ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: leading }) : null,
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children }),
+        trailing ? /* @__PURE__ */ jsx("span", { className: "shrink-0", children: trailing }) : null
+      ]
+    }
+  );
+}
+SelectableListRow.displayName = "SelectableListRow";
+function ShellTopBarViewToggle({
+  className,
+  children,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      "data-slot": "shell-top-bar-view-toggle",
+      className: cn(shellTopBarSegmentedShellClass, className),
+      ...props,
+      children
+    }
+  );
+}
+ShellTopBarViewToggle.displayName = "ShellTopBarViewToggle";
+function ShellTopBarViewToggleItem({
+  active,
+  onSelect,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": active,
+      onClick: onSelect,
+      "data-slot": "shell-top-bar-view-toggle-item",
+      className: cn(shellTopBarSegmentedItemClass(active), className),
+      ...props,
+      children
+    }
+  );
+}
+ShellTopBarViewToggleItem.displayName = "ShellTopBarViewToggleItem";
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  ...props
+}) {
+  const _values = React7.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
+  );
+  return /* @__PURE__ */ jsxs(
+    SliderPrimitive.Root,
+    {
+      "data-slot": "slider",
+      defaultValue,
+      value,
+      min,
+      max,
+      className: cn(
+        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          SliderPrimitive.Track,
+          {
+            "data-slot": "slider-track",
+            className: cn(
+              "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-4 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+            ),
+            children: /* @__PURE__ */ jsx(
+              SliderPrimitive.Range,
+              {
+                "data-slot": "slider-range",
+                className: cn(
+                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+                )
+              }
+            )
+          }
+        ),
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(
+          SliderPrimitive.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+          },
+          index
+        ))
+      ]
+    }
+  );
+}
+function SmoothSize({ children, className }) {
+  const innerRef = useRef(null);
+  const [height, setHeight] = useState();
+  const heightRef = useRef(void 0);
+  useLayoutEffect(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    let frame = 0;
+    const measure = (animate) => {
+      const next = Math.round(el.getBoundingClientRect().height);
+      if (!animate || heightRef.current === void 0) {
+        heightRef.current = next;
+        setHeight(next);
+        return;
+      }
+      if (heightRef.current === next) return;
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(() => {
+        heightRef.current = next;
+        setHeight(next);
+      });
+    };
+    measure(false);
+    const observer = new ResizeObserver(() => measure(true));
+    observer.observe(el);
+    return () => {
+      cancelAnimationFrame(frame);
+      observer.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "smooth-size",
+      className: cn(
+        "w-full overflow-hidden motion-reduce:transition-none",
+        height !== void 0 && "transition-[height] duration-300 ease-out",
+        className
+      ),
+      style: height !== void 0 ? { height } : void 0,
+      children: /* @__PURE__ */ jsx("div", { ref: innerRef, className: "w-full", children })
+    }
+  );
+}
+var Toaster = ({ ...props }) => {
+  const { resolvedTheme } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme: resolvedTheme === "dark" ? "dark" : "light",
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)"
+      },
+      ...props
+    }
+  );
+};
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-switch-background focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: cn(
+            "bg-card dark:data-[state=unchecked]:bg-card-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("text-muted-foreground mt-4 text-sm", className),
+      ...props
+    }
+  );
+}
+function useSegmentedPillPosition(containerRef) {
+  const [rect, setRect] = React7.useState({
+    left: 0,
+    top: 0,
+    width: 0,
+    height: 0,
+    visible: false
+  });
+  const measure = React7.useCallback(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const active = el.querySelector(
+      ':scope > [data-state="active"], :scope > [role="tab"][aria-selected="true"]'
+    );
+    if (!active) {
+      setRect((s) => ({ ...s, visible: false }));
+      return;
+    }
+    setRect({
+      left: active.offsetLeft,
+      top: active.offsetTop,
+      width: active.offsetWidth,
+      height: active.offsetHeight,
+      visible: true
+    });
+  }, [containerRef]);
+  React7.useLayoutEffect(() => {
+    measure();
+  }, [measure]);
+  React7.useLayoutEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(() => measure());
+    ro.observe(el);
+    for (const child of el.querySelectorAll(':scope > [role="tab"]')) {
+      ro.observe(child);
+    }
+    const mo = new MutationObserver(() => measure());
+    mo.observe(el, {
+      subtree: true,
+      childList: true,
+      attributes: true,
+      attributeFilter: ["data-state", "aria-selected"]
+    });
+    el.addEventListener("scroll", measure, { passive: true });
+    const onWin = () => measure();
+    window.addEventListener("resize", onWin);
+    return () => {
+      ro.disconnect();
+      mo.disconnect();
+      el.removeEventListener("scroll", measure);
+      window.removeEventListener("resize", onWin);
+    };
+  }, [containerRef, measure]);
+  return rect;
+}
+function SegmentedSlidingPill({ containerRef }) {
+  const { left, top, width, height, visible } = useSegmentedPillPosition(containerRef);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": true,
+      className: "pointer-events-none absolute z-0 rounded-md bg-card shadow-sm ring-1 ring-black/[0.06] transition-[left,top,width,height,opacity] duration-200 ease-out motion-reduce:transition-none",
+      style: {
+        left,
+        top,
+        width,
+        height,
+        opacity: visible ? 1 : 0
+      }
+    }
+  );
+}
+var TabsListVariantContext = React7.createContext("default");
+var tabsListVariants = cva("inline-flex items-center justify-center", {
+  variants: {
+    variant: {
+      default: "bg-muted text-muted-foreground h-9 w-fit rounded-xl p-[3px] [flex-flow:row] [flex-wrap:nowrap] gap-0",
+      segmented: "h-auto w-full min-w-0 max-w-full rounded-lg bg-muted p-1 text-muted-foreground ring-1 ring-inset ring-gray-200/80 sm:w-auto",
+      secondary: "h-auto w-fit [flex-wrap:wrap] gap-1.5 bg-transparent p-0 text-slate-500"
+    }
+  },
+  defaultVariants: { variant: "default" }
+});
+var tabsTriggerVariants = cva(
+  "whitespace-nowrap font-medium transition-[color,box-shadow,background] outline-none disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      listVariant: {
+        default: [
+          "data-[state=active]:bg-card focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring",
+          "dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30",
+          "text-foreground dark:text-muted-foreground",
+          "inline-flex h-[calc(100%-1px)] min-h-0 flex-1 min-w-0 items-center justify-center gap-1.5 rounded-xl border border-transparent px-2 py-1 text-sm",
+          "focus-visible:ring-[3px] focus-visible:outline-1",
+          "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+        ],
+        segmented: [
+          "relative z-[1] inline-flex shrink-0 min-h-0 items-center justify-center gap-1.5 rounded-md border border-transparent bg-transparent px-4 py-2 text-xs sm:text-sm",
+          "text-muted-foreground hover:bg-accent hover:text-foreground",
+          "focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
+          "data-[state=active]:bg-card data-[state=active]:text-foreground data-[state=active]:hover:bg-card",
+          "aria-selected:bg-card aria-selected:text-foreground aria-selected:hover:bg-card"
+        ],
+        secondary: [
+          "inline-flex shrink-0 min-h-0 items-center justify-center rounded-md border border-transparent px-3 py-1.5 text-xs",
+          "text-slate-500 hover:bg-slate-100 hover:text-slate-800",
+          "focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2",
+          "data-[state=active]:bg-slate-200 data-[state=active]:text-slate-900"
+        ]
+      }
+    },
+    defaultVariants: { listVariant: "default" }
+  }
+);
+var segmentedTabScrollerClass = "relative flex min-w-0 w-full flex-nowrap items-center justify-center gap-0.5 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
+function Tabs({ className, ...props }) {
+  return /* @__PURE__ */ jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("flex flex-col gap-2", className), ...props });
+}
+function TabsList({ className, variant = "default", ref: refProp, children, ...props }) {
+  const segmentedContainerRef = React7.useRef(null);
+  const assignSegmentedListRef = React7.useCallback(
+    (node) => {
+      segmentedContainerRef.current = node;
+      if (refProp == null) return;
+      if (typeof refProp === "function") refProp(node);
+      else if (typeof refProp === "object") refProp.current = node;
+    },
+    [refProp]
+  );
+  if (variant === "segmented") {
+    return /* @__PURE__ */ jsx(TabsListVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx("div", { className: cn(tabsListVariants({ variant }), className), children: /* @__PURE__ */ jsxs(
+      TabsPrimitive.List,
+      {
+        ref: assignSegmentedListRef,
+        "data-slot": "tabs-list",
+        "data-tabs-variant": variant,
+        className: segmentedTabScrollerClass,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(SegmentedSlidingPill, { containerRef: segmentedContainerRef }),
+          children
+        ]
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx(TabsListVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      ref: refProp,
+      "data-slot": "tabs-list",
+      "data-tabs-variant": variant,
+      className: cn(tabsListVariants({ variant }), className),
+      ...props,
+      children
+    }
+  ) });
+}
+TabsList.displayName = "TabsList";
+function SegmentedTabList({ className, children, ref: refProp, ...props }) {
+  const containerRef = React7.useRef(null);
+  const assignRef2 = React7.useCallback(
+    (node) => {
+      containerRef.current = node;
+      if (refProp == null) return;
+      if (typeof refProp === "function") refProp(node);
+      else if (typeof refProp === "object") refProp.current = node;
+    },
+    [refProp]
+  );
+  return /* @__PURE__ */ jsx("div", { className: cn(tabsListVariants({ variant: "segmented" }), className), children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: assignRef2,
+      role: "tablist",
+      "data-slot": "segmented-tab-list",
+      className: segmentedTabScrollerClass,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SegmentedSlidingPill, { containerRef }),
+        children
+      ]
+    }
+  ) });
+}
+SegmentedTabList.displayName = "SegmentedTabList";
+function SegmentedTabTrigger({
+  selected,
+  onSelect,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": selected,
+      onClick: onSelect,
+      "data-slot": "segmented-tab-trigger",
+      className: cn(tabsTriggerVariants({ listVariant: "segmented" }), className),
+      ...props,
+      children
+    }
+  );
+}
+SegmentedTabTrigger.displayName = "SegmentedTabTrigger";
+function TabsTrigger({ className, ref, ...props }) {
+  const listVariant = React7.useContext(TabsListVariantContext);
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      "data-slot": "tabs-trigger",
+      className: cn(tabsTriggerVariants({ listVariant }), className),
+      ...props
+    }
+  );
+}
+TabsTrigger.displayName = "TabsTrigger";
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+function TabCountBadge({ count, className }) {
+  if (count <= 0) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full bg-amber-500 px-1 text-[10px] font-semibold leading-none tabular-nums text-white",
+        "dark:bg-amber-600",
+        className
+      ),
+      children: count > 99 ? "99+" : count
+    }
+  );
+}
+var LINE_CLAMP_CLASS = {
+  2: "line-clamp-2",
+  3: "line-clamp-3",
+  4: "line-clamp-4",
+  5: "line-clamp-5",
+  6: "line-clamp-6"
+};
+var textVariants = cva("", {
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      base: "text-base",
+      lg: "text-lg"
+    },
+    weight: {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    },
+    muted: {
+      true: "text-muted-foreground",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    weight: "normal",
+    muted: false
+  }
+});
+function isTextClipped(element, lines) {
+  if (lines <= 1) {
+    return element.scrollWidth > element.clientWidth;
+  }
+  return element.scrollHeight > element.clientHeight;
+}
+function useIsTextClipped(ref, lines, contentKey) {
+  const [isClipped, setIsClipped] = React7.useState(false);
+  React7.useLayoutEffect(() => {
+    if (lines == null) {
+      setIsClipped(false);
+      return;
+    }
+    const element = ref.current;
+    if (!element) return;
+    const sync = () => {
+      setIsClipped(isTextClipped(element, lines));
+    };
+    sync();
+    const resizeObserver = new ResizeObserver(sync);
+    resizeObserver.observe(element);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [lines, contentKey, ref]);
+  return isClipped;
+}
+function getEllipsisClasses(lines) {
+  if (lines <= 1) {
+    return "truncate whitespace-nowrap overflow-hidden";
+  }
+  return LINE_CLAMP_CLASS[lines] ?? "overflow-hidden";
+}
+function getEllipsisStyle(lines) {
+  if (lines <= 6 || lines <= 1) return void 0;
+  return {
+    display: "-webkit-box",
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: lines,
+    overflow: "hidden"
+  };
+}
+function assignRef(ref, value) {
+  if (!ref) return;
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  ref.current = value;
+}
+function resolveTooltipContent(children, tooltip, lines) {
+  if (lines == null) return null;
+  if (tooltip === false) return null;
+  if (tooltip != null && tooltip !== true) return tooltip;
+  if (typeof children === "string" || typeof children === "number") {
+    return String(children);
+  }
+  return null;
+}
+var Text = React7.forwardRef(function Text2({
+  as = "span",
+  className,
+  size,
+  weight,
+  muted,
+  lines,
+  tooltip,
+  tooltipSide = "top",
+  children,
+  style,
+  ...props
+}, forwardedRef) {
+  const localRef = React7.useRef(null);
+  const contentKey = typeof children === "string" || typeof children === "number" ? String(children) : React7.Children.count(children).toString();
+  const mergedRef = React7.useCallback(
+    (node) => {
+      assignRef(localRef, node);
+      assignRef(forwardedRef, node);
+    },
+    [forwardedRef]
+  );
+  const isClipped = useIsTextClipped(localRef, lines, contentKey);
+  const tooltipContent = resolveTooltipContent(children, tooltip, lines);
+  const ellipsisStyle = lines != null ? getEllipsisStyle(lines) : void 0;
+  const Comp = as;
+  const textElement = /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref: mergedRef,
+      "data-slot": "text",
+      className: cn(
+        textVariants({ size, weight, muted }),
+        lines != null && "min-w-0",
+        lines != null && getEllipsisClasses(lines),
+        className
+      ),
+      style: ellipsisStyle ? { ...ellipsisStyle, ...style } : style,
+      ...props,
+      children
+    }
+  );
+  if (lines != null && isClipped && tooltipContent != null) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: textElement }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: tooltipSide, children: tooltipContent })
+    ] });
+  }
+  return textElement;
+});
+Text.displayName = "Text";
+var toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+var ToggleGroupContext = React7.createContext({
+  size: "default",
+  variant: "default"
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(
+        "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = React7.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorPicker, ContentFade, DashFade, DateField, FeedSkeleton, FieldLabel, FilterPopover, IconInput, InputGroup, InputGroupInput, NumberInput, PasswordInput, PhoneInput, Progress, ReceiptCard, ReceiptSummaryRow, ResponsiveAlertDialog, ResponsiveAlertDialogAction, ResponsiveAlertDialogCancel, ResponsiveAlertDialogContent, ResponsiveAlertDialogDescription, AlertDialogFooter as ResponsiveAlertDialogFooter, AlertDialogHeader as ResponsiveAlertDialogHeader, ResponsiveAlertDialogTitle, ScrollArea, ScrollBar, SegmentedTabList, SegmentedTabTrigger, SelectableCard, SelectableListRow, ShellTopBarViewToggle, ShellTopBarViewToggleItem, Slider, SmoothSize, Switch, TabCountBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Toaster, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, fieldLabelClass, tabsListVariants, tabsTriggerVariants, textVariants, toggleVariants };
 //# sourceMappingURL=ui.js.map
 //# sourceMappingURL=ui.js.map