pxengine 0.1.95 → 0.1.97

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;
@@ -33727,15 +33777,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 +33801,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 +33829,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 +33841,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 +33853,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 +33870,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 +33882,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 +33899,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 +33912,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 +33929,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 +33945,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 +33958,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 +33985,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 +34005,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 +34021,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 +34041,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 +34054,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 +34066,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 +34096,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 +34308,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 +34400,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 +34429,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 +34591,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 +34667,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 +34943,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 +35108,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 +35119,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 +36513,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 +36527,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 +36678,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 +36693,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 +36763,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 +36885,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 +37141,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 +37158,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 +37218,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 +37226,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 +37244,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 +37334,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 +37352,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 +37410,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 +37428,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 +37510,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 +37562,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 +37581,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 +37697,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 +37716,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 +37857,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 +37878,7 @@ function AvatarInitials({ name }) {
     }
   );
 }
-var CalendarEventCard = React103.memo(
+var CalendarEventCard = React104.memo(
   ({
     title,
     date,
@@ -37845,7 +37895,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 +37981,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 +38007,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 +38124,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 +38132,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 +38147,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();
@@ -40102,7 +40152,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 +40861,7 @@ function buildCampaignSeedFields(data) {
     return generated;
   });
 }
-var CampaignSeedCard = React109.memo(
+var CampaignSeedCard = React110.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -40857,7 +40907,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 +41023,7 @@ function buildSearchSpecFields(data) {
     return generated;
   });
 }
-var SearchSpecCard = React110.memo(
+var SearchSpecCard = React111.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -41023,7 +41073,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,7 +41174,7 @@ 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 MCQCard = React112.memo(
   ({
     question,
     options,
@@ -41149,16 +41199,16 @@ var MCQCard = React111.memo(
     const resolvedQuestion = question || allProps.Question || allProps.q || "";
     const resolvedOptions = options || allProps.Options || allProps.opts || {};
     const t = th(theme);
-    const [selectedOption, setSelectedOption] = React111.useState(propsSelectedOption);
-    const [isProceeded, setIsProceeded] = React111.useState(false);
-    const fetchedSessionRef = React111.useRef("");
-    React111.useEffect(() => {
+    const [selectedOption, setSelectedOption] = React112.useState(propsSelectedOption);
+    const [isProceeded, setIsProceeded] = React112.useState(false);
+    const fetchedSessionRef = React112.useRef("");
+    React112.useEffect(() => {
       if (propsSelectedOption) {
         setSelectedOption(propsSelectedOption);
         setIsProceeded(true);
       }
     }, [propsSelectedOption]);
-    const buildQuestionKey = React111.useCallback((sid, question2) => {
+    const buildQuestionKey = React112.useCallback((sid, question2) => {
       let hash = 2166136261;
       for (let i = 0; i < question2.length; i++) {
         hash ^= question2.charCodeAt(i);
@@ -41166,7 +41216,7 @@ var MCQCard = React111.memo(
       }
       return `mcq_${sid}_${hash.toString(36)}`;
     }, []);
-    React111.useEffect(() => {
+    React112.useEffect(() => {
       if (!sessionId || !resolvedQuestion) return;
       const fetchKey = `${sessionId}::${resolvedQuestion}`;
       if (fetchedSessionRef.current === fetchKey) return;
@@ -41227,6 +41277,7 @@ A: ${label}`);
     return /* @__PURE__ */ jsxs114(
       "div",
       {
+        "data-testid": "mcq-card",
         className: cn(
           "p-4 rounded-lg border border-gray400 bg-cardSurface w-full",
           className
@@ -41240,6 +41291,8 @@ A: ${label}`);
             return /* @__PURE__ */ jsx153(
               "div",
               {
+                "data-testid": "mcq-option",
+                "data-option-key": key,
                 onClick: (e) => handleOptionClick(key, e),
                 className: cn(
                   "cursor-pointer rounded-lg p-3 transition-colors",
@@ -41276,6 +41329,7 @@ A: ${label}`);
           /* @__PURE__ */ jsx153("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx153(
             "button",
             {
+              "data-testid": "mcq-continue",
               onClick: handleProceed,
               disabled: isContinueDisabled || isLoading || !selectedOption && !recommended,
               className: cn(
@@ -41771,9 +41825,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,
@@ -41862,10 +41916,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,
@@ -45499,16 +45553,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);
@@ -45528,15 +45582,15 @@ 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,
@@ -45547,10 +45601,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) {
@@ -45562,10 +45616,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();
@@ -45576,7 +45630,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,
@@ -45608,7 +45662,7 @@ var SidebarProvider = React115.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React115.forwardRef(
+var Sidebar = React116.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -45701,7 +45755,7 @@ 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(
     Button,
@@ -45724,7 +45778,7 @@ var SidebarTrigger = React115.forwardRef(({ className, onClick, ...props }, ref)
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React116.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsx184(
     "button",
@@ -45749,7 +45803,7 @@ var SidebarRail = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx184(
     "main",
     {
@@ -45764,7 +45818,7 @@ var SidebarInset = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarInput = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx184(
     Input,
     {
@@ -45779,7 +45833,7 @@ var SidebarInput = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx184(
     "div",
     {
@@ -45791,7 +45845,7 @@ var SidebarHeader = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx184(
     "div",
     {
@@ -45803,7 +45857,7 @@ var SidebarFooter = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparator = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx184(
     Separator2,
     {
@@ -45815,7 +45869,7 @@ var SidebarSeparator = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx184(
     "div",
     {
@@ -45830,7 +45884,7 @@ var SidebarContent = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx184(
     "div",
     {
@@ -45842,7 +45896,7 @@ 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(
     Comp,
@@ -45859,7 +45913,7 @@ 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(
     Comp,
@@ -45878,7 +45932,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__ */ jsx184(
   "div",
   {
     ref,
@@ -45888,7 +45942,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__ */ jsx184(
   "ul",
   {
     ref,
@@ -45898,7 +45952,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__ */ jsx184(
   "li",
   {
     ref,
@@ -45928,7 +45982,7 @@ var sidebarMenuButtonVariants = cva13(
     }
   }
 );
-var SidebarMenuButton = React115.forwardRef(
+var SidebarMenuButton = React116.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -45974,7 +46028,7 @@ 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(
     Comp,
@@ -45997,7 +46051,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__ */ jsx184(
   "div",
   {
     ref,
@@ -46015,8 +46069,8 @@ 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(
@@ -46049,7 +46103,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__ */ jsx184(
   "ul",
   {
     ref,
@@ -46063,9 +46117,9 @@ 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__ */ jsx184("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(
     Comp,
@@ -46120,14 +46174,14 @@ 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({
+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__ */ jsx186(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -46137,8 +46191,8 @@ var ToggleGroup = React116.forwardRef(({ className, variant, size, children, ...
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React116.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React116.useContext(ToggleGroupContext);
+var ToggleGroupItem = React117.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React117.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx186(
     ToggleGroupPrimitive.Item,
     {
@@ -46350,24 +46404,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__ */ jsx187(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;
@@ -46389,12 +46467,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`;
@@ -46451,13 +46560,15 @@ var PXEngineRenderer = ({
       finalProps.theme = effectiveTheme;
     }
     const finalStyle = { ...dynamicStyle, ...finalProps.style || {} };
+    const effectiveOnAction = finalProps.onAction ?? onAction;
+    delete finalProps.onAction;
     if (isAtomWithRenderProp) {
       return /* @__PURE__ */ jsx187(
         TargetComponent,
         {
           ...finalProps,
           style: finalStyle,
-          onAction,
+          onAction: effectiveOnAction,
           renderComponent: renderRecursive,
           children
         },
@@ -46469,7 +46580,7 @@ var PXEngineRenderer = ({
         {
           ...finalProps,
           style: finalStyle,
-          onAction,
+          onAction: effectiveOnAction,
           children: Array.isArray(children) ? children.map((child, idx) => renderRecursive(child, idx)) : children
         },
         uniqueKey