pxengine 0.1.0

package/dist/index.mjs

@@ -0,0 +1,4929 @@
+// src/components/ui/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/ui/button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/ui/input.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Input = React2.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx2(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/ui/label.tsx
+import * as React3 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var labelVariants = cva2(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/ui/checkbox.tsx
+import * as React4 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Checkbox = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx4(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("grid place-content-center text-current"),
+        children: /* @__PURE__ */ jsx4(Check, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/ui/radio-group.tsx
+import * as React5 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var RadioGroup = React5.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx5(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React5.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx5(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx5(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx5(Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/ui/switch.tsx
+import * as React6 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx6(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+// src/components/ui/slider.tsx
+import * as React7 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx7, jsxs } from "react/jsx-runtime";
+var Slider = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx7(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx7(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx7(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+// src/components/ui/textarea.tsx
+import * as React8 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Textarea = React8.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx8(
+    "textarea",
+    {
+      className: cn(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+
+// src/components/ui/select.tsx
+import * as React9 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check2, ChevronDown, ChevronUp } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx9(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx9(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx9(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx9(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx9(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx9(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx9(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx9(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx9("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx9(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx9(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx9(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/ui/input-otp.tsx
+import * as React10 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Dot } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+var InputOTP = React10.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx10(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React10.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React10.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-2 ring-ring ring-offset-background",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx10("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx10("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React10.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx10("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx10(Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/ui/form.tsx
+import * as React11 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import {
+  Controller,
+  FormProvider,
+  useFormContext
+} from "react-hook-form";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Form = FormProvider;
+var FormFieldContext = React11.createContext(null);
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx11(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx11(Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React11.useContext(FormFieldContext);
+  const itemContext = React11.useContext(FormItemContext);
+  const { getFieldState, formState } = useFormContext();
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  if (!itemContext) {
+    throw new Error("useFormField should be used within <FormItem>");
+  }
+  const fieldState = getFieldState(fieldContext.name, formState);
+  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 = React11.createContext(null);
+var FormItem = React11.forwardRef(({ className, ...props }, ref) => {
+  const id = React11.useId();
+  return /* @__PURE__ */ jsx11(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx11("div", { ref, className: cn("space-y-2", className), ...props }) });
+});
+FormItem.displayName = "FormItem";
+var FormLabel = React11.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx11(
+    Label,
+    {
+      ref,
+      className: cn(error && "text-destructive", className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React11.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx11(
+    Slot2,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React11.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx11(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = React11.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx11(
+    "p",
+    {
+      ref,
+      id: formMessageId,
+      className: cn("text-sm font-medium text-destructive", className),
+      ...props,
+      children: body
+    }
+  );
+});
+FormMessage.displayName = "FormMessage";
+
+// src/components/ui/card.tsx
+import * as React12 from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Card = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  "div",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  "div",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// src/components/ui/separator.tsx
+import * as React13 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Separator2 = React13.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx13(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/ui/scroll-area.tsx
+import * as React14 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
+var ScrollArea = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx14(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx14(ScrollBar, {}),
+      /* @__PURE__ */ jsx14(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React14.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx14(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx14(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/ui/aspect-ratio.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+
+// src/components/ui/resizable.tsx
+import { GripVertical } from "lucide-react";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx15(
+  ResizablePrimitive.Group,
+  {
+    className: cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    ),
+    ...props
+  }
+);
+var ResizablePanel = ResizablePrimitive.Panel;
+
+// src/components/ui/tabs.tsx
+import * as React15 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/ui/accordion.tsx
+import * as React16 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx17(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs5(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx17(ChevronDown2, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx17(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx17("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/ui/collapsible.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// src/components/ui/dialog.tsx
+import * as React17 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DialogPortal, { children: [
+  /* @__PURE__ */ jsx18(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs6(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs6(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ jsx18(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx18(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx18(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/ui/sheet.tsx
+import * as React18 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva3 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva3(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React18.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(SheetPortal, { children: [
+  /* @__PURE__ */ jsx19(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs7(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs7(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx19(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx19(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx19(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/ui/drawer.tsx
+import * as React19 from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
+var Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}) => /* @__PURE__ */ jsx20(
+  DrawerPrimitive.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+);
+Drawer.displayName = "Drawer";
+var DrawerTrigger = DrawerPrimitive.Trigger;
+var DrawerPortal = DrawerPrimitive.Portal;
+var DrawerClose = DrawerPrimitive.Close;
+var DrawerOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DrawerPrimitive.Overlay,
+  {
+    ref,
+    className: cn("fixed inset-0 z-50 bg-black/80", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+var DrawerContent = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx20(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs8(
+    DrawerPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx20("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx20(
+  "div",
+  {
+    className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx20(
+  "div",
+  {
+    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DrawerPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
+var DrawerDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DrawerPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
+
+// src/components/ui/alert-dialog.tsx
+import * as React20 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx21(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx21(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx21(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx21(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/ui/popover.tsx
+import * as React21 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React21.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx22(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/ui/hover-card.tsx
+import * as React22 from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React22.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx23(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-hover-card-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+// src/components/ui/tooltip.tsx
+import * as React23 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React23.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx24(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/ui/dropdown-menu.tsx
+import * as React24 from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check as Check3, ChevronRight, Circle as Circle2 } from "lucide-react";
+import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React24.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx25(ChevronRight, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React24.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React24.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Check3, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React24.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx25(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/components/ui/context-menu.tsx
+import * as React25 from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { Check as Check4, ChevronRight as ChevronRight2, Circle as Circle3 } from "lucide-react";
+import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuSubTrigger = React25.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+  ContextMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx26(ChevronRight2, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  ContextMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
+  ContextMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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 origin-[--radix-context-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx26(
+  ContextMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = React25.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
+  ContextMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Check4, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+  ContextMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx26(
+  ContextMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold text-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  ContextMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+var ContextMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx26(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+// src/components/ui/menubar.tsx
+import * as React26 from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Check as Check5, ChevronRight as ChevronRight3, Circle as Circle4 } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
+var Menubar = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  MenubarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "flex h-10 items-center space-x-1 rounded-md border bg-background p-1",
+      className
+    ),
+    ...props
+  }
+));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+var MenubarTrigger = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  MenubarPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      className
+    ),
+    ...props
+  }
+));
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+var MenubarSubTrigger = React26.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
+  MenubarPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx27(ChevronRight3, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+var MenubarSubContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  MenubarPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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 origin-[--radix-menubar-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+var MenubarContent = React26.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx27(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx27(
+    MenubarPrimitive.Content,
+    {
+      ref,
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(
+        "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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 origin-[--radix-menubar-content-transform-origin]",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+var MenubarItem = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx27(
+  MenubarPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+var MenubarCheckboxItem = React26.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs12(
+  MenubarPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(Check5, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+var MenubarRadioItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(
+  MenubarPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+var MenubarLabel = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx27(
+  MenubarPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+var MenubarSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  MenubarPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+var MenubarShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx27(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+MenubarShortcut.displayname = "MenubarShortcut";
+
+// src/components/ui/navigation-menu.tsx
+import * as React27 from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva as cva4 } from "class-variance-authority";
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
+var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx28(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = cva4(
+  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
+);
+var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx28(
+        ChevronDown3,
+        {
+          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx28(
+  NavigationMenuPrimitive.Viewport,
+  {
+    className: cn(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      className
+    ),
+    ref,
+    ...props
+  }
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx28("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+
+// src/components/ui/breadcrumb.tsx
+import * as React28 from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { ChevronRight as ChevronRight4, MoreHorizontal } from "lucide-react";
+import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+var Breadcrumb = React28.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx29("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  "ol",
+  {
+    ref,
+    className: cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  "li",
+  {
+    ref,
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React28.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot3 : "a";
+  return /* @__PURE__ */ jsx29(
+    Comp,
+    {
+      ref,
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+  "span",
+  {
+    ref,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("font-normal text-foreground", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx29(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx29(ChevronRight4, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs14(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx29(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+
+// src/components/ui/pagination.tsx
+import * as React29 from "react";
+import { ChevronLeft, ChevronRight as ChevronRight5, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
+import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx30(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsx30(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs15(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx30(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx30("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs15(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx30("span", { children: "Next" }),
+      /* @__PURE__ */ jsx30(ChevronRight5, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs15(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx30(MoreHorizontal2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+// src/components/ui/command.tsx
+import * as React30 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+var Command = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  CommandPrimitive,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+var CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx31(Dialog, { ...props, children: /* @__PURE__ */ jsx31(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx31(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+};
+var CommandInput = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx31(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx31(
+    CommandPrimitive.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React30.forwardRef((props, ref) => /* @__PURE__ */ jsx31(
+  CommandPrimitive.Empty,
+  {
+    ref,
+    className: "py-6 text-center text-sm",
+    ...props
+  }
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  CommandPrimitive.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  CommandPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  CommandPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx31(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/ui/table.tsx
+import * as React31 from "react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var Table = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx32(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// src/components/ui/avatar.tsx
+import * as React32 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var Avatar = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/ui/badge.tsx
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var badgeVariants = cva5(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx34("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/ui/alert.tsx
+import * as React33 from "react";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var alertVariants = cva6(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React33.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx35(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/ui/progress.tsx
+import * as React34 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var Progress = React34.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx36(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx36(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/ui/skeleton.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/calendar.tsx
+import * as React35 from "react";
+import {
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "lucide-react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { jsx as jsx38 } from "react/jsx-runtime";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsx38(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "bg-popover absolute inset-0 opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-[--cell-size] select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-muted-foreground select-none text-[0.8rem]",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "bg-accent rounded-l-md",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ jsx38(
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsx38(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsx38(
+              ChevronRightIcon,
+              {
+                className: cn("size-4", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx38(ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props2 }) => {
+          return /* @__PURE__ */ jsx38("td", { ...props2, children: /* @__PURE__ */ jsx38("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
+        },
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React35.useRef(null);
+  React35.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsx38(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/carousel.tsx
+import * as React36 from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+var CarouselContext = React36.createContext(null);
+function useCarousel() {
+  const context = React36.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+var Carousel = React36.forwardRef(
+  ({
+    orientation = "horizontal",
+    opts,
+    setApi,
+    plugins,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      {
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y"
+      },
+      plugins
+    );
+    const [canScrollPrev, setCanScrollPrev] = React36.useState(false);
+    const [canScrollNext, setCanScrollNext] = React36.useState(false);
+    const onSelect = React36.useCallback((api2) => {
+      if (!api2) {
+        return;
+      }
+      setCanScrollPrev(api2.canScrollPrev());
+      setCanScrollNext(api2.canScrollNext());
+    }, []);
+    const scrollPrev = React36.useCallback(() => {
+      api?.scrollPrev();
+    }, [api]);
+    const scrollNext = React36.useCallback(() => {
+      api?.scrollNext();
+    }, [api]);
+    const handleKeyDown = React36.useCallback(
+      (event) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault();
+          scrollPrev();
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault();
+          scrollNext();
+        }
+      },
+      [scrollPrev, scrollNext]
+    );
+    React36.useEffect(() => {
+      if (!api || !setApi) {
+        return;
+      }
+      setApi(api);
+    }, [api, setApi]);
+    React36.useEffect(() => {
+      if (!api) {
+        return;
+      }
+      onSelect(api);
+      api.on("reInit", onSelect);
+      api.on("select", onSelect);
+      return () => {
+        api?.off("select", onSelect);
+      };
+    }, [api, onSelect]);
+    return /* @__PURE__ */ jsx39(
+      CarouselContext.Provider,
+      {
+        value: {
+          carouselRef,
+          api,
+          opts,
+          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext
+        },
+        children: /* @__PURE__ */ jsx39(
+          "div",
+          {
+            ref,
+            onKeyDownCapture: handleKeyDown,
+            className: cn("relative", className),
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+Carousel.displayName = "Carousel";
+var CarouselContent = React36.forwardRef(({ className, ...props }, ref) => {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx39("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx39(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex",
+        orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = React36.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx39(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+});
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = React36.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs17(
+    Button,
+    {
+      ref,
+      variant,
+      size,
+      className: cn(
+        "absolute  h-8 w-8 rounded-full",
+        orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx39(ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+});
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React36.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs17(
+    Button,
+    {
+      ref,
+      variant,
+      size,
+      className: cn(
+        "absolute h-8 w-8 rounded-full",
+        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx39(ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+});
+CarouselNext.displayName = "CarouselNext";
+
+// src/components/ui/spinner.tsx
+import { Loader2Icon } from "lucide-react";
+import { jsx as jsx40 } from "react/jsx-runtime";
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx40(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+
+// src/atoms/TextAtom.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+var TextAtom = ({
+  content,
+  variant = "p",
+  className
+}) => {
+  const baseStyles = {
+    h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl text-gray-900",
+    h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 text-gray-900",
+    h3: "scroll-m-20 text-2xl font-semibold tracking-tight text-gray-900",
+    h4: "scroll-m-20 text-xl font-semibold tracking-tight text-gray-900",
+    p: "leading-7 [&:not(:first-child)]:mt-6 text-gray-700",
+    small: "text-sm font-medium leading-none text-gray-600",
+    muted: "text-sm text-muted-foreground",
+    label: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1"
+  };
+  const Component = variant === "small" || variant === "muted" || variant === "label" ? "p" : variant;
+  return /* @__PURE__ */ jsx41(Component, { className: cn(baseStyles[variant], className), children: content });
+};
+
+// src/atoms/ButtonAtom.tsx
+import { Loader2 } from "lucide-react";
+import { Fragment, jsx as jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
+var ButtonAtom = ({
+  label,
+  variant = "default",
+  size = "default",
+  action,
+  disabled = false,
+  isLoading = false,
+  onAction,
+  className
+}) => {
+  const handleClick = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (action && onAction) {
+      onAction(action);
+    }
+  };
+  const variantMap = {
+    purple: "bg-purple500 hover:bg-purple600 text-white shadow-md hover:shadow-lg transition-all",
+    gradient: "bg-gradient-to-r from-purple500 to-indigo-600 hover:from-purple600 hover:to-indigo-700 text-white shadow-lg"
+  };
+  const customClass = variantMap[variant] || "";
+  const shadcnVariant = ["purple", "gradient"].includes(variant) ? "default" : variant;
+  return /* @__PURE__ */ jsx42(
+    Button,
+    {
+      variant: shadcnVariant,
+      size,
+      disabled: disabled || isLoading,
+      onClick: handleClick,
+      className: cn("rounded-full font-semibold", customClass, className),
+      children: isLoading ? /* @__PURE__ */ jsxs18(Fragment, { children: [
+        /* @__PURE__ */ jsx42(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+        label
+      ] }) : label
+    }
+  );
+};
+
+// src/atoms/LayoutAtom.tsx
+import React37 from "react";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var LayoutAtom = ({
+  direction,
+  gap = "md",
+  children,
+  className,
+  renderComponent
+}) => {
+  const gapMap = {
+    none: "gap-0",
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-8",
+    xl: "gap-12"
+  };
+  const classes = cn(
+    "flex",
+    direction === "vertical" ? "flex-col" : "flex-row flex-wrap",
+    direction === "grid" && "grid grid-cols-1 md:grid-cols-2",
+    gapMap[gap],
+    className
+  );
+  return /* @__PURE__ */ jsx43("div", { className: classes, children: children.map((child) => /* @__PURE__ */ jsx43(React37.Fragment, { children: renderComponent(child) }, child.id)) });
+};
+
+// src/atoms/CardAtom.tsx
+import React38 from "react";
+import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
+var CardAtom = ({
+  title,
+  description,
+  children,
+  footer,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsxs19(
+    Card,
+    {
+      className: cn(
+        "rounded-[24px] border border-gray200 shadow-sm overflow-hidden",
+        className
+      ),
+      children: [
+        (title || description) && /* @__PURE__ */ jsxs19(CardHeader, { children: [
+          title && /* @__PURE__ */ jsx44(CardTitle, { className: "text-xl font-bold text-gray-900", children: title }),
+          description && /* @__PURE__ */ jsx44(CardDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsx44(CardContent, { className: "space-y-4", children: children.map((child) => /* @__PURE__ */ jsx44(React38.Fragment, { children: renderComponent(child) }, child.id)) }),
+        footer && footer.length > 0 && /* @__PURE__ */ jsx44(CardFooter, { className: "bg-gray-50/50 border-t border-gray-100 flex flex-wrap gap-2 pt-6", children: footer.map((footerChild) => /* @__PURE__ */ jsx44(React38.Fragment, { children: renderComponent(footerChild) }, footerChild.id)) })
+      ]
+    }
+  );
+};
+
+// src/atoms/InputAtom.tsx
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
+var InputAtom = ({
+  inputType,
+  label,
+  placeholder,
+  defaultValue,
+  required,
+  disabled,
+  options,
+  config,
+  className
+}) => {
+  const containerClass = cn("flex flex-col gap-1.5 w-full", className);
+  const renderLabel = () => {
+    if (!label) return null;
+    return /* @__PURE__ */ jsxs20(Label, { className: "text-xs font-bold text-gray-400 uppercase tracking-widest pl-1", children: [
+      label,
+      " ",
+      required && /* @__PURE__ */ jsx45("span", { className: "text-destructive", children: "*" })
+    ] });
+  };
+  const renderInput = () => {
+    switch (inputType) {
+      case "textarea":
+        return /* @__PURE__ */ jsx45(
+          Textarea,
+          {
+            placeholder,
+            defaultValue,
+            disabled,
+            rows: config?.rows || 3
+          }
+        );
+      case "select":
+        return /* @__PURE__ */ jsxs20(Select, { defaultValue, disabled, children: [
+          /* @__PURE__ */ jsx45(SelectTrigger, { children: /* @__PURE__ */ jsx45(SelectValue, { placeholder: placeholder || "Select option" }) }),
+          /* @__PURE__ */ jsx45(SelectContent, { children: options?.map((opt) => /* @__PURE__ */ jsx45(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+        ] });
+      case "slider":
+        return /* @__PURE__ */ jsx45("div", { className: "pt-4 pb-2", children: /* @__PURE__ */ jsx45(
+          Slider,
+          {
+            defaultValue: [defaultValue || config?.min || 0],
+            max: config?.max || 100,
+            min: config?.min || 0,
+            step: config?.step || 1,
+            disabled
+          }
+        ) });
+      case "checkbox":
+        return /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-2 py-2", children: [
+          /* @__PURE__ */ jsx45(
+            Checkbox,
+            {
+              id: label,
+              defaultChecked: defaultValue,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx45(
+            "label",
+            {
+              htmlFor: label,
+              className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+              children: label
+            }
+          )
+        ] });
+      case "switch":
+        return /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-2 py-2", children: [
+          /* @__PURE__ */ jsx45(
+            Switch,
+            {
+              id: label,
+              defaultChecked: defaultValue,
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx45(Label, { htmlFor: label, children: label })
+        ] });
+      case "radio":
+        return /* @__PURE__ */ jsx45(RadioGroup, { defaultValue, disabled, children: options?.map((opt) => /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx45(
+            RadioGroupItem,
+            {
+              value: opt.value,
+              id: `${label}-${opt.value}`
+            }
+          ),
+          /* @__PURE__ */ jsx45(Label, { htmlFor: `${label}-${opt.value}`, children: opt.label })
+        ] }, opt.value)) });
+      case "otp":
+        return /* @__PURE__ */ jsx45(
+          InputOTP,
+          {
+            maxLength: config?.maxLength || 6,
+            disabled,
+            defaultValue,
+            children: /* @__PURE__ */ jsx45(InputOTPGroup, { children: Array.from({ length: config?.maxLength || 6 }).map((_, i) => /* @__PURE__ */ jsx45(InputOTPSlot, { index: i }, i)) })
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsx45(
+          Input,
+          {
+            type: inputType,
+            placeholder,
+            defaultValue,
+            disabled,
+            required
+          }
+        );
+    }
+  };
+  return /* @__PURE__ */ jsxs20("div", { className: containerClass, children: [
+    inputType !== "checkbox" && inputType !== "switch" && renderLabel(),
+    renderInput()
+  ] });
+};
+
+// src/atoms/BadgeAtom.tsx
+import { jsx as jsx46 } from "react/jsx-runtime";
+var BadgeAtom = ({
+  label,
+  variant = "default",
+  className
+}) => {
+  const customVariants = {
+    purple: "bg-purple50 text-purple700 border-purple100 hover:bg-purple100",
+    green: "bg-green-50 text-green-700 border-green-100 hover:bg-green-100"
+  };
+  const isCustom = ["purple", "green"].includes(variant || "");
+  const shadcnVariant = isCustom ? "outline" : variant;
+  const customClass = isCustom ? customVariants[variant] : "";
+  return /* @__PURE__ */ jsx46(Badge, { variant: shadcnVariant, className: cn(customClass, className), children: label });
+};
+
+// src/atoms/AvatarAtom.tsx
+import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
+var AvatarAtom = ({
+  src,
+  fallback,
+  alt,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs21(Avatar, { className: cn("h-10 w-10", className), children: [
+    src && /* @__PURE__ */ jsx47(AvatarImage, { src, alt }),
+    /* @__PURE__ */ jsx47(AvatarFallback, { className: "bg-purple50 text-purple600 font-bold uppercase", children: fallback })
+  ] });
+};
+
+// src/atoms/TabsAtom.tsx
+import React39 from "react";
+import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
+var TabsAtom = ({
+  defaultValue,
+  tabs,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsxs22(Tabs, { defaultValue, className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsx48(TabsList, { className: "bg-gray-100/50 p-1 rounded-xl", children: tabs.map((tab) => /* @__PURE__ */ jsx48(
+      TabsTrigger,
+      {
+        value: tab.value,
+        className: "rounded-lg data-[state=active]:bg-white data-[state=active]:shadow-sm",
+        children: tab.label
+      },
+      tab.value
+    )) }),
+    tabs.map((tab) => /* @__PURE__ */ jsx48(TabsContent, { value: tab.value, className: "mt-4", children: tab.content.map((child) => /* @__PURE__ */ jsx48(React39.Fragment, { children: renderComponent(child) }, child.id)) }, tab.value))
+  ] });
+};
+
+// src/atoms/AccordionAtom.tsx
+import React40 from "react";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
+var AccordionAtom = ({
+  items,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsx49(Accordion, { type: "single", collapsible: true, className: cn("w-full", className), children: items.map((item) => /* @__PURE__ */ jsxs23(
+    AccordionItem,
+    {
+      value: item.value,
+      className: "border-gray-100",
+      children: [
+        /* @__PURE__ */ jsx49(AccordionTrigger, { className: "text-sm font-semibold hover:no-underline hover:text-purple600 py-4", children: item.trigger }),
+        /* @__PURE__ */ jsx49(AccordionContent, { children: /* @__PURE__ */ jsx49("div", { className: "pt-2 pb-4", children: item.content.map((child) => /* @__PURE__ */ jsx49(React40.Fragment, { children: renderComponent(child) }, child.id)) }) })
+      ]
+    },
+    item.value
+  )) });
+};
+
+// src/atoms/ProgressAtom.tsx
+import { jsx as jsx50 } from "react/jsx-runtime";
+var ProgressAtom = ({
+  value,
+  className
+}) => {
+  return /* @__PURE__ */ jsx50("div", { className: cn("w-full py-2", className), children: /* @__PURE__ */ jsx50(Progress, { value, className: "h-2 bg-gray-100" }) });
+};
+
+// src/atoms/SkeletonAtom.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+var SkeletonAtom = ({
+  shape = "rect",
+  width,
+  height,
+  className
+}) => {
+  return /* @__PURE__ */ jsx51(
+    Skeleton,
+    {
+      className: cn(
+        shape === "circle" ? "rounded-full" : "rounded-md",
+        "bg-gray-100",
+        className
+      ),
+      style: { width, height }
+    }
+  );
+};
+
+// src/atoms/AlertAtom.tsx
+import { AlertCircle, CheckCircle2, Info, AlertTriangle } from "lucide-react";
+import { jsx as jsx52, jsxs as jsxs24 } from "react/jsx-runtime";
+var AlertAtom = ({
+  title,
+  description,
+  variant = "default",
+  className
+}) => {
+  const IconMap = {
+    default: Info,
+    destructive: AlertCircle,
+    warning: AlertTriangle,
+    info: Info,
+    success: CheckCircle2
+  };
+  const Icon2 = IconMap[variant] || Info;
+  const variantMap = {
+    warning: "border-amber-200 bg-amber-50 text-amber-900 [&>svg]:text-amber-600",
+    info: "border-blue-200 bg-blue-50 text-blue-900 [&>svg]:text-blue-600",
+    success: "border-green-200 bg-green-50 text-green-900 [&>svg]:text-green-600"
+  };
+  const customClass = variantMap[variant] || "";
+  const shadcnVariant = ["warning", "info", "success"].includes(variant) ? "default" : variant;
+  return /* @__PURE__ */ jsxs24(
+    Alert,
+    {
+      variant: shadcnVariant,
+      className: cn("rounded-2xl", customClass, className),
+      children: [
+        /* @__PURE__ */ jsx52(Icon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx52(AlertTitle, { className: "font-bold", children: title }),
+        description && /* @__PURE__ */ jsx52(AlertDescription, { children: description })
+      ]
+    }
+  );
+};
+
+// src/atoms/SeparatorAtom.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+var SeparatorAtom = ({
+  orientation = "horizontal",
+  className
+}) => {
+  return /* @__PURE__ */ jsx53(
+    Separator2,
+    {
+      orientation,
+      className: cn("bg-gray-100", className)
+    }
+  );
+};
+
+// src/atoms/TableAtom.tsx
+import { jsx as jsx54, jsxs as jsxs25 } from "react/jsx-runtime";
+var TableAtom = ({
+  headers,
+  rows,
+  className
+}) => {
+  return /* @__PURE__ */ jsx54(
+    "div",
+    {
+      className: cn(
+        "rounded-2xl border border-gray-100 overflow-hidden bg-white",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs25(Table, { children: [
+        /* @__PURE__ */ jsx54(TableHeader, { className: "bg-gray-50/50", children: /* @__PURE__ */ jsx54(TableRow, { children: headers.map((header, i) => /* @__PURE__ */ jsx54(
+          TableHead,
+          {
+            className: "text-xs font-bold text-gray-400 uppercase tracking-widest px-6 py-4",
+            children: header
+          },
+          i
+        )) }) }),
+        /* @__PURE__ */ jsx54(TableBody, { children: rows.map((row, i) => /* @__PURE__ */ jsx54(
+          TableRow,
+          {
+            className: "hover:bg-purple-50/30 transition-colors border-gray-50",
+            children: row.map((cell, j) => /* @__PURE__ */ jsx54(
+              TableCell,
+              {
+                className: "text-sm text-gray-700 px-6 py-4 font-medium",
+                children: cell
+              },
+              j
+            ))
+          },
+          i
+        )) })
+      ] })
+    }
+  );
+};
+
+// src/atoms/ScrollAreaAtom.tsx
+import React41 from "react";
+import { jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
+var ScrollAreaAtom = ({
+  maxHeight = "300px",
+  children,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsxs26(
+    ScrollArea,
+    {
+      className: cn("rounded-xl border", className),
+      style: { height: maxHeight },
+      children: [
+        /* @__PURE__ */ jsx55("div", { className: "p-4", children: children.map((child) => /* @__PURE__ */ jsx55(React41.Fragment, { children: renderComponent(child) }, child.id)) }),
+        /* @__PURE__ */ jsx55(ScrollBar, { orientation: "vertical" })
+      ]
+    }
+  );
+};
+
+// src/atoms/CarouselAtom.tsx
+import React42 from "react";
+import { jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
+var CarouselAtom = ({
+  items,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsxs27(Carousel, { className: cn("w-full max-w-xs mx-auto", className), children: [
+    /* @__PURE__ */ jsx56(CarouselContent, { children: items.map((slide, index) => /* @__PURE__ */ jsx56(CarouselItem, { children: /* @__PURE__ */ jsx56("div", { className: "p-1", children: slide.map((child) => /* @__PURE__ */ jsx56(React42.Fragment, { children: renderComponent(child) }, child.id)) }) }, index)) }),
+    /* @__PURE__ */ jsx56(CarouselPrevious, {}),
+    /* @__PURE__ */ jsx56(CarouselNext, {})
+  ] });
+};
+
+// src/atoms/AspectRatioAtom.tsx
+import React43 from "react";
+import { jsx as jsx57 } from "react/jsx-runtime";
+var AspectRatioAtom = ({
+  ratio = 16 / 9,
+  children,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsx57("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx57(AspectRatio, { ratio, children: children.map((child) => /* @__PURE__ */ jsx57(React43.Fragment, { children: renderComponent(child) }, child.id)) }) });
+};
+
+// src/atoms/CollapsibleAtom.tsx
+import React44 from "react";
+import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
+var CollapsibleAtom = ({
+  trigger,
+  content,
+  defaultOpen = false,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsxs28(
+    Collapsible,
+    {
+      defaultOpen,
+      className: cn("w-full space-y-2", className),
+      children: [
+        /* @__PURE__ */ jsx58(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsx58("div", { className: "flex items-center justify-between space-x-4 px-4 py-2 bg-gray-50 rounded-lg cursor-pointer hover:bg-gray-100 transition-colors", children: trigger.map((child) => /* @__PURE__ */ jsx58(React44.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+        /* @__PURE__ */ jsx58(CollapsibleContent2, { className: "space-y-2", children: content.map((child) => /* @__PURE__ */ jsx58(React44.Fragment, { children: renderComponent(child) }, child.id)) })
+      ]
+    }
+  );
+};
+
+// src/atoms/TooltipAtom.tsx
+import React45 from "react";
+import { jsx as jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
+var TooltipAtom = ({
+  content,
+  children,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsx59(TooltipProvider, { children: /* @__PURE__ */ jsxs29(Tooltip, { children: [
+    /* @__PURE__ */ jsx59(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx59("div", { className: cn("inline-block", className), children: children.map((child) => /* @__PURE__ */ jsx59(React45.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsx59(TooltipContent, { className: "bg-gray-900 text-white border-none rounded-lg shadow-xl px-3 py-1.5 text-xs", children: content })
+  ] }) });
+};
+
+// src/atoms/PopoverAtom.tsx
+import React46 from "react";
+import { jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
+var PopoverAtom = ({
+  trigger,
+  content,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsxs30(Popover, { children: [
+    /* @__PURE__ */ jsx60(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx60("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx60(React46.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsx60(PopoverContent, { className: "w-80 rounded-2xl shadow-2xl border-gray-100 p-4 bg-white/95 backdrop-blur-sm", children: content.map((child) => /* @__PURE__ */ jsx60(React46.Fragment, { children: renderComponent(child) }, child.id)) })
+  ] });
+};
+
+// src/atoms/DialogAtom.tsx
+import React47 from "react";
+import { jsx as jsx61, jsxs as jsxs31 } from "react/jsx-runtime";
+var DialogAtom = ({
+  title,
+  description,
+  trigger,
+  children,
+  footer,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsxs31(Dialog, { children: [
+    /* @__PURE__ */ jsx61(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx61("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx61(React47.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsxs31(DialogContent, { className: "sm:max-w-[425px] rounded-3xl p-6 bg-white/95 backdrop-blur-md shadow-3xl border-gray-100", children: [
+      /* @__PURE__ */ jsxs31(DialogHeader, { children: [
+        /* @__PURE__ */ jsx61(DialogTitle, { className: "text-xl font-bold bg-gradient-to-r from-purple600 to-indigo-600 bg-clip-text text-transparent", children: title }),
+        description && /* @__PURE__ */ jsx61(DialogDescription, { className: "text-gray-500 font-medium pt-1", children: description })
+      ] }),
+      /* @__PURE__ */ jsx61("div", { className: "py-4", children: children.map((child) => /* @__PURE__ */ jsx61(React47.Fragment, { children: renderComponent(child) }, child.id)) }),
+      footer && /* @__PURE__ */ jsx61(DialogFooter, { className: "pt-2", children: footer.map((child) => /* @__PURE__ */ jsx61(React47.Fragment, { children: renderComponent(child) }, child.id)) })
+    ] })
+  ] });
+};
+
+// src/atoms/SheetAtom.tsx
+import React48 from "react";
+import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
+var SheetAtom = ({
+  side = "right",
+  title,
+  description,
+  trigger,
+  children,
+  footer,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsxs32(Sheet, { children: [
+    /* @__PURE__ */ jsx62(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx62("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx62(React48.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsxs32(
+      SheetContent,
+      {
+        side,
+        className: "bg-white/95 backdrop-blur-md border-l-gray-100 shadow-2xl p-6",
+        children: [
+          /* @__PURE__ */ jsxs32(SheetHeader, { children: [
+            /* @__PURE__ */ jsx62(SheetTitle, { className: "text-xl font-bold text-gray-900", children: title }),
+            description && /* @__PURE__ */ jsx62(SheetDescription, { className: "text-gray-500 font-medium", children: description })
+          ] }),
+          /* @__PURE__ */ jsx62("div", { className: "py-8", children: children.map((child) => /* @__PURE__ */ jsx62(React48.Fragment, { children: renderComponent(child) }, child.id)) }),
+          footer && /* @__PURE__ */ jsx62(SheetFooter, { className: "absolute bottom-6 left-6 right-6", children: footer.map((child) => /* @__PURE__ */ jsx62(React48.Fragment, { children: renderComponent(child) }, child.id)) })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/atoms/AlertDialogAtom.tsx
+import React49 from "react";
+import { jsx as jsx63, jsxs as jsxs33 } from "react/jsx-runtime";
+var AlertDialogAtom = ({
+  title,
+  description,
+  trigger,
+  confirmLabel = "Continue",
+  cancelLabel = "Cancel",
+  action,
+  onAction,
+  className,
+  renderComponent
+}) => {
+  return /* @__PURE__ */ jsxs33(AlertDialog, { children: [
+    /* @__PURE__ */ jsx63(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx63("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx63(React49.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsxs33(AlertDialogContent, { className: "rounded-3xl p-6 bg-white shadow-3xl border-gray-100", children: [
+      /* @__PURE__ */ jsxs33(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx63(AlertDialogTitle, { className: "text-lg font-bold text-gray-900", children: title }),
+        /* @__PURE__ */ jsx63(AlertDialogDescription, { className: "text-gray-500 font-medium", children: description })
+      ] }),
+      /* @__PURE__ */ jsxs33(AlertDialogFooter, { className: "gap-2 sm:gap-0", children: [
+        /* @__PURE__ */ jsx63(AlertDialogCancel, { className: "rounded-full border-gray-200 hover:bg-gray-50 font-semibold", children: cancelLabel }),
+        /* @__PURE__ */ jsx63(
+          AlertDialogAction,
+          {
+            onClick: () => action && onAction?.(action),
+            className: "rounded-full bg-purple500 hover:bg-purple600 text-white font-semibold transition-all shadow-md hover:shadow-lg",
+            children: confirmLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+
+// src/atoms/BreadcrumbAtom.tsx
+import React50 from "react";
+import { jsx as jsx64, jsxs as jsxs34 } from "react/jsx-runtime";
+var BreadcrumbAtom = ({
+  items,
+  className
+}) => {
+  return /* @__PURE__ */ jsx64(Breadcrumb, { className, children: /* @__PURE__ */ jsx64(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ jsxs34(React50.Fragment, { children: [
+    /* @__PURE__ */ jsx64(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx64(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx64(BreadcrumbLink, { href: item.href || "#", children: item.label }) }),
+    index < items.length - 1 && /* @__PURE__ */ jsx64(BreadcrumbSeparator, {})
+  ] }, index)) }) });
+};
+
+// src/atoms/SpinnerAtom.tsx
+import { Loader2 as Loader22 } from "lucide-react";
+import { jsx as jsx65 } from "react/jsx-runtime";
+var SpinnerAtom = ({
+  size = "md",
+  className
+}) => {
+  const sizeMap = {
+    sm: "h-4 w-4",
+    md: "h-6 w-6",
+    lg: "h-8 w-8",
+    xl: "h-12 w-12"
+  };
+  return /* @__PURE__ */ jsx65(
+    Loader22,
+    {
+      className: cn(
+        "animate-spin text-purple500",
+        sizeMap[size] || sizeMap.md,
+        className
+      )
+    }
+  );
+};
+
+// src/atoms/CalendarAtom.tsx
+import { jsx as jsx66 } from "react/jsx-runtime";
+var CalendarAtom = ({
+  mode = "single",
+  selectedDate,
+  className
+}) => {
+  const date = selectedDate ? new Date(selectedDate) : void 0;
+  return /* @__PURE__ */ jsx66(
+    "div",
+    {
+      className: cn(
+        "p-3 bg-white rounded-3xl border border-gray-100 shadow-sm inline-block",
+        className
+      ),
+      children: /* @__PURE__ */ jsx66(Calendar, { mode, selected: date, className: "rounded-xl" })
+    }
+  );
+};
+
+// src/atoms/PaginationAtom.tsx
+import { jsx as jsx67, jsxs as jsxs35 } from "react/jsx-runtime";
+var PaginationAtom = ({
+  currentPage,
+  totalPages,
+  hasNext = true,
+  hasPrev = true,
+  className
+}) => {
+  return /* @__PURE__ */ jsx67(Pagination, { className, children: /* @__PURE__ */ jsxs35(PaginationContent, { children: [
+    hasPrev && /* @__PURE__ */ jsx67(PaginationItem, { children: /* @__PURE__ */ jsx67(PaginationPrevious, { href: "#" }) }),
+    /* @__PURE__ */ jsx67(PaginationItem, { children: /* @__PURE__ */ jsx67(PaginationLink, { href: "#", isActive: true, children: currentPage }) }),
+    totalPages > currentPage && /* @__PURE__ */ jsx67(PaginationItem, { children: /* @__PURE__ */ jsx67(PaginationEllipsis, {}) }),
+    hasNext && /* @__PURE__ */ jsx67(PaginationItem, { children: /* @__PURE__ */ jsx67(PaginationNext, { href: "#" }) })
+  ] }) });
+};
+
+// src/atoms/CommandAtom.tsx
+import React51 from "react";
+import { jsx as jsx68, jsxs as jsxs36 } from "react/jsx-runtime";
+var CommandAtom = ({
+  placeholder = "Search...",
+  groups,
+  className
+}) => {
+  return /* @__PURE__ */ jsx68(
+    "div",
+    {
+      className: cn(
+        "rounded-2xl border border-gray-100 shadow-lg overflow-hidden bg-white max-w-[400px]",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs36(Command, { children: [
+        /* @__PURE__ */ jsx68(CommandInput, { placeholder }),
+        /* @__PURE__ */ jsxs36(CommandList, { children: [
+          /* @__PURE__ */ jsx68(CommandEmpty, { children: "No results found." }),
+          groups.map((group, i) => /* @__PURE__ */ jsxs36(React51.Fragment, { children: [
+            /* @__PURE__ */ jsx68(CommandGroup, { heading: group.heading, children: group.items.map((item, j) => /* @__PURE__ */ jsx68(CommandItem, { value: item.value, children: /* @__PURE__ */ jsx68("span", { children: item.label }) }, j)) }),
+            i < groups.length - 1 && /* @__PURE__ */ jsx68(CommandSeparator, {})
+          ] }, i))
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/molecules/generic/EditableField/EditableField.tsx
+import React52, { useState as useState2, useEffect as useEffect3, useRef as useRef2 } from "react";
+import { Check as Check6, X as X3, Pencil, Loader2 as Loader23 } from "lucide-react";
+import { jsx as jsx69, jsxs as jsxs37 } from "react/jsx-runtime";
+var EditableField = React52.memo(
+  ({
+    label,
+    value,
+    type,
+    isEditing: isEditingProp,
+    onEdit,
+    onSave,
+    onCancel,
+    isSaving = false,
+    isChanged = false,
+    config = {},
+    className,
+    renderDisplay,
+    renderEdit
+  }) => {
+    const [localValue, setLocalValue] = useState2(value);
+    const inputRef = useRef2(null);
+    useEffect3(() => {
+      setLocalValue(value);
+    }, [value, isEditingProp]);
+    useEffect3(() => {
+      if (isEditingProp) {
+        setTimeout(() => inputRef.current?.focus(), 0);
+      }
+    }, [isEditingProp]);
+    const handleSave = () => {
+      onSave?.(localValue);
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" && !e.shiftKey && type !== "textarea") {
+        e.preventDefault();
+        handleSave();
+      } else if (e.key === "Escape") {
+        onCancel?.();
+      }
+    };
+    const renderInput = () => {
+      if (renderEdit) {
+        return renderEdit(localValue, setLocalValue);
+      }
+      switch (type) {
+        case "textarea":
+          return /* @__PURE__ */ jsx69(
+            Textarea,
+            {
+              ref: inputRef,
+              value: localValue || "",
+              onChange: (e) => setLocalValue(e.target.value),
+              onKeyDown: handleKeyDown,
+              placeholder: config.placeholder,
+              rows: config.rows || 3,
+              className: "min-h-[80px] resize-none"
+            }
+          );
+        case "select":
+          return /* @__PURE__ */ jsxs37(
+            Select,
+            {
+              value: localValue?.toString(),
+              onValueChange: (val) => setLocalValue(val),
+              children: [
+                /* @__PURE__ */ jsx69(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx69(
+                  SelectValue,
+                  {
+                    placeholder: config.placeholder || "Select an option"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx69(SelectContent, { children: config.options?.map((opt) => {
+                  const label2 = typeof opt === "string" ? opt : opt.label;
+                  const val = typeof opt === "string" ? opt : opt.value;
+                  return /* @__PURE__ */ jsx69(SelectItem, { value: val, children: label2 }, val);
+                }) })
+              ]
+            }
+          );
+        case "slider":
+          return /* @__PURE__ */ jsxs37("div", { className: "pt-6 pb-2 px-2", children: [
+            /* @__PURE__ */ jsx69(
+              Slider,
+              {
+                defaultValue: [localValue?.min || 0, localValue?.max || 100],
+                max: config.sliderConfig?.max || 100,
+                min: config.sliderConfig?.min || 0,
+                step: config.sliderConfig?.step || 1,
+                onValueChange: ([min, max]) => setLocalValue({ min, max })
+              }
+            ),
+            config.sliderConfig?.formatValue && /* @__PURE__ */ jsx69("div", { className: "mt-2 text-xs text-muted-foreground text-center", children: config.sliderConfig.formatValue(localValue) })
+          ] });
+        case "number":
+          return /* @__PURE__ */ jsx69(
+            Input,
+            {
+              ref: inputRef,
+              type: "number",
+              value: localValue || "",
+              onChange: (e) => setLocalValue(e.target.value),
+              onKeyDown: handleKeyDown,
+              min: config.numberConfig?.min,
+              max: config.numberConfig?.max,
+              step: config.numberConfig?.step
+            }
+          );
+        default:
+          return /* @__PURE__ */ jsx69(
+            Input,
+            {
+              ref: inputRef,
+              type: "text",
+              value: localValue || "",
+              onChange: (e) => setLocalValue(e.target.value),
+              onKeyDown: handleKeyDown,
+              placeholder: config.placeholder
+            }
+          );
+      }
+    };
+    const formattedValue = () => {
+      if (renderDisplay) return renderDisplay(value);
+      if (type === "slider") {
+        return config.sliderConfig?.formatValue ? config.sliderConfig.formatValue(value) : `${value?.min} - ${value?.max}`;
+      }
+      if (!value)
+        return /* @__PURE__ */ jsx69("span", { className: "text-muted-foreground italic", children: "Not set" });
+      return value.toString();
+    };
+    return /* @__PURE__ */ jsxs37("div", { className: cn("group flex flex-col gap-1.5 py-2", className), children: [
+      /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx69(Label, { className: "text-xs font-medium text-gray500 uppercase tracking-tight", children: label }),
+        isChanged && !isEditingProp && /* @__PURE__ */ jsx69(
+          "div",
+          {
+            className: "w-1.5 h-1.5 rounded-full bg-amber-500",
+            title: "Unsaved changes"
+          }
+        )
+      ] }),
+      isEditingProp ? /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-2", children: [
+        renderInput(),
+        /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsx69(
+            Button,
+            {
+              size: "icon",
+              variant: "outline",
+              className: "h-8 w-8 text-destructive border-destructive/20 hover:bg-destructive/10",
+              onClick: onCancel,
+              disabled: isSaving,
+              children: /* @__PURE__ */ jsx69(X3, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx69(
+            Button,
+            {
+              size: "icon",
+              className: "h-8 w-8 bg-purple500 hover:bg-purple600 text-white",
+              onClick: handleSave,
+              disabled: isSaving,
+              children: isSaving ? /* @__PURE__ */ jsx69(Loader23, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx69(Check6, { className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxs37(
+        "div",
+        {
+          className: cn(
+            "relative flex items-center justify-between rounded-md px-2 py-1.5 transition-all",
+            "hover:bg-gray-100/50 cursor-pointer border border-transparent hover:border-gray-200"
+          ),
+          onClick: onEdit,
+          children: [
+            /* @__PURE__ */ jsx69("div", { className: "text-sm text-gray-900 font-medium truncate flex-1 leading-relaxed", children: formattedValue() }),
+            /* @__PURE__ */ jsx69(Pencil, { className: "h-3.5 w-3.5 text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity" })
+          ]
+        }
+      )
+    ] });
+  }
+);
+EditableField.displayName = "EditableField";
+
+// src/molecules/generic/ActionButton/ActionButton.tsx
+import React53, { useState as useState3, useEffect as useEffect4 } from "react";
+import { Pause, Play, ArrowRight as ArrowRight2, Loader2 as Loader24 } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx70, jsxs as jsxs38 } from "react/jsx-runtime";
+var ActionButton = React53.memo(
+  ({
+    label,
+    secondaryLabel,
+    countdown: countdownProp,
+    isPaused = false,
+    onPause,
+    onProceed,
+    variant = "default",
+    size = "default",
+    disabled = false,
+    isLoading = false,
+    className,
+    showCountdown = true
+  }) => {
+    const [timeLeft, setTimeLeft] = useState3(countdownProp || 0);
+    useEffect4(() => {
+      if (countdownProp !== void 0) {
+        setTimeLeft(countdownProp);
+      }
+    }, [countdownProp]);
+    useEffect4(() => {
+      if (countdownProp === void 0 || countdownProp <= 0 || isPaused || isLoading || disabled) {
+        return;
+      }
+      const timer = setInterval(() => {
+        setTimeLeft((prev) => {
+          if (prev <= 1) {
+            clearInterval(timer);
+            onProceed();
+            return 0;
+          }
+          return prev - 1;
+        });
+      }, 1e3);
+      return () => clearInterval(timer);
+    }, [countdownProp, isPaused, isLoading, disabled, onProceed]);
+    const progress = countdownProp ? timeLeft / countdownProp * 100 : 0;
+    return /* @__PURE__ */ jsxs38("div", { className: cn("inline-flex items-center gap-2", className), children: [
+      /* @__PURE__ */ jsxs38(
+        Button,
+        {
+          variant,
+          size,
+          disabled: disabled || isLoading,
+          onClick: onProceed,
+          className: cn(
+            "relative min-w-[140px] overflow-hidden group transition-all duration-300",
+            "bg-purple500 hover:bg-purple600 text-white font-semibold rounded-full px-6 py-2.5 shadow-md hover:shadow-lg",
+            variant === "outline" && "bg-transparent border-purple500 text-purple500 hover:bg-purple50",
+            isLoading && "opacity-80"
+          ),
+          children: [
+            /* @__PURE__ */ jsx70("div", { className: "relative z-10 flex items-center justify-center gap-2", children: isLoading ? /* @__PURE__ */ jsx70(Loader24, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs38(Fragment2, { children: [
+              /* @__PURE__ */ jsx70("span", { children: label }),
+              showCountdown && countdownProp && countdownProp > 0 && !isLoading && /* @__PURE__ */ jsxs38("span", { className: "opacity-70 text-xs bg-white/20 px-1.5 py-0.5 rounded-md tabular-nums min-w-[24px]", children: [
+                timeLeft,
+                "s"
+              ] }),
+              /* @__PURE__ */ jsx70(ArrowRight2, { className: "h-4 w-4 group-hover:translate-x-1 transition-transform" })
+            ] }) }),
+            !isPaused && countdownProp && countdownProp > 0 && /* @__PURE__ */ jsx70(
+              "div",
+              {
+                className: "absolute bottom-0 left-0 h-0.5 bg-white/30 transition-all duration-1000 ease-linear",
+                style: { width: `${progress}%` }
+              }
+            )
+          ]
+        }
+      ),
+      countdownProp !== void 0 && countdownProp > 0 && onPause && /* @__PURE__ */ jsx70(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: onPause,
+          className: "h-10 w-10 rounded-full hover:bg-gray-100 text-gray-500",
+          title: isPaused ? "Resume auto-proceed" : "Pause auto-proceed",
+          children: isPaused ? /* @__PURE__ */ jsx70(Play, { className: "h-4 w-4 fill-current" }) : /* @__PURE__ */ jsx70(Pause, { className: "h-4 w-4 fill-current" })
+        }
+      ),
+      secondaryLabel && /* @__PURE__ */ jsx70("span", { className: "text-sm text-gray-500 font-medium italic", children: secondaryLabel })
+    ] });
+  }
+);
+ActionButton.displayName = "ActionButton";
+
+// src/molecules/generic/FormCard/FormCard.tsx
+import React54 from "react";
+import { Copy } from "lucide-react";
+import { jsx as jsx71, jsxs as jsxs39 } from "react/jsx-runtime";
+var FormCard = React54.memo(
+  ({
+    title,
+    fields,
+    data,
+    editingFields = {},
+    changedFields = {},
+    savingFields = {},
+    onFieldEdit,
+    onFieldSave,
+    onFieldCancel,
+    showTimeline = true,
+    proceedLabel,
+    countdown,
+    isPaused = false,
+    onPause,
+    onProceed,
+    className,
+    footer
+  }) => {
+    const handleCopyAll = () => {
+      const text = fields.map(
+        (f) => `${f.label}: ${typeof data[f.key] === "object" ? JSON.stringify(data[f.key]) : data[f.key]}`
+      ).join("\n");
+      navigator.clipboard.writeText(text);
+    };
+    return /* @__PURE__ */ jsxs39(
+      Card,
+      {
+        className: cn(
+          "w-full rounded-[24px] border border-gray200 bg-white shadow-sm overflow-hidden",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs39(CardHeader, { className: "flex flex-row items-center justify-between pb-2 space-y-0", children: [
+            /* @__PURE__ */ jsx71(CardTitle, { className: "text-lg font-bold text-gray-900 tracking-tight", children: title }),
+            /* @__PURE__ */ jsx71(
+              "button",
+              {
+                onClick: handleCopyAll,
+                className: "p-1.5 rounded-md hover:bg-gray-100 text-gray-400 hover:text-gray-600 transition-colors",
+                title: "Copy all details",
+                children: /* @__PURE__ */ jsx71(Copy, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx71(CardContent, { className: "pt-2 pb-6", children: /* @__PURE__ */ jsxs39("div", { className: "relative", children: [
+            showTimeline && /* @__PURE__ */ jsx71("div", { className: "absolute left-[7px] top-2 bottom-6 w-0.5 border-l-2 border-dotted border-gray200 pointer-events-none" }),
+            /* @__PURE__ */ jsx71("div", { className: "space-y-4", children: fields.map((field) => /* @__PURE__ */ jsxs39("div", { className: "relative pl-6", children: [
+              showTimeline && /* @__PURE__ */ jsx71(
+                "div",
+                {
+                  className: cn(
+                    "absolute left-0 top-[18px] w-[14px] h-[14px] -translate-x-1/2 rounded-full border-2 bg-white z-10",
+                    changedFields[field.key] ? "border-amber-500" : "border-gray-200"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx71(
+                EditableField,
+                {
+                  label: field.label,
+                  value: data[field.key],
+                  type: field.type,
+                  config: field,
+                  isEditing: editingFields[field.key],
+                  isChanged: changedFields[field.key],
+                  isSaving: savingFields[field.key],
+                  onEdit: () => onFieldEdit?.(field.key),
+                  onSave: (val) => onFieldSave?.(field.key, val),
+                  onCancel: () => onFieldCancel?.(field.key)
+                }
+              )
+            ] }, field.key)) })
+          ] }) }),
+          (onProceed || footer) && /* @__PURE__ */ jsxs39(CardFooter, { className: "flex flex-col gap-4 pt-0 border-t border-gray-100/50 bg-gray-50/30 p-6", children: [
+            onProceed && proceedLabel && /* @__PURE__ */ jsx71("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ jsx71(
+              ActionButton,
+              {
+                label: proceedLabel,
+                countdown,
+                isPaused,
+                onPause,
+                onProceed
+              }
+            ) }),
+            footer
+          ] })
+        ]
+      }
+    );
+  }
+);
+FormCard.displayName = "FormCard";
+
+// src/molecules/creator-discovery/CampaignSeedCard/CampaignSeedCard.tsx
+import React55 from "react";
+import { CheckCircle2 as CheckCircle22 } from "lucide-react";
+import { jsx as jsx72, jsxs as jsxs40 } from "react/jsx-runtime";
+var CAMPAIGN_SEED_FIELDS = [
+  {
+    key: "brand",
+    label: "Brand / Campaign",
+    type: "text",
+    placeholder: "Not specified"
+  },
+  {
+    key: "objective",
+    label: "Objective",
+    type: "text",
+    placeholder: "Not specified"
+  },
+  {
+    key: "budget_hint",
+    label: "Budget Hint",
+    type: "slider",
+    placeholder: "Not specified",
+    sliderConfig: {
+      min: 0,
+      max: 1e6,
+      step: 1e3,
+      formatValue: (value) => {
+        if (!value) return "$0 - $100K";
+        const formatCurrency = (amount) => {
+          if (amount >= 1e6) return `$${(amount / 1e6).toFixed(1)}M`;
+          if (amount >= 1e3) return `$${(amount / 1e3).toFixed(0)}K`;
+          return `$${amount.toLocaleString()}`;
+        };
+        let normalized;
+        if (typeof value === "object" && value?.min !== void 0) {
+          normalized = value;
+        } else if (typeof value === "string" && value.includes("-")) {
+          const [minStr, maxStr] = value.split("-");
+          normalized = {
+            min: Number(minStr) || 0,
+            max: Number(maxStr) || 1e5
+          };
+        } else {
+          const val = Number(String(value).replace(/[^0-9.]/g, "")) || 0;
+          normalized = val > 0 ? { min: val, max: val } : { min: 0, max: 1e5 };
+        }
+        if (normalized.min === normalized.max)
+          return formatCurrency(normalized.min);
+        return `${formatCurrency(normalized.min)} - ${formatCurrency(normalized.max)}`;
+      }
+    }
+  },
+  {
+    key: "geo_or_audience",
+    label: "Geography or Audience",
+    type: "text",
+    placeholder: "Not specified"
+  },
+  {
+    key: "timeline_opt",
+    label: "Timeline Option",
+    type: "text",
+    placeholder: "Not specified"
+  },
+  {
+    key: "notes",
+    label: "Notes",
+    type: "textarea",
+    placeholder: "No notes",
+    rows: 4
+  }
+];
+var CampaignSeedCard = React55.memo(
+  ({
+    selectionStatus,
+    isLatestMessage = true,
+    className,
+    ...formCardProps
+  }) => {
+    return /* @__PURE__ */ jsx72("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx72(
+      FormCard,
+      {
+        ...formCardProps,
+        title: formCardProps.title || "Brand Information",
+        fields: CAMPAIGN_SEED_FIELDS,
+        className,
+        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs40("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
+          /* @__PURE__ */ jsx72(CheckCircle22, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx72("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
+        ] }) : formCardProps.footer
+      }
+    ) });
+  }
+);
+CampaignSeedCard.displayName = "CampaignSeedCard";
+
+// src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
+import React56 from "react";
+
+// src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
+import { useState as useState4, useRef as useRef3, useEffect as useEffect5 } from "react";
+import { ChevronDown as ChevronDown4, Check as Check7 } from "lucide-react";
+
+// src/lib/countries.ts
+var countries = [
+  { code: "AF", name: "Afghanistan", flag: "\u{1F1E6}\u{1F1EB}" },
+  { code: "AL", name: "Albania", flag: "\u{1F1E6}\u{1F1F1}" },
+  { code: "DZ", name: "Algeria", flag: "\u{1F1E9}\u{1F1FF}" },
+  { code: "AD", name: "Andorra", flag: "\u{1F1E6}\u{1F1E9}" },
+  { code: "AO", name: "Angola", flag: "\u{1F1E6}\u{1F1F4}" },
+  { code: "AG", name: "Antigua and Barbuda", flag: "\u{1F1E6}\u{1F1EC}" },
+  { code: "AR", name: "Argentina", flag: "\u{1F1E6}\u{1F1F7}" },
+  { code: "AM", name: "Armenia", flag: "\u{1F1E6}\u{1F1F2}" },
+  { code: "AU", name: "Australia", flag: "\u{1F1E6}\u{1F1FA}" },
+  { code: "AT", name: "Austria", flag: "\u{1F1E6}\u{1F1F9}" },
+  { code: "AZ", name: "Azerbaijan", flag: "\u{1F1E6}\u{1F1FF}" },
+  { code: "BS", name: "Bahamas", flag: "\u{1F1E7}\u{1F1F8}" },
+  { code: "BH", name: "Bahrain", flag: "\u{1F1E7}\u{1F1ED}" },
+  { code: "BD", name: "Bangladesh", flag: "\u{1F1E7}\u{1F1E9}" },
+  { code: "BB", name: "Barbados", flag: "\u{1F1E7}\u{1F1E7}" },
+  { code: "BY", name: "Belarus", flag: "\u{1F1E7}\u{1F1FE}" },
+  { code: "BE", name: "Belgium", flag: "\u{1F1E7}\u{1F1EA}" },
+  { code: "BZ", name: "Belize", flag: "\u{1F1E7}\u{1F1FF}" },
+  { code: "BJ", name: "Benin", flag: "\u{1F1E7}\u{1F1EF}" },
+  { code: "BT", name: "Bhutan", flag: "\u{1F1E7}\u{1F1F9}" },
+  { code: "BO", name: "Bolivia", flag: "\u{1F1E7}\u{1F1F4}" },
+  { code: "BA", name: "Bosnia and Herzegovina", flag: "\u{1F1E7}\u{1F1E6}" },
+  { code: "BW", name: "Botswana", flag: "\u{1F1E7}\u{1F1FC}" },
+  { code: "BR", name: "Brazil", flag: "\u{1F1E7}\u{1F1F7}" },
+  { code: "BN", name: "Brunei", flag: "\u{1F1E7}\u{1F1F3}" },
+  { code: "BG", name: "Bulgaria", flag: "\u{1F1E7}\u{1F1EC}" },
+  { code: "BF", name: "Burkina Faso", flag: "\u{1F1E7}\u{1F1EB}" },
+  { code: "BI", name: "Burundi", flag: "\u{1F1E7}\u{1F1EE}" },
+  { code: "CV", name: "Cabo Verde", flag: "\u{1F1E8}\u{1F1FB}" },
+  { code: "KH", name: "Cambodia", flag: "\u{1F1F0}\u{1F1ED}" },
+  { code: "CM", name: "Cameroon", flag: "\u{1F1E8}\u{1F1F2}" },
+  { code: "CA", name: "Canada", flag: "\u{1F1E8}\u{1F1E6}" },
+  { code: "CF", name: "Central African Republic", flag: "\u{1F1E8}\u{1F1EB}" },
+  { code: "TD", name: "Chad", flag: "\u{1F1F9}\u{1F1E9}" },
+  { code: "CL", name: "Chile", flag: "\u{1F1E8}\u{1F1F1}" },
+  { code: "CN", name: "China", flag: "\u{1F1E8}\u{1F1F3}" },
+  { code: "CO", name: "Colombia", flag: "\u{1F1E8}\u{1F1F4}" },
+  { code: "KM", name: "Comoros", flag: "\u{1F1F0}\u{1F1F2}" },
+  { code: "CG", name: "Congo", flag: "\u{1F1E8}\u{1F1EC}" },
+  { code: "CD", name: "Democratic Republic of the Congo", flag: "\u{1F1E8}\u{1F1E9}" },
+  { code: "CR", name: "Costa Rica", flag: "\u{1F1E8}\u{1F1F7}" },
+  { code: "HR", name: "Croatia", flag: "\u{1F1ED}\u{1F1F7}" },
+  { code: "CU", name: "Cuba", flag: "\u{1F1E8}\u{1F1FA}" },
+  { code: "CY", name: "Cyprus", flag: "\u{1F1E8}\u{1F1FE}" },
+  { code: "CZ", name: "Czech Republic", flag: "\u{1F1E8}\u{1F1FF}" },
+  { code: "CI", name: "Ivory Coast", flag: "\u{1F1E8}\u{1F1EE}" },
+  { code: "DK", name: "Denmark", flag: "\u{1F1E9}\u{1F1F0}" },
+  { code: "DJ", name: "Djibouti", flag: "\u{1F1E9}\u{1F1EF}" },
+  { code: "DM", name: "Dominica", flag: "\u{1F1E9}\u{1F1F2}" },
+  { code: "DO", name: "Dominican Republic", flag: "\u{1F1E9}\u{1F1F4}" },
+  { code: "EC", name: "Ecuador", flag: "\u{1F1EA}\u{1F1E8}" },
+  { code: "EG", name: "Egypt", flag: "\u{1F1EA}\u{1F1EC}" },
+  { code: "SV", name: "El Salvador", flag: "\u{1F1F8}\u{1F1FB}" },
+  { code: "GQ", name: "Equatorial Guinea", flag: "\u{1F1EC}\u{1F1F6}" },
+  { code: "ER", name: "Eritrea", flag: "\u{1F1EA}\u{1F1F7}" },
+  { code: "EE", name: "Estonia", flag: "\u{1F1EA}\u{1F1EA}" },
+  { code: "SZ", name: "Eswatini", flag: "\u{1F1F8}\u{1F1FF}" },
+  { code: "ET", name: "Ethiopia", flag: "\u{1F1EA}\u{1F1F9}" },
+  { code: "FJ", name: "Fiji", flag: "\u{1F1EB}\u{1F1EF}" },
+  { code: "FI", name: "Finland", flag: "\u{1F1EB}\u{1F1EE}" },
+  { code: "FR", name: "France", flag: "\u{1F1EB}\u{1F1F7}" },
+  { code: "GA", name: "Gabon", flag: "\u{1F1EC}\u{1F1E6}" },
+  { code: "GM", name: "Gambia", flag: "\u{1F1EC}\u{1F1F2}" },
+  { code: "GE", name: "Georgia", flag: "\u{1F1EC}\u{1F1EA}" },
+  { code: "DE", name: "Germany", flag: "\u{1F1E9}\u{1F1EA}" },
+  { code: "GH", name: "Ghana", flag: "\u{1F1EC}\u{1F1ED}" },
+  { code: "GR", name: "Greece", flag: "\u{1F1EC}\u{1F1F7}" },
+  { code: "GD", name: "Grenada", flag: "\u{1F1EC}\u{1F1E9}" },
+  { code: "GT", name: "Guatemala", flag: "\u{1F1EC}\u{1F1F9}" },
+  { code: "GN", name: "Guinea", flag: "\u{1F1EC}\u{1F1F3}" },
+  { code: "GW", name: "Guinea-Bissau", flag: "\u{1F1EC}\u{1F1FC}" },
+  { code: "GY", name: "Guyana", flag: "\u{1F1EC}\u{1F1FE}" },
+  { code: "HT", name: "Haiti", flag: "\u{1F1ED}\u{1F1F9}" },
+  { code: "HN", name: "Honduras", flag: "\u{1F1ED}\u{1F1F3}" },
+  { code: "HU", name: "Hungary", flag: "\u{1F1ED}\u{1F1FA}" },
+  { code: "HK", name: "Hong Kong", flag: "\u{1F1ED}\u{1F1F0}" },
+  { code: "IS", name: "Iceland", flag: "\u{1F1EE}\u{1F1F8}" },
+  { code: "IN", name: "India", flag: "\u{1F1EE}\u{1F1F3}" },
+  { code: "ID", name: "Indonesia", flag: "\u{1F1EE}\u{1F1E9}" },
+  { code: "IR", name: "Iran", flag: "\u{1F1EE}\u{1F1F7}" },
+  { code: "IQ", name: "Iraq", flag: "\u{1F1EE}\u{1F1F6}" },
+  { code: "IE", name: "Ireland", flag: "\u{1F1EE}\u{1F1EA}" },
+  { code: "IL", name: "Israel", flag: "\u{1F1EE}\u{1F1F1}" },
+  { code: "IT", name: "Italy", flag: "\u{1F1EE}\u{1F1F9}" },
+  { code: "JM", name: "Jamaica", flag: "\u{1F1EF}\u{1F1F2}" },
+  { code: "JP", name: "Japan", flag: "\u{1F1EF}\u{1F1F5}" },
+  { code: "JO", name: "Jordan", flag: "\u{1F1EF}\u{1F1F4}" },
+  { code: "KZ", name: "Kazakhstan", flag: "\u{1F1F0}\u{1F1FF}" },
+  { code: "KE", name: "Kenya", flag: "\u{1F1F0}\u{1F1EA}" },
+  { code: "KI", name: "Kiribati", flag: "\u{1F1F0}\u{1F1EE}" },
+  { code: "KP", name: "North Korea", flag: "\u{1F1F0}\u{1F1F5}" },
+  { code: "KR", name: "South Korea", flag: "\u{1F1F0}\u{1F1F7}" },
+  { code: "KW", name: "Kuwait", flag: "\u{1F1F0}\u{1F1FC}" },
+  { code: "KG", name: "Kyrgyzstan", flag: "\u{1F1F0}\u{1F1EC}" },
+  { code: "LA", name: "Laos", flag: "\u{1F1F1}\u{1F1E6}" },
+  { code: "LV", name: "Latvia", flag: "\u{1F1F1}\u{1F1FB}" },
+  { code: "LB", name: "Lebanon", flag: "\u{1F1F1}\u{1F1E7}" },
+  { code: "LS", name: "Lesotho", flag: "\u{1F1F1}\u{1F1F8}" },
+  { code: "LR", name: "Liberia", flag: "\u{1F1F1}\u{1F1F7}" },
+  { code: "LY", name: "Libya", flag: "\u{1F1F1}\u{1F1FE}" },
+  { code: "LI", name: "Liechtenstein", flag: "\u{1F1F1}\u{1F1EE}" },
+  { code: "LT", name: "Lithuania", flag: "\u{1F1F1}\u{1F1F9}" },
+  { code: "LU", name: "Luxembourg", flag: "\u{1F1F1}\u{1F1FA}" },
+  { code: "MG", name: "Madagascar", flag: "\u{1F1F2}\u{1F1EC}" },
+  { code: "MW", name: "Malawi", flag: "\u{1F1F2}\u{1F1FC}" },
+  { code: "MY", name: "Malaysia", flag: "\u{1F1F2}\u{1F1FE}" },
+  { code: "MV", name: "Maldives", flag: "\u{1F1F2}\u{1F1FB}" },
+  { code: "ML", name: "Mali", flag: "\u{1F1F2}\u{1F1F1}" },
+  { code: "MT", name: "Malta", flag: "\u{1F1F2}\u{1F1F9}" },
+  { code: "MH", name: "Marshall Islands", flag: "\u{1F1F2}\u{1F1ED}" },
+  { code: "MR", name: "Mauritania", flag: "\u{1F1F2}\u{1F1F7}" },
+  { code: "MU", name: "Mauritius", flag: "\u{1F1F2}\u{1F1FA}" },
+  { code: "MX", name: "Mexico", flag: "\u{1F1F2}\u{1F1FD}" },
+  { code: "FM", name: "Micronesia", flag: "\u{1F1EB}\u{1F1F2}" },
+  { code: "MD", name: "Moldova", flag: "\u{1F1F2}\u{1F1E9}" },
+  { code: "MC", name: "Monaco", flag: "\u{1F1F2}\u{1F1E8}" },
+  { code: "MN", name: "Mongolia", flag: "\u{1F1F2}\u{1F1F3}" },
+  { code: "ME", name: "Montenegro", flag: "\u{1F1F2}\u{1F1EA}" },
+  { code: "MA", name: "Morocco", flag: "\u{1F1F2}\u{1F1E6}" },
+  { code: "MZ", name: "Mozambique", flag: "\u{1F1F2}\u{1F1FF}" },
+  { code: "MM", name: "Myanmar", flag: "\u{1F1F2}\u{1F1F2}" },
+  { code: "NA", name: "Namibia", flag: "\u{1F1F3}\u{1F1E6}" },
+  { code: "NR", name: "Nauru", flag: "\u{1F1F3}\u{1F1F7}" },
+  { code: "NP", name: "Nepal", flag: "\u{1F1F3}\u{1F1F5}" },
+  { code: "NL", name: "Netherlands", flag: "\u{1F1F3}\u{1F1F1}" },
+  { code: "NZ", name: "New Zealand", flag: "\u{1F1F3}\u{1F1FF}" },
+  { code: "NI", name: "Nicaragua", flag: "\u{1F1F3}\u{1F1EE}" },
+  { code: "NE", name: "Niger", flag: "\u{1F1F3}\u{1F1EA}" },
+  { code: "NG", name: "Nigeria", flag: "\u{1F1F3}\u{1F1EC}" },
+  { code: "MK", name: "North Macedonia", flag: "\u{1F1F2}\u{1F1F0}" },
+  { code: "NO", name: "Norway", flag: "\u{1F1F3}\u{1F1F4}" },
+  { code: "OM", name: "Oman", flag: "\u{1F1F4}\u{1F1F2}" },
+  { code: "PK", name: "Pakistan", flag: "\u{1F1F5}\u{1F1F0}" },
+  { code: "PW", name: "Palau", flag: "\u{1F1F5}\u{1F1FC}" },
+  { code: "PS", name: "Palestine", flag: "\u{1F1F5}\u{1F1F8}" },
+  { code: "PA", name: "Panama", flag: "\u{1F1F5}\u{1F1E6}" },
+  { code: "PG", name: "Papua New Guinea", flag: "\u{1F1F5}\u{1F1EC}" },
+  { code: "PY", name: "Paraguay", flag: "\u{1F1F5}\u{1F1FE}" },
+  { code: "PE", name: "Peru", flag: "\u{1F1F5}\u{1F1EA}" },
+  { code: "PH", name: "Philippines", flag: "\u{1F1F5}\u{1F1ED}" },
+  { code: "PL", name: "Poland", flag: "\u{1F1F5}\u{1F1F1}" },
+  { code: "PT", name: "Portugal", flag: "\u{1F1F5}\u{1F1F9}" },
+  { code: "QA", name: "Qatar", flag: "\u{1F1F6}\u{1F1E6}" },
+  { code: "RO", name: "Romania", flag: "\u{1F1F7}\u{1F1F4}" },
+  { code: "RU", name: "Russia", flag: "\u{1F1F7}\u{1F1FA}" },
+  { code: "RW", name: "Rwanda", flag: "\u{1F1F7}\u{1F1FC}" },
+  { code: "KN", name: "Saint Kitts and Nevis", flag: "\u{1F1F0}\u{1F1F3}" },
+  { code: "LC", name: "Saint Lucia", flag: "\u{1F1F1}\u{1F1E8}" },
+  { code: "VC", name: "Saint Vincent and the Grenadines", flag: "\u{1F1FB}\u{1F1E8}" },
+  { code: "WS", name: "Samoa", flag: "\u{1F1FC}\u{1F1F8}" },
+  { code: "SM", name: "San Marino", flag: "\u{1F1F8}\u{1F1F2}" },
+  { code: "ST", name: "Sao Tome and Principe", flag: "\u{1F1F8}\u{1F1F9}" },
+  { code: "SA", name: "Saudi Arabia", flag: "\u{1F1F8}\u{1F1E6}" },
+  { code: "SN", name: "Senegal", flag: "\u{1F1F8}\u{1F1F3}" },
+  { code: "RS", name: "Serbia", flag: "\u{1F1F7}\u{1F1F8}" },
+  { code: "SC", name: "Seychelles", flag: "\u{1F1F8}\u{1F1E8}" },
+  { code: "SL", name: "Sierra Leone", flag: "\u{1F1F8}\u{1F1F1}" },
+  { code: "SG", name: "Singapore", flag: "\u{1F1F8}\u{1F1EC}" },
+  { code: "SK", name: "Slovakia", flag: "\u{1F1F8}\u{1F1F0}" },
+  { code: "SI", name: "Slovenia", flag: "\u{1F1F8}\u{1F1EE}" },
+  { code: "SB", name: "Solomon Islands", flag: "\u{1F1F8}\u{1F1E7}" },
+  { code: "SO", name: "Somalia", flag: "\u{1F1F8}\u{1F1F4}" },
+  { code: "ZA", name: "South Africa", flag: "\u{1F1FF}\u{1F1E6}" },
+  { code: "SS", name: "South Sudan", flag: "\u{1F1F8}\u{1F1F8}" },
+  { code: "ES", name: "Spain", flag: "\u{1F1EA}\u{1F1F8}" },
+  { code: "LK", name: "Sri Lanka", flag: "\u{1F1F1}\u{1F1F0}" },
+  { code: "SD", name: "Sudan", flag: "\u{1F1F8}\u{1F1E9}" },
+  { code: "SR", name: "Suriname", flag: "\u{1F1F8}\u{1F1F7}" },
+  { code: "SE", name: "Sweden", flag: "\u{1F1F8}\u{1F1EA}" },
+  { code: "CH", name: "Switzerland", flag: "\u{1F1E8}\u{1F1ED}" },
+  { code: "SY", name: "Syria", flag: "\u{1F1F8}\u{1F1FE}" },
+  { code: "TW", name: "Taiwan", flag: "\u{1F1F9}\u{1F1FC}" },
+  { code: "TJ", name: "Tajikistan", flag: "\u{1F1F9}\u{1F1EF}" },
+  { code: "TZ", name: "Tanzania", flag: "\u{1F1F9}\u{1F1FF}" },
+  { code: "TH", name: "Thailand", flag: "\u{1F1F9}\u{1F1ED}" },
+  { code: "TL", name: "Timor-Leste", flag: "\u{1F1F9}\u{1F1F1}" },
+  { code: "TG", name: "Togo", flag: "\u{1F1F9}\u{1F1EC}" },
+  { code: "TO", name: "Tonga", flag: "\u{1F1F9}\u{1F1F4}" },
+  { code: "TT", name: "Trinidad and Tobago", flag: "\u{1F1F9}\u{1F1F9}" },
+  { code: "TN", name: "Tunisia", flag: "\u{1F1F9}\u{1F1F3}" },
+  { code: "TR", name: "Turkey", flag: "\u{1F1F9}\u{1F1F7}" },
+  { code: "TM", name: "Turkmenistan", flag: "\u{1F1F9}\u{1F1F2}" },
+  { code: "TV", name: "Tuvalu", flag: "\u{1F1F9}\u{1F1FB}" },
+  { code: "UG", name: "Uganda", flag: "\u{1F1FA}\u{1F1EC}" },
+  { code: "UA", name: "Ukraine", flag: "\u{1F1FA}\u{1F1E6}" },
+  { code: "AE", name: "United Arab Emirates", flag: "\u{1F1E6}\u{1F1EA}" },
+  { code: "GB", name: "United Kingdom", flag: "\u{1F1EC}\u{1F1E7}" },
+  { code: "US", name: "United States", flag: "\u{1F1FA}\u{1F1F8}" },
+  { code: "UY", name: "Uruguay", flag: "\u{1F1FA}\u{1F1FE}" },
+  { code: "UZ", name: "Uzbekistan", flag: "\u{1F1FA}\u{1F1FF}" },
+  { code: "VU", name: "Vanuatu", flag: "\u{1F1FB}\u{1F1FA}" },
+  { code: "VA", name: "Vatican City", flag: "\u{1F1FB}\u{1F1E6}" },
+  { code: "VE", name: "Venezuela", flag: "\u{1F1FB}\u{1F1EA}" },
+  { code: "VN", name: "Vietnam", flag: "\u{1F1FB}\u{1F1F3}" },
+  { code: "YE", name: "Yemen", flag: "\u{1F1FE}\u{1F1EA}" },
+  { code: "ZM", name: "Zambia", flag: "\u{1F1FF}\u{1F1F2}" },
+  { code: "ZW", name: "Zimbabwe", flag: "\u{1F1FF}\u{1F1FC}" }
+];
+var countriesWithFlags = Object.fromEntries(
+  countries.map((c) => [c.code, { name: c.name, flag: c.flag }])
+);
+
+// src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
+import { jsx as jsx73, jsxs as jsxs41 } from "react/jsx-runtime";
+var CountrySelectEdit = ({
+  value,
+  onChange
+}) => {
+  const [isDropdownOpen, setIsDropdownOpen] = useState4(false);
+  const [searchTerm, setSearchTerm] = useState4("");
+  const dropdownRef = useRef3(null);
+  useEffect5(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsDropdownOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const inputValue = Array.isArray(value) ? value : [];
+  return /* @__PURE__ */ jsxs41("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs41("div", { className: "relative", ref: dropdownRef, children: [
+      /* @__PURE__ */ jsxs41(
+        "div",
+        {
+          className: "flex-1 bg-white border border-gray200 rounded-md px-3 py-2 text-sm cursor-pointer flex items-center justify-between font-medium hover:border-purple500 transition-colors",
+          onClick: () => setIsDropdownOpen(!isDropdownOpen),
+          children: [
+            /* @__PURE__ */ jsx73("span", { className: "text-gray-700", children: inputValue.length > 0 ? `${inputValue.length} ${inputValue.length === 1 ? "country" : "countries"} selected` : "Select countries..." }),
+            /* @__PURE__ */ jsx73(
+              ChevronDown4,
+              {
+                className: cn(
+                  "h-4 w-4 text-gray-400 transition-transform",
+                  isDropdownOpen && "rotate-180"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      isDropdownOpen && /* @__PURE__ */ jsxs41("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white border border-gray200 rounded-lg shadow-xl z-50 max-h-60 overflow-hidden animate-in fade-in slide-in-from-top-1", children: [
+        /* @__PURE__ */ jsx73("div", { className: "p-2 border-b border-gray-100", children: /* @__PURE__ */ jsx73(
+          "input",
+          {
+            type: "text",
+            placeholder: "Search countries...",
+            value: searchTerm,
+            onChange: (e) => setSearchTerm(e.target.value),
+            className: "w-full px-3 py-1.5 text-sm border border-gray-100 rounded-md bg-gray-50 focus:outline-none focus:ring-2 focus:ring-purple500/20 focus:border-purple500",
+            onClick: (e) => e.stopPropagation()
+          }
+        ) }),
+        /* @__PURE__ */ jsx73("div", { className: "max-h-40 overflow-y-auto p-1", children: countries.filter(
+          (country) => country.name.toLowerCase().includes(searchTerm.toLowerCase()) || country.code.toLowerCase().includes(searchTerm.toLowerCase())
+        ).map((country) => /* @__PURE__ */ jsxs41(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-between px-3 py-2 rounded-md hover:bg-purple50 cursor-pointer transition-colors",
+              inputValue.includes(country.code) && "bg-purple50/50"
+            ),
+            onClick: (e) => {
+              e.stopPropagation();
+              const currentGeography = inputValue;
+              if (currentGeography.includes(country.code)) {
+                onChange(
+                  currentGeography.filter(
+                    (c) => c !== country.code
+                  )
+                );
+              } else {
+                onChange([...currentGeography, country.code]);
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx73("span", { className: "text-sm text-gray-700", children: country.name }),
+                /* @__PURE__ */ jsx73("span", { className: "text-xs text-gray-400 font-mono", children: country.code })
+              ] }),
+              inputValue.includes(country.code) && /* @__PURE__ */ jsx73(Check7, { className: "h-4 w-4 text-purple500" })
+            ]
+          },
+          country.code
+        )) })
+      ] })
+    ] }),
+    inputValue.length > 0 && /* @__PURE__ */ jsx73("div", { className: "flex flex-wrap gap-1.5", children: inputValue.map((countryCode) => /* @__PURE__ */ jsxs41(
+      Badge,
+      {
+        variant: "secondary",
+        className: "bg-purple50 text-purple700 border-purple100 hover:bg-purple100 cursor-default flex items-center gap-1 pr-1",
+        children: [
+          countryCode,
+          /* @__PURE__ */ jsxs41(
+            "button",
+            {
+              onClick: () => onChange(inputValue.filter((c) => c !== countryCode)),
+              className: "hover:bg-purple200 rounded-full p-0.5 transition-colors",
+              children: [
+                /* @__PURE__ */ jsx73(ChevronDown4, { className: "h-3 w-3 rotate-45" }),
+                " "
+              ]
+            }
+          )
+        ]
+      },
+      countryCode
+    )) })
+  ] });
+};
+var CountrySelectDisplay = ({ value }) => {
+  if (!value || !Array.isArray(value) || value.length === 0) {
+    return /* @__PURE__ */ jsx73("span", { className: "text-muted-foreground italic", children: "Not specified" });
+  }
+  return /* @__PURE__ */ jsx73("div", { className: "flex flex-wrap gap-1.5", children: value.map((countryCode) => /* @__PURE__ */ jsx73(
+    Badge,
+    {
+      variant: "outline",
+      className: "bg-gray-50 text-gray-700 border-gray-200",
+      children: countryCode
+    },
+    countryCode
+  )) });
+};
+var KeywordBundlesEdit = ({
+  value,
+  onChange
+}) => {
+  const bundles = Array.isArray(value) ? value : [];
+  const groups = {};
+  bundles.forEach((b, idx) => {
+    const p = Number(b?.priority) || 1;
+    if (!groups[p]) groups[p] = [];
+    groups[p].push({ bundle: b, index: idx });
+  });
+  const sortedPriorities = Object.keys(groups).map((n) => parseInt(n)).sort((a, b) => a - b);
+  return /* @__PURE__ */ jsx73("div", { className: "space-y-6 pt-2", children: sortedPriorities.map((priority) => /* @__PURE__ */ jsxs41("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs41(Badge, { className: "bg-purple500 hover:bg-purple500", children: [
+        "Priority ",
+        priority
+      ] }),
+      /* @__PURE__ */ jsx73("div", { className: "h-px flex-1 bg-gray-100" })
+    ] }),
+    groups[priority].map(({ bundle, index: bundleIndex }) => /* @__PURE__ */ jsx73(
+      "div",
+      {
+        className: "bg-gray-50/50 border border-gray-100 rounded-xl p-4 transition-all hover:bg-gray-50 hover:border-gray-200 shadow-sm",
+        children: /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsx73("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Keywords" }),
+          /* @__PURE__ */ jsxs41("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx73("div", { className: "flex flex-wrap gap-1.5", children: Array.isArray(bundle.keywords) && bundle.keywords.map((keyword, kIndex) => /* @__PURE__ */ jsxs41(
+              Badge,
+              {
+                className: "bg-white border-gray-200 text-gray-700 hover:bg-red-50 hover:text-red-600 hover:border-red-100 transition-all cursor-pointer group",
+                onClick: () => {
+                  const updatedBundles = [...bundles];
+                  updatedBundles[bundleIndex] = {
+                    ...bundle,
+                    keywords: bundle.keywords.filter(
+                      (_, i) => i !== kIndex
+                    )
+                  };
+                  onChange(updatedBundles);
+                },
+                children: [
+                  keyword,
+                  /* @__PURE__ */ jsx73("span", { className: "ml-1 opacity-0 group-hover:opacity-100 transition-opacity", children: "\xD7" })
+                ]
+              },
+              kIndex
+            )) }),
+            /* @__PURE__ */ jsx73("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx73(
+              "input",
+              {
+                type: "text",
+                placeholder: "Add keyword...",
+                className: "flex-1 px-3 py-1.5 text-sm border border-gray-200 rounded-md bg-white focus:outline-none focus:ring-2 focus:ring-purple-500/20 focus:border-purple-500",
+                onKeyPress: (e) => {
+                  if (e.key === "Enter") {
+                    const input = e.target;
+                    const val = input.value.trim();
+                    if (val) {
+                      const updatedBundles = [...bundles];
+                      updatedBundles[bundleIndex] = {
+                        ...bundle,
+                        keywords: [...bundle.keywords || [], val]
+                      };
+                      onChange(updatedBundles);
+                      input.value = "";
+                    }
+                  }
+                }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-1.5 mt-1", children: [
+            /* @__PURE__ */ jsx73("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Priority Level (1-5)" }),
+            /* @__PURE__ */ jsx73(
+              "input",
+              {
+                type: "number",
+                min: "1",
+                max: "5",
+                value: bundle.priority || 1,
+                onChange: (e) => {
+                  const updatedBundles = [...bundles];
+                  updatedBundles[bundleIndex] = {
+                    ...bundle,
+                    priority: parseInt(e.target.value) || 1
+                  };
+                  onChange(updatedBundles);
+                },
+                className: "w-20 px-3 py-1.5 text-sm border border-gray-200 rounded-md bg-white focus:ring-2 focus:ring-purple-500/20 focus:border-purple-500 outline-none"
+              }
+            )
+          ] })
+        ] })
+      },
+      bundleIndex
+    ))
+  ] }, priority)) });
+};
+var KeywordBundlesDisplay = ({ value }) => {
+  const bundles = Array.isArray(value) ? value : [];
+  if (bundles.length === 0)
+    return /* @__PURE__ */ jsx73("span", { className: "text-muted-foreground italic", children: "Not specified" });
+  const groups = {};
+  bundles.forEach((b) => {
+    const p = Number(b?.priority) || 1;
+    const keywords = Array.isArray(b?.keywords) ? b.keywords : [];
+    if (!groups[p]) groups[p] = [];
+    groups[p].push(...keywords);
+  });
+  const sortedPriorities = Object.keys(groups).map((n) => parseInt(n)).sort((a, b) => a - b);
+  return /* @__PURE__ */ jsx73("div", { className: "space-y-4 pt-1", children: sortedPriorities.map((priority) => {
+    const deduped = Array.from(new Set(groups[priority]));
+    return /* @__PURE__ */ jsxs41("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs41(
+          Badge,
+          {
+            variant: "outline",
+            className: "text-[10px] uppercase tracking-wider text-purple600 border-purple100 bg-purple50/30",
+            children: [
+              "Priority ",
+              priority
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx73("div", { className: "h-px flex-1 bg-gray-100/50" })
+      ] }),
+      /* @__PURE__ */ jsx73("div", { className: "flex flex-wrap gap-1.5", children: deduped.map((keyword) => /* @__PURE__ */ jsx73(
+        Badge,
+        {
+          variant: "secondary",
+          className: "bg-white border-gray-200 text-gray-700 font-medium",
+          children: keyword
+        },
+        keyword
+      )) })
+    ] }, priority);
+  }) });
+};
+
+// src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
+import { CheckCircle2 as CheckCircle23 } from "lucide-react";
+import { jsx as jsx74, jsxs as jsxs42 } from "react/jsx-runtime";
+var SEARCH_SPEC_FIELDS = [
+  {
+    key: "platforms",
+    label: "Platforms",
+    type: "select",
+    // Changed to select for simplicity in form, or custom if multi-select needed
+    placeholder: "Select platforms",
+    options: ["Instagram", "YouTube", "TikTok"]
+  },
+  {
+    key: "follower_range",
+    label: "Follower Range",
+    type: "slider",
+    placeholder: "Not specified",
+    sliderConfig: {
+      min: 0,
+      max: 5e6,
+      step: 1e4,
+      formatValue: (value) => {
+        if (!value || typeof value !== "object") return "0 - 2.5M followers";
+        const formatNum = (n) => {
+          if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+          if (n >= 1e3) return `${(n / 1e3).toFixed(0)}K`;
+          return n.toLocaleString();
+        };
+        return `${formatNum(value.min || 0)} - ${formatNum(value.max || 25e5)} followers`;
+      }
+    }
+  },
+  {
+    key: "geography",
+    label: "Geography",
+    type: "custom",
+    renderEdit: (value, onChange) => /* @__PURE__ */ jsx74(CountrySelectEdit, { value, onChange }),
+    renderDisplay: (value) => /* @__PURE__ */ jsx74(CountrySelectDisplay, { value })
+  },
+  {
+    key: "keyword_bundles",
+    label: "Keyword Bundles",
+    type: "custom",
+    renderEdit: (value, onChange) => /* @__PURE__ */ jsx74(KeywordBundlesEdit, { value, onChange }),
+    renderDisplay: (value) => /* @__PURE__ */ jsx74(KeywordBundlesDisplay, { value })
+  },
+  {
+    key: "desired_candidate_count",
+    label: "Initial Creators",
+    type: "number",
+    numberConfig: {
+      min: 1,
+      formatValue: (value) => `${value || 0} creators`
+    }
+  }
+];
+var SearchSpecCard = React56.memo(
+  ({
+    selectionStatus,
+    isLatestMessage = true,
+    className,
+    ...formCardProps
+  }) => {
+    return /* @__PURE__ */ jsx74(
+      FormCard,
+      {
+        ...formCardProps,
+        title: formCardProps.title || "Creator Search Settings",
+        fields: SEARCH_SPEC_FIELDS,
+        className,
+        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs42("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
+          /* @__PURE__ */ jsx74(CheckCircle23, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx74("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
+        ] }) : formCardProps.footer
+      }
+    );
+  }
+);
+SearchSpecCard.displayName = "SearchSpecCard";
+
+// src/molecules/creator-discovery/MCQCard/MCQCard.tsx
+import React57 from "react";
+import { CheckCircle2 as CheckCircle24, Sparkles } from "lucide-react";
+import { jsx as jsx75, jsxs as jsxs43 } from "react/jsx-runtime";
+var MCQCard = React57.memo(
+  ({
+    question,
+    options,
+    recommended,
+    selectedOption,
+    onSelect,
+    onProceed,
+    isLatestMessage = true,
+    countdown,
+    isPaused = false,
+    onPause,
+    isLoading = false,
+    className,
+    selectionStatus
+  }) => {
+    const handleOptionClick = (key) => {
+      if (isLatestMessage && !isLoading) {
+        onSelect?.(key);
+      }
+    };
+    const handleProceed = () => {
+      if (selectedOption || recommended) {
+        onProceed?.(selectedOption || recommended || "");
+      }
+    };
+    return /* @__PURE__ */ jsxs43(
+      Card,
+      {
+        className: cn(
+          "w-full rounded-[24px] border border-gray200 bg-white shadow-sm overflow-hidden",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx75(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx75(CardTitle, { className: "text-lg font-bold text-gray-900 tracking-tight leading-snug", children: question }) }),
+          /* @__PURE__ */ jsx75(CardContent, { className: "space-y-3 pb-6", children: Object.entries(options).map(([key, label]) => {
+            const isSelected = selectedOption === key;
+            const isRecommended = key === recommended;
+            return /* @__PURE__ */ jsxs43(
+              "div",
+              {
+                onClick: () => handleOptionClick(key),
+                className: cn(
+                  "group relative flex items-start gap-4 p-4 rounded-2xl border transition-all duration-200 cursor-pointer",
+                  isSelected ? "border-purple500 bg-purple50/30" : "border-gray-100 bg-gray-50/30 hover:border-gray-300 hover:bg-gray-50",
+                  isLoading && "opacity-50 cursor-not-allowed"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx75(
+                    "div",
+                    {
+                      className: cn(
+                        "mt-1 w-5 h-5 rounded-full border-2 flex items-center justify-center transition-colors",
+                        isSelected ? "border-purple500 bg-purple500" : "border-gray-300 bg-white group-hover:border-gray-400"
+                      ),
+                      children: isSelected && /* @__PURE__ */ jsx75("div", { className: "w-1.5 h-1.5 rounded-full bg-white" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx75("div", { className: "flex-1 space-y-1.5", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                    /* @__PURE__ */ jsx75(
+                      "span",
+                      {
+                        className: cn(
+                          "text-sm font-semibold transition-colors",
+                          isSelected ? "text-purple900" : "text-gray700"
+                        ),
+                        children: label
+                      }
+                    ),
+                    isRecommended && /* @__PURE__ */ jsxs43(
+                      Badge,
+                      {
+                        variant: "outline",
+                        className: "bg-green-50 text-green-700 border-green-100 flex items-center gap-1 text-[10px] py-0 h-5",
+                        children: [
+                          /* @__PURE__ */ jsx75(Sparkles, { className: "h-3 w-3" }),
+                          "Recommended"
+                        ]
+                      }
+                    ),
+                    isSelected && !isLatestMessage && /* @__PURE__ */ jsx75(
+                      Badge,
+                      {
+                        variant: "outline",
+                        className: "bg-purple-50 text-purple-700 border-purple-100 text-[10px] py-0 h-5",
+                        children: "Selected"
+                      }
+                    )
+                  ] }) })
+                ]
+              },
+              key
+            );
+          }) }),
+          /* @__PURE__ */ jsx75(CardFooter, { className: "flex flex-col gap-4 pt-0 border-t border-gray-100/50 bg-gray-50/30 p-6", children: isLatestMessage ? /* @__PURE__ */ jsx75("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ jsx75(
+            ActionButton,
+            {
+              label: selectedOption ? "Continue" : "Proceed with Recommendation",
+              countdown,
+              isPaused,
+              onPause,
+              onProceed: handleProceed,
+              isLoading,
+              disabled: !selectedOption && !recommended
+            }
+          ) }) : /* @__PURE__ */ jsxs43("div", { className: "w-full flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold", children: [
+            /* @__PURE__ */ jsx75(CheckCircle24, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx75("span", { children: selectionStatus === "agent" ? "Suggested by Agent, Approved by You" : "Selected by You" })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+MCQCard.displayName = "MCQCard";
+
+// src/render/PXEngineRenderer.tsx
+import { Fragment as Fragment3, jsx as jsx76 } from "react/jsx-runtime";
+var PXEngineRenderer = ({
+  schema,
+  onAction
+}) => {
+  const root = "root" in schema ? schema.root : schema;
+  const renderAtom = (atom, renderComponent2) => {
+    const { type, id } = atom;
+    switch (type) {
+      case "layout":
+        return /* @__PURE__ */ jsx76(
+          LayoutAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "card":
+        return /* @__PURE__ */ jsx76(
+          CardAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "text":
+        return /* @__PURE__ */ jsx76(TextAtom, { ...atom }, id);
+      case "button":
+        return /* @__PURE__ */ jsx76(ButtonAtom, { ...atom, onAction }, id);
+      case "input":
+        return /* @__PURE__ */ jsx76(InputAtom, { ...atom }, id);
+      case "badge":
+        return /* @__PURE__ */ jsx76(BadgeAtom, { ...atom }, id);
+      case "avatar":
+        return /* @__PURE__ */ jsx76(AvatarAtom, { ...atom }, id);
+      case "progress":
+        return /* @__PURE__ */ jsx76(ProgressAtom, { ...atom }, id);
+      case "skeleton":
+        return /* @__PURE__ */ jsx76(SkeletonAtom, { ...atom }, id);
+      case "alert":
+        return /* @__PURE__ */ jsx76(AlertAtom, { ...atom }, id);
+      case "separator":
+        return /* @__PURE__ */ jsx76(SeparatorAtom, { ...atom }, id);
+      case "table":
+        return /* @__PURE__ */ jsx76(TableAtom, { ...atom }, id);
+      case "tabs":
+        return /* @__PURE__ */ jsx76(
+          TabsAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "accordion":
+        return /* @__PURE__ */ jsx76(
+          AccordionAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "scroll-area":
+        return /* @__PURE__ */ jsx76(
+          ScrollAreaAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "carousel":
+        return /* @__PURE__ */ jsx76(
+          CarouselAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "aspect-ratio":
+        return /* @__PURE__ */ jsx76(
+          AspectRatioAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "collapsible":
+        return /* @__PURE__ */ jsx76(
+          CollapsibleAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "tooltip":
+        return /* @__PURE__ */ jsx76(
+          TooltipAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "popover":
+        return /* @__PURE__ */ jsx76(
+          PopoverAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "dialog":
+        return /* @__PURE__ */ jsx76(
+          DialogAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "sheet":
+        return /* @__PURE__ */ jsx76(
+          SheetAtom,
+          {
+            ...atom,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "alert-dialog":
+        return /* @__PURE__ */ jsx76(
+          AlertDialogAtom,
+          {
+            ...atom,
+            onAction,
+            renderComponent: renderComponent2
+          },
+          id
+        );
+      case "breadcrumb":
+        return /* @__PURE__ */ jsx76(BreadcrumbAtom, { ...atom }, id);
+      case "spinner":
+        return /* @__PURE__ */ jsx76(SpinnerAtom, { ...atom }, id);
+      case "calendar":
+        return /* @__PURE__ */ jsx76(CalendarAtom, { ...atom }, id);
+      case "pagination":
+        return /* @__PURE__ */ jsx76(PaginationAtom, { ...atom }, id);
+      case "command":
+        return /* @__PURE__ */ jsx76(CommandAtom, { ...atom }, id);
+      default:
+        return null;
+    }
+  };
+  const renderMolecule = (molecule) => {
+    const { type, id } = molecule;
+    switch (type) {
+      case "campaign-seed":
+        return /* @__PURE__ */ jsx76(
+          CampaignSeedCard,
+          {
+            ...molecule,
+            onProceed: () => onAction?.(molecule.proceedAction || "proceed")
+          },
+          id
+        );
+      case "search-spec":
+        return /* @__PURE__ */ jsx76(
+          SearchSpecCard,
+          {
+            ...molecule,
+            onProceed: () => onAction?.(molecule.proceedAction || "proceed")
+          },
+          id
+        );
+      case "mcq":
+        return /* @__PURE__ */ jsx76(
+          MCQCard,
+          {
+            ...molecule,
+            onProceed: () => onAction?.(molecule.proceedAction || "proceed")
+          },
+          id
+        );
+      case "action-button":
+        return /* @__PURE__ */ jsx76(
+          ActionButton,
+          {
+            ...molecule,
+            onProceed: () => onAction?.(molecule.action || "proceed")
+          },
+          id
+        );
+      default:
+        return null;
+    }
+  };
+  const renderComponent = (component) => {
+    const { type } = component;
+    const isAtom = [
+      "layout",
+      "card",
+      "text",
+      "button",
+      "input",
+      "badge",
+      "avatar",
+      "progress",
+      "skeleton",
+      "alert",
+      "separator",
+      "table",
+      "tabs",
+      "accordion",
+      "scroll-area",
+      "carousel",
+      "aspect-ratio",
+      "collapsible",
+      "tooltip",
+      "popover",
+      "dialog",
+      "sheet",
+      "alert-dialog",
+      "breadcrumb",
+      "spinner",
+      "calendar",
+      "pagination",
+      "command"
+    ].includes(type);
+    if (isAtom) {
+      return renderAtom(component, renderComponent);
+    }
+    return renderMolecule(component);
+  };
+  return /* @__PURE__ */ jsx76(Fragment3, { children: renderComponent(root) });
+};
+export {
+  Accordion,
+  AccordionAtom,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  ActionButton,
+  Alert,
+  AlertAtom,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogAtom,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AspectRatio,
+  AspectRatioAtom,
+  Avatar,
+  AvatarAtom,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  BadgeAtom,
+  Breadcrumb,
+  BreadcrumbAtom,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  ButtonAtom,
+  CAMPAIGN_SEED_FIELDS,
+  Calendar,
+  CalendarAtom,
+  CampaignSeedCard,
+  Card,
+  CardAtom,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselAtom,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  Checkbox,
+  Collapsible,
+  CollapsibleAtom,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  Command,
+  CommandAtom,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuTrigger,
+  CountrySelectDisplay,
+  CountrySelectEdit,
+  Dialog,
+  DialogAtom,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuTrigger,
+  EditableField,
+  Form,
+  FormCard,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  Input,
+  InputAtom,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  KeywordBundlesDisplay,
+  KeywordBundlesEdit,
+  Label,
+  LayoutAtom,
+  MCQCard,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarItem,
+  MenubarLabel,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  PXEngineRenderer,
+  Pagination,
+  PaginationAtom,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverAtom,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  ProgressAtom,
+  RadioGroup,
+  RadioGroupItem,
+  ResizablePanel,
+  ResizablePanelGroup,
+  SEARCH_SPEC_FIELDS,
+  ScrollArea,
+  ScrollAreaAtom,
+  ScrollBar,
+  SearchSpecCard,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator2 as Separator,
+  SeparatorAtom,
+  Sheet,
+  SheetAtom,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  SkeletonAtom,
+  Slider,
+  Spinner,
+  SpinnerAtom,
+  Switch,
+  Table,
+  TableAtom,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsAtom,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TextAtom,
+  Textarea,
+  Tooltip,
+  TooltipAtom,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  cn
+};