@codapet/design-system 0.8.7 → 0.8.9

package/dist/index.mjs

@@ -14,15 +14,22 @@ function cn(...inputs) {
 
 // src/components/ui/accordion.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ACCORDION_STAGGER_STEP_MS = 80;
 var AccordionContext = React.createContext({
-  variant: "default"
+  variant: "default",
+  staggerReveal: false
 });
 function Accordion({
   variant = "default",
+  staggerReveal = false,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { variant }, children: /* @__PURE__ */ jsx(
+  const context = React.useMemo(
+    () => ({ variant, staggerReveal }),
+    [variant, staggerReveal]
+  );
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
     AccordionPrimitive.Root,
     {
       "data-slot": "accordion",
@@ -37,31 +44,61 @@ function Accordion({
 }
 function AccordionItem({
   className,
+  style,
+  revealIndex,
   ...props
 }) {
-  const { variant } = React.useContext(AccordionContext);
+  const { variant, staggerReveal } = React.useContext(AccordionContext);
+  const staggerStyle = staggerReveal && revealIndex ? { animationDelay: `${revealIndex * ACCORDION_STAGGER_STEP_MS}ms` } : void 0;
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Item,
     {
       "data-slot": "accordion-item",
       className: cn(
-        variant === "outlined" ? "rounded-xl border border-border-default " : "border-b last:border-b-0",
+        variant === "outlined" ? cn(
+          "rounded-xl border border-border-default",
+          // Border warms to the brand stroke on pointer hover only — a
+          // touch device would otherwise keep the hover colour after a tap.
+          "transition-[border-color] duration-300 ease-out motion-reduce:transition-none",
+          "[@media(hover:hover)]:hover:border-primary-stroke-default/60"
+        ) : "border-b last:border-b-0",
+        staggerReveal && "animate-accordion-item-in",
         className
       ),
+      style: staggerStyle ? { ...staggerStyle, ...style } : style,
       ...props
     }
   );
 }
+function PlusMinusIcon({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "text-gray-icon-default pointer-events-none relative grid size-6 shrink-0 place-items-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "col-start-1 row-start-1 h-[1.8px] w-3.5 rounded-full bg-current" }),
+        /* @__PURE__ */ jsx("span", { className: "col-start-1 row-start-1 h-[1.8px] w-3.5 origin-center rotate-90 rounded-full bg-current transition-[rotate] duration-[280ms] ease-[cubic-bezier(0.33,1,0.68,1)] group-data-[state=open]:rotate-0 motion-reduce:transition-none" })
+      ]
+    }
+  );
+}
 function AccordionTrigger({
   className,
   children,
   expandedIcon,
   collapsedIcon,
+  icon = "chevron",
+  iconClassName,
   ...props
 }) {
   const { variant } = React.useContext(AccordionContext);
   const hasCustomIcon = expandedIcon !== void 0 || collapsedIcon !== void 0;
   const animatedIconSwap = variant === "outlined" && collapsedIcon !== void 0 && expandedIcon !== void 0;
+  const usesChevron = !hasCustomIcon && icon === "chevron";
   return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
     AccordionPrimitive.Trigger,
     {
@@ -69,7 +106,7 @@ function AccordionTrigger({
       className: cn(
         "group focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50",
         variant === "outlined" && "min-h-16 items-center gap-8 px-5 py-4 text-base lg:px-6 lg:text-lg lg:leading-7 hover:no-underline",
-        !hasCustomIcon && "[&[data-state=open]>svg]:rotate-180",
+        usesChevron && "[&[data-state=open]>svg]:rotate-180",
         className
       ),
       ...props,
@@ -81,7 +118,15 @@ function AccordionTrigger({
         ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           collapsedIcon !== void 0 && /* @__PURE__ */ jsx("span", { className: "group-data-[state=open]:hidden pointer-events-none shrink-0 text-muted-foreground", children: collapsedIcon }),
           expandedIcon !== void 0 && /* @__PURE__ */ jsx("span", { className: "group-data-[state=closed]:hidden pointer-events-none shrink-0 text-muted-foreground", children: expandedIcon })
-        ] }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-400" })
+        ] }) : icon === "plus-minus" ? /* @__PURE__ */ jsx(PlusMinusIcon, { className: iconClassName }) : /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            className: cn(
+              "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-400",
+              iconClassName
+            )
+          }
+        )
       ]
     }
   ) });
