pxengine 0.1.96 → 0.1.98

package/dist/index.mjs

@@ -5,7 +5,7 @@ var __export = (target, all) => {
 };
 
 // src/render/PXEngineRenderer.tsx
-import React117 from "react";
+import React118 from "react";
 
 // src/atoms/index.ts
 var atoms_exports = {};
@@ -24796,6 +24796,9 @@ var CardAtom = ({
   );
 };
 
+// src/atoms/InputAtom.tsx
+import React14 from "react";
+
 // src/components/ui/input.tsx
 import * as React5 from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
@@ -25122,8 +25125,24 @@ var InputAtom = ({
   config,
   labelColor,
   className,
-  style
+  style,
+  fieldKey,
+  id,
+  onValueChange
 }) => {
+  const [liveValue, setLiveValue] = React14.useState(defaultValue);
+  const isInteractive = typeof onValueChange === "function";
+  React14.useEffect(() => {
+    if (isInteractive) {
+      setLiveValue(defaultValue);
+    }
+  }, [defaultValue, isInteractive]);
+  const handleChange = (val) => {
+    setLiveValue(val);
+    if (onValueChange) {
+      onValueChange(fieldKey || id || label || "field", val);
+    }
+  };
   const containerClass = cn("flex flex-col gap-2 w-full", className);
   const getAlignmentClass = (textAlign2) => {
     switch (textAlign2) {
@@ -25168,12 +25187,14 @@ var InputAtom = ({
       },
       ...remainingStyle
     };
+    const currentValue = isInteractive ? liveValue : defaultValue;
     const commonProps = {
       placeholder,
-      value: defaultValue,
+      value: currentValue,
       disabled,
       required,
-      readOnly: true,
+      // Only readOnly when not in interactive mode
+      ...isInteractive ? {} : { readOnly: true },
       className: cn(
         "rounded-xl border-border bg-transparent focus:ring-primary shadow-none",
         className
@@ -25182,29 +25203,45 @@ var InputAtom = ({
     };
     switch (inputType) {
       case "textarea":
-        return /* @__PURE__ */ jsx17(Textarea, { ...commonProps, rows: config?.rows || 3 });
+        return /* @__PURE__ */ jsx17(
+          Textarea,
+          {
+            ...commonProps,
+            rows: config?.rows || 3,
+            onChange: isInteractive ? (e) => handleChange(e.target.value) : void 0
+          }
+        );
       case "select":
-        return /* @__PURE__ */ jsxs6(Select, { value: defaultValue, disabled, children: [
-          /* @__PURE__ */ jsx17(
-            SelectTrigger,
-            {
-              className: cn("rounded-xl border-border bg-transparent shadow-none", className),
-              style: remainingStyle,
-              children: /* @__PURE__ */ jsx17(SelectValue, { placeholder: placeholder || "Select option" })
-            }
-          ),
-          /* @__PURE__ */ jsx17(SelectContent, { className: "rounded-xl border-border shadow-xl", children: options?.map((opt) => /* @__PURE__ */ jsx17(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
-        ] });
+        return /* @__PURE__ */ jsxs6(
+          Select,
+          {
+            value: currentValue,
+            disabled,
+            onValueChange: isInteractive ? (val) => handleChange(val) : void 0,
+            children: [
+              /* @__PURE__ */ jsx17(
+                SelectTrigger,
+                {
+                  className: cn("rounded-xl border-border bg-transparent shadow-none", className),
+                  style: remainingStyle,
+                  children: /* @__PURE__ */ jsx17(SelectValue, { placeholder: placeholder || "Select option" })
+                }
+              ),
+              /* @__PURE__ */ jsx17(SelectContent, { className: "rounded-xl border-border shadow-xl", children: options?.map((opt) => /* @__PURE__ */ jsx17(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+            ]
+          }
+        );
       case "slider":
         return /* @__PURE__ */ jsx17("div", { className: "pt-2 pb-1 w-full bg-transparent", style: remainingStyle, children: /* @__PURE__ */ jsx17(
           Slider,
           {
-            value: [defaultValue || config?.min || 0],
+            value: [currentValue ?? config?.min ?? 0],
             max: config?.max || 100,
             min: config?.min || 0,
             step: config?.step || 1,
             disabled,
-            className: cn("py-4", className)
+            className: cn("py-4", className),
+            onValueChange: isInteractive ? ([val]) => handleChange(val) : void 0
           }
         ) });
       case "checkbox":
@@ -25213,9 +25250,10 @@ var InputAtom = ({
             Checkbox,
             {
               id: label,
-              checked: defaultValue,
+              checked: Boolean(currentValue),
               disabled,
-              className: "rounded-[6px] border-border data-[state=checked]:bg-primary"
+              className: "rounded-[6px] border-border data-[state=checked]:bg-primary",
+              onCheckedChange: isInteractive ? (checked) => handleChange(Boolean(checked)) : void 0
             }
           ),
           /* @__PURE__ */ jsx17(
@@ -25243,9 +25281,10 @@ var InputAtom = ({
             Switch,
             {
               id: label,
-              checked: defaultValue,
+              checked: Boolean(currentValue),
               disabled,
-              className: "data-[state=checked]:bg-primary"
+              className: "data-[state=checked]:bg-primary",
+              onCheckedChange: isInteractive ? (checked) => handleChange(Boolean(checked)) : void 0
             }
           )
         ] });
@@ -25253,10 +25292,11 @@ var InputAtom = ({
         return /* @__PURE__ */ jsx17(
           RadioGroup,
           {
-            value: defaultValue,
+            value: currentValue,
             disabled,
             className: cn("gap-2.5 bg-transparent", className),
             style: remainingStyle,
+            onValueChange: isInteractive ? (val) => handleChange(val) : void 0,
             children: options?.map((opt) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center space-x-3 bg-transparent", children: [
               /* @__PURE__ */ jsx17(
                 RadioGroupItem,
@@ -25279,21 +25319,31 @@ var InputAtom = ({
           }
         );
       case "otp":
-        return /* @__PURE__ */ jsx17("div", { className: "flex justify-center py-2 bg-transparent", style: remainingStyle, children: /* @__PURE__ */ jsx17(InputOTP, { maxLength: config?.maxLength || 6, disabled, value: defaultValue, children: /* @__PURE__ */ jsx17(InputOTPGroup, { className: "gap-2 bg-transparent", children: Array.from({ length: config?.maxLength || 6 }).map((_, i) => /* @__PURE__ */ jsx17(
-          InputOTPSlot,
+        return /* @__PURE__ */ jsx17("div", { className: "flex justify-center py-2 bg-transparent", style: remainingStyle, children: /* @__PURE__ */ jsx17(
+          InputOTP,
           {
-            index: i,
-            className: "rounded-xl border border-border bg-transparent"
-          },
-          i
-        )) }) }) });
+            maxLength: config?.maxLength || 6,
+            disabled,
+            value: currentValue ?? "",
+            onChange: isInteractive ? (val) => handleChange(val) : void 0,
+            children: /* @__PURE__ */ jsx17(InputOTPGroup, { className: "gap-2 bg-transparent", children: Array.from({ length: config?.maxLength || 6 }).map((_, i) => /* @__PURE__ */ jsx17(
+              InputOTPSlot,
+              {
+                index: i,
+                className: "rounded-xl border border-border bg-transparent"
+              },
+              i
+            )) })
+          }
+        ) });
       default:
         return /* @__PURE__ */ jsx17(
           Input,
           {
             ...commonProps,
             type: inputType,
-            className: cn("rounded-xl border-border bg-transparent focus:ring-primary h-11 shadow-none", className)
+            className: cn("rounded-xl border-border bg-transparent focus:ring-primary h-11 shadow-none", className),
+            onChange: isInteractive ? (e) => handleChange(e.target.value) : void 0
           }
         );
     }
@@ -25367,10 +25417,10 @@ var BadgeAtom = ({
 };
 
 // src/components/ui/avatar.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { jsx as jsx20 } from "react/jsx-runtime";
-var Avatar = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var Avatar = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AvatarPrimitive.Root,
   {
     ref,
@@ -25382,7 +25432,7 @@ var Avatar = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var AvatarImage = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AvatarPrimitive.Image,
   {
     ref,
@@ -25391,7 +25441,7 @@ var AvatarImage = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var AvatarFallback = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -25433,14 +25483,14 @@ var AvatarAtom = ({
 };
 
 // src/atoms/TabsAtom.tsx
-import React16 from "react";
+import React17 from "react";
 
 // src/components/ui/tabs.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { jsx as jsx22 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var TabsList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   TabsPrimitive.List,
   {
     ref,
@@ -25452,7 +25502,7 @@ var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var TabsTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -25464,7 +25514,7 @@ var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var TabsContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   TabsPrimitive.Content,
   {
     ref,
@@ -25495,19 +25545,19 @@ var TabsAtom = ({
       },
       tab.value
     )) }),
-    tabs.map((tab) => /* @__PURE__ */ jsx23(TabsContent, { value: tab.value, className: "mt-4", children: tab.content.map((child) => /* @__PURE__ */ jsx23(React16.Fragment, { children: renderComponent(child) }, child.id)) }, tab.value))
+    tabs.map((tab) => /* @__PURE__ */ jsx23(TabsContent, { value: tab.value, className: "mt-4", children: tab.content.map((child) => /* @__PURE__ */ jsx23(React17.Fragment, { children: renderComponent(child) }, child.id)) }, tab.value))
   ] });
 };
 
 // src/atoms/AccordionAtom.tsx
-import React18 from "react";
+import React19 from "react";
 
 // src/components/ui/accordion.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var AccordionItem = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   AccordionPrimitive.Item,
   {
     ref,
@@ -25516,7 +25566,7 @@ var AccordionItem = React17.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx24(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs9(
+var AccordionTrigger = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx24(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs9(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -25532,7 +25582,7 @@ var AccordionTrigger = React17.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx24(
+var AccordionContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx24(
   AccordionPrimitive.Content,
   {
     ref,
@@ -25557,7 +25607,7 @@ var AccordionAtom = ({
       className: "border-gray-100",
       children: [
         /* @__PURE__ */ jsx25(AccordionTrigger, { className: "text-sm font-semibold hover:no-underline hover:text-purple600 py-4", children: item.trigger }),
-        /* @__PURE__ */ jsx25(AccordionContent, { children: /* @__PURE__ */ jsx25("div", { className: "pt-2 pb-4", children: item.content.map((child) => /* @__PURE__ */ jsx25(React18.Fragment, { children: renderComponent(child) }, child.id)) }) })
+        /* @__PURE__ */ jsx25(AccordionContent, { children: /* @__PURE__ */ jsx25("div", { className: "pt-2 pb-4", children: item.content.map((child) => /* @__PURE__ */ jsx25(React19.Fragment, { children: renderComponent(child) }, child.id)) }) })
       ]
     },
     item.value
@@ -25565,10 +25615,10 @@ var AccordionAtom = ({
 };
 
 // src/components/ui/progress.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx26 } from "react/jsx-runtime";
-var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx26(
+var Progress = React20.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx26(
   ProgressPrimitive.Root,
   {
     ref,
@@ -25649,7 +25699,7 @@ var SkeletonAtom = ({
 };
 
 // src/components/ui/alert.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { cva as cva4 } from "class-variance-authority";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var alertVariants = cva4(
@@ -25666,7 +25716,7 @@ var alertVariants = cva4(
     }
   }
 );
-var Alert = React20.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx30(
+var Alert = React21.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx30(
   "div",
   {
     ref,
@@ -25676,7 +25726,7 @@ var Alert = React20.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var AlertTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "h5",
   {
     ref,
@@ -25685,7 +25735,7 @@ var AlertTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var AlertDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "div",
   {
     ref,
@@ -25745,10 +25795,10 @@ var AlertAtom = ({
 };
 
 // src/components/ui/separator.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { jsx as jsx32 } from "react/jsx-runtime";
-var Separator2 = React21.forwardRef(
+var Separator2 = React22.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx32(
     SeparatorPrimitive.Root,
     {
@@ -25789,9 +25839,9 @@ var SeparatorAtom = ({
 };
 
 // src/components/ui/table.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import { jsx as jsx34 } from "react/jsx-runtime";
-var Table3 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx34(
+var Table3 = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx34(
   "table",
   {
     ref,
@@ -25800,9 +25850,9 @@ var Table3 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ) }));
 Table3.displayName = "Table";
-var TableHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "tbody",
   {
     ref,
@@ -25811,7 +25861,7 @@ var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "tfoot",
   {
     ref,
@@ -25823,7 +25873,7 @@ var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "tr",
   {
     ref,
@@ -25835,7 +25885,7 @@ var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "th",
   {
     ref,
@@ -25847,7 +25897,7 @@ var TableHead = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "td",
   {
     ref,
@@ -25856,7 +25906,7 @@ var TableCell = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "caption",
   {
     ref,
@@ -25941,13 +25991,13 @@ var TableAtom = ({
 };
 
 // src/atoms/ScrollAreaAtom.tsx
-import React24 from "react";
+import React25 from "react";
 
 // src/components/ui/scroll-area.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
-var ScrollArea = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+var ScrollArea = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -25961,7 +26011,7 @@ var ScrollArea = React23.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React23.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx36(
+var ScrollBar = React24.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx36(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -25992,7 +26042,7 @@ var ScrollAreaAtom = ({
       className: cn("rounded-xl border", className),
       style: { height: maxHeight },
       children: [
-        /* @__PURE__ */ jsx37("div", { className: "p-4", children: children.map((child) => /* @__PURE__ */ jsx37(React24.Fragment, { children: renderComponent(child) }, child.id)) }),
+        /* @__PURE__ */ jsx37("div", { className: "p-4", children: children.map((child) => /* @__PURE__ */ jsx37(React25.Fragment, { children: renderComponent(child) }, child.id)) }),
         /* @__PURE__ */ jsx37(ScrollBar, { orientation: "vertical" })
       ]
     }
@@ -26000,21 +26050,21 @@ var ScrollAreaAtom = ({
 };
 
 // src/atoms/CarouselAtom.tsx
-import React26 from "react";
+import React27 from "react";
 
 // src/components/ui/carousel.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
-var CarouselContext = React25.createContext(null);
+var CarouselContext = React26.createContext(null);
 function useCarousel() {
-  const context = React25.useContext(CarouselContext);
+  const context = React26.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React25.forwardRef(
+var Carousel = React26.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -26031,22 +26081,22 @@ var Carousel = React25.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React25.useState(false);
-    const [canScrollNext, setCanScrollNext] = React25.useState(false);
-    const onSelect = React25.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React26.useState(false);
+    const [canScrollNext, setCanScrollNext] = React26.useState(false);
+    const onSelect = React26.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React25.useCallback(() => {
+    const scrollPrev = React26.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React25.useCallback(() => {
+    const scrollNext = React26.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React25.useCallback(
+    const handleKeyDown = React26.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -26058,13 +26108,13 @@ var Carousel = React25.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (!api) {
         return;
       }
@@ -26105,7 +26155,7 @@ var Carousel = React25.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React25.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsx38("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx38(
     "div",
@@ -26121,7 +26171,7 @@ var CarouselContent = React25.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React25.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsx38(
     "div",
@@ -26139,7 +26189,7 @@ var CarouselItem = React25.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React25.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ jsxs15(
     Button,
@@ -26163,7 +26213,7 @@ var CarouselPrevious = React25.forwardRef(({ className, variant = "outline", siz
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React25.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ jsxs15(
     Button,
@@ -26196,14 +26246,14 @@ var CarouselAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ jsxs16(Carousel, { className: cn("w-full max-w-xs mx-auto", className), children: [
-    /* @__PURE__ */ jsx39(CarouselContent, { children: items.map((slide, index) => /* @__PURE__ */ jsx39(CarouselItem, { children: /* @__PURE__ */ jsx39("div", { className: "p-1", children: slide.map((child) => /* @__PURE__ */ jsx39(React26.Fragment, { children: renderComponent(child) }, child.id)) }) }, index)) }),
+    /* @__PURE__ */ jsx39(CarouselContent, { children: items.map((slide, index) => /* @__PURE__ */ jsx39(CarouselItem, { children: /* @__PURE__ */ jsx39("div", { className: "p-1", children: slide.map((child) => /* @__PURE__ */ jsx39(React27.Fragment, { children: renderComponent(child) }, child.id)) }) }, index)) }),
     /* @__PURE__ */ jsx39(CarouselPrevious, {}),
     /* @__PURE__ */ jsx39(CarouselNext, {})
   ] });
 };
 
 // src/atoms/AspectRatioAtom.tsx
-import React27 from "react";
+import React28 from "react";
 
 // src/components/ui/aspect-ratio.tsx
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
@@ -26217,11 +26267,11 @@ var AspectRatioAtom = ({
   className,
   renderComponent
 }) => {
-  return /* @__PURE__ */ jsx40("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx40(AspectRatio, { ratio, children: children.map((child) => /* @__PURE__ */ jsx40(React27.Fragment, { children: renderComponent(child) }, child.id)) }) });
+  return /* @__PURE__ */ jsx40("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx40(AspectRatio, { ratio, children: children.map((child) => /* @__PURE__ */ jsx40(React28.Fragment, { children: renderComponent(child) }, child.id)) }) });
 };
 
 // src/atoms/CollapsibleAtom.tsx
-import React28 from "react";
+import React29 from "react";
 
 // src/components/ui/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
@@ -26244,24 +26294,24 @@ var CollapsibleAtom = ({
       defaultOpen,
       className: cn("w-full space-y-2", className),
       children: [
-        /* @__PURE__ */ jsx41(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsx41("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__ */ jsx41(React28.Fragment, { children: renderComponent(child) }, child.id)) }) }),
-        /* @__PURE__ */ jsx41(CollapsibleContent2, { className: "space-y-2", children: content.map((child) => /* @__PURE__ */ jsx41(React28.Fragment, { children: renderComponent(child) }, child.id)) })
+        /* @__PURE__ */ jsx41(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsx41("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__ */ jsx41(React29.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+        /* @__PURE__ */ jsx41(CollapsibleContent2, { className: "space-y-2", children: content.map((child) => /* @__PURE__ */ jsx41(React29.Fragment, { children: renderComponent(child) }, child.id)) })
       ]
     }
   );
 };
 
 // src/atoms/TooltipAtom.tsx
-import React30 from "react";
+import React31 from "react";
 
 // src/components/ui/tooltip.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { jsx as jsx42 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React29.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx42(
+var TooltipContent = React30.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx42(
   TooltipPrimitive.Content,
   {
     ref,
@@ -26284,21 +26334,21 @@ var TooltipAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ jsx43(TooltipProvider, { children: /* @__PURE__ */ jsxs18(Tooltip, { children: [
-    /* @__PURE__ */ jsx43(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx43("div", { className: cn("inline-block", className), children: children.map((child) => /* @__PURE__ */ jsx43(React30.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsx43(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx43("div", { className: cn("inline-block", className), children: children.map((child) => /* @__PURE__ */ jsx43(React31.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ jsx43(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 React32 from "react";
+import React33 from "react";
 
 // src/components/ui/popover.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { jsx as jsx44 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React31.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx44(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx44(
+var PopoverContent = React32.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx44(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx44(
   PopoverPrimitive.Content,
   {
     ref,
@@ -26322,23 +26372,23 @@ var PopoverAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ jsxs19(Popover, { children: [
-    /* @__PURE__ */ jsx45(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx45("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx45(React32.Fragment, { children: renderComponent(child) }, child.id)) }) }),
-    /* @__PURE__ */ jsx45(PopoverContent, { className: "w-80 rounded-2xl shadow-2xl border-gray-100 p-4 bg-white/95 backdrop-blur-sm", children: content.map((child) => /* @__PURE__ */ jsx45(React32.Fragment, { children: renderComponent(child) }, child.id)) })
+    /* @__PURE__ */ jsx45(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx45("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx45(React33.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsx45(PopoverContent, { className: "w-80 rounded-2xl shadow-2xl border-gray-100 p-4 bg-white/95 backdrop-blur-sm", children: content.map((child) => /* @__PURE__ */ jsx45(React33.Fragment, { children: renderComponent(child) }, child.id)) })
   ] });
 };
 
 // src/atoms/DialogAtom.tsx
-import React34 from "react";
+import React35 from "react";
 
 // src/components/ui/dialog.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { jsx as jsx46, jsxs as jsxs20 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var DialogOverlay = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -26350,7 +26400,7 @@ var DialogOverlay = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(DialogPortal, { children: [
+var DialogContent = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(DialogPortal, { children: [
   /* @__PURE__ */ jsx46(DialogOverlay, {}),
   /* @__PURE__ */ jsxs20(
     DialogPrimitive.Content,
@@ -26400,7 +26450,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var DialogTitle = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   DialogPrimitive.Title,
   {
     ref,
@@ -26412,7 +26462,7 @@ var DialogTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+var DialogDescription = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
   DialogPrimitive.Description,
   {
     ref,
@@ -26434,23 +26484,23 @@ var DialogAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ jsxs21(Dialog, { children: [
-    /* @__PURE__ */ jsx47(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx47("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx47(React34.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsx47(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx47("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx47(React35.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ jsxs21(DialogContent, { className: "sm:max-w-[425px] rounded-3xl p-6 bg-white/95 backdrop-blur-md shadow-3xl border-gray-100", children: [
       /* @__PURE__ */ jsxs21(DialogHeader, { children: [
         /* @__PURE__ */ jsx47(DialogTitle, { className: "text-xl font-bold bg-gradient-to-r from-purple600 to-indigo-600 bg-clip-text text-transparent", children: title }),
         description && /* @__PURE__ */ jsx47(DialogDescription, { className: "text-gray-500 font-medium pt-1", children: description })
       ] }),
-      /* @__PURE__ */ jsx47("div", { className: "py-4", children: children.map((child) => /* @__PURE__ */ jsx47(React34.Fragment, { children: renderComponent(child) }, child.id)) }),
-      footer && /* @__PURE__ */ jsx47(DialogFooter, { className: "pt-2", children: footer.map((child) => /* @__PURE__ */ jsx47(React34.Fragment, { children: renderComponent(child) }, child.id)) })
+      /* @__PURE__ */ jsx47("div", { className: "py-4", children: children.map((child) => /* @__PURE__ */ jsx47(React35.Fragment, { children: renderComponent(child) }, child.id)) }),
+      footer && /* @__PURE__ */ jsx47(DialogFooter, { className: "pt-2", children: footer.map((child) => /* @__PURE__ */ jsx47(React35.Fragment, { children: renderComponent(child) }, child.id)) })
     ] })
   ] });
 };
 
 // src/atoms/SheetAtom.tsx
-import React36 from "react";
+import React37 from "react";
 
 // src/components/ui/sheet.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva5 } from "class-variance-authority";
 import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -26458,7 +26508,7 @@ var Sheet2 = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+var SheetOverlay = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -26486,7 +26536,7 @@ var sheetVariants = cva5(
     }
   }
 );
-var SheetContent = React35.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(SheetPortal, { children: [
+var SheetContent = React36.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(SheetPortal, { children: [
   /* @__PURE__ */ jsx48(SheetOverlay, {}),
   /* @__PURE__ */ jsxs22(
     SheetPrimitive.Content,
@@ -26533,7 +26583,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+var SheetTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
   SheetPrimitive.Title,
   {
     ref,
@@ -26542,7 +26592,7 @@ var SheetTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
+var SheetDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
   SheetPrimitive.Description,
   {
     ref,
@@ -26565,7 +26615,7 @@ var SheetAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ jsxs23(Sheet2, { children: [
-    /* @__PURE__ */ jsx49(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx49("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx49(React36.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsx49(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx49("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx49(React37.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ jsxs23(
       SheetContent,
       {
@@ -26576,8 +26626,8 @@ var SheetAtom = ({
             /* @__PURE__ */ jsx49(SheetTitle, { className: "text-xl font-bold text-gray-900", children: title }),
             description && /* @__PURE__ */ jsx49(SheetDescription, { className: "text-gray-500 font-medium", children: description })
           ] }),
-          /* @__PURE__ */ jsx49("div", { className: "py-8", children: children.map((child) => /* @__PURE__ */ jsx49(React36.Fragment, { children: renderComponent(child) }, child.id)) }),
-          footer && /* @__PURE__ */ jsx49(SheetFooter, { className: "absolute bottom-6 left-6 right-6", children: footer.map((child) => /* @__PURE__ */ jsx49(React36.Fragment, { children: renderComponent(child) }, child.id)) })
+          /* @__PURE__ */ jsx49("div", { className: "py-8", children: children.map((child) => /* @__PURE__ */ jsx49(React37.Fragment, { children: renderComponent(child) }, child.id)) }),
+          footer && /* @__PURE__ */ jsx49(SheetFooter, { className: "absolute bottom-6 left-6 right-6", children: footer.map((child) => /* @__PURE__ */ jsx49(React37.Fragment, { children: renderComponent(child) }, child.id)) })
         ]
       }
     )
@@ -26585,16 +26635,16 @@ var SheetAtom = ({
 };
 
 // src/atoms/AlertDialogAtom.tsx
-import React38 from "react";
+import React39 from "react";
 
 // src/components/ui/alert-dialog.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+var AlertDialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -26606,7 +26656,7 @@ var AlertDialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs24(AlertDialogPortal, { children: [
+var AlertDialogContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs24(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx50(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx50(
     AlertDialogPrimitive.Content,
@@ -26649,7 +26699,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+var AlertDialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -26658,7 +26708,7 @@ var AlertDialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+var AlertDialogDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -26667,7 +26717,7 @@ var AlertDialogDescription = React37.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+var AlertDialogAction = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -26676,7 +26726,7 @@ var AlertDialogAction = React37.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
+var AlertDialogCancel = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx50(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -26704,7 +26754,7 @@ var AlertDialogAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ jsxs25(AlertDialog, { children: [
-    /* @__PURE__ */ jsx51(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx51("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx51(React38.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ jsx51(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx51("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ jsx51(React39.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ jsxs25(AlertDialogContent, { className: "rounded-3xl p-6 bg-white shadow-3xl border-gray-100", children: [
       /* @__PURE__ */ jsxs25(AlertDialogHeader, { children: [
         /* @__PURE__ */ jsx51(AlertDialogTitle, { className: "text-lg font-bold text-gray-900", children: title }),
@@ -26726,15 +26776,15 @@ var AlertDialogAtom = ({
 };
 
 // src/atoms/BreadcrumbAtom.tsx
-import React40 from "react";
+import React41 from "react";
 
 // src/components/ui/breadcrumb.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
-var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx52("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React40.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx52("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
+var BreadcrumbList = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
   "ol",
   {
     ref,
@@ -26746,7 +26796,7 @@ var BreadcrumbList = React39.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
+var BreadcrumbItem = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
   "li",
   {
     ref,
@@ -26755,7 +26805,7 @@ var BreadcrumbItem = React39.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React39.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React40.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot2 : "a";
   return /* @__PURE__ */ jsx52(
     Comp,
@@ -26767,7 +26817,7 @@ var BreadcrumbLink = React39.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
+var BreadcrumbPage = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
   "span",
   {
     ref,
@@ -26818,7 +26868,7 @@ var BreadcrumbAtom = ({
   items,
   className
 }) => {
-  return /* @__PURE__ */ jsx53(Breadcrumb, { className, children: /* @__PURE__ */ jsx53(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ jsxs27(React40.Fragment, { children: [
+  return /* @__PURE__ */ jsx53(Breadcrumb, { className, children: /* @__PURE__ */ jsx53(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ jsxs27(React41.Fragment, { children: [
     /* @__PURE__ */ jsx53(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx53(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx53(BreadcrumbLink, { href: item.href || "#", children: item.label }) }),
     index < items.length - 1 && /* @__PURE__ */ jsx53(BreadcrumbSeparator, {})
   ] }, index)) }) });
@@ -26857,7 +26907,7 @@ var SpinnerAtom = ({
 };
 
 // src/components/ui/calendar.tsx
-import * as React68 from "react";
+import * as React69 from "react";
 
 // node_modules/@date-fns/tz/tzName/index.js
 function tzName(timeZone, date, format2 = "long") {
@@ -29310,55 +29360,55 @@ __export(custom_components_exports, {
 });
 
 // node_modules/react-day-picker/dist/esm/components/Button.js
-import React41 from "react";
+import React42 from "react";
 function Button2(props) {
-  return React41.createElement("button", { ...props });
+  return React42.createElement("button", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/CaptionLabel.js
-import React42 from "react";
+import React43 from "react";
 function CaptionLabel(props) {
-  return React42.createElement("span", { ...props });
+  return React43.createElement("span", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Chevron.js
-import React43 from "react";
+import React44 from "react";
 function Chevron(props) {
   const { size = 24, orientation = "left", className } = props;
   return (
     // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
-    React43.createElement(
+    React44.createElement(
       "svg",
       { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && React43.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-      orientation === "down" && React43.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-      orientation === "left" && React43.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && React43.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+      orientation === "up" && React44.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
+      orientation === "down" && React44.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
+      orientation === "left" && React44.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+      orientation === "right" && React44.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
     )
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/Day.js
-import React44 from "react";
+import React45 from "react";
 function Day(props) {
   const { day, modifiers, ...tdProps } = props;
-  return React44.createElement("td", { ...tdProps });
+  return React45.createElement("td", { ...tdProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/DayButton.js
-import React45 from "react";
+import React46 from "react";
 function DayButton(props) {
   const { day, modifiers, ...buttonProps } = props;
-  const ref = React45.useRef(null);
-  React45.useEffect(() => {
+  const ref = React46.useRef(null);
+  React46.useEffect(() => {
     if (modifiers.focused)
       ref.current?.focus();
   }, [modifiers.focused]);
-  return React45.createElement("button", { ref, ...buttonProps });
+  return React46.createElement("button", { ref, ...buttonProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Dropdown.js
-import React46 from "react";
+import React47 from "react";
 
 // node_modules/react-day-picker/dist/esm/UI.js
 var UI;
@@ -29420,59 +29470,59 @@ function Dropdown(props) {
   const { options, className, components, classNames, ...selectProps } = props;
   const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
   const selectedOption = options?.find(({ value }) => value === selectProps.value);
-  return React46.createElement(
+  return React47.createElement(
     "span",
     { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    React46.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => React46.createElement(components.Option, { key: value, value, disabled }, label))),
-    React46.createElement(
+    React47.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => React47.createElement(components.Option, { key: value, value, disabled }, label))),
+    React47.createElement(
       "span",
       { className: classNames[UI.CaptionLabel], "aria-hidden": true },
       selectedOption?.label,
-      React46.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      React47.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
     )
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/DropdownNav.js
-import React47 from "react";
+import React48 from "react";
 function DropdownNav(props) {
-  return React47.createElement("div", { ...props });
+  return React48.createElement("div", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Footer.js
-import React48 from "react";
+import React49 from "react";
 function Footer(props) {
-  return React48.createElement("div", { ...props });
+  return React49.createElement("div", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Month.js
-import React49 from "react";
+import React50 from "react";
 function Month(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React49.createElement("div", { ...divProps }, props.children);
+  return React50.createElement("div", { ...divProps }, props.children);
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthCaption.js
-import React50 from "react";
+import React51 from "react";
 function MonthCaption(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return React50.createElement("div", { ...divProps });
+  return React51.createElement("div", { ...divProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthGrid.js
-import React51 from "react";
+import React52 from "react";
 function MonthGrid(props) {
-  return React51.createElement("table", { ...props });
+  return React52.createElement("table", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Months.js
-import React52 from "react";
+import React53 from "react";
 function Months(props) {
-  return React52.createElement("div", { ...props });
+  return React53.createElement("div", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
-import React53 from "react";
+import React54 from "react";
 
 // node_modules/react-day-picker/dist/esm/useDayPicker.js
 import { createContext as createContext2, useContext as useContext3 } from "react";
@@ -29488,11 +29538,11 @@ function useDayPicker() {
 // node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return React53.createElement(components.Dropdown, { ...props });
+  return React54.createElement(components.Dropdown, { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Nav.js
-import React54, { useCallback as useCallback2 } from "react";
+import React55, { useCallback as useCallback2 } from "react";
 function Nav(props) {
   const { onPreviousClick, onNextClick, previousMonth, nextMonth, ...navProps } = props;
   const { components, classNames, labels: { labelPrevious: labelPrevious2, labelNext: labelNext2 } } = useDayPicker();
@@ -29506,106 +29556,106 @@ function Nav(props) {
       onPreviousClick?.(e);
     }
   }, [previousMonth, onPreviousClick]);
-  return React54.createElement(
+  return React55.createElement(
     "nav",
     { ...navProps },
-    React54.createElement(
+    React55.createElement(
       components.PreviousMonthButton,
       { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick },
-      React54.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      React55.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
-    React54.createElement(
+    React55.createElement(
       components.NextMonthButton,
       { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick },
-      React54.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      React55.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/NextMonthButton.js
-import React55 from "react";
+import React56 from "react";
 function NextMonthButton(props) {
   const { components } = useDayPicker();
-  return React55.createElement(components.Button, { ...props });
+  return React56.createElement(components.Button, { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Option.js
-import React56 from "react";
+import React57 from "react";
 function Option2(props) {
-  return React56.createElement("option", { ...props });
+  return React57.createElement("option", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/PreviousMonthButton.js
-import React57 from "react";
+import React58 from "react";
 function PreviousMonthButton(props) {
   const { components } = useDayPicker();
-  return React57.createElement(components.Button, { ...props });
+  return React58.createElement(components.Button, { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Root.js
-import React58 from "react";
+import React59 from "react";
 function Root20(props) {
   const { rootRef, ...rest } = props;
-  return React58.createElement("div", { ...rest, ref: rootRef });
+  return React59.createElement("div", { ...rest, ref: rootRef });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Select.js
-import React59 from "react";
+import React60 from "react";
 function Select2(props) {
-  return React59.createElement("select", { ...props });
+  return React60.createElement("select", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Week.js
-import React60 from "react";
+import React61 from "react";
 function Week(props) {
   const { week, ...trProps } = props;
-  return React60.createElement("tr", { ...trProps });
+  return React61.createElement("tr", { ...trProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weekday.js
-import React61 from "react";
+import React62 from "react";
 function Weekday(props) {
-  return React61.createElement("th", { ...props });
+  return React62.createElement("th", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weekdays.js
-import React62 from "react";
+import React63 from "react";
 function Weekdays(props) {
-  return React62.createElement(
+  return React63.createElement(
     "thead",
     { "aria-hidden": true },
-    React62.createElement("tr", { ...props })
+    React63.createElement("tr", { ...props })
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/WeekNumber.js
-import React63 from "react";
+import React64 from "react";
 function WeekNumber(props) {
   const { week, ...thProps } = props;
-  return React63.createElement("th", { ...thProps });
+  return React64.createElement("th", { ...thProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/WeekNumberHeader.js
-import React64 from "react";
+import React65 from "react";
 function WeekNumberHeader(props) {
-  return React64.createElement("th", { ...props });
+  return React65.createElement("th", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weeks.js
-import React65 from "react";
+import React66 from "react";
 function Weeks(props) {
-  return React65.createElement("tbody", { ...props });
+  return React66.createElement("tbody", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/YearsDropdown.js
-import React66 from "react";
+import React67 from "react";
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return React66.createElement(components.Dropdown, { ...props });
+  return React67.createElement(components.Dropdown, { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/DayPicker.js
-import React67, { useCallback as useCallback3, useMemo as useMemo2, useRef as useRef2 } from "react";
+import React68, { useCallback as useCallback3, useMemo as useMemo2, useRef as useRef2 } from "react";
 
 // node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
 function rangeIncludesDate(range, date, excludeEnds = false, dateLib = defaultDateLib) {
@@ -31247,18 +31297,18 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return React67.createElement(
+  return React68.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    React67.createElement(
+    React68.createElement(
       components.Root,
       { rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], ...dataAttributes },
-      React67.createElement(
+      React68.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles?.[UI.Months] },
-        !props.hideNavigation && !navLayout && React67.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+        !props.hideNavigation && !navLayout && React68.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
         months.map((calendarMonth, displayIndex) => {
-          return React67.createElement(
+          return React68.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -31269,21 +31319,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React67.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && React68.createElement(
               components.PreviousMonthButton,
               { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : void 0 },
-              React67.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              React68.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            React67.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth, displayIndex }, captionLayout?.startsWith("dropdown") ? React67.createElement(
+            React68.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth, displayIndex }, captionLayout?.startsWith("dropdown") ? React68.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React67.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React67.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React67.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React67.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? React68.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : React68.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? React68.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : React68.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              React67.createElement("span", { role: "status", "aria-live": "polite", style: {
+              React68.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -31295,27 +31345,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React67.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
-            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React67.createElement(
+            ) : React68.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
+            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && React68.createElement(
               components.NextMonthButton,
               { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
-              React67.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              React68.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
             ),
-            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React67.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
-            React67.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && React68.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+            React68.createElement(
               components.MonthGrid,
               { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
-              !props.hideWeekdays && React67.createElement(
+              !props.hideWeekdays && React68.createElement(
                 components.Weekdays,
                 { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
-                showWeekNumber && React67.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
-                weekdays.map((weekday) => React67.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
+                showWeekNumber && React68.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
+                weekdays.map((weekday) => React68.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
               ),
-              React67.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week) => {
-                return React67.createElement(
+              React68.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week) => {
+                return React68.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week },
-                  showWeekNumber && React67.createElement(components.WeekNumber, { week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && React68.createElement(components.WeekNumber, { week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
                     locale
                   }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber, dateLib)),
                   week.days.map((day) => {
@@ -31332,7 +31382,7 @@ function DayPicker(initialProps) {
                     const style2 = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
                     const className2 = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
                     const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date, modifiers, dateLib.options, dateLib) : void 0;
-                    return React67.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React67.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
+                    return React68.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React68.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
                   })
                 );
               }))
@@ -31340,7 +31390,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && React67.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && React68.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -31499,8 +31549,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React68.useRef(null);
-  React68.useEffect(() => {
+  const ref = React69.useRef(null);
+  React69.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx55(
@@ -31557,7 +31607,7 @@ var CalendarAtom = ({
 };
 
 // src/components/ui/pagination.tsx
-import * as React69 from "react";
+import * as React70 from "react";
 import { jsx as jsx57, jsxs as jsxs28 } from "react/jsx-runtime";
 var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx57(
   "nav",
@@ -31569,7 +31619,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx57(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
+var PaginationContent = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57(
   "ul",
   {
     ref,
@@ -31578,7 +31628,7 @@ var PaginationContent = React69.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx57("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -31669,13 +31719,13 @@ var PaginationAtom = ({
 };
 
 // src/atoms/CommandAtom.tsx
-import React71 from "react";
+import React72 from "react";
 
 // src/components/ui/command.tsx
-import * as React70 from "react";
+import * as React71 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { jsx as jsx59, jsxs as jsxs30 } from "react/jsx-runtime";
-var Command2 = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var Command2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   CommandPrimitive,
   {
     ref,
@@ -31690,7 +31740,7 @@ Command2.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx59(Dialog, { ...props, children: /* @__PURE__ */ jsx59(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx59(Command2, { 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 = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs30("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs30("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx59(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx59(
     CommandPrimitive.Input,
@@ -31705,7 +31755,7 @@ var CommandInput = React70.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var CommandList = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   CommandPrimitive.List,
   {
     ref,
@@ -31714,7 +31764,7 @@ var CommandList = React70.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React70.forwardRef((props, ref) => /* @__PURE__ */ jsx59(
+var CommandEmpty = React71.forwardRef((props, ref) => /* @__PURE__ */ jsx59(
   CommandPrimitive.Empty,
   {
     ref,
@@ -31723,7 +31773,7 @@ var CommandEmpty = React70.forwardRef((props, ref) => /* @__PURE__ */ jsx59(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var CommandGroup = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   CommandPrimitive.Group,
   {
     ref,
@@ -31735,7 +31785,7 @@ var CommandGroup = React70.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var CommandSeparator = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   CommandPrimitive.Separator,
   {
     ref,
@@ -31744,7 +31794,7 @@ var CommandSeparator = React70.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
+var CommandItem = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx59(
   CommandPrimitive.Item,
   {
     ref,
@@ -31791,7 +31841,7 @@ var CommandAtom = ({
         /* @__PURE__ */ jsx60(CommandInput, { placeholder }),
         /* @__PURE__ */ jsxs31(CommandList, { children: [
           /* @__PURE__ */ jsx60(CommandEmpty, { children: "No results found." }),
-          groups.map((group, i) => /* @__PURE__ */ jsxs31(React71.Fragment, { children: [
+          groups.map((group, i) => /* @__PURE__ */ jsxs31(React72.Fragment, { children: [
             /* @__PURE__ */ jsx60(CommandGroup, { heading: group.heading, children: group.items.map((item, j) => /* @__PURE__ */ jsx60(CommandItem, { value: item.value, children: /* @__PURE__ */ jsx60("span", { children: item.label }) }, j)) }),
             i < groups.length - 1 && /* @__PURE__ */ jsx60(CommandSeparator, {})
           ] }, i))
@@ -31802,7 +31852,7 @@ var CommandAtom = ({
 };
 
 // src/components/ui/form.tsx
-import * as React72 from "react";
+import * as React73 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import {
   Controller,
@@ -31811,15 +31861,15 @@ import {
 } from "react-hook-form";
 import { jsx as jsx61 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React72.createContext(null);
+var FormFieldContext = React73.createContext(null);
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx61(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx61(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React72.useContext(FormFieldContext);
-  const itemContext = React72.useContext(FormItemContext);
+  const fieldContext = React73.useContext(FormFieldContext);
+  const itemContext = React73.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -31838,13 +31888,13 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React72.createContext(null);
-var FormItem = React72.forwardRef(({ className, ...props }, ref) => {
-  const id = React72.useId();
+var FormItemContext = React73.createContext(null);
+var FormItem = React73.forwardRef(({ className, ...props }, ref) => {
+  const id = React73.useId();
   return /* @__PURE__ */ jsx61(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx61("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React72.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React73.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ jsx61(
     Label,
@@ -31857,7 +31907,7 @@ var FormLabel = React72.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React72.forwardRef(({ ...props }, ref) => {
+var FormControl = React73.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ jsx61(
     Slot3,
@@ -31871,7 +31921,7 @@ var FormControl = React72.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React72.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React73.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx61(
     "p",
@@ -31884,7 +31934,7 @@ var FormDescription = React72.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React72.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React73.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
   if (!body) {
@@ -32161,7 +32211,7 @@ var TextareaAtom = ({
 };
 
 // src/components/ui/toggle.tsx
-import * as React73 from "react";
+import * as React74 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva6 } from "class-variance-authority";
 import { jsx as jsx69 } from "react/jsx-runtime";
@@ -32185,7 +32235,7 @@ var toggleVariants = cva6(
     }
   }
 );
-var Toggle = React73.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx69(
+var Toggle = React74.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx69(
   TogglePrimitive.Root,
   {
     ref,
@@ -32363,7 +32413,7 @@ var RadioAtom = ({ id, label, value, checked, disabled, className, style, onValu
 };
 
 // src/components/ui/dropdown-menu.tsx
-import * as React74 from "react";
+import * as React75 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { jsx as jsx74, jsxs as jsxs41 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
@@ -32372,7 +32422,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React74.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs41(
+var DropdownMenuSubTrigger = React75.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs41(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -32389,7 +32439,7 @@ var DropdownMenuSubTrigger = React74.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React74.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
+var DropdownMenuSubContent = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -32401,7 +32451,7 @@ var DropdownMenuSubContent = React74.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React74.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx74(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx74(
+var DropdownMenuContent = React75.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx74(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx74(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -32414,7 +32464,7 @@ var DropdownMenuContent = React74.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React74.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx74(
+var DropdownMenuItem = React75.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx74(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -32427,7 +32477,7 @@ var DropdownMenuItem = React74.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React74.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs41(
+var DropdownMenuCheckboxItem = React75.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs41(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -32444,7 +32494,7 @@ var DropdownMenuCheckboxItem = React74.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React74.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs41(
+var DropdownMenuRadioItem = React75.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs41(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -32460,7 +32510,7 @@ var DropdownMenuRadioItem = React74.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React74.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx74(
+var DropdownMenuLabel = React75.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx74(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -32473,7 +32523,7 @@ var DropdownMenuLabel = React74.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React74.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
+var DropdownMenuSeparator = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -32533,7 +32583,7 @@ var DropdownMenuAtom = ({ trigger, items, className, onAction }) => {
 };
 
 // src/components/ui/context-menu.tsx
-import * as React75 from "react";
+import * as React76 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { jsx as jsx76, jsxs as jsxs43 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
@@ -32542,7 +32592,7 @@ var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React75.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs43(
+var ContextMenuSubTrigger = React76.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs43(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -32559,7 +32609,7 @@ var ContextMenuSubTrigger = React75.forwardRef(({ className, inset, children, ..
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
+var ContextMenuSubContent = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -32571,7 +32621,7 @@ var ContextMenuSubContent = React75.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx76(
+var ContextMenuContent = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx76(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -32583,7 +32633,7 @@ var ContextMenuContent = React75.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React75.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx76(
+var ContextMenuItem = React76.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx76(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -32596,7 +32646,7 @@ var ContextMenuItem = React75.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React75.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs43(
+var ContextMenuCheckboxItem = React76.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs43(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -32613,7 +32663,7 @@ var ContextMenuCheckboxItem = React75.forwardRef(({ className, children, checked
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React75.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs43(
+var ContextMenuRadioItem = React76.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs43(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -32629,7 +32679,7 @@ var ContextMenuRadioItem = React75.forwardRef(({ className, children, ...props }
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React75.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx76(
+var ContextMenuLabel = React76.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx76(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -32642,7 +32692,7 @@ var ContextMenuLabel = React75.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
+var ContextMenuSeparator = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -32705,7 +32755,7 @@ var ContextMenuAtom = ({ trigger, items, className, onAction }) => {
 };
 
 // src/components/ui/drawer.tsx
-import * as React76 from "react";
+import * as React77 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 import { jsx as jsx78, jsxs as jsxs45 } from "react/jsx-runtime";
 var Drawer = ({
@@ -32722,7 +32772,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var DrawerOverlay = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -32731,7 +32781,7 @@ var DrawerOverlay = React76.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React76.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs45(DrawerPortal, { children: [
+var DrawerContent = React77.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs45(DrawerPortal, { children: [
   /* @__PURE__ */ jsx78(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs45(
     DrawerPrimitive.Content,
@@ -32772,7 +32822,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var DrawerTitle = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   DrawerPrimitive.Title,
   {
     ref,
@@ -32784,7 +32834,7 @@ var DrawerTitle = React76.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var DrawerDescription = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
   DrawerPrimitive.Description,
   {
     ref,
@@ -32859,7 +32909,7 @@ var InputOTPAtom = ({ length, className, onChange }) => {
 };
 
 // src/atoms/KbdAtom.tsx
-import React77 from "react";
+import React78 from "react";
 import { jsx as jsx81, jsxs as jsxs48 } from "react/jsx-runtime";
 var KbdAtom = ({ keys, className }) => {
   return /* @__PURE__ */ jsx81(
@@ -32869,7 +32919,7 @@ var KbdAtom = ({ keys, className }) => {
         "pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100",
         className
       ),
-      children: keys.map((key, i) => /* @__PURE__ */ jsxs48(React77.Fragment, { children: [
+      children: keys.map((key, i) => /* @__PURE__ */ jsxs48(React78.Fragment, { children: [
         /* @__PURE__ */ jsx81("span", { className: "text-xs", children: key }),
         i < keys.length - 1 && /* @__PURE__ */ jsx81("span", { children: "+" })
       ] }, i))
@@ -32878,7 +32928,7 @@ var KbdAtom = ({ keys, className }) => {
 };
 
 // src/atoms/ResizableAtom.tsx
-import React78 from "react";
+import React79 from "react";
 
 // src/components/ui/resizable.tsx
 import * as ResizablePrimitive from "react-resizable-panels";
@@ -32927,9 +32977,9 @@ var ResizableAtom = ({
         "min-h-[200px] w-full rounded-lg border border-purple-100",
         className
       ),
-      children: panels.map((panel, i) => /* @__PURE__ */ jsxs49(React78.Fragment, { children: [
+      children: panels.map((panel, i) => /* @__PURE__ */ jsxs49(React79.Fragment, { children: [
         /* @__PURE__ */ jsx83(ResizablePanel, { defaultSize: panel.defaultSize, className: "p-4", children: panel.children.map((child, childIdx) => /* @__PURE__ */ jsx83(
-          React78.Fragment,
+          React79.Fragment,
           {
             children: renderComponent(child)
           },
@@ -32942,20 +32992,20 @@ var ResizableAtom = ({
 };
 
 // src/components/ui/chart.tsx
-import * as React79 from "react";
+import * as React80 from "react";
 import * as RechartsPrimitive from "recharts";
 import { Fragment as Fragment2, jsx as jsx84, jsxs as jsxs50 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React79.createContext(null);
+var ChartContext = React80.createContext(null);
 function useChart() {
-  const context = React79.useContext(ChartContext);
+  const context = React80.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React79.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React79.useId();
+var ChartContainer = React80.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React80.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx84(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs50(
     "div",
@@ -33001,7 +33051,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React79.forwardRef(
+var ChartTooltipContent = React80.forwardRef(
   ({
     active,
     payload,
@@ -33018,7 +33068,7 @@ var ChartTooltipContent = React79.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React79.useMemo(() => {
+    const tooltipLabel = React80.useMemo(() => {
       if (hideLabel || !payload?.length) {
         return null;
       }
@@ -33114,7 +33164,7 @@ var ChartTooltipContent = React79.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React79.forwardRef(
+var ChartLegendContent = React80.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!payload?.length) {
@@ -33428,10 +33478,10 @@ var VideoAtom = ({
 };
 
 // src/atoms/RatingAtom.tsx
-import React80 from "react";
+import React81 from "react";
 import { jsx as jsx87, jsxs as jsxs52 } from "react/jsx-runtime";
 var RatingAtom = ({ id, label, value, max: max2 = 5, readonly = false, className, style, onChange }) => {
-  const [hoverValue, setHoverValue] = React80.useState(null);
+  const [hoverValue, setHoverValue] = React81.useState(null);
   const hasPxVars = style && Object.keys(style).some((k) => k.startsWith("--px-"));
   const stars = /* @__PURE__ */ jsx87("div", { className: cn("flex items-center gap-1", className), style, "data-px-styled": hasPxVars ? "" : void 0, children: Array.from({ length: max2 }, (_, i) => {
     const starValue = i + 1;
@@ -33564,6 +33614,7 @@ var molecules_exports = {};
 __export(molecules_exports, {
   ActionButton: () => ActionButton,
   ActionPriorityCard: () => ActionPriorityCard,
+  AnalyticsChart: () => AnalyticsChart,
   ApprovalCard: () => ApprovalCard,
   AudienceDemographicsCard: () => AudienceDemographicsCard,
   AudienceMetricCard: () => AudienceMetricCard,
@@ -33727,15 +33778,15 @@ function th(theme) {
 }
 
 // src/molecules/generic/EditableField/EditableField.tsx
-import React85, { useState as useState5, useEffect as useEffect4, useRef as useRef4 } from "react";
+import React86, { useState as useState5, useEffect as useEffect4, useRef as useRef4 } from "react";
 
 // src/components/ui/hover-card.tsx
-import * as React82 from "react";
+import * as React83 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import { jsx as jsx90 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React82.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx90(
+var HoverCardContent = React83.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx90(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -33751,7 +33802,7 @@ var HoverCardContent = React82.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/menubar.tsx
-import * as React83 from "react";
+import * as React84 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { jsx as jsx91, jsxs as jsxs54 } from "react/jsx-runtime";
 function MenubarMenu({
@@ -33779,7 +33830,7 @@ function MenubarSub({
 }) {
   return /* @__PURE__ */ jsx91(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx91(
+var Menubar = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx91(
   MenubarPrimitive.Root,
   {
     ref,
@@ -33791,7 +33842,7 @@ var Menubar = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx91(
+var MenubarTrigger = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx91(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -33803,7 +33854,7 @@ var MenubarTrigger = React83.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React83.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs54(
+var MenubarSubTrigger = React84.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs54(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -33820,7 +33871,7 @@ var MenubarSubTrigger = React83.forwardRef(({ className, inset, children, ...pro
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx91(
+var MenubarSubContent = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx91(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -33832,7 +33883,7 @@ var MenubarSubContent = React83.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React83.forwardRef(
+var MenubarContent = React84.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx91(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx91(
     MenubarPrimitive.Content,
     {
@@ -33849,7 +33900,7 @@ var MenubarContent = React83.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React83.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx91(
+var MenubarItem = React84.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx91(
   MenubarPrimitive.Item,
   {
     ref,
@@ -33862,7 +33913,7 @@ var MenubarItem = React83.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React83.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs54(
+var MenubarCheckboxItem = React84.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs54(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -33879,7 +33930,7 @@ var MenubarCheckboxItem = React83.forwardRef(({ className, children, checked, ..
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React83.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs54(
+var MenubarRadioItem = React84.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs54(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -33895,7 +33946,7 @@ var MenubarRadioItem = React83.forwardRef(({ className, children, ...props }, re
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React83.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx91(
+var MenubarLabel = React84.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx91(
   MenubarPrimitive.Label,
   {
     ref,
@@ -33908,7 +33959,7 @@ var MenubarLabel = React83.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx91(
+var MenubarSeparator = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx91(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -33935,11 +33986,11 @@ var MenubarShortcut = ({
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-import * as React84 from "react";
+import * as React85 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva7 } from "class-variance-authority";
 import { jsx as jsx92, jsxs as jsxs55 } from "react/jsx-runtime";
-var NavigationMenu = React84.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs55(
+var NavigationMenu = React85.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs55(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -33955,7 +34006,7 @@ var NavigationMenu = React84.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx92(
+var NavigationMenuList = React85.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx92(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -33971,7 +34022,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva7(
   "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 = React84.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs55(
+var NavigationMenuTrigger = React85.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs55(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -33991,7 +34042,7 @@ var NavigationMenuTrigger = React84.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx92(
+var NavigationMenuContent = React85.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx92(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -34004,7 +34055,7 @@ var NavigationMenuContent = React84.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx92("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx92(
+var NavigationMenuViewport = React85.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx92("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx92(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -34016,7 +34067,7 @@ var NavigationMenuViewport = React84.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx92(
+var NavigationMenuIndicator = React85.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx92(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -34046,7 +34097,7 @@ function Spinner({ className, ...props }) {
 
 // src/molecules/generic/EditableField/EditableField.tsx
 import { jsx as jsx94, jsxs as jsxs56 } from "react/jsx-runtime";
-var EditableField = React85.memo(
+var EditableField = React86.memo(
   ({
     label,
     value,
@@ -34258,9 +34309,9 @@ var EditableField = React85.memo(
 EditableField.displayName = "EditableField";
 
 // src/molecules/generic/ActionButton/ActionButton.tsx
-import React86, { useState as useState6, useEffect as useEffect5 } from "react";
+import React87, { useState as useState6, useEffect as useEffect5 } from "react";
 import { Fragment as Fragment3, jsx as jsx95, jsxs as jsxs57 } from "react/jsx-runtime";
-var ActionButton = React86.memo(
+var ActionButton = React87.memo(
   ({
     label,
     secondaryLabel,
@@ -34350,10 +34401,10 @@ var ActionButton = React86.memo(
 ActionButton.displayName = "ActionButton";
 
 // src/molecules/generic/FormCard/FormCard.tsx
-import React87, { useState as useState7 } from "react";
+import React88, { useState as useState7 } from "react";
 import { jsx as jsx96, jsxs as jsxs58 } from "react/jsx-runtime";
 var humanizeKey = (key) => key.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\b\w/g, (c) => c.toUpperCase()).trim();
-var FormCard = React87.memo(
+var FormCard = React88.memo(
   ({
     title,
     fields = [],
@@ -34379,7 +34430,7 @@ var FormCard = React87.memo(
     const [internalSavingFields, setInternalSavingFields] = useState7({});
     const [internalData, setInternalData] = useState7(data);
     const [userEditedFields, setUserEditedFields] = useState7({});
-    React87.useEffect(() => {
+    React88.useEffect(() => {
       setInternalData((prev) => {
         const newData = { ...data };
         Object.keys(userEditedFields).forEach((key) => {
@@ -34541,7 +34592,7 @@ var FormCard = React87.memo(
 FormCard.displayName = "FormCard";
 
 // src/molecules/generic/DynamicFormCard/DynamicFormCard.tsx
-import React88, { useMemo as useMemo4 } from "react";
+import React89, { useMemo as useMemo4 } from "react";
 
 // src/lib/field-utils.ts
 function normalizeLabel(key) {
@@ -34617,7 +34668,7 @@ function generateFieldsFromPropDefinitions(propDefs, data) {
 
 // src/molecules/generic/DynamicFormCard/DynamicFormCard.tsx
 import { jsx as jsx97 } from "react/jsx-runtime";
-var DynamicFormCard = React88.memo(
+var DynamicFormCard = React89.memo(
   ({
     data = {},
     fields: providedFields,
@@ -34893,10 +34944,10 @@ var FilterBar = ({ filters, showSearch = true, className, onFilterToggle, onSear
 };
 
 // src/molecules/generic/FileUpload/FileUpload.tsx
-import React89 from "react";
+import React90 from "react";
 import { jsx as jsx102, jsxs as jsxs63 } from "react/jsx-runtime";
 var FileUpload = ({ title, accept, multiple, className, style, onFilesSelected }) => {
-  const [isDragging, setIsDragging] = React89.useState(false);
+  const [isDragging, setIsDragging] = React90.useState(false);
   const hasPxVars = style && Object.keys(style).some((k) => k.startsWith("--px-"));
   const wrapperStyle = {
     ...hasPxVars && {
@@ -35058,7 +35109,7 @@ var DataGrid = ({
 };
 
 // src/molecules/generic/StepWizard/StepWizard.tsx
-import React90 from "react";
+import React91 from "react";
 import { jsx as jsx105, jsxs as jsxs66 } from "react/jsx-runtime";
 var StepWizard = ({
   steps,
@@ -35069,7 +35120,7 @@ var StepWizard = ({
     const isCompleted = i < currentStep;
     const isActive = i === currentStep;
     const isLast = i === steps.length - 1;
-    return /* @__PURE__ */ jsxs66(React90.Fragment, { children: [
+    return /* @__PURE__ */ jsxs66(React91.Fragment, { children: [
       /* @__PURE__ */ jsxs66("div", { className: "flex flex-col items-center relative group", children: [
         /* @__PURE__ */ jsx105(
           "div",
@@ -36463,9 +36514,9 @@ var GoogleSheetsListCard = ({
 };
 
 // src/molecules/generic/RecommendationCard/RecommendationCard.tsx
-import React93 from "react";
+import React94 from "react";
 import { jsx as jsx121, jsxs as jsxs82 } from "react/jsx-runtime";
-var RecommendationCard = React93.memo(
+var RecommendationCard = React94.memo(
   ({
     question,
     recommended,
@@ -36477,11 +36528,11 @@ var RecommendationCard = React93.memo(
     className,
     onAction
   }) => {
-    const [mode, setMode] = React93.useState(
+    const [mode, setMode] = React94.useState(
       "recommended"
     );
-    const [customText, setCustomText] = React93.useState("");
-    const [isSubmitted, setIsSubmitted] = React93.useState(false);
+    const [customText, setCustomText] = React94.useState("");
+    const [isSubmitted, setIsSubmitted] = React94.useState(false);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const handleModeChange = (newMode) => {
       if (isInteractive) {
@@ -36628,9 +36679,9 @@ var RecommendationCard = React93.memo(
 RecommendationCard.displayName = "RecommendationCard";
 
 // src/molecules/generic/ConfirmationCard/ConfirmationCard.tsx
-import React94 from "react";
+import React95 from "react";
 import { jsx as jsx122, jsxs as jsxs83 } from "react/jsx-runtime";
-var ConfirmationCard = React94.memo(
+var ConfirmationCard = React95.memo(
   ({
     title,
     description,
@@ -36643,8 +36694,8 @@ var ConfirmationCard = React94.memo(
     className,
     onAction
   }) => {
-    const [isSubmitted, setIsSubmitted] = React94.useState(false);
-    const [choice, setChoice] = React94.useState(null);
+    const [isSubmitted, setIsSubmitted] = React95.useState(false);
+    const [choice, setChoice] = React95.useState(null);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const handleConfirm = (e) => {
       e.preventDefault();
@@ -36713,7 +36764,7 @@ var ConfirmationCard = React94.memo(
 ConfirmationCard.displayName = "ConfirmationCard";
 
 // src/molecules/generic/InputWidget/InputWidget.tsx
-import React95 from "react";
+import React96 from "react";
 
 // src/lib/run-sse.ts
 var INPUT_ATOM_NAMES = /* @__PURE__ */ new Set([
@@ -36835,7 +36886,7 @@ var InputWidget = ({
   onAction,
   isSubmitting = false
 }) => {
-  const [values, setValues] = React95.useState(() => {
+  const [values, setValues] = React96.useState(() => {
     const initial = {};
     for (const f of fields) {
       initial[f.key] = f.defaultValue ?? defaultForKind(f.kind);
@@ -37091,7 +37142,7 @@ function stringifyValue(value, atomName, props) {
 }
 
 // src/molecules/generic/KPIStatsCard/KPIStatsCard.tsx
-import React96 from "react";
+import React97 from "react";
 import { jsx as jsx124, jsxs as jsxs85 } from "react/jsx-runtime";
 var TrendBadge = ({ item }) => {
   if (!item.delta && item.trend === void 0) return null;
@@ -37108,7 +37159,7 @@ var TrendBadge = ({ item }) => {
     item.delta
   ] });
 };
-var KPIStatsCard = React96.memo(
+var KPIStatsCard = React97.memo(
   ({ title, subtitle, stats, items, theme, className, onAction: _onAction }) => {
     const s = th(theme);
     const displayStats = stats || items || [];
@@ -37168,7 +37219,7 @@ var KPIStatsCard = React96.memo(
 KPIStatsCard.displayName = "KPIStatsCard";
 
 // src/molecules/generic/ApprovalCard/ApprovalCard.tsx
-import React97 from "react";
+import React98 from "react";
 import { jsx as jsx125, jsxs as jsxs86 } from "react/jsx-runtime";
 var STATUS_CONFIG2 = {
   pending: { label: "Pending Review", icon: Clock, className: "text-yellow-400 bg-yellow-500/10 border-yellow-500/20" },
@@ -37176,7 +37227,7 @@ var STATUS_CONFIG2 = {
   rejected: { label: "Rejected", icon: CircleX, className: "text-rose-400 bg-rose-500/10 border-rose-500/20" },
   changes_requested: { label: "Changes Requested", icon: MessageSquare, className: "text-blue-400 bg-blue-500/10 border-blue-500/20" }
 };
-var ApprovalCard = React97.memo(
+var ApprovalCard = React98.memo(
   ({
     title,
     description,
@@ -37194,9 +37245,9 @@ var ApprovalCard = React97.memo(
     onAction
   }) => {
     const s = th(theme);
-    const [status, setStatus] = React97.useState(propStatus || "pending");
-    const [isSubmitted, setIsSubmitted] = React97.useState(!!propStatus && propStatus !== "pending");
-    React97.useEffect(() => {
+    const [status, setStatus] = React98.useState(propStatus || "pending");
+    const [isSubmitted, setIsSubmitted] = React98.useState(!!propStatus && propStatus !== "pending");
+    React98.useEffect(() => {
       if (propStatus) {
         setStatus(propStatus);
         setIsSubmitted(propStatus !== "pending");
@@ -37284,7 +37335,7 @@ var ApprovalCard = React97.memo(
 ApprovalCard.displayName = "ApprovalCard";
 
 // src/molecules/generic/TimelineCard/TimelineCard.tsx
-import React98 from "react";
+import React99 from "react";
 import { jsx as jsx126, jsxs as jsxs87 } from "react/jsx-runtime";
 var StepDot = ({ step, accentColor }) => {
   if (step.status === "completed") return /* @__PURE__ */ jsx126("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/20 ring-2 ring-emerald-500/40", children: /* @__PURE__ */ jsx126(Check, { className: "h-3 w-3 text-emerald-400", strokeWidth: 2.5 }) });
@@ -37302,7 +37353,7 @@ var StepDot = ({ step, accentColor }) => {
   }
   return /* @__PURE__ */ jsx126("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gray400/20 ring-2 ring-gray400/20", children: /* @__PURE__ */ jsx126(Circle, { className: "h-2.5 w-2.5 text-cardText/20" }) });
 };
-var TimelineCard = React98.memo(
+var TimelineCard = React99.memo(
   ({ title, steps, milestones, theme, className, onAction: _onAction }) => {
     const s = th(theme);
     const displaySteps = steps || milestones || [];
@@ -37360,9 +37411,9 @@ var TimelineCard = React98.memo(
 TimelineCard.displayName = "TimelineCard";
 
 // src/molecules/generic/FeedbackRatingCard/FeedbackRatingCard.tsx
-import React99 from "react";
+import React100 from "react";
 import { jsx as jsx127, jsxs as jsxs88 } from "react/jsx-runtime";
-var FeedbackRatingCard = React99.memo(
+var FeedbackRatingCard = React100.memo(
   ({
     question,
     max_rating = 5,
@@ -37378,10 +37429,10 @@ var FeedbackRatingCard = React99.memo(
     onAction
   }) => {
     const s = th(theme);
-    const [rating, setRating] = React99.useState(0);
-    const [hovered, setHovered] = React99.useState(0);
-    const [comment, setComment] = React99.useState("");
-    const [isSubmitted, setIsSubmitted] = React99.useState(false);
+    const [rating, setRating] = React100.useState(0);
+    const [hovered, setHovered] = React100.useState(0);
+    const [comment, setComment] = React100.useState("");
+    const [isSubmitted, setIsSubmitted] = React100.useState(false);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const stars = Array.from({ length: max_rating }, (_, i) => i + 1);
     const handleSubmit = (e) => {
@@ -37460,9 +37511,9 @@ Feedback: ${comment}` : `Rating: ${rating}/${max_rating} ${label}`;
 FeedbackRatingCard.displayName = "FeedbackRatingCard";
 
 // src/molecules/generic/DataTableCard/DataTableCard.tsx
-import React100 from "react";
+import React101 from "react";
 import { jsx as jsx128, jsxs as jsxs89 } from "react/jsx-runtime";
-var DataTableCard = React100.memo(
+var DataTableCard = React101.memo(
   ({ title, caption, columns, rows, highlight_column, theme, className, onAction: _onAction }) => {
     const s = th(theme);
     return /* @__PURE__ */ jsxs89("div", { className: cn("w-full rounded-[16px] border border-gray400 bg-cardSurface overflow-hidden", className), style: s.root, children: [
@@ -37512,9 +37563,9 @@ var DataTableCard = React100.memo(
 DataTableCard.displayName = "DataTableCard";
 
 // src/molecules/generic/ChecklistCard/ChecklistCard.tsx
-import React101 from "react";
+import React102 from "react";
 import { jsx as jsx129, jsxs as jsxs90 } from "react/jsx-runtime";
-var ChecklistCard = React101.memo(
+var ChecklistCard = React102.memo(
   ({
     title,
     description,
@@ -37531,10 +37582,10 @@ var ChecklistCard = React101.memo(
   }) => {
     const s = th(theme);
     const source = items || tasks || [];
-    const [checked, setChecked] = React101.useState(
+    const [checked, setChecked] = React102.useState(
       () => new Set(source.filter((i) => i.checked).map((i) => i.id))
     );
-    const [isSubmitted, setIsSubmitted] = React101.useState(false);
+    const [isSubmitted, setIsSubmitted] = React102.useState(false);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const toggle = (id) => {
       if (!isInteractive) return;
@@ -37647,9 +37698,9 @@ var ChecklistCard = React101.memo(
 ChecklistCard.displayName = "ChecklistCard";
 
 // src/molecules/generic/PollCard/PollCard.tsx
-import React102 from "react";
+import React103 from "react";
 import { jsx as jsx130, jsxs as jsxs91 } from "react/jsx-runtime";
-var PollCard = React102.memo(
+var PollCard = React103.memo(
   ({
     question,
     options,
@@ -37666,9 +37717,9 @@ var PollCard = React102.memo(
   }) => {
     const s = th(theme);
     const source = options || choices || [];
-    const [selected, setSelected] = React102.useState(/* @__PURE__ */ new Set());
-    const [hasVoted, setHasVoted] = React102.useState(false);
-    const [voteCounts, setVoteCounts] = React102.useState(
+    const [selected, setSelected] = React103.useState(/* @__PURE__ */ new Set());
+    const [hasVoted, setHasVoted] = React103.useState(false);
+    const [voteCounts, setVoteCounts] = React103.useState(
       () => Object.fromEntries(source.map((o) => [o.id, o.votes ?? 0]))
     );
     const isInteractive = isLatestMessage && !disabled && !hasVoted;
@@ -37807,7 +37858,7 @@ Selected: ${labels.join(", ")}`);
 PollCard.displayName = "PollCard";
 
 // src/molecules/generic/CalendarEventCard/CalendarEventCard.tsx
-import React103 from "react";
+import React104 from "react";
 import { jsx as jsx131, jsxs as jsxs92 } from "react/jsx-runtime";
 var STATUS_STYLES = {
   upcoming: { label: "Upcoming", className: "text-blue-400 bg-blue-500/10 border-blue-500/20", dot: "bg-blue-400" },
@@ -37828,7 +37879,7 @@ function AvatarInitials({ name }) {
     }
   );
 }
-var CalendarEventCard = React103.memo(
+var CalendarEventCard = React104.memo(
   ({
     title,
     date,
@@ -37845,7 +37896,7 @@ var CalendarEventCard = React103.memo(
   }) => {
     const s = th(theme);
     const cfg = STATUS_STYLES[status];
-    const parsedDate = React103.useMemo(() => {
+    const parsedDate = React104.useMemo(() => {
       try {
         const d = new Date(date);
         if (isNaN(d.getTime())) {
@@ -37931,7 +37982,7 @@ var CalendarEventCard = React103.memo(
 CalendarEventCard.displayName = "CalendarEventCard";
 
 // src/molecules/generic/BudgetAllocCard/BudgetAllocCard.tsx
-import React104 from "react";
+import React105 from "react";
 import { jsx as jsx132, jsxs as jsxs93 } from "react/jsx-runtime";
 var PALETTE = [
   "#BFAD82",
@@ -37957,7 +38008,7 @@ function formatAmount(amount, currency) {
   if (amount >= 1e3) return `${currency}${(amount / 1e3).toFixed(0)}K`;
   return `${currency}${amount.toLocaleString()}`;
 }
-var BudgetAllocCard = React104.memo(
+var BudgetAllocCard = React105.memo(
   ({
     title,
     currency = "$",
@@ -38074,7 +38125,7 @@ var BudgetAllocCard = React104.memo(
 BudgetAllocCard.displayName = "BudgetAllocCard";
 
 // src/molecules/generic/ComparisonCard/ComparisonCard.tsx
-import React105 from "react";
+import React106 from "react";
 import { jsx as jsx133, jsxs as jsxs94 } from "react/jsx-runtime";
 var BADGE_COLORS = {
   gold: "text-gold border-gold/30 bg-gold/10",
@@ -38082,7 +38133,7 @@ var BADGE_COLORS = {
   emerald: "text-emerald-400 border-emerald-500/30 bg-emerald-500/10",
   violet: "text-violet-400 border-violet-500/30 bg-violet-500/10"
 };
-var ComparisonCard = React105.memo(
+var ComparisonCard = React106.memo(
   ({
     title,
     description,
@@ -38097,8 +38148,8 @@ var ComparisonCard = React105.memo(
     onAction
   }) => {
     const s = th(theme);
-    const [selected, setSelected] = React105.useState(null);
-    const [isSubmitted, setIsSubmitted] = React105.useState(false);
+    const [selected, setSelected] = React106.useState(null);
+    const [isSubmitted, setIsSubmitted] = React106.useState(false);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const handleSelect = (opt) => (e) => {
       e.preventDefault();
@@ -38913,7 +38964,8 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
           setIframeReady(true);
           iframeRef.current?.contentWindow?.postMessage({ type: "goToSlide", slide: initialSlide }, "*");
         },
-        sandbox: "allow-same-origin allow-scripts allow-fullscreen",
+        sandbox: "allow-same-origin allow-scripts",
+        allow: "fullscreen",
         className: "absolute inset-0 w-full h-full border-0"
       }
     ) })
@@ -40102,7 +40154,7 @@ var WebSearchJobCard = ({
 };
 
 // src/molecules/creator-discovery/CampaignSeedCard/CampaignSeedCard.tsx
-import React109, { useMemo as useMemo6 } from "react";
+import React110, { useMemo as useMemo6 } from "react";
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
 import { useState as useState13, useRef as useRef8, useEffect as useEffect9, useMemo as useMemo5 } from "react";
@@ -40811,7 +40863,7 @@ function buildCampaignSeedFields(data) {
     return generated;
   });
 }
-var CampaignSeedCard = React109.memo(
+var CampaignSeedCard = React110.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -40857,7 +40909,7 @@ var CampaignSeedCard = React109.memo(
 CampaignSeedCard.displayName = "CampaignSeedCard";
 
 // src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
-import React110, { useMemo as useMemo7 } from "react";
+import React111, { useMemo as useMemo7 } from "react";
 import { jsx as jsx152, jsxs as jsxs113 } from "react/jsx-runtime";
 var ObjectDisplay2 = ({ value }) => {
   if (!value || typeof value !== "object") return null;
@@ -40973,7 +41025,7 @@ function buildSearchSpecFields(data) {
     return generated;
   });
 }
-var SearchSpecCard = React110.memo(
+var SearchSpecCard = React111.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -41023,7 +41075,7 @@ var SearchSpecCard = React110.memo(
 SearchSpecCard.displayName = "SearchSpecCard";
 
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
-import React111 from "react";
+import React112 from "react";
 
 // src/molecules/creator-discovery/MCQCard/defaultFetchers.ts
 function getBackendOrigin() {
@@ -41124,13 +41176,63 @@ async function defaultPersistSelection(sessionId, questionKey, value) {
 
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
 import { jsx as jsx153, jsxs as jsxs114 } from "react/jsx-runtime";
-var MCQCard = React111.memo(
+var NUMBER_WORDS = {
+  one: 1,
+  two: 2,
+  three: 3,
+  four: 4,
+  five: 5,
+  six: 6,
+  seven: 7,
+  eight: 8,
+  nine: 9,
+  ten: 10
+};
+function wordToNum(s) {
+  const n = parseInt(s, 10);
+  if (!Number.isNaN(n)) return n;
+  return NUMBER_WORDS[s.toLowerCase()] ?? NaN;
+}
+function toPositiveInt(v) {
+  const n = Math.floor(Number(v));
+  return Number.isFinite(n) && n > 0 ? n : void 0;
+}
+function inferSelectionLimits(text, optionCount) {
+  if (!text) return null;
+  const q = text.toLowerCase();
+  const all = optionCount > 0 ? optionCount : 99;
+  if (/all that apply|select all|check all|choose all|select multiple|choose multiple|more than one|as many as|any that apply/.test(q)) {
+    return { max: all, min: 1, mode: "all" };
+  }
+  const upTo = q.match(/up to (\d+|one|two|three|four|five|six|seven|eight|nine|ten)/);
+  if (upTo) {
+    const n = wordToNum(upTo[1]);
+    if (n > 1) return { max: Math.min(n, all), min: 1, mode: "upto" };
+  }
+  const pickN = q.match(/(?:select|choose|pick)\s+(?:any\s+|your\s+|the\s+)?(?:top\s+)?(\d+|one|two|three|four|five|six|seven|eight|nine|ten)\b/);
+  if (pickN) {
+    const n = wordToNum(pickN[1]);
+    if (n > 1 && n <= all) return { max: n, min: n, mode: "exact" };
+  }
+  if (/(?:select|choose|pick)\s+(?:your\s+|the\s+)?(?:preferred|favorite|favourite|relevant|applicable|matching)\s+\w+s\b/.test(q)) {
+    return { max: all, min: 1, mode: "all" };
+  }
+  if (/(?:choose|select|pick)\s+the\s+\w+s\s+that\s+(?:match|apply|fit|describe|best|are)/.test(q)) {
+    return { max: all, min: 1, mode: "all" };
+  }
+  return null;
+}
+var MCQCard = React112.memo(
   ({
     question,
     options,
     recommended,
     selectedOption: propsSelectedOption,
+    selectedOptions: propsSelectedOptions,
+    maxSelections,
+    minSelections,
     onSelect,
+    onSelectMultiple,
     onProceed,
     isLatestMessage = true,
     isLoading = false,
@@ -41148,25 +41250,59 @@ var MCQCard = React111.memo(
   }) => {
     const resolvedQuestion = question || allProps.Question || allProps.q || "";
     const resolvedOptions = options || allProps.Options || allProps.opts || {};
+    const optionCount = resolvedOptions && typeof resolvedOptions === "object" ? Object.keys(resolvedOptions).length : 0;
+    const explicitMax = toPositiveInt(
+      maxSelections ?? allProps.MaxSelections ?? allProps.max_selections ?? allProps.maxSelect
+    );
+    const explicitMin = toPositiveInt(
+      minSelections ?? allProps.MinSelections ?? allProps.min_selections
+    );
+    const inferenceText = [
+      resolvedQuestion,
+      allProps.Context,
+      allProps.context,
+      allProps.instruction,
+      allProps.helperText
+    ].filter(Boolean).join("  ");
+    const inferred = explicitMax ? null : inferSelectionLimits(inferenceText, optionCount);
+    const maxSel = explicitMax ?? inferred?.max ?? 1;
+    const isMulti = maxSel > 1;
+    const minSel = Math.min(
+      maxSel,
+      Math.max(1, explicitMin ?? inferred?.min ?? (isMulti ? maxSel : 1))
+    );
+    const isSelectAll = isMulti && !explicitMax && inferred?.mode === "all";
     const t = th(theme);
-    const [selectedOption, setSelectedOption] = React111.useState(propsSelectedOption);
-    const [isProceeded, setIsProceeded] = React111.useState(false);
-    const fetchedSessionRef = React111.useRef("");
-    React111.useEffect(() => {
+    const seedSelection = () => {
+      if (Array.isArray(propsSelectedOptions) && propsSelectedOptions.length > 0) {
+        return propsSelectedOptions.slice(0, maxSel);
+      }
+      if (propsSelectedOption) return [propsSelectedOption];
+      return [];
+    };
+    const [selectedKeys, setSelectedKeys] = React112.useState(seedSelection);
+    const [isProceeded, setIsProceeded] = React112.useState(
+      Boolean(propsSelectedOption || propsSelectedOptions && propsSelectedOptions.length)
+    );
+    const fetchedSessionRef = React112.useRef("");
+    React112.useEffect(() => {
       if (propsSelectedOption) {
-        setSelectedOption(propsSelectedOption);
+        setSelectedKeys([propsSelectedOption]);
+        setIsProceeded(true);
+      } else if (Array.isArray(propsSelectedOptions) && propsSelectedOptions.length > 0) {
+        setSelectedKeys(propsSelectedOptions.slice(0, maxSel));
         setIsProceeded(true);
       }
-    }, [propsSelectedOption]);
-    const buildQuestionKey = React111.useCallback((sid, question2) => {
+    }, [propsSelectedOption, propsSelectedOptions]);
+    const buildQuestionKey = React112.useCallback((sid, q) => {
       let hash = 2166136261;
-      for (let i = 0; i < question2.length; i++) {
-        hash ^= question2.charCodeAt(i);
+      for (let i = 0; i < q.length; i++) {
+        hash ^= q.charCodeAt(i);
         hash = hash * 16777619 >>> 0;
       }
       return `mcq_${sid}_${hash.toString(36)}`;
     }, []);
-    React111.useEffect(() => {
+    React112.useEffect(() => {
       if (!sessionId || !resolvedQuestion) return;
       const fetchKey = `${sessionId}::${resolvedQuestion}`;
       if (fetchedSessionRef.current === fetchKey) return;
@@ -41176,54 +41312,83 @@ var MCQCard = React111.memo(
       fetchSelections(sessionId).then((selections) => {
         const stored = selections[questionKey] || selections[resolvedQuestion] || selections[`mcq_${sessionId}`];
         if (stored) {
-          setSelectedOption(stored);
-          setIsProceeded(true);
+          const restored = String(stored).split(",").map((s) => s.trim()).filter(Boolean);
+          if (restored.length) {
+            setSelectedKeys(restored);
+            setIsProceeded(true);
+          }
         }
       }).catch(() => {
       });
     }, [sessionId, propsSelectedOption, resolvedQuestion, buildQuestionKey]);
     const isDiscovery = disableContinueInDiscovery !== void 0 ? disableContinueInDiscovery : typeof window !== "undefined" && window.location.pathname.includes("creator-discovery");
+    const isOptionsDisabled = disabled || !isLatestMessage || isProceeded && !disableContinueInDiscovery;
     const handleOptionClick = (key, e) => {
       e.preventDefault();
       e.stopPropagation();
-      if (isLatestMessage && !isLoading && !disabled && !isProceeded) {
-        setSelectedOption(key);
+      if (!isLatestMessage || isLoading || disabled || isProceeded) return;
+      if (!isMulti) {
+        setSelectedKeys([key]);
         onSelect?.(key);
+        onSelectMultiple?.([key]);
+        return;
       }
+      setSelectedKeys((prev) => {
+        let next;
+        if (prev.includes(key)) {
+          next = prev.filter((k) => k !== key);
+        } else if (prev.length < maxSel) {
+          next = [...prev, key];
+        } else {
+          next = prev;
+        }
+        onSelect?.(key);
+        onSelectMultiple?.(next);
+        return next;
+      });
+    };
+    const optionsEntries = resolvedOptions && Object.keys(resolvedOptions).length > 0 ? Object.entries(resolvedOptions).map(([key, val]) => [
+      key,
+      typeof val === "string" ? val : typeof val === "object" && val !== null ? val.label || val.description || val.id || JSON.stringify(val) : String(val ?? "")
+    ]) : [];
+    const labelFor = (key) => {
+      const found = optionsEntries.find(([k]) => k === key);
+      return found ? found[1] : key;
     };
     const handleProceed = async (e) => {
       e.preventDefault();
       e.stopPropagation();
-      if ((selectedOption || recommended) && !disabled && !isProceeded) {
-        const result = selectedOption || recommended || "";
-        if (!selectedOption && recommended) {
-          setSelectedOption(recommended);
-        }
-        const rawLabel = options && options[result];
-        const label = typeof rawLabel === "string" ? rawLabel : typeof rawLabel === "object" && rawLabel !== null ? rawLabel.label || rawLabel.description || result : result;
-        setIsProceeded(true);
-        if (sessionId && resolvedQuestion) {
-          const questionKey = buildQuestionKey(sessionId, resolvedQuestion);
-          await persistSelection(sessionId, questionKey, result);
-        }
-        if (sendMessage) {
-          sendMessage(`Q: ${resolvedQuestion}
+      if (disabled || isProceeded) return;
+      let finalKeys = selectedKeys.length ? selectedKeys : recommended ? [recommended] : [];
+      finalKeys = finalKeys.slice(0, maxSel);
+      if (finalKeys.length < minSel) return;
+      if (selectedKeys.length === 0 && recommended) {
+        setSelectedKeys(finalKeys);
+      }
+      const value = finalKeys.join(",");
+      const label = finalKeys.map(labelFor).join(", ");
+      setIsProceeded(true);
+      if (sessionId && resolvedQuestion) {
+        const questionKey = buildQuestionKey(sessionId, resolvedQuestion);
+        await persistSelection(sessionId, questionKey, value);
+      }
+      if (sendMessage) {
+        sendMessage(`Q: ${resolvedQuestion}
 A: ${label}`);
-        }
-        onProceed?.(result);
-        onAction?.({
-          type: "mcq_selection",
-          value: result,
-          label
-        });
       }
+      onProceed?.(value);
+      onAction?.({
+        type: "mcq_selection",
+        value,
+        label,
+        values: finalKeys,
+        labels: finalKeys.map(labelFor)
+      });
     };
-    const isOptionsDisabled = disabled || !isLatestMessage || isProceeded && !disableContinueInDiscovery;
+    const selectedCount = selectedKeys.length;
+    const meetsMin = (selectedCount || (recommended ? 1 : 0)) >= minSel;
     const isContinueDisabled = disabled || !isLatestMessage || isProceeded || isDiscovery;
-    const optionsEntries = resolvedOptions && Object.keys(resolvedOptions).length > 0 ? Object.entries(resolvedOptions).map(([key, val]) => [
-      key,
-      typeof val === "string" ? val : typeof val === "object" && val !== null ? val.label || val.description || val.id || JSON.stringify(val) : String(val ?? "")
-    ]) : [];
+    const guidance = !isMulti ? "Select one option" : isSelectAll ? "Select all that apply" : minSel === maxSel ? `Select ${maxSel} options` : minSel <= 1 ? `Choose up to ${maxSel} options` : `Select between ${minSel} and ${maxSel} options`;
     return /* @__PURE__ */ jsxs114(
       "div",
       {
@@ -41234,10 +41399,24 @@ A: ${label}`);
         ),
         style: t.root,
         children: [
-          /* @__PURE__ */ jsx153("div", { className: "mb-4", children: /* @__PURE__ */ jsx153("p", { className: "text-sm text-cardText", style: t.text, children: resolvedQuestion || "Select an option:" }) }),
+          /* @__PURE__ */ jsxs114("div", { className: "mb-4", children: [
+            /* @__PURE__ */ jsx153("p", { className: "text-sm text-cardText", style: t.text, children: resolvedQuestion || "Select an option:" }),
+            isMulti && /* @__PURE__ */ jsxs114("p", { className: "mt-1 text-xs text-gray500 flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx153("span", { children: guidance }),
+              /* @__PURE__ */ jsxs114("span", { className: "text-gold", style: t.accent, children: [
+                "(",
+                selectedCount,
+                "/",
+                maxSel,
+                " selected)"
+              ] })
+            ] })
+          ] }),
           /* @__PURE__ */ jsx153("div", { className: "space-y-2.5 mb-4", children: optionsEntries.map(([key, label]) => {
-            const isSelected = selectedOption === key;
+            const isSelected = selectedKeys.includes(key);
             const isRecommended = key === recommended;
+            const atCap = isMulti && !isSelected && selectedCount >= maxSel;
+            const allowHover = !isOptionsDisabled && !atCap && (isMulti || selectedCount === 0);
             return /* @__PURE__ */ jsx153(
               "div",
               {
@@ -41248,8 +41427,8 @@ A: ${label}`);
                   "cursor-pointer rounded-lg p-3 transition-colors",
                   "border bg-black",
                   isSelected ? "border-cardBorder" : "border-gray400",
-                  !selectedOption && !isOptionsDisabled && "hover:border-gray500",
-                  (isLoading || isOptionsDisabled) && "opacity-50 cursor-not-allowed"
+                  allowHover && "hover:border-gray500",
+                  (isLoading || isOptionsDisabled || atCap) && "opacity-50 cursor-not-allowed"
                 ),
                 style: isSelected ? { ...t.surface, ...t.accentBorder } : t.surface,
                 children: /* @__PURE__ */ jsxs114("div", { className: "flex items-start gap-3", children: [
@@ -41257,14 +41436,28 @@ A: ${label}`);
                     "div",
                     {
                       className: cn(
-                        "w-4 h-4 rounded-full border-2 flex items-center justify-center transition-colors",
+                        "w-4 h-4 border-2 flex items-center justify-center transition-colors",
+                        isMulti ? "rounded" : "rounded-full",
                         isSelected ? "border-gold" : cn(
                           "border-gray500",
-                          !selectedOption && !isOptionsDisabled && "hover:border-gold"
+                          allowHover && "hover:border-gold"
                         )
                       ),
                       style: isSelected ? t.accentBorder : void 0,
-                      children: isSelected && /* @__PURE__ */ jsx153("div", { className: "w-2 h-2 rounded-full bg-gold", style: t.accentBg })
+                      children: isSelected && (isMulti ? /* @__PURE__ */ jsx153(
+                        "svg",
+                        {
+                          viewBox: "0 0 16 16",
+                          className: "w-3 h-3 text-gold",
+                          style: t.accent,
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2.5",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          children: /* @__PURE__ */ jsx153("path", { d: "M3.5 8.5l3 3 6-7" })
+                        }
+                      ) : /* @__PURE__ */ jsx153("div", { className: "w-2 h-2 rounded-full bg-gold", style: t.accentBg }))
                     }
                   ) }),
                   /* @__PURE__ */ jsxs114("div", { className: "flex-1 min-w-0", children: [
@@ -41281,7 +41474,7 @@ A: ${label}`);
             {
               "data-testid": "mcq-continue",
               onClick: handleProceed,
-              disabled: isContinueDisabled || isLoading || !selectedOption && !recommended,
+              disabled: isContinueDisabled || isLoading || !meetsMin,
               className: cn(
                 "px-4 py-1.5 border rounded-lg text-xs font-medium transition-colors",
                 "disabled:opacity-50 disabled:cursor-not-allowed",
@@ -41775,9 +41968,9 @@ var CreatorActionHeader = ({
 };
 
 // src/molecules/creator-discovery/CreatorSearchBox/CreatorSearch.tsx
-import React112, { useMemo as useMemo8 } from "react";
+import React113, { useMemo as useMemo8 } from "react";
 import { jsx as jsx164, jsxs as jsxs124 } from "react/jsx-runtime";
-var CreatorSearch = React112.memo(
+var CreatorSearch = React113.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -41866,10 +42059,10 @@ var CreatorSearch = React112.memo(
 CreatorSearch.displayName = "CreatorSearch";
 
 // src/molecules/creator-discovery/CampaignConceptCard/CampaignConceptCard.tsx
-import React113, { useMemo as useMemo9, useState as useState14 } from "react";
+import React114, { useMemo as useMemo9, useState as useState14 } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { jsx as jsx165, jsxs as jsxs125 } from "react/jsx-runtime";
-var CampaignConceptCard = React113.memo(
+var CampaignConceptCard = React114.memo(
   ({
     index,
     isRecommended,
@@ -44488,6 +44681,190 @@ function CreatorWidgetInner({
 }
 var CreatorWidget = memo(CreatorWidgetInner);
 
+// src/molecules/analytics/AnalyticsChart.tsx
+import { useEffect as useEffect15, useRef as useRef11, useState as useState23 } from "react";
+import { jsx as jsx178, jsxs as jsxs137 } from "react/jsx-runtime";
+function getCSSVar(name) {
+  if (typeof document === "undefined") return "";
+  return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+}
+var FALLBACK_COLORS = ["#C4AD7C", "#A189E8", "#5BC582", "#F59E0B", "#3B82F6", "#EC81B6", "#4DB8AC", "#F97316"];
+function normalizeConfig(config) {
+  const xAxisType = Array.isArray(config.xAxis) ? config.xAxis[0]?.type : config.xAxis?.type;
+  if (xAxisType !== "category") return config;
+  return {
+    ...config,
+    series: (config.series || []).map((s) => ({
+      ...s,
+      data: (s.data || []).map((pt) => {
+        if (pt && typeof pt === "object" && typeof pt.x === "string") {
+          const { x, ...rest } = pt;
+          return rest;
+        }
+        return pt;
+      })
+    }))
+  };
+}
+function stripNulls(val) {
+  if (val === null || val === void 0) return void 0;
+  if (Array.isArray(val)) return val.map(stripNulls).filter((v) => v !== void 0);
+  if (typeof val === "object") {
+    const out = {};
+    for (const k of Object.keys(val)) {
+      const v = stripNulls(val[k]);
+      if (v !== void 0) out[k] = v;
+    }
+    return out;
+  }
+  return val;
+}
+var hcSingleton = null;
+var hcLoadPromise = null;
+function loadHighcharts() {
+  if (hcSingleton) return Promise.resolve(hcSingleton);
+  if (hcLoadPromise) return hcLoadPromise;
+  hcLoadPromise = import("highcharts").then((m) => {
+    hcSingleton = m.default ?? m;
+    return hcSingleton;
+  });
+  return hcLoadPromise;
+}
+function buildTheme(height) {
+  const colors = [1, 2, 3, 4, 5, 6, 7, 8].map((i) => getCSSVar(`--chart-${i}`)).filter(Boolean);
+  return {
+    colors: colors.length ? colors : FALLBACK_COLORS,
+    chart: {
+      backgroundColor: getCSSVar("--paperBackground") || "#0a0a0a",
+      style: { fontFamily: "Inter, sans-serif" },
+      height
+    },
+    title: { style: { color: getCSSVar("--txtColor") || "#E5E5E5", fontSize: "14px", fontWeight: "600" } },
+    subtitle: { style: { color: getCSSVar("--textSecondary") || "#9A9080", fontSize: "12px" } },
+    xAxis: {
+      labels: { style: { color: getCSSVar("--textSecondary") || "#9A9080", fontSize: "11px" } },
+      gridLineColor: getCSSVar("--chart-grid") || "rgba(255,255,255,0.05)",
+      lineColor: getCSSVar("--gray300") || "#363843",
+      tickColor: getCSSVar("--gray300") || "#363843"
+    },
+    yAxis: {
+      labels: { style: { color: getCSSVar("--textSecondary") || "#9A9080", fontSize: "11px" } },
+      gridLineColor: getCSSVar("--chart-grid") || "rgba(255,255,255,0.05)",
+      title: { style: { color: getCSSVar("--textSecondary") || "#9A9080" } }
+    },
+    legend: {
+      itemStyle: { color: getCSSVar("--txtColor") || "#E5E5E5", fontSize: "11px", fontWeight: "normal" },
+      itemHoverStyle: { color: getCSSVar("--gray900") || "#f5f5f5" }
+    },
+    tooltip: {
+      backgroundColor: getCSSVar("--gray100") || "#1b1c22",
+      style: { color: getCSSVar("--txtColor") || "#E5E5E5", fontSize: "12px" },
+      borderColor: getCSSVar("--gray300") || "#363843",
+      borderRadius: 6
+    },
+    plotOptions: { series: { animation: { duration: 400 } } },
+    credits: { enabled: false }
+  };
+}
+function AnalyticsChart({
+  config: configProp,
+  chartId,
+  apiBase = "",
+  authToken,
+  height = 400,
+  className,
+  loading: loadingProp,
+  error: errorProp
+}) {
+  const [mounted, setMounted] = useState23(false);
+  const [fetchedConfig, setFetchedConfig] = useState23(null);
+  const [fetching, setFetching] = useState23(false);
+  const [fetchError, setFetchError] = useState23(null);
+  const containerRef = useRef11(null);
+  const chartRef = useRef11(null);
+  useEffect15(() => {
+    setMounted(true);
+  }, []);
+  useEffect15(() => {
+    if (!chartId || configProp) return;
+    let cancelled = false;
+    setFetching(true);
+    setFetchError(null);
+    const headers = {};
+    if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
+    fetch(`${apiBase}/api/charts/${chartId}`, { headers }).then((r) => {
+      if (!r.ok) throw new Error(`${r.status}`);
+      return r.json();
+    }).then((d) => {
+      if (!cancelled) setFetchedConfig(d.chart_config ?? d);
+    }).catch((e) => {
+      if (!cancelled) setFetchError(e.message ?? "Failed to load chart");
+    }).finally(() => {
+      if (!cancelled) setFetching(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [chartId, apiBase, authToken, configProp]);
+  const activeConfig = configProp ?? fetchedConfig;
+  useEffect15(() => {
+    if (!mounted || !activeConfig || !containerRef.current) return;
+    const container = containerRef.current;
+    let cancelled = false;
+    loadHighcharts().then((HC) => {
+      if (cancelled || !container) return;
+      if (chartRef.current) {
+        try {
+          chartRef.current.destroy();
+        } catch {
+        }
+        chartRef.current = null;
+      }
+      HC.setOptions(buildTheme(height));
+      chartRef.current = HC.chart(container, normalizeConfig(stripNulls(activeConfig)));
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [mounted, activeConfig]);
+  useEffect15(() => {
+    return () => {
+      if (chartRef.current) {
+        try {
+          chartRef.current.destroy();
+        } catch {
+        }
+        chartRef.current = null;
+      }
+    };
+  }, []);
+  useEffect15(() => {
+    if (!mounted || !containerRef.current) return;
+    const obs = new ResizeObserver(() => {
+      try {
+        chartRef.current?.reflow();
+      } catch {
+      }
+    });
+    obs.observe(containerRef.current);
+    return () => obs.disconnect();
+  }, [mounted]);
+  const bg = getCSSVar("--paperBackground") || "#0a0a0a";
+  const mutedColor = getCSSVar("--gray300") || "#363843";
+  const displayError = errorProp ?? fetchError;
+  const isLoading = loadingProp || fetching || !mounted || !activeConfig;
+  if (displayError) {
+    return /* @__PURE__ */ jsx178("div", { className, style: { height, display: "flex", alignItems: "center", justifyContent: "center", backgroundColor: bg, borderRadius: 8, border: `1px solid ${mutedColor}` }, children: /* @__PURE__ */ jsx178("p", { style: { color: getCSSVar("--redText") || "#f87171", fontSize: 13, margin: 0 }, children: displayError }) });
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs137("div", { className, style: { height, borderRadius: 8, overflow: "hidden", position: "relative", backgroundColor: bg, border: `1px solid ${mutedColor}` }, children: [
+      /* @__PURE__ */ jsx178("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.06) 50%,transparent 100%)", animation: "hc-shimmer 1.6s ease-in-out infinite" } }),
+      /* @__PURE__ */ jsx178("style", { children: `@keyframes hc-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}` })
+    ] });
+  }
+  return /* @__PURE__ */ jsx178("div", { ref: containerRef, className, style: { width: "100%", minWidth: 0, height } });
+}
+
 // src/components/ui/index.ts
 var ui_exports = {};
 __export(ui_exports, {
@@ -44780,7 +45157,7 @@ __export(ui_exports, {
 // src/components/ui/button-group.tsx
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx178 } from "react/jsx-runtime";
+import { jsx as jsx179 } from "react/jsx-runtime";
 var buttonGroupVariants = cva8(
   "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
@@ -44800,7 +45177,7 @@ function ButtonGroup({
   orientation,
   ...props
 }) {
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     "div",
     {
       role: "group",
@@ -44817,7 +45194,7 @@ function ButtonGroupText({
   ...props
 }) {
   const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     Comp,
     {
       className: cn(
@@ -44833,7 +45210,7 @@ function ButtonGroupSeparator({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx178(
+  return /* @__PURE__ */ jsx179(
     Separator2,
     {
       "data-slot": "button-group-separator",
@@ -44849,9 +45226,9 @@ function ButtonGroupSeparator({
 
 // src/components/ui/empty.tsx
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx179 } from "react/jsx-runtime";
+import { jsx as jsx180 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty",
@@ -44864,7 +45241,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-header",
@@ -44895,7 +45272,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-icon",
@@ -44906,7 +45283,7 @@ function EmptyMedia({
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-title",
@@ -44916,7 +45293,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-description",
@@ -44929,7 +45306,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx179(
+  return /* @__PURE__ */ jsx180(
     "div",
     {
       "data-slot": "empty-content",
@@ -44945,9 +45322,9 @@ function EmptyContent({ className, ...props }) {
 // src/components/ui/field.tsx
 import { useMemo as useMemo12 } from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx180, jsxs as jsxs137 } from "react/jsx-runtime";
+import { jsx as jsx181, jsxs as jsxs138 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -44965,7 +45342,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "legend",
     {
       "data-slot": "field-legend",
@@ -44981,7 +45358,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       "data-slot": "field-group",
@@ -45021,7 +45398,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       role: "group",
@@ -45033,7 +45410,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       "data-slot": "field-content",
@@ -45049,7 +45426,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     Label,
     {
       "data-slot": "field-label",
@@ -45064,7 +45441,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       "data-slot": "field-label",
@@ -45077,7 +45454,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "p",
     {
       "data-slot": "field-description",
@@ -45096,7 +45473,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs137(
+  return /* @__PURE__ */ jsxs138(
     "div",
     {
       "data-slot": "field-separator",
@@ -45107,8 +45484,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx180(Separator2, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx180(
+        /* @__PURE__ */ jsx181(Separator2, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx181(
           "span",
           {
             className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
@@ -45136,14 +45513,14 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ jsx180("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx180("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx181("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx181("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx180(
+  return /* @__PURE__ */ jsx181(
     "div",
     {
       role: "alert",
@@ -45157,9 +45534,9 @@ function FieldError({
 
 // src/components/ui/input-group.tsx
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx181 } from "react/jsx-runtime";
+import { jsx as jsx182 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     "div",
     {
       "data-slot": "input-group",
@@ -45203,7 +45580,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     "div",
     {
       role: "group",
@@ -45243,7 +45620,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     Button,
     {
       type,
@@ -45255,7 +45632,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     "span",
     {
       className: cn(
@@ -45270,7 +45647,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     Input,
     {
       "data-slot": "input-group-control",
@@ -45286,7 +45663,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsx182(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -45302,9 +45679,9 @@ function InputGroupTextarea({
 // src/components/ui/item.tsx
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx182 } from "react/jsx-runtime";
+import { jsx as jsx183 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       role: "list",
@@ -45318,7 +45695,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     Separator2,
     {
       "data-slot": "item-separator",
@@ -45356,7 +45733,7 @@ function Item8({
   ...props
 }) {
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     Comp,
     {
       "data-slot": "item",
@@ -45387,7 +45764,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-media",
@@ -45398,7 +45775,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-content",
@@ -45411,7 +45788,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-title",
@@ -45424,7 +45801,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "p",
     {
       "data-slot": "item-description",
@@ -45438,7 +45815,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-actions",
@@ -45448,7 +45825,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-header",
@@ -45461,7 +45838,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx182(
+  return /* @__PURE__ */ jsx183(
     "div",
     {
       "data-slot": "item-footer",
@@ -45475,9 +45852,9 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/components/ui/kbd.tsx
-import { jsx as jsx183 } from "react/jsx-runtime";
+import { jsx as jsx184 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx183(
+  return /* @__PURE__ */ jsx184(
     "kbd",
     {
       "data-slot": "kbd",
@@ -45492,7 +45869,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx183(
+  return /* @__PURE__ */ jsx184(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -45503,16 +45880,16 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-import * as React115 from "react";
+import * as React116 from "react";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
 import { cva as cva13 } from "class-variance-authority";
 
 // src/hooks/use-mobile.tsx
-import * as React114 from "react";
+import * as React115 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React114.useState(void 0);
-  React114.useEffect(() => {
+  const [isMobile, setIsMobile] = React115.useState(void 0);
+  React115.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -45525,22 +45902,22 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx184, jsxs as jsxs138 } from "react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs139 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React115.createContext(null);
+var SidebarContext = React116.createContext(null);
 function useSidebar() {
-  const context = React115.useContext(SidebarContext);
+  const context = React116.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React115.forwardRef(
+var SidebarProvider = React116.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -45551,10 +45928,10 @@ var SidebarProvider = React115.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React115.useState(false);
-    const [_open, _setOpen] = React115.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React116.useState(false);
+    const [_open, _setOpen] = React116.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React115.useCallback(
+    const setOpen = React116.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -45566,10 +45943,10 @@ var SidebarProvider = React115.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React115.useCallback(() => {
+    const toggleSidebar = React116.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React115.useEffect(() => {
+    React116.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -45580,7 +45957,7 @@ var SidebarProvider = React115.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React115.useMemo(
+    const contextValue = React116.useMemo(
       () => ({
         state,
         open,
@@ -45592,7 +45969,7 @@ var SidebarProvider = React115.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx184(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx184(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx184(
+    return /* @__PURE__ */ jsx185(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx185(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx185(
       "div",
       {
         style: {
@@ -45612,7 +45989,7 @@ var SidebarProvider = React115.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React115.forwardRef(
+var Sidebar = React116.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -45623,7 +46000,7 @@ var Sidebar = React115.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx184(
+      return /* @__PURE__ */ jsx185(
         "div",
         {
           className: cn(
@@ -45637,7 +46014,7 @@ var Sidebar = React115.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ jsx184(Sheet2, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs138(
+      return /* @__PURE__ */ jsx185(Sheet2, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs139(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -45648,16 +46025,16 @@ var Sidebar = React115.forwardRef(
           },
           side,
           children: [
-            /* @__PURE__ */ jsxs138(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ jsx184(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ jsx184(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsxs139(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ jsx185(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ jsx185(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ jsx184("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ jsx185("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs138(
+    return /* @__PURE__ */ jsxs139(
       "div",
       {
         ref,
@@ -45667,7 +46044,7 @@ var Sidebar = React115.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx184(
+          /* @__PURE__ */ jsx185(
             "div",
             {
               className: cn(
@@ -45678,7 +46055,7 @@ var Sidebar = React115.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx184(
+          /* @__PURE__ */ jsx185(
             "div",
             {
               className: cn(
@@ -45689,7 +46066,7 @@ var Sidebar = React115.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx184(
+              children: /* @__PURE__ */ jsx185(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -45705,9 +46082,9 @@ var Sidebar = React115.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React115.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React116.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs138(
+  return /* @__PURE__ */ jsxs139(
     Button,
     {
       ref,
@@ -45721,16 +46098,16 @@ var SidebarTrigger = React115.forwardRef(({ className, onClick, ...props }, ref)
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx184(PanelLeft, {}),
-        /* @__PURE__ */ jsx184("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx185(PanelLeft, {}),
+        /* @__PURE__ */ jsx185("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React116.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     "button",
     {
       ref,
@@ -45753,8 +46130,8 @@ var SidebarRail = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React115.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+var SidebarInset = React116.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx185(
     "main",
     {
       ref,
@@ -45768,8 +46145,8 @@ var SidebarInset = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React115.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+var SidebarInput = React116.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx185(
     Input,
     {
       ref,
@@ -45783,8 +46160,8 @@ var SidebarInput = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React115.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+var SidebarHeader = React116.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx185(
     "div",
     {
       ref,
@@ -45795,8 +46172,8 @@ var SidebarHeader = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React115.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+var SidebarFooter = React116.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx185(
     "div",
     {
       ref,
@@ -45807,8 +46184,8 @@ var SidebarFooter = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React115.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+var SidebarSeparator = React116.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx185(
     Separator2,
     {
       ref,
@@ -45819,8 +46196,8 @@ var SidebarSeparator = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React115.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+var SidebarContent = React116.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx185(
     "div",
     {
       ref,
@@ -45834,8 +46211,8 @@ var SidebarContent = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React115.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx184(
+var SidebarGroup = React116.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx185(
     "div",
     {
       ref,
@@ -45846,9 +46223,9 @@ var SidebarGroup = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React115.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React116.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "div";
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Comp,
     {
       ref,
@@ -45863,9 +46240,9 @@ var SidebarGroupLabel = React115.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React115.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React116.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Comp,
     {
       ref,
@@ -45882,7 +46259,7 @@ var SidebarGroupAction = React115.forwardRef(({ className, asChild = false, ...p
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarGroupContent = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "div",
   {
     ref,
@@ -45892,7 +46269,7 @@ var SidebarGroupContent = React115.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarMenu = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "ul",
   {
     ref,
@@ -45902,7 +46279,7 @@ var SidebarMenu = React115.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarMenuItem = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "li",
   {
     ref,
@@ -45932,7 +46309,7 @@ var sidebarMenuButtonVariants = cva13(
     }
   }
 );
-var SidebarMenuButton = React115.forwardRef(
+var SidebarMenuButton = React116.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -45944,7 +46321,7 @@ var SidebarMenuButton = React115.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot6 : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ jsx184(
+    const button = /* @__PURE__ */ jsx185(
       Comp,
       {
         ref,
@@ -45963,9 +46340,9 @@ var SidebarMenuButton = React115.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ jsxs138(Tooltip, { children: [
-      /* @__PURE__ */ jsx184(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx184(
+    return /* @__PURE__ */ jsxs139(Tooltip, { children: [
+      /* @__PURE__ */ jsx185(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx185(
         TooltipContent,
         {
           side: "right",
@@ -45978,9 +46355,9 @@ var SidebarMenuButton = React115.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React115.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React116.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Comp,
     {
       ref,
@@ -46001,7 +46378,7 @@ var SidebarMenuAction = React115.forwardRef(({ className, asChild = false, showO
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarMenuBadge = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "div",
   {
     ref,
@@ -46019,11 +46396,11 @@ var SidebarMenuBadge = React115.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React115.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React115.useMemo(() => {
+var SidebarMenuSkeleton = React116.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React116.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs138(
+  return /* @__PURE__ */ jsxs139(
     "div",
     {
       ref,
@@ -46031,14 +46408,14 @@ var SidebarMenuSkeleton = React115.forwardRef(({ className, showIcon = false, ..
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx184(
+        showIcon && /* @__PURE__ */ jsx185(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx184(
+        /* @__PURE__ */ jsx185(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -46053,7 +46430,7 @@ var SidebarMenuSkeleton = React115.forwardRef(({ className, showIcon = false, ..
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx184(
+var SidebarMenuSub = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx185(
   "ul",
   {
     ref,
@@ -46067,11 +46444,11 @@ var SidebarMenuSub = React115.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React115.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx184("li", { ref, ...props }));
+var SidebarMenuSubItem = React116.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx185("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React115.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React116.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "a";
-  return /* @__PURE__ */ jsx184(
+  return /* @__PURE__ */ jsx185(
     Comp,
     {
       ref,
@@ -46095,20 +46472,20 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 // src/components/ui/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx185 } from "react/jsx-runtime";
+import { jsx as jsx186 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx185(
+  return /* @__PURE__ */ jsx186(
     Sonner,
     {
       theme,
       className: "toaster group",
       icons: {
-        success: /* @__PURE__ */ jsx185(CircleCheck, { className: "h-4 w-4" }),
-        info: /* @__PURE__ */ jsx185(Info, { className: "h-4 w-4" }),
-        warning: /* @__PURE__ */ jsx185(TriangleAlert, { className: "h-4 w-4" }),
-        error: /* @__PURE__ */ jsx185(OctagonX, { className: "h-4 w-4" }),
-        loading: /* @__PURE__ */ jsx185(LoaderCircle, { className: "h-4 w-4 animate-spin" })
+        success: /* @__PURE__ */ jsx186(CircleCheck, { className: "h-4 w-4" }),
+        info: /* @__PURE__ */ jsx186(Info, { className: "h-4 w-4" }),
+        warning: /* @__PURE__ */ jsx186(TriangleAlert, { className: "h-4 w-4" }),
+        error: /* @__PURE__ */ jsx186(OctagonX, { className: "h-4 w-4" }),
+        loading: /* @__PURE__ */ jsx186(LoaderCircle, { className: "h-4 w-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -46124,26 +46501,26 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/ui/toggle-group.tsx
-import * as React116 from "react";
+import * as React117 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx186 } from "react/jsx-runtime";
-var ToggleGroupContext = React116.createContext({
+import { jsx as jsx187 } from "react/jsx-runtime";
+var ToggleGroupContext = React117.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React116.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx186(
+var ToggleGroup = React117.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx187(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx186(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx187(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React116.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React116.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx186(
+var ToggleGroupItem = React117.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React117.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx187(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -46162,7 +46539,7 @@ var ToggleGroupItem = React116.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/render/PXEngineRenderer.tsx
-import { jsx as jsx187, jsxs as jsxs139 } from "react/jsx-runtime";
+import { jsx as jsx188, jsxs as jsxs140 } from "react/jsx-runtime";
 var MOLECULE_REFS = new Set(Object.values(molecules_exports));
 var CONTEXT_DEPENDENT_COMPONENTS = /* @__PURE__ */ new Set([
   // Form components - require FormField + FormItem context
@@ -46268,24 +46645,24 @@ var REGISTERED_COMPONENTS = /* @__PURE__ */ new Set([
 ]);
 var renderContextDependentError = (componentName, normalizedName, key) => {
   const suggestion = COMPONENT_SUGGESTIONS[normalizedName] || `${componentName}Atom (if available)`;
-  return /* @__PURE__ */ jsxs139(
+  return /* @__PURE__ */ jsxs140(
     "div",
     {
       className: "p-4 border-2 border-amber-500/50 rounded-lg bg-amber-50/80 space-y-2 my-2",
       children: [
-        /* @__PURE__ */ jsxs139("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ jsx187("span", { className: "text-amber-600 font-bold text-lg", children: "\u26A0\uFE0F" }),
-          /* @__PURE__ */ jsxs139("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs139("p", { className: "text-sm font-semibold text-amber-900", children: [
+        /* @__PURE__ */ jsxs140("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx188("span", { className: "text-amber-600 font-bold text-lg", children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ jsxs140("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxs140("p", { className: "text-sm font-semibold text-amber-900", children: [
               "Invalid Component: ",
               componentName
             ] }),
-            /* @__PURE__ */ jsx187("p", { className: "text-xs text-amber-700 mt-1", children: "This component requires React Context and cannot be rendered directly in schemas." })
+            /* @__PURE__ */ jsx188("p", { className: "text-xs text-amber-700 mt-1", children: "This component requires React Context and cannot be rendered directly in schemas." })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs139("div", { className: "bg-white/60 p-3 rounded border border-amber-200", children: [
-          /* @__PURE__ */ jsx187("p", { className: "text-xs font-semibold text-gray-700 mb-1.5", children: "\u2713 Use instead:" }),
-          /* @__PURE__ */ jsx187("code", { className: "text-xs text-blue-700 bg-blue-50 px-2 py-1 rounded", children: suggestion })
+        /* @__PURE__ */ jsxs140("div", { className: "bg-white/60 p-3 rounded border border-amber-200", children: [
+          /* @__PURE__ */ jsx188("p", { className: "text-xs font-semibold text-gray-700 mb-1.5", children: "\u2713 Use instead:" }),
+          /* @__PURE__ */ jsx188("code", { className: "text-xs text-blue-700 bg-blue-50 px-2 py-1 rounded", children: suggestion })
         ] })
       ]
     },
@@ -46354,24 +46731,48 @@ var normalizeProps = (props) => {
   });
   return { normalized, dynamicStyle };
 };
+var FORM_INPUT_ATOM_NAMES = /* @__PURE__ */ new Set([
+  "InputAtom",
+  "TextareaAtom",
+  "SelectAtom",
+  "SliderAtom",
+  "CheckboxAtom",
+  "SwitchAtom",
+  "RadioAtom",
+  "RadioGroupAtom",
+  "FormInputAtom",
+  "FormSelectAtom",
+  "FormTextareaAtom",
+  "RatingAtom",
+  "CalendarAtom",
+  "InputOTPAtom",
+  "ToggleAtom"
+]);
 var PXEngineRenderer = ({
   schema,
   onAction,
   disabled,
-  theme
+  theme,
+  onFormSubmit
 }) => {
-  const contextTheme = React117.useContext(WidgetThemeContext);
+  const contextTheme = React118.useContext(WidgetThemeContext);
   const effectiveTheme = theme ?? contextTheme;
+  const formValuesRef = React118.useRef({});
+  const [, forceUpdate] = React118.useReducer((x) => x + 1, 0);
+  const handleInputValueChange = React118.useCallback((key, value) => {
+    formValuesRef.current[key] = value;
+    forceUpdate();
+  }, []);
   if (!schema) return null;
   const root = schema.root || schema;
   const renderRecursive = (component, index) => {
     if (Array.isArray(component)) {
-      return /* @__PURE__ */ jsx187(React117.Fragment, { children: component.map((child, idx) => renderRecursive(child, idx)) }, index !== void 0 ? `array-${index}` : "array-root");
+      return /* @__PURE__ */ jsx188(React118.Fragment, { children: component.map((child, idx) => renderRecursive(child, idx)) }, index !== void 0 ? `array-${index}` : "array-root");
     }
     if (typeof component === "string" || typeof component === "number") {
       return component;
     }
-    if (React117.isValidElement(component)) {
+    if (React118.isValidElement(component)) {
       return component;
     }
     if (!component || typeof component !== "object") return null;
@@ -46393,12 +46794,43 @@ var PXEngineRenderer = ({
     if (disabled !== void 0 && rawProps.disabled === void 0) {
       rawProps.disabled = disabled;
     }
+    const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
+    const earlyAtomName = normalizedName.endsWith("Atom") ? normalizedName : `${normalizedName}Atom`;
+    if (onFormSubmit && FORM_INPUT_ATOM_NAMES.has(earlyAtomName)) {
+      const fieldKey = rawProps.fieldKey || rawProps.id || id || rawProps.label || componentName;
+      const storedValue = formValuesRef.current[fieldKey];
+      if (storedValue !== void 0) {
+        rawProps.defaultValue = storedValue;
+      }
+      rawProps.onValueChange = handleInputValueChange;
+      rawProps.fieldKey = fieldKey;
+      if (id) rawProps.id = id;
+    }
+    if (onFormSubmit && earlyAtomName === "ButtonAtom") {
+      const action = rawProps.action || rawProps.buttonAction;
+      if (action === "submit") {
+        const originalOnAction = rawProps.onAction;
+        rawProps.onAction = (evt) => {
+          const elements = Object.entries(formValuesRef.current).map(
+            ([key, value]) => ({
+              id: key,
+              atomName: "InputAtom",
+              props: { fieldKey: key, label: key, question: key },
+              value
+            })
+          );
+          const qaText = formatQAMessage(elements);
+          const values = { ...formValuesRef.current };
+          onFormSubmit(qaText, values);
+          if (originalOnAction) originalOnAction(evt);
+        };
+      }
+    }
     const { normalized: finalProps, dynamicStyle } = normalizeProps(rawProps);
     if (id && !finalProps.id) {
       finalProps.id = id;
     }
     const uniqueKey = id || (index !== void 0 ? `${componentName}-${index}` : `${componentName}-root`);
-    const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
     const resolveComponent = (identifier) => {
       const normalized = identifier.split(/[-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
       const atomName2 = normalized.endsWith("Atom") ? normalized : `${normalized}Atom`;
@@ -46455,32 +46887,34 @@ var PXEngineRenderer = ({
       finalProps.theme = effectiveTheme;
     }
     const finalStyle = { ...dynamicStyle, ...finalProps.style || {} };
+    const effectiveOnAction = finalProps.onAction ?? onAction;
+    delete finalProps.onAction;
     if (isAtomWithRenderProp) {
-      return /* @__PURE__ */ jsx187(
+      return /* @__PURE__ */ jsx188(
         TargetComponent,
         {
           ...finalProps,
           style: finalStyle,
-          onAction,
+          onAction: effectiveOnAction,
           renderComponent: renderRecursive,
           children
         },
         uniqueKey
       );
     } else {
-      return /* @__PURE__ */ jsx187(
+      return /* @__PURE__ */ jsx188(
         TargetComponent,
         {
           ...finalProps,
           style: finalStyle,
-          onAction,
+          onAction: effectiveOnAction,
           children: Array.isArray(children) ? children.map((child, idx) => renderRecursive(child, idx)) : children
         },
         uniqueKey
       );
     }
   };
-  return /* @__PURE__ */ jsx187(WidgetThemeContext.Provider, { value: effectiveTheme, children: /* @__PURE__ */ jsx187("div", { className: "px-engine-root relative w-full h-full", children: renderRecursive(root) }) });
+  return /* @__PURE__ */ jsx188(WidgetThemeContext.Provider, { value: effectiveTheme, children: /* @__PURE__ */ jsx188("div", { className: "px-engine-root relative w-full h-full", children: renderRecursive(root) }) });
 };
 export {
   Accordion,
@@ -46504,6 +46938,7 @@ export {
   AlertDialogTitle,
   AlertDialogTrigger,
   AlertTitle,
+  AnalyticsChart,
   ApprovalCard,
   ArrowToggleAtom,
   AspectRatio,