npm - @codapet/design-system - Versions diffs - 0.8.6 → 0.8.8 - Mend

@codapet/design-system 0.8.6 → 0.8.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.mjs CHANGED Viewed

@@ -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",
@@ -664,6 +714,8 @@ function AsyncAutocomplete({
   onValueChange,
   onClear,
   placeholder,
+  label,
+  mandatory = false,
   leftIcon,
   size = "md",
   error = false,
@@ -702,6 +754,13 @@ function AsyncAutocomplete({
   const sheetInputRef = React8.useRef(null);
   const optionRefs = React8.useRef([]);
   const isMobile = useIsMobile();
+  const hasAccessibleName = !!label || !!inputProps?.["aria-label"] || !!inputProps?.["aria-labelledby"];
+  React8.useEffect(() => {
+    if (process.env.NODE_ENV === "production" || hasAccessibleName) return;
+    console.warn(
+      "[AsyncAutocomplete] No accessible name. Pass `label`, or an `aria-label`/`aria-labelledby` via `inputProps`. A `placeholder` does not name a combobox."
+    );
+  }, [hasAccessibleName]);
   const isControlledValue = valueProp !== void 0;
   const isControlledOpen = openProp !== void 0;
   const query = isControlledValue ? valueProp : internalValue;
@@ -796,13 +855,13 @@ function AsyncAutocomplete({
     if (highlightedIndex < 0) return;
     optionRefs.current[highlightedIndex]?.scrollIntoView({ block: "nearest" });
   }, [highlightedIndex]);
-  const showEmpty = !loading && options.length === 0 && query.trim() !== "";
-  const hasBody = loading || options.length > 0 || showEmpty;
+  const hasOptions = options.length > 0;
+  const showLoadingRow = loading && !hasOptions;
+  const showEmpty = !loading && !hasOptions && query.trim() !== "";
+  const isRefreshing = loading && hasOptions;
+  const hasBody = showLoadingRow || hasOptions || showEmpty;
   const popoverOpen = isOpen && !useSheet && hasBody;
-  const dismissIgnoreRefs = React8.useMemo(
-    () => [contentRef, fieldRef],
-    []
-  );
+  const dismissIgnoreRefs = React8.useMemo(() => [contentRef, fieldRef], []);
   useDismissOnScroll(popoverOpen, closePanel, dismissIgnoreRefs);
   const handleKeyDown = (event) => {
     if (useSheet && !isOpen && (event.key === "Enter" || event.key === " " || event.key === "ArrowDown")) {
@@ -890,7 +949,16 @@ function AsyncAutocomplete({
               ),
               children: [
                 option.label,
-                option.description && /* @__PURE__ */ jsx8("span", { className: cn("text-gray-subtle", classNames?.optionDescription), children: `, ${option.description}` })
+                option.description && /* @__PURE__ */ jsx8(
+                  "span",
+                  {
+                    className: cn(
+                      "text-gray-subtle",
+                      classNames?.optionDescription
+                    ),
+                    children: `, ${option.description}`
+                  }
+                )
               ]
             }
           )
@@ -904,22 +972,71 @@ function AsyncAutocomplete({
     {
       role: "listbox",
       id: listboxId,
+      "aria-busy": loading || void 0,
+      "data-busy": isRefreshing || void 0,
       className: cn("flex flex-col", classNames?.listbox),
-      children: loading ? /* @__PURE__ */ jsxs5("div", { className: cn(messageClassName, classNames?.loading), children: [
-        /* @__PURE__ */ jsx8(
-          Loader2,
+      children: showLoadingRow ? (
+        // `role="listbox"` may only own `option` and `group` children, so the
+        // status rows are disabled options: still announced, never selectable,
+        // and skipped by keyboard nav since they are not in `options`.
+        /* @__PURE__ */ jsxs5(
+          "div",
           {
-            className: cn(
-              "size-[16px] animate-spin text-gray-icon-light",
-              classNames?.loadingSpinner
-            )
+            role: "option",
+            "aria-disabled": "true",
+            "aria-selected": "false",
+            className: cn(messageClassName, classNames?.loading),
+            children: [
+              /* @__PURE__ */ jsx8(
+                Loader2,
+                {
+                  className: cn(
+                    "size-[16px] animate-spin text-gray-icon-light",
+                    classNames?.loadingSpinner
+                  )
+                }
+              ),
+              loadingMessage
+            ]
           }
-        ),
-        loadingMessage
-      ] }) : showEmpty ? emptyState ?? /* @__PURE__ */ jsx8("div", { className: cn(messageClassName, classNames?.empty), children: emptyMessage }) : options.map(renderRow)
+        )
+      ) : showEmpty ? /* @__PURE__ */ jsx8(
+        "div",
+        {
+          role: "option",
+          "aria-disabled": "true",
+          "aria-selected": "false",
+          className: cn(!emptyState && messageClassName, classNames?.empty),
+          children: emptyState ?? emptyMessage
+        }
+      ) : options.map(renderRow)
     }
   );
   const activeDescendant = highlightedIndex >= 0 ? optionDomId(highlightedIndex) : void 0;
+  const labelNode = label ? /* @__PURE__ */ jsxs5(
+    "label",
+    {
+      htmlFor: `${prefix}-input`,
+      "data-slot": "async-autocomplete-label",
+      className: cn(
+        "flex items-center font-sans font-medium text-[14px] leading-[20px] text-vibrant-text-details",
+        classNames?.label
+      ),
+      children: [
+        label,
+        mandatory && // Decorative: the requirement is conveyed by aria-required on the
+        // input, so screen readers say "City, required" rather than "City star".
+        /* @__PURE__ */ jsx8(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ml-0.5 text-[14px] leading-[20px] text-error-surface-default",
+            children: "*"
+          }
+        )
+      ]
+    }
+  ) : null;
   const field = /* @__PURE__ */ jsx8("div", { ref: fieldRef, className: cn("relative w-full", classNames?.field), children: /* @__PURE__ */ jsx8(
     Input,
     {
@@ -933,6 +1050,7 @@ function AsyncAutocomplete({
       "aria-expanded": useSheet ? sheetIsOpen : popoverOpen,
       "aria-controls": popoverOpen ? listboxId : void 0,
       "aria-autocomplete": useSheet ? void 0 : "list",
+      "aria-required": mandatory || void 0,
       "aria-activedescendant": popoverOpen ? activeDescendant : void 0,
       size,
       error,
@@ -971,8 +1089,13 @@ function AsyncAutocomplete({
           "div",
           {
             "data-slot": "async-autocomplete",
-            className: cn("w-full", className),
+            className: cn(
+              "flex w-full flex-col",
+              labelNode && "gap-[8px]",
+              className
+            ),
             children: [
+              labelNode,
               /* @__PURE__ */ jsx8(PopoverPrimitive.Anchor, { asChild: true, children: field }),
               /* @__PURE__ */ jsx8(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx8(
                 PopoverPrimitive.Content,
@@ -1076,7 +1199,7 @@ function AsyncAutocomplete({
                               "aria-controls": listboxId,
                               "aria-autocomplete": "list",
                               "aria-activedescendant": activeDescendant,
-                              "aria-label": sheetTitle,
+                              "aria-label": label ?? sheetTitle,
                               size,
                               placeholder,
                               leftIcon,
@@ -4160,563 +4283,915 @@ 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({
+function HeadingXXS({
+  className,
+  asChild = false,
   ...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({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...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({
-  className,
-  containerClassName,
-  error,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx35(InputOTPErrorContext.Provider, { value: error ?? false, children: /* @__PURE__ */ jsx35(
-    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 InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: cn("flex items-center", className),
-      ...props
-    }
   );
 }
-function InputOTPSlot({
-  index,
+function HeadingXLMedium({
   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 : "h1";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "input-otp-slot",
-      "data-active": isActive,
+      "data-slot": "h1",
       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-2xl md:text-[2rem] leading-[32px] md:leading-[40px] 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 HeadingLMedium({
   className,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Root,
+  const Comp = asChild ? Slot4 : "h2";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "menubar",
+      "data-slot": "h2",
       className: cn(
-        "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",
+        "text-[1.25rem] md:text-[1.5rem] leading-[28px] md:leading-[32px] 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 HeadingMMedium({
   className,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Trigger,
+  const Comp = asChild ? Slot4 : "h3";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "menubar-trigger",
+      "data-slot": "h3",
       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-[1.125rem] md:text-xl leading-[26px] md:leading-[28px] font-medium font-sans text-vibrant-text-heading",
         className
       ),
       ...props
     }
   );
 }
-function MenubarContent({
+function HeadingSMedium({
   className,
-  align = "start",
-  alignOffset = -4,
-  sideOffset = 8,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(MenubarPortal, { children: /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Content,
+  const Comp = asChild ? Slot4 : "h4";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "menubar-content",
-      align,
-      alignOffset,
-      sideOffset,
+      "data-slot": "h4",
       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-base leading-[24px] font-medium font-sans text-vibrant-text-heading",
         className
       ),
       ...props
     }
-  ) });
+  );
 }
-function MenubarItem({
+function HeadingXSMedium({
   className,
-  inset,
-  variant = "default",
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Item,
+  const Comp = asChild ? Slot4 : "h5";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "menubar-item",
-      "data-inset": inset,
-      "data-variant": variant,
+      "data-slot": "h5",
       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-sm leading-[20px] font-medium font-sans text-vibrant-text-heading",
         className
       ),
       ...props
     }
   );
 }
-function MenubarCheckboxItem({
+function HeadingXXSMedium({
   className,
-  children,
-  checked,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs20(
-    MenubarPrimitive.CheckboxItem,
+  const Comp = asChild ? Slot4 : "h6";
+  return /* @__PURE__ */ jsx32(
+    Comp,
     {
-      "data-slot": "menubar-checkbox-item",
+      "data-slot": "h6",
       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",
+        "text-xs leading-[16px] font-medium font-sans text-vibrant-text-heading",
         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
-      ]
+      ...props
     }
   );
 }
-function MenubarRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs20(
-    MenubarPrimitive.RadioItem,
+// 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-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
-      ]
+      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 MenubarLabel({
+// 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,
-  inset,
+  size,
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
-    MenubarPrimitive.Label,
+  const Comp = asChild ? Slot5 : "label";
+  return /* @__PURE__ */ jsx34(
+    Comp,
     {
-      "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": "label",
+      className: cn(labelTextVariants({ size, className })),
       ...props
     }
   );
 }
-function MenubarSeparator({
-  className,
+// 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__ */ 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": "form-item",
+      className: cn("grid gap-2", className),
+      ...props
+    }
+  ) });
+}
+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({
+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(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(
-    "span",
+  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 }) {
-  return /* @__PURE__ */ jsxs21(
-    "span",
+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": "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__ */ 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]" })
-          }
-        )
-      ]
+      "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 MultiSelectFreeText({
-  values: valuesProp,
-  defaultValues = [],
-  onValuesChange,
-  options = [],
-  placeholder = "Placeholder text",
-  icon,
-  label,
-  mandatory = false,
-  disabled = false,
+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(
+    MenubarPrimitive.CheckboxItem,
+    {
+      "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__ */ 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 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,
+  options = [],
+  placeholder = "Placeholder text",
+  icon,
+  label,
+  mandatory = false,
+  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;
@@ -4726,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();
@@ -4770,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);
@@ -4778,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,
@@ -4813,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,
@@ -4836,7 +5311,7 @@ function MultiSelectFreeText({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx37(
+              /* @__PURE__ */ jsx39(
                 ChevronDown2,
                 {
                   className: cn(
@@ -4848,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",
@@ -4862,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",
@@ -4882,7 +5357,7 @@ function MultiSelectFreeText({
                   children: inputValue.trim()
                 }
               ),
-              filteredOptions.map((opt, idx) => /* @__PURE__ */ jsx37(
+              filteredOptions.map((opt, idx) => /* @__PURE__ */ jsx39(
                 "div",
                 {
                   role: "option",
@@ -4900,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" })
             ] })
           }
         ) })
@@ -4912,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",
@@ -4933,7 +5408,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx38(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx40(NavigationMenuViewport, {})
       ]
     }
   );
@@ -4942,7 +5417,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -4958,7 +5433,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -4967,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({
@@ -4975,7 +5450,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -4984,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",
@@ -4999,7 +5474,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -5016,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",
@@ -5040,7 +5515,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -5056,7 +5531,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -5065,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: {
@@ -5155,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" })
     }
   );
 }
@@ -5191,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",
@@ -5211,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
       ]
@@ -5228,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",
@@ -5245,7 +5720,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -5255,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,
@@ -5263,7 +5738,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -5284,7 +5759,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -5292,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" })
       ]
     }
   );
@@ -5302,7 +5777,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -5310,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, {})
       ]
     }
   );
@@ -5320,7 +5795,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "span",
     {
       "aria-hidden": true,
@@ -5328,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" })
       ]
     }
   );
@@ -5338,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",
@@ -5353,7 +5828,7 @@ function Progress({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx43(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -5366,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]",
@@ -5389,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",
@@ -5400,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",
@@ -5418,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",
@@ -5436,7 +5911,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -5445,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" })
         }
       )
     }
@@ -5461,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",
@@ -5481,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",
@@ -5497,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" }) })
     }
   );
 }
@@ -5505,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",
@@ -5526,8 +6001,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx45(ScrollBar, {}),
-        /* @__PURE__ */ jsx45(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx47(ScrollBar, {}),
+        /* @__PURE__ */ jsx47(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -5537,7 +6012,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -5549,7 +6024,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx45(
+      children: /* @__PURE__ */ jsx47(
         ScrollAreaPrimitive.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -5561,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,
@@ -5582,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) {
@@ -5609,7 +6084,7 @@ function SearchInput({
     },
     [updateValue, suggestions.length]
   );
-  const handleKeyDown = React45.useCallback(
+  const handleKeyDown = React47.useCallback(
     (e) => {
       if (e.key === "Enter") {
         e.preventDefault();
@@ -5622,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);
@@ -5640,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);
@@ -5657,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,
@@ -5665,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(
@@ -5683,7 +6158,7 @@ function SearchInput({
               disabled && "opacity-60 cursor-not-allowed"
             ),
             children: [
-              icon && /* @__PURE__ */ jsx46(
+              icon && /* @__PURE__ */ jsx48(
                 "span",
                 {
                   className: cn(
@@ -5693,7 +6168,7 @@ function SearchInput({
                   children: icon
                 }
               ),
-              /* @__PURE__ */ jsx46(
+              /* @__PURE__ */ jsx48(
                 "input",
                 {
                   ref: inputRef,
@@ -5710,7 +6185,7 @@ function SearchInput({
                   )
                 }
               ),
-              showClearButton ? /* @__PURE__ */ jsx46(
+              showClearButton ? /* @__PURE__ */ jsx48(
                 "button",
                 {
                   type: "button",
@@ -5718,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",
@@ -5730,7 +6205,7 @@ function SearchInput({
                   tabIndex: -1,
                   children: "Search"
                 }
-              ) : /* @__PURE__ */ jsx46(
+              ) : /* @__PURE__ */ jsx48(
                 "button",
                 {
                   type: "button",
@@ -5739,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(
@@ -5755,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",
@@ -5768,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}`
@@ -5782,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>"
@@ -5813,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);
@@ -5829,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);
@@ -5839,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);
@@ -5848,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,
@@ -5889,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,
@@ -5902,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",
@@ -5915,7 +6390,7 @@ function SearchableSelectTrigger({
       );
     }
     if (ctx.values.length === 0) {
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         "span",
         {
           "data-slot": "searchable-select-value",
@@ -5926,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",
@@ -5951,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"
@@ -5967,7 +6442,7 @@ function SearchableSelectTrigger({
       }
     );
   };
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     PopoverTrigger,
     {
       "data-slot": "searchable-select-trigger",
@@ -5981,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" })
       ]
     }
   );
@@ -5993,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) {
@@ -6007,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,
@@ -6017,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,
@@ -6027,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()
         ] })
       ] })
@@ -6064,7 +6539,7 @@ function SearchableSelectItem({
       );
     }
   };
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     CommandItem,
     {
       "data-slot": "searchable-select-item",
@@ -6077,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" }) })
       ]
     }
   );
@@ -6097,7 +6572,7 @@ function SearchableSelectGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     CommandGroup,
     {
       "data-slot": "searchable-select-group",
@@ -6111,7 +6586,7 @@ function SearchableSelectEmpty({
   children = "No results found.",
   ...props
 }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx49(
     CommandEmpty,
     {
       "data-slot": "searchable-select-empty",
@@ -6126,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,
@@ -6148,7 +6623,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -6160,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" }) })
       ]
     }
   );
@@ -6171,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",
@@ -6183,8 +6658,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx48(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx50(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -6194,7 +6669,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx48(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx50(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -6203,7 +6678,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -6217,7 +6692,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -6227,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 })
       ]
     }
   );
@@ -6237,7 +6712,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -6250,7 +6725,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -6259,7 +6734,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx48(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx50(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -6267,7 +6742,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx50(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -6276,7 +6751,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx48(ChevronDownIcon4, { className: "size-4" })
+      children: /* @__PURE__ */ jsx50(ChevronDownIcon4, { className: "size-4" })
     }
   );
 }
@@ -6284,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",
@@ -6310,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",
@@ -6352,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",
@@ -6369,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" })
           ] })
         ]
       }
@@ -6379,7 +6854,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "sheet-header",
@@ -6389,7 +6864,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -6402,7 +6877,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -6415,7 +6890,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx52(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -6426,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",
@@ -6447,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",
@@ -6462,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",
@@ -6493,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,
@@ -6503,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",
@@ -6515,7 +6990,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        !hideArrow && /* @__PURE__ */ jsx52(
+        !hideArrow && /* @__PURE__ */ jsx54(
           TooltipPrimitive.Arrow,
           {
             className: cn(
@@ -6556,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",
@@ -6576,7 +7051,7 @@ function RichTooltipContent({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsxs31(
+        /* @__PURE__ */ jsxs32(
           "div",
           {
             className: cn(
@@ -6586,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",
@@ -6601,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,
@@ -6621,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.");
   }
@@ -6646,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) {
@@ -6661,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();
@@ -6675,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,
@@ -6687,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",
@@ -6715,7 +7190,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx55(
       "div",
       {
         "data-slot": "sidebar",
@@ -6729,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",
@@ -6741,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",
@@ -6760,7 +7235,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx55(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -6772,7 +7247,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx55(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -6784,7 +7259,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx53(
+            children: /* @__PURE__ */ jsx55(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -6805,7 +7280,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     Button,
     {
       "data-sidebar": "trigger",
@@ -6819,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",
@@ -6850,7 +7325,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -6867,7 +7342,7 @@ function SidebarInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     Input,
     {
       "data-slot": "sidebar-input",
@@ -6878,7 +7353,7 @@ function SidebarInput({
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -6889,7 +7364,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -6903,7 +7378,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     Separator5,
     {
       "data-slot": "sidebar-separator",
@@ -6914,7 +7389,7 @@ function SidebarSeparator({
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -6928,7 +7403,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -6943,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",
@@ -6963,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",
@@ -6984,7 +7459,7 @@ function SidebarGroupContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -6995,7 +7470,7 @@ function SidebarGroupContent({
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -7006,7 +7481,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -7016,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: {
@@ -7045,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",
@@ -7066,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",
@@ -7085,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",
@@ -7110,7 +7585,7 @@ function SidebarMenuBadge({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       "data-slot": "sidebar-menu-badge",
@@ -7133,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",
@@ -7144,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",
@@ -7166,7 +7641,7 @@ function SidebarMenuSkeleton({
   );
 }
 function SidebarMenuSub({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
@@ -7184,7 +7659,7 @@ function SidebarMenuSubItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "li",
     {
       "data-slot": "sidebar-menu-sub-item",
@@ -7201,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",
@@ -7223,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,
@@ -7234,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",
@@ -7252,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",
@@ -7270,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",
@@ -7287,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) {
@@ -7301,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,
@@ -7323,7 +7798,7 @@ var SmartDialogContent = ({
   ...props
 }) => {
   const isMobile = useMediaQuery("(max-width: 600px)");
-  return isMobile ? /* @__PURE__ */ jsx55(
+  return isMobile ? /* @__PURE__ */ jsx57(
     DrawerContent,
     {
       ...props,
@@ -7332,7 +7807,7 @@ var SmartDialogContent = ({
       showCloseButton: showCloseButton ?? true,
       children
     }
-  ) : /* @__PURE__ */ jsx55(
+  ) : /* @__PURE__ */ jsx57(
     DialogContent,
     {
       ...props,
@@ -7347,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,
@@ -7413,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",
@@ -7427,7 +7902,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx57(
+      children: /* @__PURE__ */ jsx59(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -7442,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",
@@ -7461,7 +7936,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "thead",
     {
       "data-slot": "table-header",
@@ -7471,7 +7946,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "tbody",
     {
       "data-slot": "table-body",
@@ -7481,7 +7956,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -7494,7 +7969,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "tr",
     {
       "data-slot": "table-row",
@@ -7507,7 +7982,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "th",
     {
       "data-slot": "table-head",
@@ -7520,7 +7995,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "td",
     {
       "data-slot": "table-cell",
@@ -7536,7 +8011,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     "caption",
     {
       "data-slot": "table-caption",
@@ -7548,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(() => {
@@ -7601,7 +8076,7 @@ function useTabIndicator(listRef, orientation) {
       }
     });
   }, [listRef, orientation]);
-  React57.useEffect(() => {
+  React59.useEffect(() => {
     const list = listRef.current;
     if (!list) return;
     measure();
@@ -7630,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",
@@ -7651,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,
@@ -7669,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: {
@@ -7703,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(
@@ -7727,7 +8202,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx61(
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
@@ -7741,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",
@@ -7760,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"
       ] })
     ] })
@@ -7792,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",
@@ -7846,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;
@@ -7867,7 +8342,7 @@ function TimeInput({
       }
     });
   }, []);
-  React59.useEffect(() => {
+  React61.useEffect(() => {
     if (open) {
       scrollToSelected();
     }
@@ -7903,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",
@@ -7919,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",
@@ -7945,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,
@@ -7953,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",
@@ -7970,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",
@@ -7994,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: {
@@ -8022,7 +8497,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx65(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -8033,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"
 });
@@ -8048,7 +8523,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx66(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -8059,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 })
     }
   );
 }
@@ -8070,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",
@@ -8091,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 {
@@ -8507,6 +8700,7 @@ export {
   DropdownSelectLabel,
   DropdownSelectOption,
   DropdownSelectTrigger,
+  FaqAccordion,
   Form,
   FormControl,
   FormDescription,