@@ -96,7 +141,12 @@ function AccordionContent({
     AccordionPrimitive.Content,
     {
       "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      className: cn(
+        "overflow-hidden text-sm",
+        // Outlined cards fade while they grow; the stripe variant keeps the
+        // shadcn height-only motion.
+        variant === "outlined" ? "data-[state=closed]:animate-accordion-up-fade data-[state=open]:animate-accordion-down-fade" : "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+      ),
       ...props,
       children: /* @__PURE__ */ jsx(
         "div",
@@ -4233,536 +4283,888 @@ function DropdownSelectOption({
   );
 }
 
-// src/components/ui/form.tsx
+// src/components/ui/faq-accordion.tsx
 import * as React32 from "react";
-import "@radix-ui/react-label";
-import { Slot as Slot5 } from "@radix-ui/react-slot";
-import {
-  Controller,
-  FormProvider,
-  useFormContext,
-  useFormState
-} from "react-hook-form";
 
-// src/components/ui/label.tsx
+// src/components/ui/typography.tsx
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva9 } from "class-variance-authority";
 import "react";
 import { jsx as jsx32 } from "react/jsx-runtime";
-var labelTextVariants = cva9("font-sans font-semibold text-vibrant-text-body", {
+var displayTextVariants = cva9(
+  "tracking-normal font-normal font-serif italic text-vibrant-text-display",
+  {
+    variants: {
+      size: {
+        lg: "text-4xl md:text-[3.25rem] leading-[44px] md:leading-[64px]",
+        md: "text-[1.75rem] md:text-4xl leading-[36px] md:leading-[44px]",
+        sm: "text-lg md:text-xl leading-[26px] md:leading-[28px]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function DisplayHeading({
+  className,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot4 : "h1";
+  return /* @__PURE__ */ jsx32(
+    Comp,
+    {
+      "data-slot": "h1",
+      className: cn(displayTextVariants({ size, className })),
+      ...props
+    }
+  );
+}
+var bodyTextVariants = cva9("font-sans text-vibrant-text-body", {
   variants: {
     size: {
-      lg: "text-base md:text-lg md:leading-[1.625rem] leading-[1.5rem]",
-      md: "md:text-base text-sm  md:leading-[1.5rem] leading-[1.25rem] ",
-      sm: "md:text-sm text-xs  md:leading-[1.25rem] leading-[1.125rem] ",
-      xs: "text-xs leading-[1.125rem]"
+      lg: "text-lg md:text-xl leading-[26px] md:leading-[28px]",
+      md: "text-base leading-[24px]",
+      sm: "text-sm leading-[20px]",
+      xs: "text-xs leading-[16px]"
     }
   },
   defaultVariants: {
     size: "md"
   }
 });
-function Label3({
+function Body({
   className,
   size,
   asChild = false,
   ...props
 }) {
-  const Comp = asChild ? Slot4 : "label";
+  const Comp = asChild ? Slot4 : "p";
   return /* @__PURE__ */ jsx32(
     Comp,
     {
-      "data-slot": "label",
-      className: cn(labelTextVariants({ size, className })),
+      "data-slot": "p",
+      className: cn(bodyTextVariants({ size, className })),
       ...props
     }
   );
 }
-
-// src/components/ui/form.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
-var Form = FormProvider;
-var FormFieldContext = React32.createContext(
-  {}
-);
-var FormField = ({
+function HeadingXL({
+  className,
+  asChild = false,
   ...props
-}) => {
-  return /* @__PURE__ */ jsx33(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx33(Controller, { ...props }) });
-};
-var useFormField = () => {
-  const fieldContext = React32.useContext(FormFieldContext);
-  const itemContext = React32.useContext(FormItemContext);
-  const { getFieldState } = useFormContext();
-  const formState = useFormState({ name: fieldContext.name });
-  const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-var FormItemContext = React32.createContext(
-  {}
-);
-function FormItem({ className, ...props }) {
-  const id = React32.useId();
-  return /* @__PURE__ */ jsx33(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx33(
-    "div",
+}) {
+  const Comp = asChild ? Slot4 : "h1";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "form-item",
-      className: cn("grid gap-2", className),
+      "data-slot": "h1",
+      className: cn(
+        "text-2xl md:text-[2rem] leading-[32px] md:leading-[40px] font-semibold font-sans text-vibrant-text-heading",
+        className
+      ),
       ...props
     }
-  ) });
+  );
 }
-function FormLabel({
+function HeadingL({
   className,
+  asChild = false,
   ...props
 }) {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx33(
-    Label3,
+  const Comp = asChild ? Slot4 : "h2";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "form-label",
-      "data-error": !!error,
-      className: cn("data-[error=true]:text-destructive", className),
-      htmlFor: formItemId,
+      "data-slot": "h2",
+      className: cn(
+        "text-[1.25rem] md:text-[1.5rem] leading-[28px] md:leading-[32px] font-semibold font-sans text-vibrant-text-heading",
+        className
+      ),
       ...props
     }
   );
 }
-function FormControl({ ...props }) {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx33(
-    Slot5,
+function HeadingM({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot4 : "h3";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "form-control",
-      id: formItemId,
-      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-      "aria-invalid": !!error,
+      "data-slot": "h3",
+      className: cn(
+        "text-[1.125rem] md:text-xl leading-[26px] md:leading-[28px] font-semibold font-sans text-vibrant-text-heading",
+        className
+      ),
       ...props
     }
   );
 }
-function FormDescription({ className, ...props }) {
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx33(
-    "p",
+function HeadingS({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot4 : "h4";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "form-description",
-      id: formDescriptionId,
-      className: cn("text-muted-foreground text-sm", className),
+      "data-slot": "h4",
+      className: cn(
+        "text-base leading-[24px] font-semibold font-sans text-vibrant-text-heading",
+        className
+      ),
       ...props
     }
   );
 }
-function FormMessage({ className, ...props }) {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error?.message ?? "") : props.children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx33(
-    "p",
+function HeadingXS({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot4 : "h5";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "form-message",
-      id: formMessageId,
-      className: cn("text-destructive text-sm", className),
-      ...props,
-      children: body
+      "data-slot": "h5",
+      className: cn(
+        "text-sm leading-[20px] font-semibold font-sans text-vibrant-text-heading",
+        className
+      ),
+      ...props
     }
   );
 }
-
-// src/components/ui/hover-card.tsx
-import "react";
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx34 } from "react/jsx-runtime";
-function HoverCard({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx34(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
-}
-function HoverCardTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx34(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
-}
-function HoverCardContent({
+function HeadingXXS({
   className,
-  align = "center",
-  sideOffset = 4,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx34(
-    HoverCardPrimitive.Content,
+  const Comp = asChild ? Slot4 : "h6";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "hover-card-content",
-      align,
-      sideOffset,
+      "data-slot": "h6",
       className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        "text-xs leading-[16px] font-medium font-sans text-vibrant-text-heading",
         className
       ),
       ...props
     }
-  ) });
+  );
 }
-
-// src/components/ui/input-otp.tsx
-import * as React34 from "react";
-import { OTPInput, OTPInputContext } from "input-otp";
-import { MinusIcon } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
-var InputOTPErrorContext = React34.createContext(false);
-function InputOTP({
+function HeadingXLMedium({
   className,
-  containerClassName,
-  error,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(InputOTPErrorContext.Provider, { value: error ?? false, children: /* @__PURE__ */ jsx35(
-    OTPInput,
+  const Comp = asChild ? Slot4 : "h1";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "input-otp",
-      containerClassName: cn(
-        "flex items-center gap-2 has-disabled:opacity-40",
-        containerClassName
+      "data-slot": "h1",
+      className: cn(
+        "text-2xl md:text-[2rem] leading-[32px] md:leading-[40px] font-medium font-sans text-vibrant-text-heading",
+        className
       ),
-      className: cn("disabled:cursor-not-allowed", className),
       ...props
     }
-  ) });
+  );
 }
-function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: cn("flex items-center", className),
-      ...props
-    }
-  );
-}
-function InputOTPSlot({
-  index,
+function HeadingLMedium({
   className,
+  asChild = false,
   ...props
 }) {
-  const inputOTPContext = React34.useContext(OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  const isHovering = inputOTPContext?.isHovering ?? false;
-  const error = React34.useContext(InputOTPErrorContext);
-  return /* @__PURE__ */ jsxs19(
-    "div",
+  const Comp = asChild ? Slot4 : "h2";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "input-otp-slot",
-      "data-active": isActive,
+      "data-slot": "h2",
       className: cn(
-        // Base layout & typography
-        "relative flex size-10 items-center justify-center",
-        "border-y border-r first:border-l text-sm font-medium leading-5",
-        "transition-all outline-none",
-        "first:rounded-l-[4px] last:rounded-r-[4px]",
-        "text-foreground",
-        // Default state (no error)
-        !error && "border-gray-stroke-default bg-background",
-        // Hover: all slots turn blue (non-error, non-active)
-        !error && isHovering && !isActive && "border-focus-ring",
-        // Active slot (non-error): 2px blue border
-        !error && isActive && "z-10 border-2 border-focus-ring",
-        // Error (non-active)
-        error && !isActive && "border-error-stroke-default bg-error-surface-subtle",
-        // Error + active
-        error && isActive && "z-10 border-2 border-error-stroke-default bg-error-surface-subtle",
+        "text-[1.25rem] md:text-[1.5rem] leading-[28px] md:leading-[32px] font-medium font-sans text-vibrant-text-heading",
         className
       ),
-      ...props,
-      children: [
-        char,
-        hasFakeCaret && /* @__PURE__ */ jsx35("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx35("div", { className: "animate-caret-blink bg-focus-ring h-4 w-px duration-1000" }) })
-      ]
+      ...props
     }
   );
 }
-function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx35("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx35(MinusIcon, {}) });
-}
-
-// src/components/ui/menubar.tsx
-import "react";
-import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon3 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
-function Menubar({
+function HeadingMMedium({
   className,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Root,
+  const Comp = asChild ? Slot4 : "h3";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "menubar",
+      "data-slot": "h3",
       className: cn(
-        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        "text-[1.125rem] md:text-xl leading-[26px] md:leading-[28px] font-medium font-sans text-vibrant-text-heading",
         className
       ),
       ...props
     }
   );
 }
-function MenubarMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
-}
-function MenubarGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
-}
-function MenubarPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
-}
-function MenubarRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
-}
-function MenubarTrigger({
+function HeadingSMedium({
   className,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Trigger,
+  const Comp = asChild ? Slot4 : "h4";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "menubar-trigger",
+      "data-slot": "h4",
       className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+        "text-base leading-[24px] font-medium font-sans text-vibrant-text-heading",
         className
       ),
       ...props
     }
   );
 }
-function MenubarContent({
+function HeadingXSMedium({
   className,
-  align = "start",
-  alignOffset = -4,
-  sideOffset = 8,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(MenubarPortal, { children: /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Content,
+  const Comp = asChild ? Slot4 : "h5";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "menubar-content",
-      align,
-      alignOffset,
-      sideOffset,
+      "data-slot": "h5",
       className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+        "text-sm leading-[20px] font-medium font-sans text-vibrant-text-heading",
         className
       ),
       ...props
     }
-  ) });
+  );
 }
-function MenubarItem({
+function HeadingXXSMedium({
   className,
-  inset,
-  variant = "default",
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Item,
+  const Comp = asChild ? Slot4 : "h6";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "menubar-item",
-      "data-inset": inset,
-      "data-variant": variant,
+      "data-slot": "h6",
       className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "text-xs leading-[16px] font-medium font-sans text-vibrant-text-heading",
         className
       ),
       ...props
     }
   );
 }
-function MenubarCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs20(
-    MenubarPrimitive.CheckboxItem,
+
+// src/components/ui/faq-accordion.tsx
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+function FaqAccordion({
+  faqs,
+  className,
+  staggerReveal = false,
+  defaultOpenQuestion,
+  questionClassName,
+  answerClassName,
+  itemClassName
+}) {
+  const values = React32.useMemo(() => {
+    const seen = /* @__PURE__ */ new Set();
+    return faqs.map((faq, i) => {
+      const value2 = seen.has(faq.question) ? `${faq.question}__${i}` : faq.question;
+      seen.add(faq.question);
+      return value2;
+    });
+  }, [faqs]);
+  const valueFor = (question) => {
+    if (!question) return "";
+    const i = faqs.findIndex((faq) => faq.question === question);
+    return i >= 0 ? values[i] : "";
+  };
+  const [value, setValue] = React32.useState(() => valueFor(defaultOpenQuestion));
+  const [seenDefault, setSeenDefault] = React32.useState(defaultOpenQuestion);
+  if (defaultOpenQuestion !== seenDefault) {
+    setSeenDefault(defaultOpenQuestion);
+    setValue(valueFor(defaultOpenQuestion));
+  }
+  return /* @__PURE__ */ jsx33(
+    Accordion,
     {
-      "data-slot": "menubar-checkbox-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CheckIcon3, { className: "size-4" }) }) }),
-        children
-      ]
+      type: "single",
+      collapsible: true,
+      variant: "outlined",
+      staggerReveal,
+      value,
+      onValueChange: setValue,
+      className,
+      children: faqs.map((faq, i) => /* @__PURE__ */ jsxs19(
+        AccordionItem,
+        {
+          value: values[i],
+          revealIndex: i,
+          className: cn("rounded-lg", itemClassName),
+          children: [
+            /* @__PURE__ */ jsx33(AccordionTrigger, { icon: "plus-minus", children: /* @__PURE__ */ jsx33("span", { className: cn("text-vibrant-text-heading", questionClassName), children: faq.question }) }),
+            /* @__PURE__ */ jsx33(
+              AccordionContent,
+              {
+                className: cn(
+                  bodyTextVariants({ size: "md" }),
+                  "font-normal [&_a]:text-primary-stroke-default [&_a]:underline",
+                  answerClassName
+                ),
+                children: typeof faq.answer === "string" ? /* @__PURE__ */ jsx33("p", { children: faq.answer }) : faq.answer
+              }
+            )
+          ]
+        },
+        values[i]
+      ))
     }
   );
 }
-function MenubarRadioItem({
+
+// src/components/ui/form.tsx
+import * as React34 from "react";
+import "@radix-ui/react-label";
+import { Slot as Slot6 } from "@radix-ui/react-slot";
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  useFormState
+} from "react-hook-form";
+
+// src/components/ui/label.tsx
+import { Slot as Slot5 } from "@radix-ui/react-slot";
+import { cva as cva10 } from "class-variance-authority";
+import "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var labelTextVariants = cva10("font-sans font-semibold text-vibrant-text-body", {
+  variants: {
+    size: {
+      lg: "text-base md:text-lg md:leading-[1.625rem] leading-[1.5rem]",
+      md: "md:text-base text-sm  md:leading-[1.5rem] leading-[1.25rem] ",
+      sm: "md:text-sm text-xs  md:leading-[1.25rem] leading-[1.125rem] ",
+      xs: "text-xs leading-[1.125rem]"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Label3({
   className,
-  children,
+  size,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs20(
-    MenubarPrimitive.RadioItem,
+  const Comp = asChild ? Slot5 : "label";
+  return /* @__PURE__ */ jsx34(
+    Comp,
     {
-      "data-slot": "menubar-radio-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CircleIcon3, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
+      "data-slot": "label",
+      className: cn(labelTextVariants({ size, className })),
+      ...props
     }
   );
 }
-function MenubarLabel({
-  className,
-  inset,
+
+// src/components/ui/form.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+var Form = FormProvider;
+var FormFieldContext = React34.createContext(
+  {}
+);
+var FormField = ({
   ...props
-}) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Label,
+}) => {
+  return /* @__PURE__ */ jsx35(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx35(Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React34.useContext(FormFieldContext);
+  const itemContext = React34.useContext(FormItemContext);
+  const { getFieldState } = useFormContext();
+  const formState = useFormState({ name: fieldContext.name });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormItemContext = React34.createContext(
+  {}
+);
+function FormItem({ className, ...props }) {
+  const id = React34.useId();
+  return /* @__PURE__ */ jsx35(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx35(
+    "div",
     {
-      "data-slot": "menubar-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
+      "data-slot": "form-item",
+      className: cn("grid gap-2", className),
       ...props
     }
-  );
+  ) });
 }
-function MenubarSeparator({
+function FormLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Separator,
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx35(
+    Label3,
     {
-      "data-slot": "menubar-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
+      "data-slot": "form-label",
+      "data-error": !!error,
+      className: cn("data-[error=true]:text-destructive", className),
+      htmlFor: formItemId,
       ...props
     }
   );
 }
-function MenubarShortcut({
-  className,
-  ...props
+function FormControl({ ...props }) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx35(
+    Slot6,
+    {
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+}
+function FormDescription({ className, ...props }) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx35(
+    "p",
+    {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function FormMessage({ className, ...props }) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : props.children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx35(
+    "p",
+    {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: cn("text-destructive text-sm", className),
+      ...props,
+      children: body
+    }
+  );
+}
+
+// src/components/ui/hover-card.tsx
+import "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx as jsx36 } from "react/jsx-runtime";
+function HoverCard({
+  ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    "span",
+  return /* @__PURE__ */ jsx36(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx36(
+    HoverCardPrimitive.Content,
     {
-      "data-slot": "menubar-shortcut",
+      "data-slot": "hover-card-content",
+      align,
+      sideOffset,
       className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         className
       ),
       ...props
     }
-  );
+  ) });
 }
-function MenubarSub({
+
+// src/components/ui/input-otp.tsx
+import * as React36 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { MinusIcon } from "lucide-react";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+var InputOTPErrorContext = React36.createContext(false);
+function InputOTP({
+  className,
+  containerClassName,
+  error,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx37(InputOTPErrorContext.Provider, { value: error ?? false, children: /* @__PURE__ */ jsx37(
+    OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-40",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  ) });
 }
-function MenubarSubTrigger({
+function InputOTPGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlot({
+  index,
   className,
-  inset,
-  children,
   ...props
 }) {
+  const inputOTPContext = React36.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  const isHovering = inputOTPContext?.isHovering ?? false;
+  const error = React36.useContext(InputOTPErrorContext);
   return /* @__PURE__ */ jsxs20(
-    MenubarPrimitive.SubTrigger,
+    "div",
     {
-      "data-slot": "menubar-sub-trigger",
-      "data-inset": inset,
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
       className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+        // Base layout & typography
+        "relative flex size-10 items-center justify-center",
+        "border-y border-r first:border-l text-sm font-medium leading-5",
+        "transition-all outline-none",
+        "first:rounded-l-[4px] last:rounded-r-[4px]",
+        "text-foreground",
+        // Default state (no error)
+        !error && "border-gray-stroke-default bg-background",
+        // Hover: all slots turn blue (non-error, non-active)
+        !error && isHovering && !isActive && "border-focus-ring",
+        // Active slot (non-error): 2px blue border
+        !error && isActive && "z-10 border-2 border-focus-ring",
+        // Error (non-active)
+        error && !isActive && "border-error-stroke-default bg-error-surface-subtle",
+        // Error + active
+        error && isActive && "z-10 border-2 border-error-stroke-default bg-error-surface-subtle",
         className
       ),
       ...props,
       children: [
-        children,
-        /* @__PURE__ */ jsx36(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx37("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx37("div", { className: "animate-caret-blink bg-focus-ring h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
-function MenubarSubContent({
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ jsx37("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx37(MinusIcon, {}) });
+}
+
+// src/components/ui/menubar.tsx
+import "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon4, CircleIcon as CircleIcon3 } from "lucide-react";
+import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.SubContent,
+  return /* @__PURE__ */ jsx38(
+    MenubarPrimitive.Root,
     {
-      "data-slot": "menubar-sub-content",
+      "data-slot": "menubar",
       className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
         className
       ),
       ...props
     }
   );
 }
-
-// src/components/ui/multi-select-free-text.tsx
-import * as React36 from "react";
-import * as PopoverPrimitive4 from "@radix-ui/react-popover";
-import { ChevronDown as ChevronDown2, X as X3 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
-function Tag({ label, onRemove }) {
+function MenubarMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+}
+function MenubarRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    MenubarPrimitive.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarContent({
+  className,
+  align = "start",
+  alignOffset = -4,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(MenubarPortal, { children: /* @__PURE__ */ jsx38(
+    MenubarPrimitive.Content,
+    {
+      "data-slot": "menubar-content",
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function MenubarItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    MenubarPrimitive.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
   return /* @__PURE__ */ jsxs21(
-    "span",
+    MenubarPrimitive.CheckboxItem,
     {
-      "data-slot": "multi-select-tag",
-      className: "inline-flex items-center gap-[8px] h-[32px] px-[12px] py-[8px] rounded-[8px] bg-primary-surface-subtle font-sans font-medium text-[14px] leading-[20px] text-primary-stroke-default shrink-0",
+      "data-slot": "menubar-checkbox-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
       children: [
-        label,
-        /* @__PURE__ */ jsx37(
-          "button",
-          {
-            type: "button",
-            onClick: (e) => {
-              e.stopPropagation();
-              onRemove();
-            },
-            className: "flex items-center justify-center size-[20px] text-primary-stroke-default hover:text-primary-surface-default transition-colors cursor-pointer",
-            "aria-label": `Remove ${label}`,
-            children: /* @__PURE__ */ jsx37(X3, { className: "size-[16px]" })
-          }
-        )
+        /* @__PURE__ */ jsx38("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(CheckIcon3, { className: "size-4" }) }) }),
+        children
       ]
     }
   );
 }
-function MultiSelectFreeText({
+function MenubarRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs21(
+    MenubarPrimitive.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx38("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx38(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx38(CircleIcon3, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function MenubarLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    MenubarPrimitive.Label,
+    {
+      "data-slot": "menubar-label",
+      "data-inset": inset,
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    MenubarPrimitive.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function MenubarShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    "span",
+    {
+      "data-slot": "menubar-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs21(
+    MenubarPrimitive.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx38(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+}
+function MenubarSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    MenubarPrimitive.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/multi-select-free-text.tsx
+import * as React38 from "react";
+import * as PopoverPrimitive4 from "@radix-ui/react-popover";
+import { ChevronDown as ChevronDown2, X as X3 } from "lucide-react";
+import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+function Tag({ label, onRemove }) {
+  return /* @__PURE__ */ jsxs22(
+    "span",
+    {
+      "data-slot": "multi-select-tag",
+      className: "inline-flex items-center gap-[8px] h-[32px] px-[12px] py-[8px] rounded-[8px] bg-primary-surface-subtle font-sans font-medium text-[14px] leading-[20px] text-primary-stroke-default shrink-0",
+      children: [
+        label,
+        /* @__PURE__ */ jsx39(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              onRemove();
+            },
+            className: "flex items-center justify-center size-[20px] text-primary-stroke-default hover:text-primary-surface-default transition-colors cursor-pointer",
+            "aria-label": `Remove ${label}`,
+            children: /* @__PURE__ */ jsx39(X3, { className: "size-[16px]" })
+          }
+        )
+      ]
+    }
+  );
+}
+function MultiSelectFreeText({
   values: valuesProp,
   defaultValues = [],
   onValuesChange,
@@ -4774,22 +5176,22 @@ function MultiSelectFreeText({
   disabled = false,
   className
 }) {
-  const [internalValues, setInternalValues] = React36.useState(defaultValues);
-  const [inputValue, setInputValue] = React36.useState("");
-  const [open, setOpen] = React36.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React36.useState(-1);
-  const inputRef = React36.useRef(null);
-  const triggerRef = React36.useRef(null);
+  const [internalValues, setInternalValues] = React38.useState(defaultValues);
+  const [inputValue, setInputValue] = React38.useState("");
+  const [open, setOpen] = React38.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React38.useState(-1);
+  const inputRef = React38.useRef(null);
+  const triggerRef = React38.useRef(null);
   const isControlled = valuesProp !== void 0;
   const values = isControlled ? valuesProp : internalValues;
-  const updateValues = React36.useCallback(
+  const updateValues = React38.useCallback(
     (next) => {
       if (!isControlled) setInternalValues(next);
       onValuesChange?.(next);
     },
     [isControlled, onValuesChange]
   );
-  const addTag = React36.useCallback(
+  const addTag = React38.useCallback(
     (tag) => {
       const trimmed = tag.trim();
       if (!trimmed || values.includes(trimmed)) return;
@@ -4799,19 +5201,19 @@ function MultiSelectFreeText({
     },
     [values, updateValues]
   );
-  const removeTag = React36.useCallback(
+  const removeTag = React38.useCallback(
     (tag) => {
       updateValues(values.filter((v) => v !== tag));
     },
     [values, updateValues]
   );
-  const filteredOptions = React36.useMemo(() => {
+  const filteredOptions = React38.useMemo(() => {
     const lower = inputValue.toLowerCase();
     return options.filter(
       (opt) => !values.includes(opt.value) && (lower === "" || opt.label.toLowerCase().includes(lower))
     );
   }, [options, inputValue, values]);
-  const handleKeyDown = React36.useCallback(
+  const handleKeyDown = React38.useCallback(
     (e) => {
       if (e.key === "Enter") {
         e.preventDefault();
@@ -4843,7 +5245,7 @@ function MultiSelectFreeText({
     },
     [highlightedIndex, filteredOptions, inputValue, values, addTag, removeTag, open]
   );
-  const handleInputChange = React36.useCallback(
+  const handleInputChange = React38.useCallback(
     (e) => {
       setInputValue(e.target.value);
       if (!open) setOpen(true);
@@ -4851,30 +5253,30 @@ function MultiSelectFreeText({
     },
     [open]
   );
-  const handleOptionClick = React36.useCallback(
+  const handleOptionClick = React38.useCallback(
     (optValue) => {
       addTag(optValue);
       inputRef.current?.focus();
     },
     [addTag]
   );
-  const handleTriggerClick = React36.useCallback(() => {
+  const handleTriggerClick = React38.useCallback(() => {
     if (disabled) return;
     inputRef.current?.focus();
     if (!open) setOpen(true);
   }, [disabled, open]);
   const isFocused = open;
-  return /* @__PURE__ */ jsx37(PopoverPrimitive4.Root, { open, onOpenChange: disabled ? void 0 : setOpen, children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx39(PopoverPrimitive4.Root, { open, onOpenChange: disabled ? void 0 : setOpen, children: /* @__PURE__ */ jsxs22(
     "div",
     {
       "data-slot": "multi-select-free-text",
       className: cn("flex flex-col gap-[8px] items-start w-full", className),
       children: [
-        label && /* @__PURE__ */ jsxs21("div", { className: "flex items-center font-sans font-medium text-[14px] leading-[20px] text-vibrant-text-details", children: [
+        label && /* @__PURE__ */ jsxs22("div", { className: "flex items-center font-sans font-medium text-[14px] leading-[20px] text-vibrant-text-details", children: [
           label,
-          mandatory && /* @__PURE__ */ jsx37("span", { className: "text-error-surface-default ml-0.5 text-[14px] leading-[20px]", children: "*" })
+          mandatory && /* @__PURE__ */ jsx39("span", { className: "text-error-surface-default ml-0.5 text-[14px] leading-[20px]", children: "*" })
         ] }),
-        /* @__PURE__ */ jsx37(PopoverPrimitive4.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsx39(PopoverPrimitive4.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs22(
           "div",
           {
             ref: triggerRef,
@@ -4886,10 +5288,10 @@ function MultiSelectFreeText({
               disabled && "opacity-60 cursor-not-allowed"
             ),
             children: [
-              icon && /* @__PURE__ */ jsx37("span", { className: "flex items-center justify-center shrink-0 size-[20px] [&_svg]:size-[20px] text-muted-foreground", children: icon }),
-              /* @__PURE__ */ jsxs21("div", { className: "flex flex-wrap items-center gap-[8px] flex-1 min-w-0", children: [
-                values.map((tag) => /* @__PURE__ */ jsx37(Tag, { label: tag, onRemove: () => removeTag(tag) }, tag)),
-                /* @__PURE__ */ jsx37(
+              icon && /* @__PURE__ */ jsx39("span", { className: "flex items-center justify-center shrink-0 size-[20px] [&_svg]:size-[20px] text-muted-foreground", children: icon }),
+              /* @__PURE__ */ jsxs22("div", { className: "flex flex-wrap items-center gap-[8px] flex-1 min-w-0", children: [
+                values.map((tag) => /* @__PURE__ */ jsx39(Tag, { label: tag, onRemove: () => removeTag(tag) }, tag)),
+                /* @__PURE__ */ jsx39(
                   "input",
                   {
                     ref: inputRef,
@@ -4909,7 +5311,7 @@ function MultiSelectFreeText({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsx39(
                 ChevronDown2,
                 {
                   className: cn(
@@ -4921,7 +5323,7 @@ function MultiSelectFreeText({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx37(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx39(PopoverPrimitive4.Portal, { children: /* @__PURE__ */ jsx39(
           PopoverPrimitive4.Content,
           {
             "data-slot": "multi-select-free-text-content",
@@ -4935,10 +5337,10 @@ function MultiSelectFreeText({
               "[&::-webkit-scrollbar]:w-[5px] [&::-webkit-scrollbar-track]:rounded-[3px] [&::-webkit-scrollbar-track]:bg-gray-surface-light [&::-webkit-scrollbar-thumb]:rounded-[3px] [&::-webkit-scrollbar-thumb]:bg-gray-surface-default",
               "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2"
             ),
-            children: /* @__PURE__ */ jsxs21("div", { role: "listbox", className: "flex flex-col", children: [
+            children: /* @__PURE__ */ jsxs22("div", { role: "listbox", className: "flex flex-col", children: [
               inputValue.trim() !== "" && !options.some(
                 (o) => o.label.toLowerCase() === inputValue.toLowerCase()
-              ) && /* @__PURE__ */ jsx37(
+              ) && /* @__PURE__ */ jsx39(
                 "div",
                 {
                   role: "option",
@@ -4955,7 +5357,7 @@ function MultiSelectFreeText({
                   children: inputValue.trim()
                 }
               ),
-              filteredOptions.map((opt, idx) => /* @__PURE__ */ jsx37(
+              filteredOptions.map((opt, idx) => /* @__PURE__ */ jsx39(
                 "div",
                 {
                   role: "option",
@@ -4973,7 +5375,7 @@ function MultiSelectFreeText({
                 },
                 opt.value
               )),
-              filteredOptions.length === 0 && inputValue.trim() === "" && /* @__PURE__ */ jsx37("div", { className: "flex items-center h-[48px] px-[8px] font-sans font-medium text-[14px] leading-[20px] text-muted-foreground", children: "No options available" })
+              filteredOptions.length === 0 && inputValue.trim() === "" && /* @__PURE__ */ jsx39("div", { className: "flex items-center h-[48px] px-[8px] font-sans font-medium text-[14px] leading-[20px] text-muted-foreground", children: "No options available" })
             ] })
           }
         ) })
@@ -4985,16 +5387,16 @@ function MultiSelectFreeText({
 // src/components/ui/navigation-menu.tsx
 import "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva as cva10 } from "class-variance-authority";
+import { cva as cva11 } from "class-variance-authority";
 import { ChevronDownIcon as ChevronDownIcon3 } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -5006,7 +5408,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx38(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx40(NavigationMenuViewport, {})
       ]
     }
   );
@@ -5015,7 +5417,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -5031,7 +5433,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -5040,7 +5442,7 @@ function NavigationMenuItem({
     }
   );
 }
-var navigationMenuTriggerStyle = cva10(
+var navigationMenuTriggerStyle = cva11(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
 );
 function NavigationMenuTrigger({
@@ -5048,7 +5450,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -5057,7 +5459,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx40(
           ChevronDownIcon3,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-400 group-data-[state=open]:rotate-180",
@@ -5072,7 +5474,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -5089,13 +5491,13 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
         "absolute top-full left-0 isolate z-50 flex justify-center"
       ),
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx40(
         NavigationMenuPrimitive.Viewport,
         {
           "data-slot": "navigation-menu-viewport",
@@ -5113,7 +5515,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -5129,7 +5531,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -5138,17 +5540,17 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx38("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx40("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
 
 // src/components/ui/option-card.tsx
-import { cva as cva11 } from "class-variance-authority";
+import { cva as cva12 } from "class-variance-authority";
 import { Check as Check2, Circle } from "lucide-react";
 import "react";
-import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
-var optionCardVariants = cva11(
+import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+var optionCardVariants = cva12(
   "group flex items-center gap-2 h-12 p-2 cursor-pointer transition-all duration-200 font-medium text-base leading-6 outline-none select-none",
   {
     variants: {
@@ -5228,26 +5630,26 @@ var optionCardVariants = cva11(
   }
 );
 function RadioIndicator({ selected }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     "span",
     {
       className: cn(
         "flex items-center justify-center shrink-0 size-5 rounded-full border-2 transition-colors duration-200",
         selected ? "bg-primary-stroke-default border-primary-stroke-default" : "border-gray-stroke-default bg-transparent group-hover:border-primary-stroke-default"
       ),
-      children: selected && /* @__PURE__ */ jsx39(Circle, { className: "size-2 fill-white text-white" })
+      children: selected && /* @__PURE__ */ jsx41(Circle, { className: "size-2 fill-white text-white" })
     }
   );
 }
 function CheckboxIndicator({ selected }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     "span",
     {
       className: cn(
         "flex items-center justify-center shrink-0 size-5 rounded-[4px] border-2 transition-colors duration-200",
         selected ? "bg-primary-stroke-default border-primary-stroke-default" : "border-gray-stroke-default bg-transparent group-hover:border-primary-stroke-default"
       ),
-      children: selected && /* @__PURE__ */ jsx39(Check2, { className: "size-4 text-white" })
+      children: selected && /* @__PURE__ */ jsx41(Check2, { className: "size-4 text-white" })
     }
   );
 }
@@ -5264,8 +5666,8 @@ function OptionCard({
   ...props
 }) {
   const Indicator5 = selectionType === "single" ? RadioIndicator : CheckboxIndicator;
-  const indicator = /* @__PURE__ */ jsx39(Indicator5, { selected });
-  return /* @__PURE__ */ jsxs23(
+  const indicator = /* @__PURE__ */ jsx41(Indicator5, { selected });
+  return /* @__PURE__ */ jsxs24(
     "button",
     {
       type: "button",
@@ -5284,9 +5686,9 @@ function OptionCard({
       ...props,
       children: [
         selectorPosition === "left" && indicator,
-        /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-          icon && /* @__PURE__ */ jsx39("span", { className: "flex items-center justify-center shrink-0 size-5 [&_svg]:size-5", children: icon }),
-          /* @__PURE__ */ jsx39("span", { className: "truncate", children })
+        /* @__PURE__ */ jsxs24("span", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+          icon && /* @__PURE__ */ jsx41("span", { className: "flex items-center justify-center shrink-0 size-5 [&_svg]:size-5", children: icon }),
+          /* @__PURE__ */ jsx41("span", { className: "truncate", children })
         ] }),
         selectorPosition === "right" && indicator
       ]
@@ -5301,9 +5703,9 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     "nav",
     {
       role: "navigation",
@@ -5318,7 +5720,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -5328,7 +5730,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx40("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx42("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -5336,7 +5738,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -5357,7 +5759,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -5365,8 +5767,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx40(ChevronLeftIcon2, {}),
-        /* @__PURE__ */ jsx40("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx42(ChevronLeftIcon2, {}),
+        /* @__PURE__ */ jsx42("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -5375,7 +5777,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -5383,8 +5785,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx40("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx40(ChevronRightIcon5, {})
+        /* @__PURE__ */ jsx42("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx42(ChevronRightIcon5, {})
       ]
     }
   );
@@ -5393,7 +5795,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "span",
     {
       "aria-hidden": true,
@@ -5401,8 +5803,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx40(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx42(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -5411,13 +5813,13 @@ function PaginationEllipsis({
 // src/components/ui/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Progress({
   className,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -5426,7 +5828,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx43(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -5439,10 +5841,10 @@ function Progress({
 }
 
 // src/components/ui/progress-bar.tsx
-import { cva as cva12 } from "class-variance-authority";
+import { cva as cva13 } from "class-variance-authority";
 import "react";
-import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
-var progressBarVariants = cva12("relative overflow-hidden rounded-[8px]", {
+import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
+var progressBarVariants = cva13("relative overflow-hidden rounded-[8px]", {
   variants: {
     device: {
       desktop: "w-[360px] h-[4px]",
@@ -5462,7 +5864,7 @@ function ProgressBar({
   ...props
 }) {
   const percentage = value !== void 0 ? Math.min(100, Math.max(0, value)) : Math.min(100, Math.max(0, currentStep / totalSteps * 100));
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       "data-slot": "progress-bar",
@@ -5473,8 +5875,8 @@ function ProgressBar({
       "aria-valuemax": 100,
       ...props,
       children: [
-        /* @__PURE__ */ jsx42("div", { className: "absolute inset-0 rounded-[8px] bg-primary-surface-light" }),
-        /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsx44("div", { className: "absolute inset-0 rounded-[8px] bg-primary-surface-light" }),
+        /* @__PURE__ */ jsx44(
           "div",
           {
             "data-slot": "progress-bar-fill",
@@ -5491,12 +5893,12 @@ function ProgressBar({
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { CircleIcon as CircleIcon4 } from "lucide-react";
 import "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function RadioGroup4({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -5509,7 +5911,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -5518,12 +5920,12 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx45(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx43(CircleIcon4, { className: "fill-white absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsx45(CircleIcon4, { className: "fill-white absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
@@ -5534,12 +5936,12 @@ function RadioGroupItem({
 import "react";
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     ResizablePrimitive.PanelGroup,
     {
       "data-slot": "resizable-panel-group",
@@ -5554,14 +5956,14 @@ function ResizablePanelGroup({
 function ResizablePanel({
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx46(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     ResizablePrimitive.PanelResizeHandle,
     {
       "data-slot": "resizable-handle",
@@ -5570,7 +5972,7 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle && /* @__PURE__ */ jsx44("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx44(GripVerticalIcon, { className: "size-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx46("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx46(GripVerticalIcon, { className: "size-2.5" }) })
     }
   );
 }
@@ -5578,20 +5980,20 @@ function ResizableHandle({
 // src/components/ui/scroll-area.tsx
 import "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx47(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -5599,8 +6001,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx45(ScrollBar, {}),
-        /* @__PURE__ */ jsx45(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx47(ScrollBar, {}),
+        /* @__PURE__ */ jsx47(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -5610,7 +6012,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -5622,7 +6024,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx45(
+      children: /* @__PURE__ */ jsx47(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -5634,9 +6036,9 @@ function ScrollBar({
 }
 
 // src/components/ui/search-input.tsx
-import * as React45 from "react";
+import * as React47 from "react";
 import { Search, X as X4 } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
 function SearchInput({
   variant = "icon",
   value: valueProp,
@@ -5655,23 +6057,23 @@ function SearchInput({
   onSuggestionClick,
   className
 }) {
-  const [internalValue, setInternalValue] = React45.useState(defaultValue);
-  const [isFocused, setIsFocused] = React45.useState(false);
-  const [showSuggestions, setShowSuggestions] = React45.useState(false);
-  const inputRef = React45.useRef(null);
-  const containerRef = React45.useRef(null);
+  const [internalValue, setInternalValue] = React47.useState(defaultValue);
+  const [isFocused, setIsFocused] = React47.useState(false);
+  const [showSuggestions, setShowSuggestions] = React47.useState(false);
+  const inputRef = React47.useRef(null);
+  const containerRef = React47.useRef(null);
   const isControlled = valueProp !== void 0;
   const currentValue = isControlled ? valueProp : internalValue;
   const hasValue = currentValue.trim().length > 0;
   const isFilledEdit = hasValue && !isFocused && !error;
-  const updateValue = React45.useCallback(
+  const updateValue = React47.useCallback(
     (next) => {
       if (!isControlled) setInternalValue(next);
       onValueChange?.(next);
     },
     [isControlled, onValueChange]
   );
-  const handleInputChange = React45.useCallback(
+  const handleInputChange = React47.useCallback(
     (e) => {
       updateValue(e.target.value);
       if (e.target.value.trim().length > 0 && suggestions.length > 0) {
@@ -5682,7 +6084,7 @@ function SearchInput({
     },
     [updateValue, suggestions.length]
   );
-  const handleKeyDown = React45.useCallback(
+  const handleKeyDown = React47.useCallback(
     (e) => {
       if (e.key === "Enter") {
         e.preventDefault();
@@ -5695,16 +6097,16 @@ function SearchInput({
     },
     [currentValue, onSearch]
   );
-  const handleClear = React45.useCallback(() => {
+  const handleClear = React47.useCallback(() => {
     updateValue("");
     onClear?.();
     inputRef.current?.focus();
   }, [updateValue, onClear]);
-  const handleSearchClick = React45.useCallback(() => {
+  const handleSearchClick = React47.useCallback(() => {
     onSearch?.(currentValue);
     setShowSuggestions(false);
   }, [currentValue, onSearch]);
-  const handleSuggestionClick = React45.useCallback(
+  const handleSuggestionClick = React47.useCallback(
     (label2) => {
       updateValue(label2);
       onSuggestionClick?.(label2);
@@ -5713,14 +6115,14 @@ function SearchInput({
     },
     [updateValue, onSuggestionClick]
   );
-  const handleFocus = React45.useCallback(() => {
+  const handleFocus = React47.useCallback(() => {
     if (disabled) return;
     setIsFocused(true);
     if (currentValue.trim().length > 0 && suggestions.length > 0) {
       setShowSuggestions(true);
     }
   }, [disabled, currentValue, suggestions.length]);
-  const handleBlur = React45.useCallback(
+  const handleBlur = React47.useCallback(
     (e) => {
       if (containerRef.current?.contains(e.relatedTarget)) return;
       setIsFocused(false);
@@ -5730,7 +6132,7 @@ function SearchInput({
   );
   const displayHelperText = error && errorMessage ? errorMessage : helperText;
   const showClearButton = (isFilledEdit || error) && hasValue;
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       ref: containerRef,
@@ -5738,8 +6140,8 @@ function SearchInput({
       className: cn("flex flex-col gap-[8px] items-start w-full", className),
       onBlur: handleBlur,
       children: [
-        label && /* @__PURE__ */ jsx46("div", { className: "flex items-center font-sans font-medium text-[14px] leading-[20px] text-vibrant-text-details", children: label }),
-        /* @__PURE__ */ jsxs27(
+        label && /* @__PURE__ */ jsx48("div", { className: "flex items-center font-sans font-medium text-[14px] leading-[20px] text-vibrant-text-details", children: label }),
+        /* @__PURE__ */ jsxs28(
           "div",
           {
             className: cn(
@@ -5756,7 +6158,7 @@ function SearchInput({
               disabled && "opacity-60 cursor-not-allowed"
             ),
             children: [
-              icon && /* @__PURE__ */ jsx46(
+              icon && /* @__PURE__ */ jsx48(
                 "span",
                 {
                   className: cn(
@@ -5766,7 +6168,7 @@ function SearchInput({
                   children: icon
                 }
               ),
-              /* @__PURE__ */ jsx46(
+              /* @__PURE__ */ jsx48(
                 "input",
                 {
                   ref: inputRef,
@@ -5783,7 +6185,7 @@ function SearchInput({
                   )
                 }
               ),
-              showClearButton ? /* @__PURE__ */ jsx46(
+              showClearButton ? /* @__PURE__ */ jsx48(
                 "button",
                 {
                   type: "button",
@@ -5791,9 +6193,9 @@ function SearchInput({
                   className: "flex items-center justify-center shrink-0 size-[20px] text-muted-foreground hover:text-vibrant-text-heading transition-colors cursor-pointer",
                   "aria-label": "Clear search",
                   tabIndex: -1,
-                  children: /* @__PURE__ */ jsx46(X4, { className: "size-[16px]" })
+                  children: /* @__PURE__ */ jsx48(X4, { className: "size-[16px]" })
                 }
-              ) : variant === "button" ? /* @__PURE__ */ jsx46(
+              ) : variant === "button" ? /* @__PURE__ */ jsx48(
                 "button",
                 {
                   type: "button",
@@ -5803,7 +6205,7 @@ function SearchInput({
                   tabIndex: -1,
                   children: "Search"
                 }
-              ) : /* @__PURE__ */ jsx46(
+              ) : /* @__PURE__ */ jsx48(
                 "button",
                 {
                   type: "button",
@@ -5812,13 +6214,13 @@ function SearchInput({
                   className: "flex items-center justify-center shrink-0 size-[36px] rounded-[6px] bg-primary-surface-default cursor-pointer disabled:cursor-not-allowed transition-colors",
                   "aria-label": "Search",
                   tabIndex: -1,
-                  children: /* @__PURE__ */ jsx46(Search, { className: "size-[20px] text-white" })
+                  children: /* @__PURE__ */ jsx48(Search, { className: "size-[20px] text-white" })
                 }
               )
             ]
           }
         ),
-        displayHelperText && /* @__PURE__ */ jsx46(
+        displayHelperText && /* @__PURE__ */ jsx48(
           "p",
           {
             className: cn(
@@ -5828,12 +6230,12 @@ function SearchInput({
             children: displayHelperText
           }
         ),
-        showSuggestions && suggestions.length > 0 && /* @__PURE__ */ jsx46(
+        showSuggestions && suggestions.length > 0 && /* @__PURE__ */ jsx48(
           "div",
           {
             "data-slot": "search-input-suggestions",
             className: "w-full rounded-[8px] border border-gray-stroke-light bg-white dark:bg-card p-[12px] shadow-[0px_4px_24px_0px_rgba(0,0,0,0.05)] flex flex-col gap-[16px]",
-            children: suggestions.map((suggestion, idx) => /* @__PURE__ */ jsxs27(
+            children: suggestions.map((suggestion, idx) => /* @__PURE__ */ jsxs28(
               "button",
               {
                 type: "button",
@@ -5841,8 +6243,8 @@ function SearchInput({
                 onMouseDown: (e) => e.preventDefault(),
                 className: "flex items-center gap-[13px] h-[40px] pr-[12px] rounded-[8px] w-full text-left hover:bg-gray-surface-light transition-colors cursor-pointer",
                 children: [
-                  suggestion.icon && /* @__PURE__ */ jsx46("span", { className: "flex items-center justify-center shrink-0 size-[40px] rounded-[8px] bg-gray-surface-light [&_svg]:size-[20px] text-muted-foreground", children: suggestion.icon }),
-                  /* @__PURE__ */ jsx46("span", { className: "flex-1 min-w-0 font-sans font-medium text-[16px] leading-[24px] text-vibrant-text-heading truncate", children: suggestion.label })
+                  suggestion.icon && /* @__PURE__ */ jsx48("span", { className: "flex items-center justify-center shrink-0 size-[40px] rounded-[8px] bg-gray-surface-light [&_svg]:size-[20px] text-muted-foreground", children: suggestion.icon }),
+                  /* @__PURE__ */ jsx48("span", { className: "flex-1 min-w-0 font-sans font-medium text-[16px] leading-[24px] text-vibrant-text-heading truncate", children: suggestion.label })
                 ]
               },
               `${suggestion.label}-${idx}`
@@ -5855,12 +6257,12 @@ function SearchInput({
 }
 
 // src/components/ui/searchable-select.tsx
-import * as React46 from "react";
+import * as React48 from "react";
 import { CheckIcon as CheckIcon4, ChevronsUpDown, XIcon as XIcon3 } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
-var SearchableSelectContext = React46.createContext(null);
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
+var SearchableSelectContext = React48.createContext(null);
 function useSearchableSelect() {
-  const ctx = React46.useContext(SearchableSelectContext);
+  const ctx = React48.useContext(SearchableSelectContext);
   if (!ctx) {
     throw new Error(
       "SearchableSelect compound components must be used within <SearchableSelect>"
@@ -5886,11 +6288,11 @@ function SearchableSelect({
   onOpenChange,
   children
 }) {
-  const [internalOpen, setInternalOpen] = React46.useState(false);
-  const [internalValue, setInternalValue] = React46.useState(defaultValue);
-  const [internalValues, setInternalValues] = React46.useState(defaultValues);
+  const [internalOpen, setInternalOpen] = React48.useState(false);
+  const [internalValue, setInternalValue] = React48.useState(defaultValue);
+  const [internalValues, setInternalValues] = React48.useState(defaultValues);
   const open = controlledOpen ?? internalOpen;
-  const setOpen = React46.useCallback(
+  const setOpen = React48.useCallback(
     (next) => {
       if (controlledOpen !== void 0) {
         onOpenChange?.(next);
@@ -5902,7 +6304,7 @@ function SearchableSelect({
     [controlledOpen, onOpenChange]
   );
   const value = controlledValue ?? internalValue;
-  const setValue = React46.useCallback(
+  const setValue = React48.useCallback(
     (next) => {
       if (controlledValue === void 0) {
         setInternalValue(next);
@@ -5912,7 +6314,7 @@ function SearchableSelect({
     [controlledValue, onValueChange]
   );
   const values = controlledValues ?? internalValues;
-  const setValues = React46.useCallback(
+  const setValues = React48.useCallback(
     (next) => {
       if (controlledValues === void 0) {
         setInternalValues(next);
@@ -5921,14 +6323,14 @@ function SearchableSelect({
     },
     [controlledValues, onValuesChange]
   );
-  const optionMap = React46.useMemo(() => {
+  const optionMap = React48.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of options) {
       map.set(opt.value, opt.label);
     }
     return map;
   }, [options]);
-  const ctx = React46.useMemo(
+  const ctx = React48.useMemo(
     () => ({
       open,
       setOpen,
@@ -5962,7 +6364,7 @@ function SearchableSelect({
       optionMap
     ]
   );
-  return /* @__PURE__ */ jsx47(SearchableSelectContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx47(Popover, { open, onOpenChange: setOpen, children }) });
+  return /* @__PURE__ */ jsx49(SearchableSelectContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx49(Popover, { open, onOpenChange: setOpen, children }) });
 }
 function SearchableSelectTrigger({
   className,
@@ -5975,7 +6377,7 @@ function SearchableSelectTrigger({
     if (children) return children;
     if (ctx.mode === "single") {
       const label = ctx.optionMap.get(ctx.value);
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         "span",
         {
           "data-slot": "searchable-select-value",
@@ -5988,7 +6390,7 @@ function SearchableSelectTrigger({
       );
     }
     if (ctx.values.length === 0) {
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         "span",
         {
           "data-slot": "searchable-select-value",
@@ -5999,20 +6401,20 @@ function SearchableSelectTrigger({
     }
     const visible = ctx.values.slice(0, ctx.maxCount);
     const remaining = ctx.values.length - visible.length;
-    return /* @__PURE__ */ jsxs28(
+    return /* @__PURE__ */ jsxs29(
       "span",
       {
         "data-slot": "searchable-select-value",
         className: "flex flex-wrap items-center gap-1",
         children: [
-          visible.map((v) => /* @__PURE__ */ jsxs28(
+          visible.map((v) => /* @__PURE__ */ jsxs29(
             Badge,
             {
               variant: "secondary",
               className: "gap-1 pr-1",
               children: [
-                /* @__PURE__ */ jsx47("span", { className: "truncate max-w-[120px]", children: ctx.optionMap.get(v) || v }),
-                /* @__PURE__ */ jsx47(
+                /* @__PURE__ */ jsx49("span", { className: "truncate max-w-[120px]", children: ctx.optionMap.get(v) || v }),
+                /* @__PURE__ */ jsx49(
                   "span",
                   {
                     role: "button",
@@ -6024,14 +6426,14 @@ function SearchableSelectTrigger({
                       e.stopPropagation();
                       ctx.setValues(ctx.values.filter((val) => val !== v));
                     },
-                    children: /* @__PURE__ */ jsx47(XIcon3, { className: "size-3" })
+                    children: /* @__PURE__ */ jsx49(XIcon3, { className: "size-3" })
                   }
                 )
               ]
             },
             v
           )),
-          remaining > 0 && /* @__PURE__ */ jsxs28(Badge, { variant: "outline", className: "text-muted-foreground", children: [
+          remaining > 0 && /* @__PURE__ */ jsxs29(Badge, { variant: "outline", className: "text-muted-foreground", children: [
             "+",
             remaining,
             " more"
@@ -6040,7 +6442,7 @@ function SearchableSelectTrigger({
       }
     );
   };
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     PopoverTrigger,
     {
       "data-slot": "searchable-select-trigger",
@@ -6054,7 +6456,7 @@ function SearchableSelectTrigger({
       ...props,
       children: [
         renderContent(),
-        /* @__PURE__ */ jsx47(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50" })
+        /* @__PURE__ */ jsx49(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50" })
       ]
     }
   );
@@ -6066,7 +6468,7 @@ function SearchableSelectContent({
   ...props
 }) {
   const ctx = useSearchableSelect();
-  const groupedOptions = React46.useMemo(() => {
+  const groupedOptions = React48.useMemo(() => {
     if (ctx.options.length === 0) return null;
     const groups = /* @__PURE__ */ new Map();
     for (const opt of ctx.options) {
@@ -6080,7 +6482,7 @@ function SearchableSelectContent({
     if (!groupedOptions) return null;
     const entries = Array.from(groupedOptions.entries());
     if (entries.length === 1 && entries[0][0] === "") {
-      return entries[0][1].map((opt) => /* @__PURE__ */ jsx47(
+      return entries[0][1].map((opt) => /* @__PURE__ */ jsx49(
         SearchableSelectItem,
         {
           value: opt.value,
@@ -6090,7 +6492,7 @@ function SearchableSelectContent({
         opt.value
       ));
     }
-    return entries.map(([group, opts]) => /* @__PURE__ */ jsx47(SearchableSelectGroup, { heading: group || void 0, children: opts.map((opt) => /* @__PURE__ */ jsx47(
+    return entries.map(([group, opts]) => /* @__PURE__ */ jsx49(SearchableSelectGroup, { heading: group || void 0, children: opts.map((opt) => /* @__PURE__ */ jsx49(
       SearchableSelectItem,
       {
         value: opt.value,
@@ -6100,17 +6502,17 @@ function SearchableSelectContent({
       opt.value
     )) }, group));
   };
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     PopoverContent,
     {
       "data-slot": "searchable-select-content",
       className: cn("w-[var(--radix-popover-trigger-width)] p-0", className),
       align: "start",
       ...props,
-      children: /* @__PURE__ */ jsxs28(Command, { children: [
-        ctx.searchable && /* @__PURE__ */ jsx47(CommandInput, { placeholder: ctx.searchPlaceholder }),
-        /* @__PURE__ */ jsxs28(CommandList, { children: [
-          /* @__PURE__ */ jsx47(CommandEmpty, { children: emptyText }),
+      children: /* @__PURE__ */ jsxs29(Command, { children: [
+        ctx.searchable && /* @__PURE__ */ jsx49(CommandInput, { placeholder: ctx.searchPlaceholder }),
+        /* @__PURE__ */ jsxs29(CommandList, { children: [
+          /* @__PURE__ */ jsx49(CommandEmpty, { children: emptyText }),
           children || renderAutoItems()
         ] })
       ] })
@@ -6137,7 +6539,7 @@ function SearchableSelectItem({
       );
     }
   };
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     CommandItem,
     {
       "data-slot": "searchable-select-item",
@@ -6150,18 +6552,18 @@ function SearchableSelectItem({
       "data-disabled": disabled || void 0,
       ...props,
       children: [
-        ctx.mode === "multiple" && /* @__PURE__ */ jsx47("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx47(
+        ctx.mode === "multiple" && /* @__PURE__ */ jsx49("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx49(
           "span",
           {
             className: cn(
               "size-4 rounded-sm border border-primary transition-colors",
               isSelected ? "bg-primary text-primary-foreground" : "bg-transparent"
             ),
-            children: isSelected && /* @__PURE__ */ jsx47(CheckIcon4, { className: "size-4 p-0.5" })
+            children: isSelected && /* @__PURE__ */ jsx49(CheckIcon4, { className: "size-4 p-0.5" })
           }
         ) }),
-        /* @__PURE__ */ jsx47("span", { className: "flex-1 truncate", children }),
-        ctx.mode === "single" && isSelected && /* @__PURE__ */ jsx47("span", { className: "absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx47(CheckIcon4, { className: "size-4" }) })
+        /* @__PURE__ */ jsx49("span", { className: "flex-1 truncate", children }),
+        ctx.mode === "single" && isSelected && /* @__PURE__ */ jsx49("span", { className: "absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx49(CheckIcon4, { className: "size-4" }) })
       ]
     }
   );
@@ -6170,7 +6572,7 @@ function SearchableSelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     CommandGroup,
     {
       "data-slot": "searchable-select-group",
@@ -6184,7 +6586,7 @@ function SearchableSelectEmpty({
   children = "No results found.",
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     CommandEmpty,
     {
       "data-slot": "searchable-select-empty",
@@ -6199,21 +6601,21 @@ function SearchableSelectEmpty({
 import "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon as CheckIcon5, ChevronDownIcon as ChevronDownIcon4, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs30 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx50(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx50(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx50(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -6221,7 +6623,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -6233,7 +6635,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx48(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx48(ChevronDownIcon4, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx50(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx50(ChevronDownIcon4, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -6244,7 +6646,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsx50(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs30(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -6256,8 +6658,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx48(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx50(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -6267,7 +6669,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx48(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx50(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -6276,7 +6678,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -6290,7 +6692,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -6300,8 +6702,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx48("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx48(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx48(CheckIcon5, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx48(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx50("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx50(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx50(CheckIcon5, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx50(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -6310,7 +6712,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -6323,7 +6725,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -6332,7 +6734,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx48(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx50(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -6340,7 +6742,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -6349,7 +6751,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx48(ChevronDownIcon4, { className: "size-4" })
+      children: /* @__PURE__ */ jsx50(ChevronDownIcon4, { className: "size-4" })
     }
   );
 }
@@ -6357,14 +6759,14 @@ function SelectScrollDownButton({
 // src/components/ui/separator.tsx
 import "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function Separator5({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx51(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -6383,30 +6785,30 @@ function Separator5({
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon as XIcon4 } from "lucide-react";
 import "react";
-import { jsx as jsx50, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs31 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx50(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx52(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx52(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx52(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx52(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -6425,9 +6827,9 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs30(SheetPortal, { children: [
-    /* @__PURE__ */ jsx50(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(SheetPortal, { children: [
+    /* @__PURE__ */ jsx52(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs31(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -6442,9 +6844,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs30(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx50(XIcon4, { className: "size-4" }),
-            /* @__PURE__ */ jsx50("span", { className: "sr-only", children: "Close" })
+          showCloseButton && /* @__PURE__ */ jsxs31(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx52(XIcon4, { className: "size-4" }),
+            /* @__PURE__ */ jsx52("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -6452,7 +6854,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "sheet-header",
@@ -6462,7 +6864,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -6475,7 +6877,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -6488,7 +6890,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -6499,15 +6901,15 @@ function SheetDescription({
 }
 
 // src/components/ui/sidebar.tsx
-import { Slot as Slot6 } from "@radix-ui/react-slot";
-import { cva as cva13 } from "class-variance-authority";
+import { Slot as Slot7 } from "@radix-ui/react-slot";
+import { cva as cva14 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
-import * as React51 from "react";
+import * as React53 from "react";
 
 // src/components/ui/skeleton.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "data-slot": "skeleton",
@@ -6520,13 +6922,13 @@ function Skeleton({ className, ...props }) {
 // src/components/ui/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { X as X5 } from "lucide-react";
-import * as React50 from "react";
-import { jsx as jsx52, jsxs as jsxs31 } from "react/jsx-runtime";
+import * as React52 from "react";
+import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx54(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -6535,20 +6937,20 @@ function TooltipProvider({
     }
   );
 }
-var TooltipCloseContext = React50.createContext(null);
+var TooltipCloseContext = React52.createContext(null);
 function Tooltip2({
   persistent = false,
   ...props
 }) {
-  const [open, setOpen] = React50.useState(props.defaultOpen ?? false);
+  const [open, setOpen] = React52.useState(props.defaultOpen ?? false);
   if (!persistent) {
-    return /* @__PURE__ */ jsx52(TooltipProvider, { children: /* @__PURE__ */ jsx52(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+    return /* @__PURE__ */ jsx54(TooltipProvider, { children: /* @__PURE__ */ jsx54(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
   }
   const close = () => {
     setOpen(false);
     props.onOpenChange?.(false);
   };
-  return /* @__PURE__ */ jsx52(TooltipProvider, { children: /* @__PURE__ */ jsx52(TooltipCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx54(TooltipProvider, { children: /* @__PURE__ */ jsx54(TooltipCloseContext.Provider, { value: close, children: /* @__PURE__ */ jsx54(
     TooltipPrimitive.Root,
     {
       "data-slot": "tooltip",
@@ -6566,7 +6968,7 @@ function Tooltip2({
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx52(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx54(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -6576,7 +6978,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx52(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx54(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs32(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -6588,7 +6990,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        !hideArrow && /* @__PURE__ */ jsx52(
+        !hideArrow && /* @__PURE__ */ jsx54(
           TooltipPrimitive.Arrow,
           {
             className: cn(
@@ -6629,13 +7031,13 @@ function RichTooltipContent({
   hideArrow = false,
   ...props
 }) {
-  const close = React50.useContext(TooltipCloseContext);
+  const close = React52.useContext(TooltipCloseContext);
   const handleDismiss = () => {
     close?.();
     onDismiss?.();
   };
   const styles = richTooltipVariants[variant] ?? richTooltipVariants.dark;
-  return /* @__PURE__ */ jsx52(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx54(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs32(
     TooltipPrimitive.Content,
     {
       "data-slot": "rich-tooltip-content",
@@ -6649,7 +7051,7 @@ function RichTooltipContent({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32(
           "div",
           {
             className: cn(
@@ -6659,12 +7061,12 @@ function RichTooltipContent({
               surfaceClassName
             ),
             children: [
-              icon && /* @__PURE__ */ jsx52("span", { className: "flex items-center justify-center shrink-0 size-5 [&_svg]:size-5", children: icon }),
-              /* @__PURE__ */ jsxs31("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-                heading && /* @__PURE__ */ jsx52("p", { className: "font-semibold text-sm leading-5", children: heading }),
-                /* @__PURE__ */ jsx52("div", { className: "font-normal text-sm leading-5", children })
+              icon && /* @__PURE__ */ jsx54("span", { className: "flex items-center justify-center shrink-0 size-5 [&_svg]:size-5", children: icon }),
+              /* @__PURE__ */ jsxs32("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+                heading && /* @__PURE__ */ jsx54("p", { className: "font-semibold text-sm leading-5", children: heading }),
+                /* @__PURE__ */ jsx54("div", { className: "font-normal text-sm leading-5", children })
               ] }),
-              dismissible && /* @__PURE__ */ jsx52(
+              dismissible && /* @__PURE__ */ jsx54(
                 "button",
                 {
                   type: "button",
@@ -6674,13 +7076,13 @@ function RichTooltipContent({
                     styles.mutedText
                   ),
                   "aria-label": "Dismiss",
-                  children: /* @__PURE__ */ jsx52(X5, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsx54(X5, { className: "size-3.5" })
                 }
               )
             ]
           }
         ),
-        !hideArrow && /* @__PURE__ */ jsx52(
+        !hideArrow && /* @__PURE__ */ jsx54(
           TooltipPrimitive.Arrow,
           {
             width: 16,
@@ -6694,16 +7096,16 @@ function RichTooltipContent({
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx53, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "18rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React51.createContext(null);
+var SidebarContext = React53.createContext(null);
 function useSidebar() {
-  const context = React51.useContext(SidebarContext);
+  const context = React53.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -6719,10 +7121,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React51.useState(false);
-  const [_open, _setOpen] = React51.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React53.useState(false);
+  const [_open, _setOpen] = React53.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React51.useCallback(
+  const setOpen = React53.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -6734,10 +7136,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React51.useCallback(() => {
+  const toggleSidebar = React53.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React51.useEffect(() => {
+  React53.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -6748,7 +7150,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React51.useMemo(
+  const contextValue = React53.useMemo(
     () => ({
       state,
       open,
@@ -6760,7 +7162,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx53(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx53(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx55(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -6788,7 +7190,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx55(
       "div",
       {
         "data-slot": "sidebar",
@@ -6802,7 +7204,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx53(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs32(
+    return /* @__PURE__ */ jsx55(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs33(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -6814,16 +7216,16 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs32(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx53(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx53(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs33(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx55(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx55(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx53("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx55("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
@@ -6833,7 +7235,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx55(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -6845,7 +7247,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx55(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -6857,7 +7259,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx53(
+            children: /* @__PURE__ */ jsx55(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -6878,7 +7280,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     Button,
     {
       "data-sidebar": "trigger",
@@ -6892,15 +7294,15 @@ function SidebarTrigger({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx53(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx53("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx55(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx55("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "button",
     {
       "data-sidebar": "rail",
@@ -6923,7 +7325,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -6940,7 +7342,7 @@ function SidebarInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     Input,
     {
       "data-slot": "sidebar-input",
@@ -6951,7 +7353,7 @@ function SidebarInput({
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -6962,7 +7364,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -6976,7 +7378,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     Separator5,
     {
       "data-slot": "sidebar-separator",
@@ -6987,7 +7389,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -7001,7 +7403,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -7016,8 +7418,8 @@ function SidebarGroupLabel({
   asChild = false,
   ...props
 }) {
-  const Comp = asChild ? Slot6 : "div";
-  return /* @__PURE__ */ jsx53(
+  const Comp = asChild ? Slot7 : "div";
+  return /* @__PURE__ */ jsx55(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -7036,8 +7438,8 @@ function SidebarGroupAction({
   asChild = false,
   ...props
 }) {
-  const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx53(
+  const Comp = asChild ? Slot7 : "button";
+  return /* @__PURE__ */ jsx55(
     Comp,
     {
       "data-slot": "sidebar-group-action",
@@ -7057,7 +7459,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -7068,7 +7470,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -7079,7 +7481,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -7089,7 +7491,7 @@ function SidebarMenuItem({ className, ...props }) {
     }
   );
 }
-var sidebarMenuButtonVariants = cva13(
+var sidebarMenuButtonVariants = cva14(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -7118,9 +7520,9 @@ function SidebarMenuButton({
   className,
   ...props
 }) {
-  const Comp = asChild ? Slot6 : "button";
+  const Comp = asChild ? Slot7 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx53(
+  const button = /* @__PURE__ */ jsx55(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -7139,9 +7541,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs32(Tooltip2, { children: [
-    /* @__PURE__ */ jsx53(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs33(Tooltip2, { children: [
+    /* @__PURE__ */ jsx55(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx55(
       TooltipContent,
       {
         side: "right",
@@ -7158,8 +7560,8 @@ function SidebarMenuAction({
   showOnHover = false,
   ...props
 }) {
-  const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx53(
+  const Comp = asChild ? Slot7 : "button";
+  return /* @__PURE__ */ jsx55(
     Comp,
     {
       "data-slot": "sidebar-menu-action",
@@ -7183,7 +7585,7 @@ function SidebarMenuBadge({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-menu-badge",
@@ -7206,10 +7608,10 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React51.useMemo(() => {
+  const width = React53.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       "data-slot": "sidebar-menu-skeleton",
@@ -7217,14 +7619,14 @@ function SidebarMenuSkeleton({
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx53(
+        showIcon && /* @__PURE__ */ jsx55(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx55(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -7239,7 +7641,7 @@ function SidebarMenuSkeleton({
   );
 }
 function SidebarMenuSub({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
@@ -7257,7 +7659,7 @@ function SidebarMenuSubItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "li",
     {
       "data-slot": "sidebar-menu-sub-item",
@@ -7274,8 +7676,8 @@ function SidebarMenuSubButton({
   className,
   ...props
 }) {
-  const Comp = asChild ? Slot6 : "a";
-  return /* @__PURE__ */ jsx53(
+  const Comp = asChild ? Slot7 : "a";
+  return /* @__PURE__ */ jsx55(
     Comp,
     {
       "data-slot": "sidebar-menu-sub-button",
@@ -7296,9 +7698,9 @@ function SidebarMenuSubButton({
 }
 
 // src/components/ui/slider.tsx
-import * as React52 from "react";
+import * as React54 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx54, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs34 } from "react/jsx-runtime";
 function Slider({
   className,
   defaultValue,
@@ -7307,11 +7709,11 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React52.useMemo(
+  const _values = React54.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -7325,14 +7727,14 @@ function Slider({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx56(
           SliderPrimitive.Track,
           {
             "data-slot": "slider-track",
             className: cn(
               "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
-            children: /* @__PURE__ */ jsx54(
+            children: /* @__PURE__ */ jsx56(
               SliderPrimitive.Range,
               {
                 "data-slot": "slider-range",
@@ -7343,7 +7745,7 @@ function Slider({
             )
           }
         ),
-        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx54(
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx56(
           SliderPrimitive.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -7360,9 +7762,9 @@ function Slider({
 import "react";
 
 // src/components/ui/useMediaQuery.ts
-import * as React53 from "react";
+import * as React55 from "react";
 function useMediaQuery(query) {
-  const subscribe = React53.useCallback(
+  const subscribe = React55.useCallback(
     (onStoreChange) => {
       const list = window.matchMedia(query);
       if (list.addEventListener) {
@@ -7374,19 +7776,19 @@ function useMediaQuery(query) {
     },
     [query]
   );
-  const getSnapshot = React53.useCallback(
+  const getSnapshot = React55.useCallback(
     () => window.matchMedia(query).matches,
     [query]
   );
-  const getServerSnapshot = React53.useCallback(() => false, []);
-  return React53.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  const getServerSnapshot = React55.useCallback(() => false, []);
+  return React55.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
 
 // src/components/ui/smart-dialog-drawer.tsx
-import { Fragment as Fragment4, jsx as jsx55 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx57 } from "react/jsx-runtime";
 var SmartDialog = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx55(Drawer, { ...props, children }) : /* @__PURE__ */ jsx55(Dialog, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx57(Drawer, { ...props, children }) : /* @__PURE__ */ jsx57(Dialog, { ...props, children });
 };
 var SmartDialogContent = ({
   children,
@@ -7396,7 +7798,7 @@ var SmartDialogContent = ({
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx55(
+  return isMobile ? /* @__PURE__ */ jsx57(
     DrawerContent,
     {
       ...props,
@@ -7405,7 +7807,7 @@ var SmartDialogContent = ({
       showCloseButton: showCloseButton ?? true,
       children
     }
-  ) : /* @__PURE__ */ jsx55(
+  ) : /* @__PURE__ */ jsx57(
     DialogContent,
     {
       ...props,
@@ -7420,49 +7822,49 @@ var SmartDialogDescription = ({
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx55(DrawerDescription, { ...props, children }) : /* @__PURE__ */ jsx55(DialogDescription, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx57(DrawerDescription, { ...props, children }) : /* @__PURE__ */ jsx57(DialogDescription, { ...props, children });
 };
 var SmartDialogHeader = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx55(DrawerHeader, { ...props, children }) : /* @__PURE__ */ jsx55(DialogHeader, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx57(DrawerHeader, { ...props, children }) : /* @__PURE__ */ jsx57(DialogHeader, { ...props, children });
 };
 var SmartDialogTitle = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx55(DrawerTitle, { ...props, children }) : /* @__PURE__ */ jsx55(DialogTitle, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx57(DrawerTitle, { ...props, children }) : /* @__PURE__ */ jsx57(DialogTitle, { ...props, children });
 };
 var SmartDialogTrigger = ({
   children,
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx55(DrawerTrigger, { ...props, children }) : /* @__PURE__ */ jsx55(DialogTrigger, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx57(DrawerTrigger, { ...props, children }) : /* @__PURE__ */ jsx57(DialogTrigger, { ...props, children });
 };
 var SmartDialogFooter = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx55(DrawerFooter, { ...props, children }) : /* @__PURE__ */ jsx55(DialogFooter, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx57(DrawerFooter, { ...props, children }) : /* @__PURE__ */ jsx57(DialogFooter, { ...props, children });
 };
 var SmartDialogClose = ({ children, ...props }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx55(Fragment4, { children: /* @__PURE__ */ jsx55(DrawerClose, { ...props, children }) }) : /* @__PURE__ */ jsx55(DialogClose, { ...props, children });
+  return isMobile ? /* @__PURE__ */ jsx57(Fragment4, { children: /* @__PURE__ */ jsx57(DrawerClose, { ...props, children }) }) : /* @__PURE__ */ jsx57(DialogClose, { ...props, children });
 };
 
 // src/components/ui/sonner.tsx
 import { CircleCheck, Info, TriangleAlert } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Toaster as Sonner, toast } from "sonner";
-import { jsx as jsx56 } from "react/jsx-runtime";
-var iconWrapper = (icon) => /* @__PURE__ */ jsx56("span", { className: "flex items-center justify-center shrink-0 size-5 [&_svg]:size-5", children: icon });
+import { jsx as jsx58 } from "react/jsx-runtime";
+var iconWrapper = (icon) => /* @__PURE__ */ jsx58("span", { className: "flex items-center justify-center shrink-0 size-5 [&_svg]:size-5", children: icon });
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx58(
     Sonner,
     {
       theme,
       className: "toaster group",
       icons: {
-        info: iconWrapper(/* @__PURE__ */ jsx56(Info, {})),
-        error: iconWrapper(/* @__PURE__ */ jsx56(TriangleAlert, {})),
-        success: iconWrapper(/* @__PURE__ */ jsx56(CircleCheck, {}))
+        info: iconWrapper(/* @__PURE__ */ jsx58(Info, {})),
+        error: iconWrapper(/* @__PURE__ */ jsx58(TriangleAlert, {})),
+        success: iconWrapper(/* @__PURE__ */ jsx58(CircleCheck, {}))
       },
       toastOptions: {
         unstyled: true,
@@ -7486,12 +7888,12 @@ var Toaster = ({ ...props }) => {
 // src/components/ui/switch.tsx
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 import "react";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -7500,7 +7902,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx57(
+      children: /* @__PURE__ */ jsx59(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -7515,14 +7917,14 @@ function Switch({
 
 // src/components/ui/table.tsx
 import "react";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx58(
+      children: /* @__PURE__ */ jsx60(
         "table",
         {
           "data-slot": "table",
@@ -7534,7 +7936,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "thead",
     {
       "data-slot": "table-header",
@@ -7544,7 +7946,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "tbody",
     {
       "data-slot": "table-body",
@@ -7554,7 +7956,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -7567,7 +7969,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "tr",
     {
       "data-slot": "table-row",
@@ -7580,7 +7982,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "th",
     {
       "data-slot": "table-head",
@@ -7593,7 +7995,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "td",
     {
       "data-slot": "table-cell",
@@ -7609,7 +8011,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "caption",
     {
       "data-slot": "table-caption",
@@ -7621,19 +8023,19 @@ function TableCaption({
 
 // src/components/ui/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cva as cva14 } from "class-variance-authority";
-import * as React57 from "react";
-import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
-var TabsContext = React57.createContext({
+import { cva as cva15 } from "class-variance-authority";
+import * as React59 from "react";
+import { jsx as jsx61, jsxs as jsxs35 } from "react/jsx-runtime";
+var TabsContext = React59.createContext({
   orientation: "horizontal"
 });
 function useTabIndicator(listRef, orientation) {
-  const [style, setStyle] = React57.useState({
+  const [style, setStyle] = React59.useState({
     position: "absolute",
     opacity: 0
   });
-  const isFirstMeasurement = React57.useRef(true);
-  const measure = React57.useCallback(() => {
+  const isFirstMeasurement = React59.useRef(true);
+  const measure = React59.useCallback(() => {
     const list = listRef.current;
     if (!list) return;
     requestAnimationFrame(() => {
@@ -7674,7 +8076,7 @@ function useTabIndicator(listRef, orientation) {
       }
     });
   }, [listRef, orientation]);
-  React57.useEffect(() => {
+  React59.useEffect(() => {
     const list = listRef.current;
     if (!list) return;
     measure();
@@ -7703,11 +8105,11 @@ function Tabs({
   orientation = "horizontal",
   ...props
 }) {
-  const ctx = React57.useMemo(
+  const ctx = React59.useMemo(
     () => ({ orientation: orientation ?? "horizontal" }),
     [orientation]
   );
-  return /* @__PURE__ */ jsx59(TabsContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(TabsContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx61(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -7724,10 +8126,10 @@ function TabsList({
   className,
   ...props
 }) {
-  const listRef = React57.useRef(null);
-  const { orientation } = React57.useContext(TabsContext);
+  const listRef = React59.useRef(null);
+  const { orientation } = React59.useContext(TabsContext);
   const { style: indicatorStyle } = useTabIndicator(listRef, orientation);
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     TabsPrimitive.List,
     {
       ref: listRef,
@@ -7742,12 +8144,12 @@ function TabsList({
       ...props,
       children: [
         props.children,
-        /* @__PURE__ */ jsx59("span", { "data-slot": "tabs-indicator", style: indicatorStyle })
+        /* @__PURE__ */ jsx61("span", { "data-slot": "tabs-indicator", style: indicatorStyle })
       ]
     }
   );
 }
-var tabsTriggerVariants = cva14(
+var tabsTriggerVariants = cva15(
   "cursor-pointer inline-flex shrink-0 items-center justify-center font-sans font-medium whitespace-nowrap transition-[color,box-shadow] text-vibrant-text-details data-[state=active]:font-semibold data-[state=active]:text-vibrant-text-heading disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4",
   {
     variants: {
@@ -7776,14 +8178,14 @@ function TabsTrigger({
   children,
   ...props
 }) {
-  const { orientation } = React57.useContext(TabsContext);
-  return /* @__PURE__ */ jsx59(
+  const { orientation } = React59.useContext(TabsContext);
+  return /* @__PURE__ */ jsx61(
     TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
       className: cn(tabsTriggerVariants({ size, orientation }), className),
       ...props,
-      children: /* @__PURE__ */ jsx59(
+      children: /* @__PURE__ */ jsx61(
         "span",
         {
           className: cn(
@@ -7800,7 +8202,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
@@ -7814,9 +8216,9 @@ function TabsContent({
 import {
   ThemeProvider as NextThemesProvider
 } from "next-themes";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 function ThemeProvider({ children, ...props }) {
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx62(
     NextThemesProvider,
     {
       attribute: "class",
@@ -7833,29 +8235,29 @@ function ThemeProvider({ children, ...props }) {
 import { Monitor, Moon, Sun } from "lucide-react";
 import { useTheme as useTheme2 } from "next-themes";
 import "react";
-import { jsx as jsx61, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs36 } from "react/jsx-runtime";
 function ThemeToggle({
   className,
   ...props
 }) {
   const { setTheme } = useTheme2();
-  return /* @__PURE__ */ jsxs35(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx61(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs35(Button, { variant: "outline", size: "icon", className, ...props, children: [
-      /* @__PURE__ */ jsx61(Sun, { className: "size-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-      /* @__PURE__ */ jsx61(Moon, { className: "absolute size-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-      /* @__PURE__ */ jsx61("span", { className: "sr-only", children: "Toggle theme" })
+  return /* @__PURE__ */ jsxs36(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx63(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs36(Button, { variant: "outline", size: "icon", className, ...props, children: [
+      /* @__PURE__ */ jsx63(Sun, { className: "size-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+      /* @__PURE__ */ jsx63(Moon, { className: "absolute size-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+      /* @__PURE__ */ jsx63("span", { className: "sr-only", children: "Toggle theme" })
     ] }) }),
-    /* @__PURE__ */ jsxs35(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsxs35(DropdownMenuItem, { onClick: () => setTheme("light"), children: [
-        /* @__PURE__ */ jsx61(Sun, { className: "size-4" }),
+    /* @__PURE__ */ jsxs36(DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ jsxs36(DropdownMenuItem, { onClick: () => setTheme("light"), children: [
+        /* @__PURE__ */ jsx63(Sun, { className: "size-4" }),
         "Light"
       ] }),
-      /* @__PURE__ */ jsxs35(DropdownMenuItem, { onClick: () => setTheme("dark"), children: [
-        /* @__PURE__ */ jsx61(Moon, { className: "size-4" }),
+      /* @__PURE__ */ jsxs36(DropdownMenuItem, { onClick: () => setTheme("dark"), children: [
+        /* @__PURE__ */ jsx63(Moon, { className: "size-4" }),
         "Dark"
       ] }),
-      /* @__PURE__ */ jsxs35(DropdownMenuItem, { onClick: () => setTheme("system"), children: [
-        /* @__PURE__ */ jsx61(Monitor, { className: "size-4" }),
+      /* @__PURE__ */ jsxs36(DropdownMenuItem, { onClick: () => setTheme("system"), children: [
+        /* @__PURE__ */ jsx63(Monitor, { className: "size-4" }),
         "System"
       ] })
     ] })
@@ -7865,8 +8267,8 @@ function ThemeToggle({
 // src/components/ui/time-input.tsx
 import "class-variance-authority";
 import { Clock } from "lucide-react";
-import * as React59 from "react";
-import { jsx as jsx62, jsxs as jsxs36 } from "react/jsx-runtime";
+import * as React61 from "react";
+import { jsx as jsx64, jsxs as jsxs37 } from "react/jsx-runtime";
 var TIME_FORMAT_PLACEHOLDER = {
   "12h": "hh:mm AM/PM",
   "24h": "HH:mm",
@@ -7919,16 +8321,16 @@ function TimeInput({
   formatDisplay
 }) {
   const resolvedPlaceholder = placeholder ?? TIME_FORMAT_PLACEHOLDER[timeFormat];
-  const displayValue = React59.useMemo(() => {
+  const displayValue = React61.useMemo(() => {
     if (!time) return "";
     if (formatDisplay) return formatDisplay(time);
     return formatTime(time, timeFormat);
   }, [time, formatDisplay, timeFormat]);
-  const [open, setOpen] = React59.useState(false);
-  const hoursRef = React59.useRef(null);
-  const minutesRef = React59.useRef(null);
-  const periodRef = React59.useRef(null);
-  const scrollToSelected = React59.useCallback(() => {
+  const [open, setOpen] = React61.useState(false);
+  const hoursRef = React61.useRef(null);
+  const minutesRef = React61.useRef(null);
+  const periodRef = React61.useRef(null);
+  const scrollToSelected = React61.useCallback(() => {
     requestAnimationFrame(() => {
       for (const ref of [hoursRef, minutesRef, periodRef]) {
         const container = ref.current;
@@ -7940,7 +8342,7 @@ function TimeInput({
       }
     });
   }, []);
-  React59.useEffect(() => {
+  React61.useEffect(() => {
     if (open) {
       scrollToSelected();
     }
@@ -7976,8 +8378,8 @@ function TimeInput({
   const selectedH12 = time ? getDisplayHour(time.hours, timeFormat) : null;
   const selectedMinute = time?.minutes ?? null;
   const selectedPeriod = time ? getPeriod(time.hours) : null;
-  return /* @__PURE__ */ jsx62("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs36(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx62(PopoverTrigger, { asChild: true, disabled: inputDisabled, children: /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsx64("div", { className: cn("relative flex gap-2", className), children: /* @__PURE__ */ jsxs37(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx64(PopoverTrigger, { asChild: true, disabled: inputDisabled, children: /* @__PURE__ */ jsxs37(
       Button,
       {
         type: "button",
@@ -7992,18 +8394,18 @@ function TimeInput({
         disabled: inputDisabled,
         children: [
           displayValue || resolvedPlaceholder,
-          icon !== void 0 ? icon : /* @__PURE__ */ jsx62(Clock, { className: "h-4 w-4 text-muted-foreground shrink-0" })
+          icon !== void 0 ? icon : /* @__PURE__ */ jsx64(Clock, { className: "h-4 w-4 text-muted-foreground shrink-0" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx62(
+    /* @__PURE__ */ jsx64(
       PopoverContent,
       {
         className: cn("w-auto p-0", popoverContentClassName),
         onOpenAutoFocus: (e) => e.preventDefault(),
         ...popoverContentProps,
-        children: /* @__PURE__ */ jsxs36("div", { className: "flex divide-x border border-focus-ring rounded-md", children: [
-          /* @__PURE__ */ jsx62("div", { className: "h-56 w-16 overflow-y-auto overscroll-y-contain [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ jsx62("div", { ref: hoursRef, className: "flex flex-col p-1 ", children: hoursList.map((h) => /* @__PURE__ */ jsx62(
+        children: /* @__PURE__ */ jsxs37("div", { className: "flex divide-x border border-focus-ring rounded-md", children: [
+          /* @__PURE__ */ jsx64("div", { className: "h-56 w-16 overflow-y-auto overscroll-y-contain [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ jsx64("div", { ref: hoursRef, className: "flex flex-col p-1 ", children: hoursList.map((h) => /* @__PURE__ */ jsx64(
             Button,
             {
               variant: "ghost",
@@ -8018,7 +8420,7 @@ function TimeInput({
             },
             h
           )) }) }),
-          /* @__PURE__ */ jsx62("div", { className: "h-56 w-16 overflow-y-auto overscroll-y-contain [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ jsx62(
+          /* @__PURE__ */ jsx64("div", { className: "h-56 w-16 overflow-y-auto overscroll-y-contain [-webkit-overflow-scrolling:touch]", children: /* @__PURE__ */ jsx64(
             "div",
             {
               ref: minutesRef,
@@ -8026,7 +8428,7 @@ function TimeInput({
                 "flex flex-col p-1",
                 minutesList.length <= 12 && "h-full justify-center"
               ),
-              children: minutesList.map((m) => /* @__PURE__ */ jsx62(
+              children: minutesList.map((m) => /* @__PURE__ */ jsx64(
                 Button,
                 {
                   variant: "ghost",
@@ -8043,7 +8445,7 @@ function TimeInput({
               ))
             }
           ) }),
-          !is24HourFormat(timeFormat) && /* @__PURE__ */ jsx62("div", { className: "flex flex-col p-1 justify-center gap-1", children: ["AM", "PM"].map((p) => /* @__PURE__ */ jsx62(
+          !is24HourFormat(timeFormat) && /* @__PURE__ */ jsx64("div", { className: "flex flex-col p-1 justify-center gap-1", children: ["AM", "PM"].map((p) => /* @__PURE__ */ jsx64(
             Button,
             {
               variant: "ghost",
@@ -8067,9 +8469,9 @@ function TimeInput({
 // src/components/ui/toggle.tsx
 import "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva as cva15 } from "class-variance-authority";
-import { jsx as jsx63 } from "react/jsx-runtime";
-var toggleVariants = cva15(
+import { cva as cva16 } from "class-variance-authority";
+import { jsx as jsx65 } from "react/jsx-runtime";
+var toggleVariants = cva16(
   "cursor-pointer 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: {
@@ -8095,7 +8497,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx65(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -8106,11 +8508,11 @@ function Toggle({
 }
 
 // src/components/ui/toggle-group.tsx
-import * as React61 from "react";
+import * as React63 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import "class-variance-authority";
-import { jsx as jsx64 } from "react/jsx-runtime";
-var ToggleGroupContext = React61.createContext({
+import { jsx as jsx66 } from "react/jsx-runtime";
+var ToggleGroupContext = React63.createContext({
   size: "default",
   variant: "default"
 });
@@ -8121,7 +8523,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx66(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -8132,7 +8534,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx64(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx66(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 }
@@ -8143,8 +8545,8 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React61.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx64(
+  const context = React63.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx66(
     ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
@@ -8164,288 +8566,6 @@ function ToggleGroupItem({
   );
 }
 
-// src/components/ui/typography.tsx
-import { Slot as Slot7 } from "@radix-ui/react-slot";
-import { cva as cva16 } from "class-variance-authority";
-import "react";
-import { jsx as jsx65 } from "react/jsx-runtime";
-var displayTextVariants = cva16(
-  "tracking-normal font-normal font-serif italic text-vibrant-text-display",
-  {
-    variants: {
-      size: {
-        lg: "text-4xl md:text-[3.25rem] leading-[44px] md:leading-[64px]",
-        md: "text-[1.75rem] md:text-4xl leading-[36px] md:leading-[44px]",
-        sm: "text-lg md:text-xl leading-[26px] md:leading-[28px]"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-function DisplayHeading({
-  className,
-  size,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h1";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h1",
-      className: cn(displayTextVariants({ size, className })),
-      ...props
-    }
-  );
-}
-var bodyTextVariants = cva16("font-sans text-vibrant-text-body", {
-  variants: {
-    size: {
-      lg: "text-lg md:text-xl leading-[26px] md:leading-[28px]",
-      md: "text-base leading-[24px]",
-      sm: "text-sm leading-[20px]",
-      xs: "text-xs leading-[16px]"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-function Body({
-  className,
-  size,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "p";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "p",
-      className: cn(bodyTextVariants({ size, className })),
-      ...props
-    }
-  );
-}
-function HeadingXL({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h1";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h1",
-      className: cn(
-        "text-2xl md:text-[2rem] leading-[32px] md:leading-[40px] font-semibold font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingL({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h2";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h2",
-      className: cn(
-        "text-[1.25rem] md:text-[1.5rem] leading-[28px] md:leading-[32px] font-semibold font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingM({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h3";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h3",
-      className: cn(
-        "text-[1.125rem] md:text-xl leading-[26px] md:leading-[28px] font-semibold font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingS({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h4";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h4",
-      className: cn(
-        "text-base leading-[24px] font-semibold font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingXS({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h5";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h5",
-      className: cn(
-        "text-sm leading-[20px] font-semibold font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingXXS({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h6";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h6",
-      className: cn(
-        "text-xs leading-[16px] font-medium font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingXLMedium({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h1";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h1",
-      className: cn(
-        "text-2xl md:text-[2rem] leading-[32px] md:leading-[40px] font-medium font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingLMedium({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h2";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h2",
-      className: cn(
-        "text-[1.25rem] md:text-[1.5rem] leading-[28px] md:leading-[32px] font-medium font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingMMedium({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h3";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h3",
-      className: cn(
-        "text-[1.125rem] md:text-xl leading-[26px] md:leading-[28px] font-medium font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingSMedium({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h4";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h4",
-      className: cn(
-        "text-base leading-[24px] font-medium font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingXSMedium({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h5";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h5",
-      className: cn(
-        "text-sm leading-[20px] font-medium font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function HeadingXXSMedium({
-  className,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot7 : "h6";
-  return /* @__PURE__ */ jsx65(
-    Comp,
-    {
-      "data-slot": "h6",
-      className: cn(
-        "text-xs leading-[16px] font-medium font-sans text-vibrant-text-heading",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
 // src/hooks/use-theme.ts
 import { useTheme as useTheme3 } from "next-themes";
 export {
@@ -8580,6 +8700,7 @@ export {
   DropdownSelectLabel,
   DropdownSelectOption,
   DropdownSelectTrigger,
+  FaqAccordion,
   Form,
   FormControl,
   FormDescription,