@mindtris/ui 0.1.7 → 0.1.8

package/dist/index.mjs

@@ -2729,7 +2729,7 @@ function useThemeManager() {
 __name(useThemeManager, "useThemeManager");
 
 // components/theme-customizer/index.tsx
-import React44 from "react";
+import React45 from "react";
 import { Settings, X as X9 } from "lucide-react";
 
 // components/ui/button.tsx
@@ -10398,7 +10398,7 @@ function FormItem({ className, ...props }) {
     "div",
     {
       "data-slot": "form-item",
-      className: cn("grid gap-2", className),
+      className: cn("grid gap-1", className),
       ...props
     }
   ) });
@@ -10462,7 +10462,7 @@ function FormMessage({ className, ...props }) {
     {
       "data-slot": "form-message",
       id: formMessageId,
-      className: cn("text-sm text-destructive", className),
+      className: cn("text-xs text-destructive mt-px", className),
       ...props,
       children: body
     }
@@ -10470,9 +10470,28 @@ function FormMessage({ className, ...props }) {
 }
 __name(FormMessage, "FormMessage");
 
+// components/ui/error-message.tsx
+import * as React35 from "react";
+import { jsx as jsx62 } from "react/jsx-runtime";
+var ErrorMessage = React35.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx62(
+      "p",
+      {
+        ref,
+        "data-slot": "error-message",
+        role: "alert",
+        className: cn("text-xs text-destructive mt-px", className),
+        ...props
+      }
+    );
+  }
+);
+ErrorMessage.displayName = "ErrorMessage";
+
 // components/ui/navigation-menu.tsx
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { jsx as jsx62, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs40 } from "react/jsx-runtime";
 function NavigationMenuRoot({
   className,
   children,
@@ -10491,7 +10510,7 @@ function NavigationMenuRoot({
       ...props,
       children: [
         children,
-        viewport ? /* @__PURE__ */ jsx62(NavigationMenuViewport, {}) : null
+        viewport ? /* @__PURE__ */ jsx63(NavigationMenuViewport, {}) : null
       ]
     }
   );
@@ -10501,7 +10520,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -10518,7 +10537,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -10542,7 +10561,7 @@ function NavigationMenuTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx63(
           ChevronIcon,
           {
             className: "relative size-3 transition-transform duration-200 group-data-[state=open]:rotate-180",
@@ -10558,7 +10577,7 @@ function ChevronIcon({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -10572,7 +10591,7 @@ function ChevronIcon({
       strokeLinejoin: "round",
       className: cn("shrink-0", className),
       ...props,
-      children: /* @__PURE__ */ jsx62("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ jsx63("path", { d: "m6 9 6 6 6-6" })
     }
   );
 }
@@ -10581,7 +10600,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -10601,7 +10620,7 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx62("div", { className: "absolute left-0 top-full z-50 flex justify-center", children: /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63("div", { className: "absolute left-0 top-full z-50 flex justify-center", children: /* @__PURE__ */ jsx63(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -10620,7 +10639,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -10640,7 +10659,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -10650,7 +10669,7 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx62("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm border-border bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx63("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm border-border bg-border shadow-md" })
     }
   );
 }
@@ -10677,7 +10696,7 @@ var ICON_SIZES = {
 };
 
 // components/ui/icon.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function Icon({
   icon: IconComponent,
   size = "md",
@@ -10686,7 +10705,7 @@ function Icon({
   ...props
 }) {
   const sizeValue = typeof size === "number" ? size : ICON_SIZES[size];
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     IconComponent,
     {
       className: cn("shrink-0", className),
@@ -10704,7 +10723,7 @@ function createIcon(IconComponent, options = {}) {
     className
   } = options;
   const sizeValue = typeof size === "number" ? size : ICON_SIZES[size];
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     IconComponent,
     {
       className: cn("shrink-0", className),
@@ -10716,11 +10735,11 @@ function createIcon(IconComponent, options = {}) {
 __name(createIcon, "createIcon");
 
 // components/ui/theme-toggle-icon.tsx
-import { jsx as jsx64, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs41 } from "react/jsx-runtime";
 function ThemeToggleIcon() {
   const { theme, setTheme } = useTheme2();
   return /* @__PURE__ */ jsxs41("div", { children: [
-    /* @__PURE__ */ jsx64(
+    /* @__PURE__ */ jsx65(
       "input",
       {
         type: "checkbox",
@@ -10746,7 +10765,7 @@ function ThemeToggleIcon() {
         htmlFor: "light-switch",
         children: [
           createIcon(Moon, { size: 16, strokeWidth: 2.25, className: "text-muted-foreground" }),
-          /* @__PURE__ */ jsx64("span", { className: "sr-only", children: "Switch to light / dark version" })
+          /* @__PURE__ */ jsx65("span", { className: "sr-only", children: "Switch to light / dark version" })
         ]
       }
     )
@@ -10755,16 +10774,16 @@ function ThemeToggleIcon() {
 __name(ThemeToggleIcon, "ThemeToggleIcon");
 
 // components/ui/kbd.tsx
-import * as React35 from "react";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import * as React36 from "react";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var sizeClasses7 = {
   sm: "px-1.5 py-0.5 text-[10px]",
   default: "px-2 py-1 text-xs",
   lg: "px-2.5 py-1.5 text-sm"
 };
-var Kbd = React35.forwardRef(
+var Kbd = React36.forwardRef(
   ({ className, size = "default", children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx65(
+    return /* @__PURE__ */ jsx66(
       "kbd",
       {
         ref,
@@ -10786,15 +10805,15 @@ var Kbd = React35.forwardRef(
 Kbd.displayName = "Kbd";
 
 // components/ui/scroll-area.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx66, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs42 } from "react/jsx-runtime";
 function isHorizontalScrollBar(child) {
-  return React36.isValidElement(child) && child.type === ScrollBar && child.props.orientation === "horizontal";
+  return React37.isValidElement(child) && child.type === ScrollBar && child.props.orientation === "horizontal";
 }
 __name(isHorizontalScrollBar, "isHorizontalScrollBar");
-var ScrollArea = React36.forwardRef(({ className, children, ...props }, ref) => {
-  const childList = React36.Children.toArray(children);
+var ScrollArea = React37.forwardRef(({ className, children, ...props }, ref) => {
+  const childList = React37.Children.toArray(children);
   const viewportChildren = childList.filter((c) => !isHorizontalScrollBar(c));
   const horizontalBars = childList.filter((c) => isHorizontalScrollBar(c));
   return /* @__PURE__ */ jsxs42(
@@ -10805,7 +10824,7 @@ var ScrollArea = React36.forwardRef(({ className, children, ...props }, ref) =>
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -10813,15 +10832,15 @@ var ScrollArea = React36.forwardRef(({ className, children, ...props }, ref) =>
             children: viewportChildren
           }
         ),
-        /* @__PURE__ */ jsx66(ScrollBar, {}),
+        /* @__PURE__ */ jsx67(ScrollBar, {}),
         horizontalBars,
-        /* @__PURE__ */ jsx66(ScrollAreaPrimitive.Corner, { "data-slot": "scroll-area-corner" })
+        /* @__PURE__ */ jsx67(ScrollAreaPrimitive.Corner, { "data-slot": "scroll-area-corner" })
       ]
     }
   );
 });
 ScrollArea.displayName = "ScrollArea";
-var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx66(
+var ScrollBar = React37.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx67(
   ScrollAreaPrimitive.Scrollbar,
   {
     ref,
@@ -10833,7 +10852,7 @@ var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx66(
+    children: /* @__PURE__ */ jsx67(
       ScrollAreaPrimitive.Thumb,
       {
         "data-slot": "scroll-area-thumb",
@@ -10847,10 +10866,10 @@ var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = "ScrollBar";
 
 // components/ui/resizable.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { Group as Group4, Panel, Separator as Separator6 } from "react-resizable-panels";
 import { GripVertical } from "lucide-react";
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 function ResizablePanelGroup({
   className,
   direction = "horizontal",
@@ -10858,7 +10877,7 @@ function ResizablePanelGroup({
   ...props
 }) {
   const orientation = orientationProp ?? direction;
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     Group4,
     {
       "data-slot": "resizable-panel-group",
@@ -10874,11 +10893,11 @@ function ResizablePanelGroup({
 }
 __name(ResizablePanelGroup, "ResizablePanelGroup");
 function ResizablePanel({ className, ...props }) {
-  return /* @__PURE__ */ jsx67(Panel, { "data-slot": "resizable-panel", className: cn(className), ...props });
+  return /* @__PURE__ */ jsx68(Panel, { "data-slot": "resizable-panel", className: cn(className), ...props });
 }
 __name(ResizablePanel, "ResizablePanel");
-var ResizableHandle = React37.forwardRef(({ className, withHandle = false, ...props }, ref) => {
-  return /* @__PURE__ */ jsx67(
+var ResizableHandle = React38.forwardRef(({ className, withHandle = false, ...props }, ref) => {
+  return /* @__PURE__ */ jsx68(
     Separator6,
     {
       elementRef: ref,
@@ -10892,7 +10911,7 @@ var ResizableHandle = React37.forwardRef(({ className, withHandle = false, ...pr
         className
       ),
       ...props,
-      children: withHandle ? /* @__PURE__ */ jsx67(
+      children: withHandle ? /* @__PURE__ */ jsx68(
         "div",
         {
           "data-slot": "resizable-handle-grip",
@@ -10900,7 +10919,7 @@ var ResizableHandle = React37.forwardRef(({ className, withHandle = false, ...pr
             "z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-border bg-card",
             "data-[orientation=horizontal]:h-3 data-[orientation=horizontal]:w-4"
           ),
-          children: /* @__PURE__ */ jsx67(
+          children: /* @__PURE__ */ jsx68(
             GripVertical,
             {
               className: cn(
@@ -10918,14 +10937,14 @@ var ResizableHandle = React37.forwardRef(({ className, withHandle = false, ...pr
 ResizableHandle.displayName = "ResizableHandle";
 
 // components/ui/typography.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 function Text({
   variant = "default",
   className,
   as: Component = "p",
   ...props
 }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     Component,
     {
       "data-slot": "text",
@@ -10957,7 +10976,7 @@ function Heading({
   ...props
 }) {
   const Tag = as ?? `h${level}`;
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     Tag,
     {
       "data-slot": "heading",
@@ -10969,7 +10988,7 @@ function Heading({
 }
 __name(Heading, "Heading");
 function Lead({ className, ...props }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "p",
     {
       "data-slot": "lead",
@@ -10980,7 +10999,7 @@ function Lead({ className, ...props }) {
 }
 __name(Lead, "Lead");
 function Small({ className, ...props }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "span",
     {
       "data-slot": "small",
@@ -10991,7 +11010,7 @@ function Small({ className, ...props }) {
 }
 __name(Small, "Small");
 function Muted({ className, ...props }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "span",
     {
       "data-slot": "muted",
@@ -11003,9 +11022,9 @@ function Muted({ className, ...props }) {
 __name(Muted, "Muted");
 
 // components/ui/toggle.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var toggleVariants = createVariants({
   base: 'inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-muted hover:text-foreground',
   variants: {
@@ -11030,8 +11049,8 @@ var toggleVariants = createVariants({
     activeVariant: "primary"
   }
 });
-var Toggle = React38.forwardRef(({ className, variant = "default", size = "default", activeVariant = "primary", ...props }, ref) => {
-  return /* @__PURE__ */ jsx69(
+var Toggle = React39.forwardRef(({ className, variant = "default", size = "default", activeVariant = "primary", ...props }, ref) => {
+  return /* @__PURE__ */ jsx70(
     TogglePrimitive.Root,
     {
       ref,
@@ -11047,7 +11066,7 @@ Toggle.displayName = "Toggle";
 import { useTheme as useTheme3 } from "next-themes";
 
 // ../../node_modules/.pnpm/sonner@2.0.7_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/sonner/dist/index.mjs
-import React39 from "react";
+import React40 from "react";
 import ReactDOM from "react-dom";
 function __insertCSS(code) {
   if (!code || typeof document == "undefined") return;
@@ -11074,64 +11093,64 @@ var getAsset = /* @__PURE__ */ __name((type) => {
 }, "getAsset");
 var bars = Array(12).fill(0);
 var Loader = /* @__PURE__ */ __name(({ visible, className }) => {
-  return /* @__PURE__ */ React39.createElement("div", {
+  return /* @__PURE__ */ React40.createElement("div", {
     className: [
       "sonner-loading-wrapper",
       className
     ].filter(Boolean).join(" "),
     "data-visible": visible
-  }, /* @__PURE__ */ React39.createElement("div", {
+  }, /* @__PURE__ */ React40.createElement("div", {
     className: "sonner-spinner"
-  }, bars.map((_, i) => /* @__PURE__ */ React39.createElement("div", {
+  }, bars.map((_, i) => /* @__PURE__ */ React40.createElement("div", {
     className: "sonner-loading-bar",
     key: `spinner-bar-${i}`
   }))));
 }, "Loader");
-var SuccessIcon = /* @__PURE__ */ React39.createElement("svg", {
+var SuccessIcon = /* @__PURE__ */ React40.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React39.createElement("path", {
+}, /* @__PURE__ */ React40.createElement("path", {
   fillRule: "evenodd",
   d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
   clipRule: "evenodd"
 }));
-var WarningIcon = /* @__PURE__ */ React39.createElement("svg", {
+var WarningIcon = /* @__PURE__ */ React40.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React39.createElement("path", {
+}, /* @__PURE__ */ React40.createElement("path", {
   fillRule: "evenodd",
   d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
   clipRule: "evenodd"
 }));
-var InfoIcon = /* @__PURE__ */ React39.createElement("svg", {
+var InfoIcon = /* @__PURE__ */ React40.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React39.createElement("path", {
+}, /* @__PURE__ */ React40.createElement("path", {
   fillRule: "evenodd",
   d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
   clipRule: "evenodd"
 }));
-var ErrorIcon = /* @__PURE__ */ React39.createElement("svg", {
+var ErrorIcon = /* @__PURE__ */ React40.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ React39.createElement("path", {
+}, /* @__PURE__ */ React40.createElement("path", {
   fillRule: "evenodd",
   d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
   clipRule: "evenodd"
 }));
-var CloseIcon = /* @__PURE__ */ React39.createElement("svg", {
+var CloseIcon = /* @__PURE__ */ React40.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "12",
@@ -11141,20 +11160,20 @@ var CloseIcon = /* @__PURE__ */ React39.createElement("svg", {
   strokeWidth: "1.5",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}, /* @__PURE__ */ React39.createElement("line", {
+}, /* @__PURE__ */ React40.createElement("line", {
   x1: "18",
   y1: "6",
   x2: "6",
   y2: "18"
-}), /* @__PURE__ */ React39.createElement("line", {
+}), /* @__PURE__ */ React40.createElement("line", {
   x1: "6",
   y1: "6",
   x2: "18",
   y2: "18"
 }));
 var useIsDocumentHidden = /* @__PURE__ */ __name(() => {
-  const [isDocumentHidden, setIsDocumentHidden] = React39.useState(document.hidden);
-  React39.useEffect(() => {
+  const [isDocumentHidden, setIsDocumentHidden] = React40.useState(document.hidden);
+  React40.useEffect(() => {
     const callback = /* @__PURE__ */ __name(() => {
       setIsDocumentHidden(document.hidden);
     }, "callback");
@@ -11306,7 +11325,7 @@ var Observer = class {
           "resolve",
           response
         ];
-        const isReactElementResponse = React39.isValidElement(response);
+        const isReactElementResponse = React40.isValidElement(response);
         if (isReactElementResponse) {
           shouldDismiss = false;
           this.create({
@@ -11318,7 +11337,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(`HTTP error! status: ${response.status}`) : data.error;
           const description = typeof data.description === "function" ? await data.description(`HTTP error! status: ${response.status}`) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React39.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React40.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -11332,7 +11351,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(response) : data.error;
           const description = typeof data.description === "function" ? await data.description(response) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React39.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React40.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -11346,7 +11365,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.success === "function" ? await data.success(response) : data.success;
           const description = typeof data.description === "function" ? await data.description(response) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React39.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React40.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -11366,7 +11385,7 @@ var Observer = class {
           shouldDismiss = false;
           const promiseData = typeof data.error === "function" ? await data.error(error) : data.error;
           const description = typeof data.description === "function" ? await data.description(error) : data.description;
-          const isExtendedResult = typeof promiseData === "object" && !React39.isValidElement(promiseData);
+          const isExtendedResult = typeof promiseData === "object" && !React40.isValidElement(promiseData);
           const toastSettings = isExtendedResult ? promiseData : {
             message: promiseData
           };
@@ -11395,10 +11414,10 @@ var Observer = class {
         });
       }
     };
-    this.custom = (jsx84, data) => {
+    this.custom = (jsx85, data) => {
       const id = (data == null ? void 0 : data.id) || toastsCounter++;
       this.create({
-        jsx: jsx84(id),
+        jsx: jsx85(id),
         id,
         ...data
       });
@@ -11474,45 +11493,45 @@ __name(getDefaultSwipeDirections, "getDefaultSwipeDirections");
 var Toast = /* @__PURE__ */ __name((props) => {
   var _toast_classNames, _toast_classNames1, _toast_classNames2, _toast_classNames3, _toast_classNames4, _toast_classNames5, _toast_classNames6, _toast_classNames7, _toast_classNames8;
   const { invert: ToasterInvert, toast: toast2, unstyled, interacting, setHeights, visibleToasts, heights, index, toasts, expanded, removeToast, defaultRichColors, closeButton: closeButtonFromToaster, style, cancelButtonStyle, actionButtonStyle, className = "", descriptionClassName = "", duration: durationFromToaster, position, gap, expandByDefault, classNames, icons, closeButtonAriaLabel = "Close toast" } = props;
-  const [swipeDirection, setSwipeDirection] = React39.useState(null);
-  const [swipeOutDirection, setSwipeOutDirection] = React39.useState(null);
-  const [mounted, setMounted] = React39.useState(false);
-  const [removed, setRemoved] = React39.useState(false);
-  const [swiping, setSwiping] = React39.useState(false);
-  const [swipeOut, setSwipeOut] = React39.useState(false);
-  const [isSwiped, setIsSwiped] = React39.useState(false);
-  const [offsetBeforeRemove, setOffsetBeforeRemove] = React39.useState(0);
-  const [initialHeight, setInitialHeight] = React39.useState(0);
-  const remainingTime = React39.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
-  const dragStartTime = React39.useRef(null);
-  const toastRef = React39.useRef(null);
+  const [swipeDirection, setSwipeDirection] = React40.useState(null);
+  const [swipeOutDirection, setSwipeOutDirection] = React40.useState(null);
+  const [mounted, setMounted] = React40.useState(false);
+  const [removed, setRemoved] = React40.useState(false);
+  const [swiping, setSwiping] = React40.useState(false);
+  const [swipeOut, setSwipeOut] = React40.useState(false);
+  const [isSwiped, setIsSwiped] = React40.useState(false);
+  const [offsetBeforeRemove, setOffsetBeforeRemove] = React40.useState(0);
+  const [initialHeight, setInitialHeight] = React40.useState(0);
+  const remainingTime = React40.useRef(toast2.duration || durationFromToaster || TOAST_LIFETIME);
+  const dragStartTime = React40.useRef(null);
+  const toastRef = React40.useRef(null);
   const isFront = index === 0;
   const isVisible = index + 1 <= visibleToasts;
   const toastType = toast2.type;
   const dismissible = toast2.dismissible !== false;
   const toastClassname = toast2.className || "";
   const toastDescriptionClassname = toast2.descriptionClassName || "";
-  const heightIndex = React39.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
+  const heightIndex = React40.useMemo(() => heights.findIndex((height) => height.toastId === toast2.id) || 0, [
     heights,
     toast2.id
   ]);
-  const closeButton = React39.useMemo(() => {
+  const closeButton = React40.useMemo(() => {
     var _toast_closeButton;
     return (_toast_closeButton = toast2.closeButton) != null ? _toast_closeButton : closeButtonFromToaster;
   }, [
     toast2.closeButton,
     closeButtonFromToaster
   ]);
-  const duration = React39.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
+  const duration = React40.useMemo(() => toast2.duration || durationFromToaster || TOAST_LIFETIME, [
     toast2.duration,
     durationFromToaster
   ]);
-  const closeTimerStartTimeRef = React39.useRef(0);
-  const offset = React39.useRef(0);
-  const lastCloseTimerStartTimeRef = React39.useRef(0);
-  const pointerStartRef = React39.useRef(null);
+  const closeTimerStartTimeRef = React40.useRef(0);
+  const offset = React40.useRef(0);
+  const lastCloseTimerStartTimeRef = React40.useRef(0);
+  const pointerStartRef = React40.useRef(null);
   const [y, x] = position.split("-");
-  const toastsHeightBefore = React39.useMemo(() => {
+  const toastsHeightBefore = React40.useMemo(() => {
     return heights.reduce((prev, curr, reducerIndex) => {
       if (reducerIndex >= heightIndex) {
         return prev;
@@ -11526,19 +11545,19 @@ var Toast = /* @__PURE__ */ __name((props) => {
   const isDocumentHidden = useIsDocumentHidden();
   const invert = toast2.invert || ToasterInvert;
   const disabled = toastType === "loading";
-  offset.current = React39.useMemo(() => heightIndex * gap + toastsHeightBefore, [
+  offset.current = React40.useMemo(() => heightIndex * gap + toastsHeightBefore, [
     heightIndex,
     toastsHeightBefore
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     remainingTime.current = duration;
   }, [
     duration
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     setMounted(true);
   }, []);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     const toastNode = toastRef.current;
     if (toastNode) {
       const height = toastNode.getBoundingClientRect().height;
@@ -11557,7 +11576,7 @@ var Toast = /* @__PURE__ */ __name((props) => {
     setHeights,
     toast2.id
   ]);
-  React39.useLayoutEffect(() => {
+  React40.useLayoutEffect(() => {
     if (!mounted) return;
     const toastNode = toastRef.current;
     const originalHeight = toastNode.style.height;
@@ -11593,7 +11612,7 @@ var Toast = /* @__PURE__ */ __name((props) => {
     toast2.action,
     toast2.cancel
   ]);
-  const deleteToast = React39.useCallback(() => {
+  const deleteToast = React40.useCallback(() => {
     setRemoved(true);
     setOffsetBeforeRemove(offset.current);
     setHeights((h) => h.filter((height) => height.toastId !== toast2.id));
@@ -11606,7 +11625,7 @@ var Toast = /* @__PURE__ */ __name((props) => {
     setHeights,
     offset
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (toast2.promise && toastType === "loading" || toast2.duration === Infinity || toast2.type === "loading") return;
     let timeoutId;
     const pauseTimer = /* @__PURE__ */ __name(() => {
@@ -11638,7 +11657,7 @@ var Toast = /* @__PURE__ */ __name((props) => {
     isDocumentHidden,
     deleteToast
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (toast2.delete) {
       deleteToast();
       toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
@@ -11651,12 +11670,12 @@ var Toast = /* @__PURE__ */ __name((props) => {
     var _toast_classNames9;
     if (icons == null ? void 0 : icons.loading) {
       var _toast_classNames12;
-      return /* @__PURE__ */ React39.createElement("div", {
+      return /* @__PURE__ */ React40.createElement("div", {
         className: cn2(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames12 = toast2.classNames) == null ? void 0 : _toast_classNames12.loader, "sonner-loader"),
         "data-visible": toastType === "loading"
       }, icons.loading);
     }
-    return /* @__PURE__ */ React39.createElement(Loader, {
+    return /* @__PURE__ */ React40.createElement(Loader, {
       className: cn2(classNames == null ? void 0 : classNames.loader, toast2 == null ? void 0 : (_toast_classNames9 = toast2.classNames) == null ? void 0 : _toast_classNames9.loader),
       visible: toastType === "loading"
     });
@@ -11664,7 +11683,7 @@ var Toast = /* @__PURE__ */ __name((props) => {
   __name(getLoadingIcon, "getLoadingIcon");
   const icon = toast2.icon || (icons == null ? void 0 : icons[toastType]) || getAsset(toastType);
   var _toast_richColors, _icons_close;
-  return /* @__PURE__ */ React39.createElement("li", {
+  return /* @__PURE__ */ React40.createElement("li", {
     tabIndex: 0,
     ref: toastRef,
     className: cn2(className, toastClassname, classNames == null ? void 0 : classNames.toast, toast2 == null ? void 0 : (_toast_classNames = toast2.classNames) == null ? void 0 : _toast_classNames.toast, classNames == null ? void 0 : classNames.default, classNames == null ? void 0 : classNames[toastType], toast2 == null ? void 0 : (_toast_classNames1 = toast2.classNames) == null ? void 0 : _toast_classNames1[toastType]),
@@ -11789,7 +11808,7 @@ var Toast = /* @__PURE__ */ __name((props) => {
       (_toastRef_current = toastRef.current) == null ? void 0 : _toastRef_current.style.setProperty("--swipe-amount-x", `${swipeAmount.x}px`);
       (_toastRef_current1 = toastRef.current) == null ? void 0 : _toastRef_current1.style.setProperty("--swipe-amount-y", `${swipeAmount.y}px`);
     }, "onPointerMove")
-  }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ React39.createElement("button", {
+  }, closeButton && !toast2.jsx && toastType !== "loading" ? /* @__PURE__ */ React40.createElement("button", {
     "aria-label": closeButtonAriaLabel,
     "data-disabled": disabled,
     "data-close-button": true,
@@ -11799,19 +11818,19 @@ var Toast = /* @__PURE__ */ __name((props) => {
       toast2.onDismiss == null ? void 0 : toast2.onDismiss.call(toast2, toast2);
     },
     className: cn2(classNames == null ? void 0 : classNames.closeButton, toast2 == null ? void 0 : (_toast_classNames2 = toast2.classNames) == null ? void 0 : _toast_classNames2.closeButton)
-  }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ React39.createElement("div", {
+  }, (_icons_close = icons == null ? void 0 : icons.close) != null ? _icons_close : CloseIcon) : null, (toastType || toast2.icon || toast2.promise) && toast2.icon !== null && ((icons == null ? void 0 : icons[toastType]) !== null || toast2.icon) ? /* @__PURE__ */ React40.createElement("div", {
     "data-icon": "",
     className: cn2(classNames == null ? void 0 : classNames.icon, toast2 == null ? void 0 : (_toast_classNames3 = toast2.classNames) == null ? void 0 : _toast_classNames3.icon)
-  }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React39.createElement("div", {
+  }, toast2.promise || toast2.type === "loading" && !toast2.icon ? toast2.icon || getLoadingIcon() : null, toast2.type !== "loading" ? icon : null) : null, /* @__PURE__ */ React40.createElement("div", {
     "data-content": "",
     className: cn2(classNames == null ? void 0 : classNames.content, toast2 == null ? void 0 : (_toast_classNames4 = toast2.classNames) == null ? void 0 : _toast_classNames4.content)
-  }, /* @__PURE__ */ React39.createElement("div", {
+  }, /* @__PURE__ */ React40.createElement("div", {
     "data-title": "",
     className: cn2(classNames == null ? void 0 : classNames.title, toast2 == null ? void 0 : (_toast_classNames5 = toast2.classNames) == null ? void 0 : _toast_classNames5.title)
-  }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ React39.createElement("div", {
+  }, toast2.jsx ? toast2.jsx : typeof toast2.title === "function" ? toast2.title() : toast2.title), toast2.description ? /* @__PURE__ */ React40.createElement("div", {
     "data-description": "",
     className: cn2(descriptionClassName, toastDescriptionClassname, classNames == null ? void 0 : classNames.description, toast2 == null ? void 0 : (_toast_classNames6 = toast2.classNames) == null ? void 0 : _toast_classNames6.description)
-  }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ React39.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React39.createElement("button", {
+  }, typeof toast2.description === "function" ? toast2.description() : toast2.description) : null), /* @__PURE__ */ React40.isValidElement(toast2.cancel) ? toast2.cancel : toast2.cancel && isAction(toast2.cancel) ? /* @__PURE__ */ React40.createElement("button", {
     "data-button": true,
     "data-cancel": true,
     style: toast2.cancelButtonStyle || cancelButtonStyle,
@@ -11822,7 +11841,7 @@ var Toast = /* @__PURE__ */ __name((props) => {
       deleteToast();
     }, "onClick"),
     className: cn2(classNames == null ? void 0 : classNames.cancelButton, toast2 == null ? void 0 : (_toast_classNames7 = toast2.classNames) == null ? void 0 : _toast_classNames7.cancelButton)
-  }, toast2.cancel.label) : null, /* @__PURE__ */ React39.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React39.createElement("button", {
+  }, toast2.cancel.label) : null, /* @__PURE__ */ React40.isValidElement(toast2.action) ? toast2.action : toast2.action && isAction(toast2.action) ? /* @__PURE__ */ React40.createElement("button", {
     "data-button": true,
     "data-action": true,
     style: toast2.actionButtonStyle || actionButtonStyle,
@@ -11887,13 +11906,13 @@ function assignOffset(defaultOffset, mobileOffset) {
   return styles;
 }
 __name(assignOffset, "assignOffset");
-var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function Toaster2(props, ref) {
+var Toaster = /* @__PURE__ */ React40.forwardRef(/* @__PURE__ */ __name(function Toaster2(props, ref) {
   const { id, invert, position = "bottom-right", hotkey = [
     "altKey",
     "KeyT"
   ], expand, closeButton, className, offset, mobileOffset, theme = "light", richColors, duration, style, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = "Notifications" } = props;
-  const [toasts, setToasts] = React39.useState([]);
-  const filteredToasts = React39.useMemo(() => {
+  const [toasts, setToasts] = React40.useState([]);
+  const filteredToasts = React40.useMemo(() => {
     if (id) {
       return toasts.filter((toast2) => toast2.toasterId === id);
     }
@@ -11902,7 +11921,7 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
     toasts,
     id
   ]);
-  const possiblePositions = React39.useMemo(() => {
+  const possiblePositions = React40.useMemo(() => {
     return Array.from(new Set([
       position
     ].concat(filteredToasts.filter((toast2) => toast2.position).map((toast2) => toast2.position))));
@@ -11910,15 +11929,15 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
     filteredToasts,
     position
   ]);
-  const [heights, setHeights] = React39.useState([]);
-  const [expanded, setExpanded] = React39.useState(false);
-  const [interacting, setInteracting] = React39.useState(false);
-  const [actualTheme, setActualTheme] = React39.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
-  const listRef = React39.useRef(null);
+  const [heights, setHeights] = React40.useState([]);
+  const [expanded, setExpanded] = React40.useState(false);
+  const [interacting, setInteracting] = React40.useState(false);
+  const [actualTheme, setActualTheme] = React40.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
+  const listRef = React40.useRef(null);
   const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
-  const lastFocusedElementRef = React39.useRef(null);
-  const isFocusWithinRef = React39.useRef(false);
-  const removeToast = React39.useCallback((toastToRemove) => {
+  const lastFocusedElementRef = React40.useRef(null);
+  const isFocusWithinRef = React40.useRef(false);
+  const removeToast = React40.useCallback((toastToRemove) => {
     setToasts((toasts2) => {
       var _toasts_find;
       if (!((_toasts_find = toasts2.find((toast2) => toast2.id === toastToRemove.id)) == null ? void 0 : _toasts_find.delete)) {
@@ -11927,7 +11946,7 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
       return toasts2.filter(({ id: id2 }) => id2 !== toastToRemove.id);
     });
   }, []);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     return ToastState.subscribe((toast2) => {
       if (toast2.dismiss) {
         requestAnimationFrame(() => {
@@ -11963,7 +11982,7 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
   }, [
     toasts
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (theme !== "system") {
       setActualTheme(theme);
       return;
@@ -12001,14 +12020,14 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
   }, [
     theme
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (toasts.length <= 1) {
       setExpanded(false);
     }
   }, [
     toasts
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     const handleKeyDown = /* @__PURE__ */ __name((event) => {
       var _listRef_current;
       const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key);
@@ -12026,7 +12045,7 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
   }, [
     hotkey
   ]);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (listRef.current) {
       return () => {
         if (lastFocusedElementRef.current) {
@@ -12043,7 +12062,7 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
   ]);
   return (
     // Remove item from normal navigation flow, only available via hotkey
-    /* @__PURE__ */ React39.createElement("section", {
+    /* @__PURE__ */ React40.createElement("section", {
       ref,
       "aria-label": `${containerAriaLabel} ${hotkeyLabel}`,
       tabIndex: -1,
@@ -12055,7 +12074,7 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
       var _heights_;
       const [y, x] = position2.split("-");
       if (!filteredToasts.length) return null;
-      return /* @__PURE__ */ React39.createElement("ol", {
+      return /* @__PURE__ */ React40.createElement("ol", {
         key: position2,
         dir: dir === "auto" ? getDocumentDirection() : dir,
         tabIndex: -1,
@@ -12107,7 +12126,7 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
         onPointerUp: /* @__PURE__ */ __name(() => setInteracting(false), "onPointerUp")
       }, filteredToasts.filter((toast2) => !toast2.position && index === 0 || toast2.position === position2).map((toast2, index2) => {
         var _toastOptions_duration, _toastOptions_closeButton;
-        return /* @__PURE__ */ React39.createElement(Toast, {
+        return /* @__PURE__ */ React40.createElement(Toast, {
           key: toast2.id,
           icons,
           index: index2,
@@ -12143,7 +12162,7 @@ var Toaster = /* @__PURE__ */ React39.forwardRef(/* @__PURE__ */ __name(function
 
 // components/ui/sonner.tsx
 import { AlertTriangle, CheckCircle2, Info, Loader2 as Loader22, ServerCrash, X as X7 } from "lucide-react";
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 function Toaster3(props) {
   const { theme = "system" } = useTheme3();
   const {
@@ -12176,7 +12195,7 @@ function Toaster3(props) {
     "![--warning-bg:color-mix(in srgb, var(--warning,var(--chart-3,var(--secondary))) 18%, var(--popover))] ![--warning-text:var(--foreground)] ![--warning-border:var(--border)]",
     "![--error-bg:color-mix(in srgb, var(--destructive) 12%, var(--popover))] ![--error-text:var(--foreground)] ![--error-border:var(--border)]"
   ] : [];
-  return /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx71(
     Toaster,
     {
       theme,
@@ -12197,12 +12216,12 @@ function Toaster3(props) {
       visibleToasts: visibleToasts ?? 3,
       closeButton,
       icons: {
-        success: /* @__PURE__ */ jsx70(CheckCircle2, { className: "h-4 w-4", "aria-hidden": true }),
-        info: /* @__PURE__ */ jsx70(Info, { className: "h-4 w-4", "aria-hidden": true }),
-        warning: /* @__PURE__ */ jsx70(AlertTriangle, { className: "h-4 w-4", "aria-hidden": true }),
-        error: /* @__PURE__ */ jsx70(ServerCrash, { className: "h-4 w-4", "aria-hidden": true }),
-        loading: /* @__PURE__ */ jsx70(Loader22, { className: "h-4 w-4 animate-spin", "aria-hidden": true }),
-        close: /* @__PURE__ */ jsx70(X7, { className: "h-4 w-4", "aria-hidden": true }),
+        success: /* @__PURE__ */ jsx71(CheckCircle2, { className: "h-4 w-4", "aria-hidden": true }),
+        info: /* @__PURE__ */ jsx71(Info, { className: "h-4 w-4", "aria-hidden": true }),
+        warning: /* @__PURE__ */ jsx71(AlertTriangle, { className: "h-4 w-4", "aria-hidden": true }),
+        error: /* @__PURE__ */ jsx71(ServerCrash, { className: "h-4 w-4", "aria-hidden": true }),
+        loading: /* @__PURE__ */ jsx71(Loader22, { className: "h-4 w-4 animate-spin", "aria-hidden": true }),
+        close: /* @__PURE__ */ jsx71(X7, { className: "h-4 w-4", "aria-hidden": true }),
         ...icons
       },
       toastOptions: {
@@ -12307,7 +12326,7 @@ __name(toastSemantic, "toastSemantic");
 // components/ui/select-radix.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CircleCheck as CircleCheck2, ChevronDown as ChevronDown7, ChevronUp as ChevronUp2 } from "lucide-react";
-import { jsx as jsx71, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs43 } from "react/jsx-runtime";
 var SelectRoot = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -12334,7 +12353,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx71(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx71(ChevronDown7, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }) })
+        /* @__PURE__ */ jsx72(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx72(ChevronDown7, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }) })
       ]
     }
   );
@@ -12346,7 +12365,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx71(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsx72(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs43(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -12361,8 +12380,8 @@ function SelectContent({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx71(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx71(
+        /* @__PURE__ */ jsx72(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx72(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -12372,14 +12391,14 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx71(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx72(SelectScrollDownButton, {})
       ]
     }
   ) });
 }
 __name(SelectContent, "SelectContent");
 function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -12402,15 +12421,15 @@ function SelectItem({ className, children, ...props }) {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx71("span", { className: "absolute right-2 flex h-3.5 w-3.5 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx71(SelectPrimitive.ItemIndicator, { className: "inline-flex", children: /* @__PURE__ */ jsx71(CircleCheck2, { className: "h-4 w-4 text-foreground", "aria-hidden": true }) }) }),
-        /* @__PURE__ */ jsx71(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx72("span", { className: "absolute right-2 flex h-3.5 w-3.5 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx72(SelectPrimitive.ItemIndicator, { className: "inline-flex", children: /* @__PURE__ */ jsx72(CircleCheck2, { className: "h-4 w-4 text-foreground", "aria-hidden": true }) }) }),
+        /* @__PURE__ */ jsx72(SelectPrimitive.ItemText, { children })
       ]
     }
   );
 }
 __name(SelectItem, "SelectItem");
 function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -12424,13 +12443,13 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
       className: cn("flex cursor-default items-center justify-center py-1 text-muted-foreground", className),
       ...props,
-      children: /* @__PURE__ */ jsx71(ChevronUp2, { className: "h-4 w-4", "aria-hidden": true })
+      children: /* @__PURE__ */ jsx72(ChevronUp2, { className: "h-4 w-4", "aria-hidden": true })
     }
   );
 }
@@ -12439,22 +12458,22 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
       className: cn("flex cursor-default items-center justify-center py-1 text-muted-foreground", className),
       ...props,
-      children: /* @__PURE__ */ jsx71(ChevronDown7, { className: "h-4 w-4", "aria-hidden": true })
+      children: /* @__PURE__ */ jsx72(ChevronDown7, { className: "h-4 w-4", "aria-hidden": true })
     }
   );
 }
 __name(SelectScrollDownButton, "SelectScrollDownButton");
 
 // components/ui/button-tooltip.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { Transition as Transition2 } from "@headlessui/react";
-import { jsx as jsx72, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs44 } from "react/jsx-runtime";
 function ButtonTooltip({
   children,
   content,
@@ -12464,7 +12483,7 @@ function ButtonTooltip({
   className,
   disabled = false
 }) {
-  const [tooltipOpen, setTooltipOpen] = React40.useState(false);
+  const [tooltipOpen, setTooltipOpen] = React41.useState(false);
   const positionOuterClasses = /* @__PURE__ */ __name((pos) => {
     switch (pos) {
       case "right":
@@ -12513,7 +12532,7 @@ function ButtonTooltip({
   }, "colorClasses");
   const getArrowElement = /* @__PURE__ */ __name(() => {
     if (position !== "bottom") return null;
-    return /* @__PURE__ */ jsx72(
+    return /* @__PURE__ */ jsx73(
       "div",
       {
         className: cn(
@@ -12533,7 +12552,7 @@ function ButtonTooltip({
       onBlur: () => setTooltipOpen(false),
       children: [
         children,
-        /* @__PURE__ */ jsx72("div", { className: cn("z-50 absolute pointer-events-none", positionOuterClasses(position)), children: /* @__PURE__ */ jsxs44(
+        /* @__PURE__ */ jsx73("div", { className: cn("z-50 absolute pointer-events-none", positionOuterClasses(position)), children: /* @__PURE__ */ jsxs44(
           Transition2,
           {
             show: tooltipOpen && !disabled,
@@ -12568,10 +12587,10 @@ var Tooltip3 = ButtonTooltip;
 import { Sun, Moon as Moon2, Upload, ExternalLink } from "lucide-react";
 
 // components/theme-customizer/colors-panel.tsx
-import React41 from "react";
+import React42 from "react";
 
 // components/theme-customizer/color-input.tsx
-import { jsx as jsx73, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs45 } from "react/jsx-runtime";
 function ColorInput({ label, cssVar, value, onChange, className }) {
   const swatchColor = value && value.trim() !== "" ? value : "transparent";
   const showBorder = !swatchColor || swatchColor === "transparent";
@@ -12579,14 +12598,14 @@ function ColorInput({ label, cssVar, value, onChange, className }) {
     onChange(cssVar, e.target.value);
   }, "handleChange");
   return /* @__PURE__ */ jsxs45("div", { className: cn("space-y-1.5", className), children: [
-    /* @__PURE__ */ jsx73("label", { className: "text-xs font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx74("label", { className: "text-xs font-medium text-muted-foreground", children: label }),
     /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx74(
         "div",
         {
           className: "h-8 w-8 shrink-0 rounded-md border border-border bg-background overflow-hidden",
           title: value,
-          children: /* @__PURE__ */ jsx73(
+          children: /* @__PURE__ */ jsx74(
             "div",
             {
               className: "h-full w-full rounded-[calc(var(--radius)-1px)] border border-border",
@@ -12598,7 +12617,7 @@ function ColorInput({ label, cssVar, value, onChange, className }) {
           )
         }
       ),
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx74(
         Input,
         {
           type: "text",
@@ -12615,7 +12634,7 @@ function ColorInput({ label, cssVar, value, onChange, className }) {
 __name(ColorInput, "ColorInput");
 
 // components/theme-customizer/colors-panel.tsx
-import { jsx as jsx74, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs46 } from "react/jsx-runtime";
 function getComputedColorValues() {
   if (typeof document === "undefined") return {};
   const root = document.documentElement;
@@ -12633,22 +12652,22 @@ function getComputedColorValues() {
 __name(getComputedColorValues, "getComputedColorValues");
 function ColorsPanel({ selectedTheme, isDarkMode } = {}) {
   const { handleColorChange: handleColorChange2 } = useThemeManager();
-  const [colorValues, setColorValues] = React41.useState({});
-  const [validationErrors, setValidationErrors] = React41.useState({});
-  const [openGroups, setOpenGroups] = React41.useState(() => {
+  const [colorValues, setColorValues] = React42.useState({});
+  const [validationErrors, setValidationErrors] = React42.useState({});
+  const [openGroups, setOpenGroups] = React42.useState(() => {
     const o = {};
     colorGroups.forEach((g) => {
       o[g.title] = true;
     });
     return o;
   });
-  const refreshValues = React41.useCallback(() => {
+  const refreshValues = React42.useCallback(() => {
     setColorValues(getComputedColorValues());
   }, []);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     refreshValues();
   }, [refreshValues, selectedTheme, isDarkMode]);
-  const handleChange = React41.useCallback(
+  const handleChange = React42.useCallback(
     (cssVar, value) => {
       const validation = validateColorValue(value);
       if (validation.isValid) {
@@ -12671,14 +12690,14 @@ function ColorsPanel({ selectedTheme, isDarkMode } = {}) {
   const toggleGroup = /* @__PURE__ */ __name((title) => {
     setOpenGroups((prev) => ({ ...prev, [title]: !prev[title] }));
   }, "toggleGroup");
-  return /* @__PURE__ */ jsx74("div", { className: "space-y-3 pt-5 pb-2", children: colorGroups.map((group) => /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx75("div", { className: "space-y-3 pt-5 pb-2", children: colorGroups.map((group) => /* @__PURE__ */ jsx75(
     CollapsibleSection,
     {
       title: group.title,
       open: openGroups[group.title] !== false,
       onToggle: () => toggleGroup(group.title),
       children: group.colors.map((color) => /* @__PURE__ */ jsxs46("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx75(
           ColorInput,
           {
             label: color.name,
@@ -12688,7 +12707,7 @@ function ColorsPanel({ selectedTheme, isDarkMode } = {}) {
             className: validationErrors[color.cssVar] ? "border-destructive" : ""
           }
         ),
-        validationErrors[color.cssVar] && /* @__PURE__ */ jsx74("p", { className: "text-xs text-destructive px-1", children: validationErrors[color.cssVar] })
+        validationErrors[color.cssVar] && /* @__PURE__ */ jsx75("p", { className: "text-xs text-destructive px-1", children: validationErrors[color.cssVar] })
       ] }, color.cssVar))
     },
     group.title
@@ -12697,7 +12716,7 @@ function ColorsPanel({ selectedTheme, isDarkMode } = {}) {
 __name(ColorsPanel, "ColorsPanel");
 
 // components/theme-customizer/theme-tab.tsx
-import { Fragment as Fragment6, jsx as jsx75, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx76, jsxs as jsxs47 } from "react/jsx-runtime";
 function ThemeTab({
   selectedTheme,
   setSelectedTheme,
@@ -12742,24 +12761,24 @@ function ThemeTab({
       children: [
         showPreset && /* @__PURE__ */ jsxs47(Fragment6, { children: [
           /* @__PURE__ */ jsxs47("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx75("label", { className: "text-sm font-medium", children: "Mindtris UI" }),
-            /* @__PURE__ */ jsx75(
+            /* @__PURE__ */ jsx76("label", { className: "text-sm font-medium", children: "Mindtris UI" }),
+            /* @__PURE__ */ jsx76(
               Select,
               {
                 value: selectedTheme,
                 onChange: (e) => handleThemeSelect(e.target.value),
-                children: colorThemes.map((theme) => /* @__PURE__ */ jsx75("option", { value: theme.value, children: theme.name }, theme.value))
+                children: colorThemes.map((theme) => /* @__PURE__ */ jsx76("option", { value: theme.value, children: theme.name }, theme.value))
               }
             )
           ] }),
-          variant === "full" && /* @__PURE__ */ jsx75("div", { className: "border-t border-border" })
+          variant === "full" && /* @__PURE__ */ jsx76("div", { className: "border-t border-border" })
         ] }),
-        showColors && hidePreset && /* @__PURE__ */ jsx75(ColorsPanel, { selectedTheme, isDarkMode }),
+        showColors && hidePreset && /* @__PURE__ */ jsx76(ColorsPanel, { selectedTheme, isDarkMode }),
         showOthers && /* @__PURE__ */ jsxs47(Fragment6, { children: [
-          variant === "full" && /* @__PURE__ */ jsx75("div", { className: "border-t border-border" }),
+          variant === "full" && /* @__PURE__ */ jsx76("div", { className: "border-t border-border" }),
           /* @__PURE__ */ jsxs47("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx75("label", { className: "text-sm font-medium", children: "Radius" }),
-            /* @__PURE__ */ jsx75("div", { className: "grid grid-cols-5 gap-2", children: radiusOptions.map((option) => /* @__PURE__ */ jsx75(
+            /* @__PURE__ */ jsx76("label", { className: "text-sm font-medium", children: "Radius" }),
+            /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-5 gap-2", children: radiusOptions.map((option) => /* @__PURE__ */ jsx76(
               "button",
               {
                 onClick: () => handleRadiusSelect(option.value),
@@ -12772,9 +12791,9 @@ function ThemeTab({
               option.value
             )) })
           ] }),
-          /* @__PURE__ */ jsx75("div", { className: "border-t border-border" }),
+          /* @__PURE__ */ jsx76("div", { className: "border-t border-border" }),
           /* @__PURE__ */ jsxs47("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx75("label", { className: "text-sm font-medium", children: "Mode" }),
+            /* @__PURE__ */ jsx76("label", { className: "text-sm font-medium", children: "Mode" }),
             /* @__PURE__ */ jsxs47("div", { className: "grid grid-cols-2 gap-2", children: [
               /* @__PURE__ */ jsxs47(
                 "button",
@@ -12785,7 +12804,7 @@ function ThemeTab({
                   ${!isDarkMode ? "bg-muted text-foreground" : "bg-card border border-border hover:bg-muted text-foreground"}
                 `,
                   children: [
-                    /* @__PURE__ */ jsx75(Sun, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx76(Sun, { className: "w-4 h-4" }),
                     "Light"
                   ]
                 }
@@ -12799,34 +12818,34 @@ function ThemeTab({
                   ${isDarkMode ? "bg-muted text-foreground" : "bg-card border border-border hover:bg-muted text-foreground"}
                 `,
                   children: [
-                    /* @__PURE__ */ jsx75(Moon2, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx76(Moon2, { className: "w-4 h-4" }),
                     "Dark"
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx75("div", { className: "border-t border-border" }),
-          /* @__PURE__ */ jsx75("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs47(
+          /* @__PURE__ */ jsx76("div", { className: "border-t border-border" }),
+          /* @__PURE__ */ jsx76("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs47(
             "button",
             {
               onClick: onImportClick,
               className: "w-full flex items-center justify-center gap-2 px-4 py-2 border border-border rounded-md hover:bg-muted transition-colors",
               children: [
-                /* @__PURE__ */ jsx75(Upload, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx76(Upload, { className: "w-4 h-4" }),
                 "Import Theme"
               ]
             }
           ) })
         ] }),
         variant === "full" && /* @__PURE__ */ jsxs47(Fragment6, { children: [
-          /* @__PURE__ */ jsx75("div", { className: "border-t border-border" }),
+          /* @__PURE__ */ jsx76("div", { className: "border-t border-border" }),
           /* @__PURE__ */ jsxs47("div", { className: "p-4 bg-muted rounded-lg space-y-3", children: [
-            /* @__PURE__ */ jsx75("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx75("span", { className: "text-sm font-medium", children: "Advanced Customization" }) }),
+            /* @__PURE__ */ jsx76("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx76("span", { className: "text-sm font-medium", children: "Advanced Customization" }) }),
             /* @__PURE__ */ jsxs47("p", { className: "text-xs text-muted-foreground", children: [
               "For advanced theme customization with real-time preview, visit",
               " ",
-              /* @__PURE__ */ jsx75(
+              /* @__PURE__ */ jsx76(
                 "a",
                 {
                   href: "https://tweakcn.com/editor/theme",
@@ -12843,7 +12862,7 @@ function ThemeTab({
                 className: "w-full flex items-center justify-center gap-2 px-4 py-2 border border-border rounded-md hover:bg-muted/70 transition-colors text-sm",
                 onClick: () => typeof window !== "undefined" && window.open("https://tweakcn.com/editor/theme", "_blank"),
                 children: [
-                  /* @__PURE__ */ jsx75(ExternalLink, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsx76(ExternalLink, { className: "w-4 h-4" }),
                   "Open Tweakcn"
                 ]
               }
@@ -12857,7 +12876,7 @@ function ThemeTab({
 __name(ThemeTab, "ThemeTab");
 
 // components/theme-customizer/layout-tab.tsx
-import { Fragment as Fragment7, jsx as jsx76, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx77, jsxs as jsxs48 } from "react/jsx-runtime";
 function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
   const config = sidebarConfig || {
     variant: "inset",
@@ -12876,21 +12895,21 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
   return /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs48("p", { className: "text-xs text-muted-foreground", children: [
       "These options apply only when your app wires ",
-      /* @__PURE__ */ jsx76("code", { className: "text-[10px]", children: "sidebarConfig" }),
+      /* @__PURE__ */ jsx77("code", { className: "text-[10px]", children: "sidebarConfig" }),
       " and ",
-      /* @__PURE__ */ jsx76("code", { className: "text-[10px]", children: "onSidebarConfigChange" }),
+      /* @__PURE__ */ jsx77("code", { className: "text-[10px]", children: "onSidebarConfigChange" }),
       " to the layout."
     ] }),
     /* @__PURE__ */ jsxs48("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs48("div", { children: [
-        /* @__PURE__ */ jsx76("label", { className: "text-sm font-medium", children: "Sidebar Variant" }),
+        /* @__PURE__ */ jsx77("label", { className: "text-sm font-medium", children: "Sidebar Variant" }),
         config.variant && /* @__PURE__ */ jsxs48("p", { className: "text-xs text-muted-foreground mt-1", children: [
           config.variant === "sidebar" && "Default: Standard sidebar layout",
           config.variant === "floating" && "Floating: Floating sidebar with border",
           config.variant === "inset" && "Inset: Inset sidebar with rounded corners"
         ] })
       ] }),
-      /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-3 gap-3", children: sidebarVariants.map((variant) => /* @__PURE__ */ jsx76(
+      /* @__PURE__ */ jsx77("div", { className: "grid grid-cols-3 gap-3", children: sidebarVariants.map((variant) => /* @__PURE__ */ jsx77(
         "div",
         {
           onClick: () => handleSidebarVariantSelect(variant.value),
@@ -12899,21 +12918,21 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
                 ${config.variant === variant.value ? "border-primary bg-primary/10" : "border-border hover:border-border/80"}
               `,
           children: /* @__PURE__ */ jsxs48("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx76("div", { className: "text-xs font-semibold text-center", children: variant.name }),
+            /* @__PURE__ */ jsx77("div", { className: "text-xs font-semibold text-center", children: variant.name }),
             /* @__PURE__ */ jsxs48("div", { className: `flex h-12 rounded border border-border ${variant.value === "inset" ? "bg-muted" : "bg-card"}`, children: [
               /* @__PURE__ */ jsxs48(
                 "div",
                 {
                   className: `w-3 flex-shrink-0 bg-muted/70 flex flex-col gap-0.5 p-1 ${variant.value === "floating" ? "border-r m-1 rounded" : variant.value === "inset" ? "m-1 ms-0 rounded bg-muted/70" : "border-r"}`,
                   children: [
-                    /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-full bg-muted-foreground/70 rounded" }),
-                    /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-3/4 bg-muted-foreground/60 rounded" }),
-                    /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-2/3 bg-muted-foreground/50 rounded" }),
-                    /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-3/4 bg-muted-foreground/40 rounded" })
+                    /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-full bg-muted-foreground/70 rounded" }),
+                    /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-3/4 bg-muted-foreground/60 rounded" }),
+                    /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-2/3 bg-muted-foreground/50 rounded" }),
+                    /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-3/4 bg-muted-foreground/40 rounded" })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx76("div", { className: `flex-1 ${variant.value === "inset" ? "bg-card ms-0" : "bg-muted"} m-1 rounded-sm border-dashed border border-border` })
+              /* @__PURE__ */ jsx77("div", { className: `flex-1 ${variant.value === "inset" ? "bg-card ms-0" : "bg-muted"} m-1 rounded-sm border-dashed border border-border` })
             ] })
           ] })
         },
@@ -12922,14 +12941,14 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
     ] }),
     /* @__PURE__ */ jsxs48("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs48("div", { children: [
-        /* @__PURE__ */ jsx76("label", { className: "text-sm font-medium", children: "Sidebar Collapsible Mode" }),
+        /* @__PURE__ */ jsx77("label", { className: "text-sm font-medium", children: "Sidebar Collapsible Mode" }),
         config.collapsible && /* @__PURE__ */ jsxs48("p", { className: "text-xs text-muted-foreground mt-1", children: [
           config.collapsible === "offcanvas" && "Off Canvas: Slides out of view",
           config.collapsible === "icon" && "Icon: Collapses to icon only",
           config.collapsible === "none" && "None: Always visible"
         ] })
       ] }),
-      /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-3 gap-3", children: sidebarCollapsibleOptions.map((option) => /* @__PURE__ */ jsx76(
+      /* @__PURE__ */ jsx77("div", { className: "grid grid-cols-3 gap-3", children: sidebarCollapsibleOptions.map((option) => /* @__PURE__ */ jsx77(
         "div",
         {
           onClick: () => handleSidebarCollapsibleSelect(option.value),
@@ -12938,26 +12957,26 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
                 ${config.collapsible === option.value ? "border-primary bg-primary/10" : "border-border hover:border-border/80"}
               `,
           children: /* @__PURE__ */ jsxs48("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx76("div", { className: "text-xs font-semibold text-center", children: option.name }),
-            /* @__PURE__ */ jsx76("div", { className: "flex h-12 rounded border border-border bg-card", children: option.value === "offcanvas" ? /* @__PURE__ */ jsx76("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border flex items-center justify-start pl-2", children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-0.5", children: [
-              /* @__PURE__ */ jsx76("div", { className: "w-3 h-0.5 bg-muted-foreground/70 rounded" }),
-              /* @__PURE__ */ jsx76("div", { className: "w-3 h-0.5 bg-muted-foreground/70 rounded" }),
-              /* @__PURE__ */ jsx76("div", { className: "w-3 h-0.5 bg-muted-foreground/70 rounded" })
+            /* @__PURE__ */ jsx77("div", { className: "text-xs font-semibold text-center", children: option.name }),
+            /* @__PURE__ */ jsx77("div", { className: "flex h-12 rounded border border-border bg-card", children: option.value === "offcanvas" ? /* @__PURE__ */ jsx77("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border flex items-center justify-start pl-2", children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ jsx77("div", { className: "w-3 h-0.5 bg-muted-foreground/70 rounded" }),
+              /* @__PURE__ */ jsx77("div", { className: "w-3 h-0.5 bg-muted-foreground/70 rounded" }),
+              /* @__PURE__ */ jsx77("div", { className: "w-3 h-0.5 bg-muted-foreground/70 rounded" })
             ] }) }) : option.value === "icon" ? /* @__PURE__ */ jsxs48(Fragment7, { children: [
               /* @__PURE__ */ jsxs48("div", { className: "w-4 flex-shrink-0 bg-muted/70 flex flex-col gap-1 p-1 border-r border-border items-center", children: [
-                /* @__PURE__ */ jsx76("div", { className: "w-2 h-2 bg-muted-foreground/70 rounded-sm" }),
-                /* @__PURE__ */ jsx76("div", { className: "w-2 h-2 bg-muted-foreground/60 rounded-sm" }),
-                /* @__PURE__ */ jsx76("div", { className: "w-2 h-2 bg-muted-foreground/50 rounded-sm" })
+                /* @__PURE__ */ jsx77("div", { className: "w-2 h-2 bg-muted-foreground/70 rounded-sm" }),
+                /* @__PURE__ */ jsx77("div", { className: "w-2 h-2 bg-muted-foreground/60 rounded-sm" }),
+                /* @__PURE__ */ jsx77("div", { className: "w-2 h-2 bg-muted-foreground/50 rounded-sm" })
               ] }),
-              /* @__PURE__ */ jsx76("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border" })
+              /* @__PURE__ */ jsx77("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border" })
             ] }) : /* @__PURE__ */ jsxs48(Fragment7, { children: [
               /* @__PURE__ */ jsxs48("div", { className: "w-6 flex-shrink-0 bg-muted/70 flex flex-col gap-0.5 p-1 border-r border-border", children: [
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-full bg-muted-foreground/70 rounded" }),
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-3/4 bg-muted-foreground/60 rounded" }),
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-2/3 bg-muted-foreground/50 rounded" }),
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-3/4 bg-muted-foreground/40 rounded" })
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-full bg-muted-foreground/70 rounded" }),
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-3/4 bg-muted-foreground/60 rounded" }),
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-2/3 bg-muted-foreground/50 rounded" }),
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-3/4 bg-muted-foreground/40 rounded" })
               ] }),
-              /* @__PURE__ */ jsx76("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border" })
+              /* @__PURE__ */ jsx77("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border" })
             ] }) })
           ] })
         },
@@ -12966,13 +12985,13 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
     ] }),
     /* @__PURE__ */ jsxs48("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs48("div", { children: [
-        /* @__PURE__ */ jsx76("label", { className: "text-sm font-medium", children: "Sidebar Position" }),
+        /* @__PURE__ */ jsx77("label", { className: "text-sm font-medium", children: "Sidebar Position" }),
         config.side && /* @__PURE__ */ jsxs48("p", { className: "text-xs text-muted-foreground mt-1", children: [
           config.side === "left" && "Left: Sidebar positioned on the left side",
           config.side === "right" && "Right: Sidebar positioned on the right side"
         ] })
       ] }),
-      /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-2 gap-3", children: sidebarSideOptions.map((side) => /* @__PURE__ */ jsx76(
+      /* @__PURE__ */ jsx77("div", { className: "grid grid-cols-2 gap-3", children: sidebarSideOptions.map((side) => /* @__PURE__ */ jsx77(
         "div",
         {
           onClick: () => handleSidebarSideSelect(side.value),
@@ -12981,22 +13000,22 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
                 ${config.side === side.value ? "border-primary bg-primary/10" : "border-border hover:border-border/80"}
               `,
           children: /* @__PURE__ */ jsxs48("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx76("div", { className: "text-xs font-semibold text-center", children: side.name }),
-            /* @__PURE__ */ jsx76("div", { className: "flex h-12 rounded border border-border bg-card", children: side.value === "left" ? /* @__PURE__ */ jsxs48(Fragment7, { children: [
+            /* @__PURE__ */ jsx77("div", { className: "text-xs font-semibold text-center", children: side.name }),
+            /* @__PURE__ */ jsx77("div", { className: "flex h-12 rounded border border-border bg-card", children: side.value === "left" ? /* @__PURE__ */ jsxs48(Fragment7, { children: [
               /* @__PURE__ */ jsxs48("div", { className: "w-6 flex-shrink-0 bg-muted/70 flex flex-col gap-0.5 p-1 border-r border-border", children: [
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-full bg-muted-foreground/70 rounded" }),
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-3/4 bg-muted-foreground/60 rounded" }),
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-2/3 bg-muted-foreground/50 rounded" }),
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-3/4 bg-muted-foreground/40 rounded" })
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-full bg-muted-foreground/70 rounded" }),
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-3/4 bg-muted-foreground/60 rounded" }),
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-2/3 bg-muted-foreground/50 rounded" }),
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-3/4 bg-muted-foreground/40 rounded" })
               ] }),
-              /* @__PURE__ */ jsx76("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border" })
+              /* @__PURE__ */ jsx77("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border" })
             ] }) : /* @__PURE__ */ jsxs48(Fragment7, { children: [
-              /* @__PURE__ */ jsx76("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border" }),
+              /* @__PURE__ */ jsx77("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border" }),
               /* @__PURE__ */ jsxs48("div", { className: "w-6 flex-shrink-0 bg-muted/70 flex flex-col gap-0.5 p-1 border-l border-border", children: [
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-full bg-muted-foreground/70 rounded" }),
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-3/4 bg-muted-foreground/60 rounded" }),
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-2/3 bg-muted-foreground/50 rounded" }),
-                /* @__PURE__ */ jsx76("div", { className: "h-0.5 w-3/4 bg-muted-foreground/40 rounded" })
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-full bg-muted-foreground/70 rounded" }),
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-3/4 bg-muted-foreground/60 rounded" }),
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-2/3 bg-muted-foreground/50 rounded" }),
+                /* @__PURE__ */ jsx77("div", { className: "h-0.5 w-3/4 bg-muted-foreground/40 rounded" })
               ] })
             ] }) })
           ] })
@@ -13009,8 +13028,8 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
 __name(LayoutTab, "LayoutTab");
 
 // components/theme-customizer/other-panel.tsx
-import React42 from "react";
-import { jsx as jsx77, jsxs as jsxs49 } from "react/jsx-runtime";
+import React43 from "react";
+import { jsx as jsx78, jsxs as jsxs49 } from "react/jsx-runtime";
 function getComputedOtherValues() {
   if (typeof document === "undefined") return {};
   const root = document.documentElement;
@@ -13046,21 +13065,21 @@ function OtherPanel({
   onSidebarConfigChange
 }) {
   const { applyRadius: applyRadius2, setTheme, isDarkMode, handleColorChange: handleColorChange2 } = useThemeManager();
-  const [hslOpen, setHslOpen] = React42.useState(true);
-  const [hslPresetsOpen, setHslPresetsOpen] = React42.useState(true);
-  const [radiusOpen, setRadiusOpen] = React42.useState(true);
-  const [spacingOpen, setSpacingOpen] = React42.useState(true);
-  const [shadowOpen, setShadowOpen] = React42.useState(true);
-  const [values, setValues] = React42.useState({});
-  const [uncontrolledRadius, setUncontrolledRadius] = React42.useState("");
+  const [hslOpen, setHslOpen] = React43.useState(true);
+  const [hslPresetsOpen, setHslPresetsOpen] = React43.useState(true);
+  const [radiusOpen, setRadiusOpen] = React43.useState(true);
+  const [spacingOpen, setSpacingOpen] = React43.useState(true);
+  const [shadowOpen, setShadowOpen] = React43.useState(true);
+  const [values, setValues] = React43.useState({});
+  const [uncontrolledRadius, setUncontrolledRadius] = React43.useState("");
   const effectiveRadius = selectedRadius ?? uncontrolledRadius;
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     setValues(getComputedOtherValues());
     if (selectedRadius == null) {
       setUncontrolledRadius(getComputedRadius());
     }
   }, [isDarkMode, selectedRadius]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (typeof document === "undefined") return;
     const root = document.documentElement;
     const refresh = /* @__PURE__ */ __name(() => {
@@ -13074,7 +13093,7 @@ function OtherPanel({
     obs.observe(root, { attributes: true, attributeFilter: ["style", "class"] });
     return () => obs.disconnect();
   }, [selectedRadius]);
-  const [validationErrors, setValidationErrors] = React42.useState({});
+  const [validationErrors, setValidationErrors] = React43.useState({});
   const handleChange = /* @__PURE__ */ __name((cssVar, value) => {
     let validation = { isValid: true };
     if (cssVar === "--hue-shift") {
@@ -13127,7 +13146,7 @@ function OtherPanel({
       }));
     }
   }, "handleRadiusSelect");
-  const hslPresets = React42.useMemo(
+  const hslPresets = React43.useMemo(
     () => [
       { name: "Default", hue: 0, sat: 1, light: 1 },
       { name: "Warm", hue: 30, sat: 1.2, light: 1.05 },
@@ -13142,7 +13161,7 @@ function OtherPanel({
     ],
     []
   );
-  const setHsl = React42.useCallback(
+  const setHsl = React43.useCallback(
     (next) => {
       const hue = next.hue ?? (parseFloat(values["--hue-shift"] ?? "0") || 0);
       const sat = next.sat ?? (parseFloat(values["--saturation-mult"] ?? "1") || 1);
@@ -13155,9 +13174,9 @@ function OtherPanel({
   );
   return /* @__PURE__ */ jsxs49("div", { className: "space-y-4 pt-5 pb-2", children: [
     !hideModeSection && /* @__PURE__ */ jsxs49("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx77("label", { className: "block text-sm font-medium", children: "Mode" }),
+      /* @__PURE__ */ jsx78("label", { className: "block text-sm font-medium", children: "Mode" }),
       /* @__PURE__ */ jsxs49("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78(
           Button,
           {
             type: "button",
@@ -13168,7 +13187,7 @@ function OtherPanel({
             children: "Light"
           }
         ),
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78(
           Button,
           {
             type: "button",
@@ -13181,8 +13200,8 @@ function OtherPanel({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx77(CollapsibleSection, { title: "HSL Adjustments", open: hslOpen, onToggle: () => setHslOpen(!hslOpen), children: /* @__PURE__ */ jsxs49("div", { className: "pt-2 space-y-4", children: [
-      /* @__PURE__ */ jsx77("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxs49(
+    /* @__PURE__ */ jsx78(CollapsibleSection, { title: "HSL Adjustments", open: hslOpen, onToggle: () => setHslOpen(!hslOpen), children: /* @__PURE__ */ jsxs49("div", { className: "pt-2 space-y-4", children: [
+      /* @__PURE__ */ jsx78("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxs49(
         "button",
         {
           type: "button",
@@ -13190,11 +13209,11 @@ function OtherPanel({
           className: "text-sm font-medium text-muted-foreground hover:text-foreground transition-colors inline-flex items-center gap-2",
           children: [
             hslPresetsOpen ? "Hide presets" : "Show presets",
-            /* @__PURE__ */ jsx77("span", { className: cn("transition-transform", hslPresetsOpen ? "rotate-180" : ""), children: "^" })
+            /* @__PURE__ */ jsx78("span", { className: cn("transition-transform", hslPresetsOpen ? "rotate-180" : ""), children: "^" })
           ]
         }
       ) }),
-      hslPresetsOpen && /* @__PURE__ */ jsx77("div", { className: "flex flex-wrap items-center justify-center gap-2", children: hslPresets.map((p) => /* @__PURE__ */ jsx77(
+      hslPresetsOpen && /* @__PURE__ */ jsx78("div", { className: "flex flex-wrap items-center justify-center gap-2", children: hslPresets.map((p) => /* @__PURE__ */ jsx78(
         "button",
         {
           type: "button",
@@ -13202,7 +13221,7 @@ function OtherPanel({
           className: "h-10 w-10 rounded-lg border border-border bg-card shadow-none overflow-hidden",
           "aria-label": `HSL preset: ${p.name}`,
           title: p.name,
-          children: /* @__PURE__ */ jsx77(
+          children: /* @__PURE__ */ jsx78(
             "div",
             {
               className: "h-full w-full",
@@ -13217,9 +13236,9 @@ function OtherPanel({
       /* @__PURE__ */ jsxs49("div", { className: "space-y-5", children: [
         /* @__PURE__ */ jsxs49("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxs49("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsx77("label", { className: "text-sm font-medium", children: "Hue Shift" }),
+            /* @__PURE__ */ jsx78("label", { className: "text-sm font-medium", children: "Hue Shift" }),
             /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx77(
+              /* @__PURE__ */ jsx78(
                 Input,
                 {
                   type: "text",
@@ -13231,10 +13250,10 @@ function OtherPanel({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx77("span", { className: "text-xs text-muted-foreground", children: "deg" })
+              /* @__PURE__ */ jsx78("span", { className: "text-xs text-muted-foreground", children: "deg" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsx78(
             "input",
             {
               type: "range",
@@ -13246,13 +13265,13 @@ function OtherPanel({
               className: "w-full h-2 rounded-full bg-muted accent-foreground"
             }
           ),
-          validationErrors["--hue-shift"] && /* @__PURE__ */ jsx77("p", { className: "text-xs text-destructive", children: validationErrors["--hue-shift"] })
+          validationErrors["--hue-shift"] && /* @__PURE__ */ jsx78("p", { className: "text-xs text-destructive", children: validationErrors["--hue-shift"] })
         ] }),
         /* @__PURE__ */ jsxs49("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxs49("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsx77("label", { className: "text-sm font-medium", children: "Saturation Multiplier" }),
+            /* @__PURE__ */ jsx78("label", { className: "text-sm font-medium", children: "Saturation Multiplier" }),
             /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx77(
+              /* @__PURE__ */ jsx78(
                 Input,
                 {
                   type: "text",
@@ -13264,10 +13283,10 @@ function OtherPanel({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx77("span", { className: "text-xs text-muted-foreground", children: "x" })
+              /* @__PURE__ */ jsx78("span", { className: "text-xs text-muted-foreground", children: "x" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsx78(
             "input",
             {
               type: "range",
@@ -13279,13 +13298,13 @@ function OtherPanel({
               className: "w-full h-2 rounded-full bg-muted accent-foreground"
             }
           ),
-          validationErrors["--saturation-mult"] && /* @__PURE__ */ jsx77("p", { className: "text-xs text-destructive", children: validationErrors["--saturation-mult"] })
+          validationErrors["--saturation-mult"] && /* @__PURE__ */ jsx78("p", { className: "text-xs text-destructive", children: validationErrors["--saturation-mult"] })
         ] }),
         /* @__PURE__ */ jsxs49("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxs49("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsx77("label", { className: "text-sm font-medium", children: "Lightness Multiplier" }),
+            /* @__PURE__ */ jsx78("label", { className: "text-sm font-medium", children: "Lightness Multiplier" }),
             /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx77(
+              /* @__PURE__ */ jsx78(
                 Input,
                 {
                   type: "text",
@@ -13297,10 +13316,10 @@ function OtherPanel({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx77("span", { className: "text-xs text-muted-foreground", children: "x" })
+              /* @__PURE__ */ jsx78("span", { className: "text-xs text-muted-foreground", children: "x" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsx78(
             "input",
             {
               type: "range",
@@ -13312,13 +13331,13 @@ function OtherPanel({
               className: "w-full h-2 rounded-full bg-muted accent-foreground"
             }
           ),
-          validationErrors["--lightness-mult"] && /* @__PURE__ */ jsx77("p", { className: "text-xs text-destructive", children: validationErrors["--lightness-mult"] })
+          validationErrors["--lightness-mult"] && /* @__PURE__ */ jsx78("p", { className: "text-xs text-destructive", children: validationErrors["--lightness-mult"] })
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx77(CollapsibleSection, { title: "Radius", open: radiusOpen, onToggle: () => setRadiusOpen(!radiusOpen), children: /* @__PURE__ */ jsxs49("div", { className: "pt-2 space-y-2", children: [
-      /* @__PURE__ */ jsx77("label", { className: "text-sm font-medium", children: "Corner radius" }),
-      /* @__PURE__ */ jsx77("div", { className: "flex flex-wrap gap-2", children: radiusOptions.map((opt) => /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsx78(CollapsibleSection, { title: "Radius", open: radiusOpen, onToggle: () => setRadiusOpen(!radiusOpen), children: /* @__PURE__ */ jsxs49("div", { className: "pt-2 space-y-2", children: [
+      /* @__PURE__ */ jsx78("label", { className: "text-sm font-medium", children: "Corner radius" }),
+      /* @__PURE__ */ jsx78("div", { className: "flex flex-wrap gap-2", children: radiusOptions.map((opt) => /* @__PURE__ */ jsx78(
         Button,
         {
           type: "button",
@@ -13330,11 +13349,11 @@ function OtherPanel({
         },
         opt.value
       )) }),
-      validationErrors["--radius"] && /* @__PURE__ */ jsx77("p", { className: "text-xs text-destructive", children: validationErrors["--radius"] })
+      validationErrors["--radius"] && /* @__PURE__ */ jsx78("p", { className: "text-xs text-destructive", children: validationErrors["--radius"] })
     ] }) }),
-    /* @__PURE__ */ jsx77(CollapsibleSection, { title: "Spacing", open: spacingOpen, onToggle: () => setSpacingOpen(!spacingOpen), children: /* @__PURE__ */ jsxs49("div", { className: "pt-2 space-y-1", children: [
-      /* @__PURE__ */ jsx77("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Spacing (base scale for layout, rem)" }),
-      /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsx78(CollapsibleSection, { title: "Spacing", open: spacingOpen, onToggle: () => setSpacingOpen(!spacingOpen), children: /* @__PURE__ */ jsxs49("div", { className: "pt-2 space-y-1", children: [
+      /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Spacing (base scale for layout, rem)" }),
+      /* @__PURE__ */ jsx78(
         Input,
         {
           type: "text",
@@ -13347,12 +13366,12 @@ function OtherPanel({
           )
         }
       ),
-      validationErrors["--spacing"] && /* @__PURE__ */ jsx77("p", { className: "text-xs text-destructive", children: validationErrors["--spacing"] })
+      validationErrors["--spacing"] && /* @__PURE__ */ jsx78("p", { className: "text-xs text-destructive", children: validationErrors["--spacing"] })
     ] }) }),
-    /* @__PURE__ */ jsx77(CollapsibleSection, { title: "Shadow", open: shadowOpen, onToggle: () => setShadowOpen(!shadowOpen), children: /* @__PURE__ */ jsxs49("div", { className: "space-y-3 pt-2", children: [
+    /* @__PURE__ */ jsx78(CollapsibleSection, { title: "Shadow", open: shadowOpen, onToggle: () => setShadowOpen(!shadowOpen), children: /* @__PURE__ */ jsxs49("div", { className: "space-y-3 pt-2", children: [
       /* @__PURE__ */ jsxs49("div", { children: [
-        /* @__PURE__ */ jsx77("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Shadow color" }),
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Shadow color" }),
+        /* @__PURE__ */ jsx78(
           Input,
           {
             type: "text",
@@ -13364,8 +13383,8 @@ function OtherPanel({
         )
       ] }),
       /* @__PURE__ */ jsxs49("div", { children: [
-        /* @__PURE__ */ jsx77("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Shadow Opacity" }),
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Shadow Opacity" }),
+        /* @__PURE__ */ jsx78(
           Input,
           {
             type: "text",
@@ -13378,8 +13397,8 @@ function OtherPanel({
       ] }),
       /* @__PURE__ */ jsxs49("div", { className: "grid grid-cols-2 gap-2", children: [
         /* @__PURE__ */ jsxs49("div", { children: [
-          /* @__PURE__ */ jsx77("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Blur radius" }),
-          /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Blur radius" }),
+          /* @__PURE__ */ jsx78(
             Input,
             {
               type: "text",
@@ -13391,8 +13410,8 @@ function OtherPanel({
           )
         ] }),
         /* @__PURE__ */ jsxs49("div", { children: [
-          /* @__PURE__ */ jsx77("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Spread" }),
-          /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Spread" }),
+          /* @__PURE__ */ jsx78(
             Input,
             {
               type: "text",
@@ -13406,8 +13425,8 @@ function OtherPanel({
       ] }),
       /* @__PURE__ */ jsxs49("div", { className: "grid grid-cols-2 gap-2", children: [
         /* @__PURE__ */ jsxs49("div", { children: [
-          /* @__PURE__ */ jsx77("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Offset X" }),
-          /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Offset X" }),
+          /* @__PURE__ */ jsx78(
             Input,
             {
               type: "text",
@@ -13419,8 +13438,8 @@ function OtherPanel({
           )
         ] }),
         /* @__PURE__ */ jsxs49("div", { children: [
-          /* @__PURE__ */ jsx77("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Offset Y" }),
-          /* @__PURE__ */ jsx77(
+          /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Offset Y" }),
+          /* @__PURE__ */ jsx78(
             Input,
             {
               type: "text",
@@ -13433,15 +13452,15 @@ function OtherPanel({
         ] })
       ] })
     ] }) }),
-    !hideLayoutSection && /* @__PURE__ */ jsx77(LayoutTab, { sidebarConfig, onSidebarConfigChange })
+    !hideLayoutSection && /* @__PURE__ */ jsx78(LayoutTab, { sidebarConfig, onSidebarConfigChange })
   ] });
 }
 __name(OtherPanel, "OtherPanel");
 
 // components/theme-customizer/import-modal.tsx
-import React43 from "react";
+import React44 from "react";
 import { X as X8, Check as Check6 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx78, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx79, jsxs as jsxs50 } from "react/jsx-runtime";
 function normalizeImportedThemeVars(vars) {
   const out = {};
   Object.entries(vars).forEach(([key, value]) => {
@@ -13452,9 +13471,9 @@ function normalizeImportedThemeVars(vars) {
 }
 __name(normalizeImportedThemeVars, "normalizeImportedThemeVars");
 function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
-  const [importText, setImportText] = React43.useState("");
-  const [themeName, setThemeName] = React43.useState("");
-  const [error, setError] = React43.useState(null);
+  const [importText, setImportText] = React44.useState("");
+  const [themeName, setThemeName] = React44.useState("");
+  const [error, setError] = React44.useState(null);
   const raw = importText.trim();
   const isJsonArtifact = raw.startsWith("{");
   const canImport = Boolean(raw) && (isJsonArtifact || Boolean(themeName.trim()));
@@ -13535,28 +13554,28 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
   }, "processImport");
   if (!open) return null;
   return /* @__PURE__ */ jsxs50(Fragment8, { children: [
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       "div",
       {
         className: "fixed inset-0 bg-foreground/20 z-[60]",
         onClick: () => onOpenChange(false)
       }
     ),
-    /* @__PURE__ */ jsx78("div", { className: "fixed inset-0 z-[60] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs50("div", { className: "bg-card text-card-foreground rounded-lg shadow-lg max-w-4xl w-full max-h-[90vh] flex flex-col border border-border", children: [
-      /* @__PURE__ */ jsx78("div", { className: "p-6 border-b border-border", children: /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx79("div", { className: "fixed inset-0 z-[60] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs50("div", { className: "bg-card text-card-foreground rounded-lg shadow-lg max-w-4xl w-full max-h-[90vh] flex flex-col border border-border", children: [
+      /* @__PURE__ */ jsx79("div", { className: "p-6 border-b border-border", children: /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs50("div", { children: [
-          /* @__PURE__ */ jsx78("h3", { className: "text-lg font-semibold", children: "Import Theme" }),
+          /* @__PURE__ */ jsx79("h3", { className: "text-lg font-semibold", children: "Import Theme" }),
           /* @__PURE__ */ jsxs50("p", { className: "text-sm text-muted-foreground mt-1", children: [
             "Paste either a standardized ",
-            /* @__PURE__ */ jsx78("code", { className: "px-1 py-0.5 bg-muted rounded", children: "theme.json" }),
+            /* @__PURE__ */ jsx79("code", { className: "px-1 py-0.5 bg-muted rounded", children: "theme.json" }),
             " artifact (recommended) or a CSS theme with ",
-            /* @__PURE__ */ jsx78("code", { className: "px-1 py-0.5 bg-muted rounded", children: ":root" }),
+            /* @__PURE__ */ jsx79("code", { className: "px-1 py-0.5 bg-muted rounded", children: ":root" }),
             " and ",
-            /* @__PURE__ */ jsx78("code", { className: "px-1 py-0.5 bg-muted rounded", children: ".dark" }),
+            /* @__PURE__ */ jsx79("code", { className: "px-1 py-0.5 bg-muted rounded", children: ".dark" }),
             "."
           ] })
         ] }),
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           "button",
           {
             onClick: () => onOpenChange(false),
@@ -13566,10 +13585,10 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
         )
       ] }) }),
       /* @__PURE__ */ jsxs50("div", { className: "p-6 flex-1 overflow-y-auto space-y-4", children: [
-        error && /* @__PURE__ */ jsx78("div", { className: "rounded-lg border border-destructive bg-destructive/10 p-3", children: /* @__PURE__ */ jsx78("p", { className: "text-sm text-destructive", children: error }) }),
+        error && /* @__PURE__ */ jsx79("div", { className: "rounded-lg border border-destructive bg-destructive/10 p-3", children: /* @__PURE__ */ jsx79("p", { className: "text-sm text-destructive", children: error }) }),
         /* @__PURE__ */ jsxs50("div", { children: [
-          /* @__PURE__ */ jsx78("label", { className: "block text-sm font-medium mb-2", children: "Theme name" }),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79("label", { className: "block text-sm font-medium mb-2", children: "Theme name" }),
+          /* @__PURE__ */ jsx79(
             Input,
             {
               type: "text",
@@ -13583,8 +13602,8 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
           )
         ] }),
         /* @__PURE__ */ jsxs50("div", { children: [
-          /* @__PURE__ */ jsx78("label", { className: "block text-sm font-medium mb-2", children: "Theme content" }),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79("label", { className: "block text-sm font-medium mb-2", children: "Theme content" }),
+          /* @__PURE__ */ jsx79(
             "textarea",
             {
               className: "w-full rounded-lg border border-input bg-background px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground min-h-[300px] max-h-[400px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-border/80",
@@ -13619,17 +13638,17 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs50("div", { className: "p-6 border-t border-border flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           Button,
           {
             variant: "icon",
             size: "md",
             onClick: () => onOpenChange(false),
             "aria-label": "Cancel",
-            children: /* @__PURE__ */ jsx78(X8, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ jsx79(X8, { className: "w-5 h-5" })
           }
         ),
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           Button,
           {
             variant: "icon",
@@ -13637,7 +13656,7 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
             onClick: processImport,
             disabled: !canImport,
             "aria-label": "Import theme",
-            children: /* @__PURE__ */ jsx78(Check6, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ jsx79(Check6, { className: "w-5 h-5" })
           }
         )
       ] })
@@ -13647,7 +13666,7 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
 __name(ImportModal, "ImportModal");
 
 // components/theme-customizer/index.tsx
-import { Fragment as Fragment9, jsx as jsx79, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx80, jsxs as jsxs51 } from "react/jsx-runtime";
 function ThemeCustomizer({
   open,
   onOpenChange,
@@ -13663,12 +13682,12 @@ function ThemeCustomizer({
   hideLayoutSection = false
 }) {
   const { applyImportedTheme: applyImportedTheme2, isDarkMode, resetTheme: resetTheme2, applyRadius: applyRadius2, setBrandColorsValues, applyTheme } = useThemeManager();
-  const [internalTheme, setInternalTheme] = React44.useState("mindtris-ui");
+  const [internalTheme, setInternalTheme] = React45.useState("mindtris-ui");
   const selectedTheme = selectedThemeProp ?? internalTheme;
   const setSelectedTheme = setSelectedThemeProp ?? setInternalTheme;
-  const [selectedRadius, setSelectedRadius] = React44.useState("0.5rem");
-  const [importModalOpen, setImportModalOpen] = React44.useState(false);
-  const [importedTheme, setImportedTheme] = React44.useState(null);
+  const [selectedRadius, setSelectedRadius] = React45.useState("0.5rem");
+  const [importModalOpen, setImportModalOpen] = React45.useState(false);
+  const [importedTheme, setImportedTheme] = React45.useState(null);
   const handleReset = /* @__PURE__ */ __name(() => {
     setSelectedTheme("mindtris-ui");
     setSelectedRadius("0.5rem");
@@ -13682,14 +13701,14 @@ function ThemeCustomizer({
     setSelectedTheme("");
     applyImportedTheme2(themeData, isDarkMode);
   }, "handleImport");
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (importedTheme) {
       applyImportedTheme2(importedTheme, isDarkMode);
     } else if (selectedTheme) {
       applyTheme(selectedTheme, isDarkMode);
     }
   }, [isDarkMode, importedTheme, selectedTheme, applyImportedTheme2, applyTheme]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (importedTheme) {
       applyImportedTheme2(importedTheme, isDarkMode);
     } else {
@@ -13703,12 +13722,12 @@ function ThemeCustomizer({
     {
       className: inline ? "flex flex-col h-full" : "fixed inset-y-0 right-0 z-50 w-96 bg-card text-card-foreground border-l border-border shadow-lg flex flex-col",
       children: [
-        !hideHeader && /* @__PURE__ */ jsx79("div", { className: "p-4 border-b border-border", children: /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx79("div", { className: "p-2 bg-primary/10 rounded-lg", children: /* @__PURE__ */ jsx79(Settings, { className: "w-4 h-4 text-primary" }) }),
-          /* @__PURE__ */ jsx79("h2", { className: "text-lg font-semibold", children: "Customizer" }),
+        !hideHeader && /* @__PURE__ */ jsx80("div", { className: "p-4 border-b border-border", children: /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx80("div", { className: "p-2 bg-primary/10 rounded-lg", children: /* @__PURE__ */ jsx80(Settings, { className: "w-4 h-4 text-primary" }) }),
+          /* @__PURE__ */ jsx80("h2", { className: "text-lg font-semibold", children: "Customizer" }),
           /* @__PURE__ */ jsxs51("div", { className: "ml-auto flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx79(Button, { variant: "ghost", size: "sm", onClick: handleReset, children: "Reset" }),
-            !inline && /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsx80(Button, { variant: "ghost", size: "sm", onClick: handleReset, children: "Reset" }),
+            !inline && /* @__PURE__ */ jsx80(
               Button,
               {
                 variant: "ghost",
@@ -13717,13 +13736,13 @@ function ThemeCustomizer({
                 className: "p-1.5",
                 "aria-label": "Close",
                 tooltip: "Close",
-                children: /* @__PURE__ */ jsx79(X9, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ jsx80(X9, { className: "w-4 h-4" })
               }
             )
           ] })
         ] }) }),
         /* @__PURE__ */ jsxs51("div", { className: "flex-1 overflow-y-auto min-h-0", children: [
-          sectionProp === "colors" && /* @__PURE__ */ jsx79(
+          sectionProp === "colors" && /* @__PURE__ */ jsx80(
             ThemeTab,
             {
               selectedTheme,
@@ -13736,7 +13755,7 @@ function ThemeCustomizer({
               hidePreset: presetInHeader
             }
           ),
-          sectionProp === "others" && /* @__PURE__ */ jsx79("div", { className: "px-3 pt-2 pb-4", children: /* @__PURE__ */ jsx79(
+          sectionProp === "others" && /* @__PURE__ */ jsx80("div", { className: "px-3 pt-2 pb-4", children: /* @__PURE__ */ jsx80(
             OtherPanel,
             {
               selectedRadius,
@@ -13748,7 +13767,7 @@ function ThemeCustomizer({
             }
           ) }),
           !sectionProp && /* @__PURE__ */ jsxs51(Fragment9, { children: [
-            /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsx80(
               ThemeTab,
               {
                 selectedTheme,
@@ -13760,8 +13779,8 @@ function ThemeCustomizer({
                 variant: "full"
               }
             ),
-            /* @__PURE__ */ jsx79("div", { className: "border-t border-border" }),
-            /* @__PURE__ */ jsx79(
+            /* @__PURE__ */ jsx80("div", { className: "border-t border-border" }),
+            /* @__PURE__ */ jsx80(
               LayoutTab,
               {
                 sidebarConfig,
@@ -13775,14 +13794,14 @@ function ThemeCustomizer({
   );
   return /* @__PURE__ */ jsxs51(Fragment9, { children: [
     content,
-    !inline && /* @__PURE__ */ jsx79(
+    !inline && /* @__PURE__ */ jsx80(
       "div",
       {
         className: "fixed inset-0 bg-foreground/20 z-40",
         onClick: () => onOpenChange(false)
       }
     ),
-    !hideImportInOthers && /* @__PURE__ */ jsx79(
+    !hideImportInOthers && /* @__PURE__ */ jsx80(
       ImportModal,
       {
         open: importModalOpen,
@@ -13795,7 +13814,7 @@ function ThemeCustomizer({
 __name(ThemeCustomizer, "ThemeCustomizer");
 
 // components/theme-customizer/typography-panel.tsx
-import React45 from "react";
+import React46 from "react";
 
 // theme/google-fonts.ts
 var GOOGLE_FONTS_MAP = {
@@ -13910,7 +13929,7 @@ function loadGoogleFontsForFontValue(value) {
 __name(loadGoogleFontsForFontValue, "loadGoogleFontsForFontValue");
 
 // components/theme-customizer/typography-panel.tsx
-import { jsx as jsx80, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs52 } from "react/jsx-runtime";
 function getComputedTypography() {
   if (typeof document === "undefined") return {};
   const root = document.documentElement;
@@ -13925,11 +13944,11 @@ function getComputedTypography() {
 __name(getComputedTypography, "getComputedTypography");
 function TypographyPanel() {
   const { handleColorChange: handleColorChange2 } = useThemeManager();
-  const [values, setValues] = React45.useState({});
-  const [fontOpen, setFontOpen] = React45.useState(true);
-  const [letterOpen, setLetterOpen] = React45.useState(true);
-  const [loadingFonts, setLoadingFonts] = React45.useState({});
-  React45.useEffect(() => {
+  const [values, setValues] = React46.useState({});
+  const [fontOpen, setFontOpen] = React46.useState(true);
+  const [letterOpen, setLetterOpen] = React46.useState(true);
+  const [loadingFonts, setLoadingFonts] = React46.useState({});
+  React46.useEffect(() => {
     setValues(getComputedTypography());
   }, []);
   const handleChange = /* @__PURE__ */ __name(async (cssVar, value) => {
@@ -13949,16 +13968,16 @@ function TypographyPanel() {
   return /* @__PURE__ */ jsxs52("div", { className: "space-y-4 pt-5 pb-2", children: [
     /* @__PURE__ */ jsxs52("p", { className: "text-xs text-muted-foreground px-0", children: [
       "Fonts use the theme preset and can load from Google Fonts when selected. Letter spacing uses ",
-      /* @__PURE__ */ jsx80("code", { className: "text-xs", children: "--tracking-normal" }),
+      /* @__PURE__ */ jsx81("code", { className: "text-xs", children: "--tracking-normal" }),
       "."
     ] }),
-    /* @__PURE__ */ jsx80(CollapsibleSection, { title: "Font Family", open: fontOpen, onToggle: () => setFontOpen((o) => !o), children: /* @__PURE__ */ jsxs52("div", { className: "space-y-3 pt-2", children: [
+    /* @__PURE__ */ jsx81(CollapsibleSection, { title: "Font Family", open: fontOpen, onToggle: () => setFontOpen((o) => !o), children: /* @__PURE__ */ jsxs52("div", { className: "space-y-3 pt-2", children: [
       /* @__PURE__ */ jsxs52("div", { children: [
         /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between mb-1.5", children: [
-          /* @__PURE__ */ jsx80("label", { className: "block text-xs font-medium text-muted-foreground", children: "Sans-serif font" }),
-          loadingFonts["--font-sans"] && /* @__PURE__ */ jsx80("span", { className: "text-xs text-muted-foreground", children: "Loading..." })
+          /* @__PURE__ */ jsx81("label", { className: "block text-xs font-medium text-muted-foreground", children: "Sans-serif font" }),
+          loadingFonts["--font-sans"] && /* @__PURE__ */ jsx81("span", { className: "text-xs text-muted-foreground", children: "Loading..." })
         ] }),
-        /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81(
           ClassicDropdown,
           {
             ariaLabel: "Sans-Serif Font",
@@ -13971,10 +13990,10 @@ function TypographyPanel() {
       ] }),
       /* @__PURE__ */ jsxs52("div", { children: [
         /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between mb-1.5", children: [
-          /* @__PURE__ */ jsx80("label", { className: "block text-xs font-medium text-muted-foreground", children: "Serif font" }),
-          loadingFonts["--font-serif"] && /* @__PURE__ */ jsx80("span", { className: "text-xs text-muted-foreground", children: "Loading..." })
+          /* @__PURE__ */ jsx81("label", { className: "block text-xs font-medium text-muted-foreground", children: "Serif font" }),
+          loadingFonts["--font-serif"] && /* @__PURE__ */ jsx81("span", { className: "text-xs text-muted-foreground", children: "Loading..." })
         ] }),
-        /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81(
           ClassicDropdown,
           {
             ariaLabel: "Serif Font",
@@ -13990,10 +14009,10 @@ function TypographyPanel() {
       ] }),
       /* @__PURE__ */ jsxs52("div", { children: [
         /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between mb-1.5", children: [
-          /* @__PURE__ */ jsx80("label", { className: "block text-xs font-medium text-muted-foreground", children: "Monospace Font" }),
-          loadingFonts["--font-mono"] && /* @__PURE__ */ jsx80("span", { className: "text-xs text-muted-foreground", children: "Loading..." })
+          /* @__PURE__ */ jsx81("label", { className: "block text-xs font-medium text-muted-foreground", children: "Monospace Font" }),
+          loadingFonts["--font-mono"] && /* @__PURE__ */ jsx81("span", { className: "text-xs text-muted-foreground", children: "Loading..." })
         ] }),
-        /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsx81(
           ClassicDropdown,
           {
             ariaLabel: "Monospace Font",
@@ -14005,9 +14024,9 @@ function TypographyPanel() {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx80(CollapsibleSection, { title: "Letter spacing", open: letterOpen, onToggle: () => setLetterOpen((o) => !o), children: /* @__PURE__ */ jsxs52("div", { className: "pt-2", children: [
-      /* @__PURE__ */ jsx80("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Letter spacing (em) \u2014 CSS var: --tracking-normal" }),
-      /* @__PURE__ */ jsx80(
+    /* @__PURE__ */ jsx81(CollapsibleSection, { title: "Letter spacing", open: letterOpen, onToggle: () => setLetterOpen((o) => !o), children: /* @__PURE__ */ jsxs52("div", { className: "pt-2", children: [
+      /* @__PURE__ */ jsx81("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Letter spacing (em) \u2014 CSS var: --tracking-normal" }),
+      /* @__PURE__ */ jsx81(
         Input,
         {
           type: "text",
@@ -14023,7 +14042,7 @@ function TypographyPanel() {
 __name(TypographyPanel, "TypographyPanel");
 
 // layout-primitives.tsx
-import { jsx as jsx81, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs53 } from "react/jsx-runtime";
 var maxWidthClasses = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -14047,7 +14066,7 @@ function Container({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     "div",
     {
       className: cn(
@@ -14072,10 +14091,10 @@ function Page({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx81("div", { className: cn("min-h-screen", className), ...props, children: /* @__PURE__ */ jsxs53(Container, { maxWidth, padding, children: [
+  return /* @__PURE__ */ jsx82("div", { className: cn("min-h-screen", className), ...props, children: /* @__PURE__ */ jsxs53(Container, { maxWidth, padding, children: [
     (title || description) && /* @__PURE__ */ jsxs53("div", { className: "mb-8", children: [
-      title && /* @__PURE__ */ jsx81("h1", { className: "text-2xl md:text-3xl font-bold text-foreground mb-2", children: title }),
-      description && /* @__PURE__ */ jsx81("p", { className: "text-muted-foreground", children: description })
+      title && /* @__PURE__ */ jsx82("h1", { className: "text-2xl md:text-3xl font-bold text-foreground mb-2", children: title }),
+      description && /* @__PURE__ */ jsx82("p", { className: "text-muted-foreground", children: description })
     ] }),
     children
   ] }) });
@@ -14090,10 +14109,10 @@ function Section({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx81("section", { className: cn("py-8 md:py-12", className), ...props, children: /* @__PURE__ */ jsxs53(Container, { maxWidth, padding, children: [
+  return /* @__PURE__ */ jsx82("section", { className: cn("py-8 md:py-12", className), ...props, children: /* @__PURE__ */ jsxs53(Container, { maxWidth, padding, children: [
     (title || description) && /* @__PURE__ */ jsxs53("div", { className: "mb-6", children: [
-      title && /* @__PURE__ */ jsx81("h2", { className: "text-xl md:text-2xl font-bold text-foreground mb-2", children: title }),
-      description && /* @__PURE__ */ jsx81("p", { className: "text-muted-foreground", children: description })
+      title && /* @__PURE__ */ jsx82("h2", { className: "text-xl md:text-2xl font-bold text-foreground mb-2", children: title }),
+      description && /* @__PURE__ */ jsx82("p", { className: "text-muted-foreground", children: description })
     ] }),
     children
   ] }) });
@@ -14118,7 +14137,7 @@ function Grid({
   const colsClass = `grid-cols-${cols}`;
   const colsSmClass = colsSm ? `sm:grid-cols-${colsSm}` : "";
   const colsMdClass = colsMd ? `md:grid-cols-${colsMd}` : "";
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     "div",
     {
       className: cn(
@@ -14159,7 +14178,7 @@ function Stack({
     around: "justify-around",
     evenly: "justify-evenly"
   };
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     "div",
     {
       className: cn(
@@ -14181,8 +14200,8 @@ __name(Stack, "Stack");
 // blocks/header/header-block.tsx
 import { useState as useState22, useEffect as useEffect15 } from "react";
 import { Menu as Menu3, ChevronDown as ChevronDown8 } from "lucide-react";
-import { jsx as jsx82, jsxs as jsxs54 } from "react/jsx-runtime";
-var DefaultLink = /* @__PURE__ */ __name(({ href, className, children, onClick }) => /* @__PURE__ */ jsx82("a", { href, className, onClick, children }), "DefaultLink");
+import { jsx as jsx83, jsxs as jsxs54 } from "react/jsx-runtime";
+var DefaultLink = /* @__PURE__ */ __name(({ href, className, children, onClick }) => /* @__PURE__ */ jsx83("a", { href, className, onClick, children }), "DefaultLink");
 function HeaderBlock({
   data,
   slots = {},
@@ -14191,7 +14210,7 @@ function HeaderBlock({
 }) {
   const [isScrolled, setIsScrolled] = useState22(false);
   const LinkComponent = slots.linkComponent || DefaultLink;
-  const LogoComponent = slots.logo || /* @__PURE__ */ jsx82(Logo, {});
+  const LogoComponent = slots.logo || /* @__PURE__ */ jsx83(Logo, {});
   useEffect15(() => {
     const handleScroll = /* @__PURE__ */ __name(() => {
       setIsScrolled(window.scrollY > 0);
@@ -14204,20 +14223,20 @@ function HeaderBlock({
       return /* @__PURE__ */ jsxs54(DropdownMenu, { children: [
         /* @__PURE__ */ jsxs54(DropdownMenuTrigger, { className: "flex items-center gap-1 px-3 py-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-md", children: [
           item.title,
-          /* @__PURE__ */ jsx82(ChevronDown8, { className: "w-4 h-4" })
+          /* @__PURE__ */ jsx83(ChevronDown8, { className: "w-4 h-4" })
         ] }),
-        /* @__PURE__ */ jsx82(DropdownMenuContent, { align: "start", className: "w-56", children: item.children.map((child) => {
+        /* @__PURE__ */ jsx83(DropdownMenuContent, { align: "start", className: "w-56", children: item.children.map((child) => {
           if (child.type === "dropdown") {
             return /* @__PURE__ */ jsxs54(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsx82(DropdownMenuSubTrigger, { children: child.title }),
-              /* @__PURE__ */ jsx82(DropdownMenuSubContent, { children: child.children?.map((sub) => /* @__PURE__ */ jsx82(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx82(LinkComponent, { href: sub.href || "#", className: "cursor-pointer w-full", children: sub.title }) }, sub.id)) })
+              /* @__PURE__ */ jsx83(DropdownMenuSubTrigger, { children: child.title }),
+              /* @__PURE__ */ jsx83(DropdownMenuSubContent, { children: child.children?.map((sub) => /* @__PURE__ */ jsx83(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx83(LinkComponent, { href: sub.href || "#", className: "cursor-pointer w-full", children: sub.title }) }, sub.id)) })
             ] }, child.id);
           }
-          return /* @__PURE__ */ jsx82(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx82(LinkComponent, { href: child.href || "#", className: "cursor-pointer w-full", children: child.title }) }, child.id);
+          return /* @__PURE__ */ jsx83(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx83(LinkComponent, { href: child.href || "#", className: "cursor-pointer w-full", children: child.title }) }, child.id);
         }) })
       ] }, item.id);
     }
-    return /* @__PURE__ */ jsx82(
+    return /* @__PURE__ */ jsx83(
       LinkComponent,
       {
         href: item.href || "#",
@@ -14227,7 +14246,7 @@ function HeaderBlock({
       item.id
     );
   }, "renderDesktopMenuItem");
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     "header",
     {
       className: cn(
@@ -14235,7 +14254,7 @@ function HeaderBlock({
         sticky ? "fixed top-0 md:top-6" : "relative",
         className
       ),
-      children: /* @__PURE__ */ jsx82(Container, { children: /* @__PURE__ */ jsxs54(
+      children: /* @__PURE__ */ jsx83(Container, { children: /* @__PURE__ */ jsxs54(
         "div",
         {
           className: cn(
@@ -14244,27 +14263,27 @@ function HeaderBlock({
             "bg-background/80 backdrop-blur-md rounded-2xl border border-border/50 shadow-sm"
           ),
           children: [
-            /* @__PURE__ */ jsx82("div", { className: "flex items-center shrink-0", children: LogoComponent }),
-            /* @__PURE__ */ jsx82("nav", { className: "hidden md:flex md:gap-1 lg:gap-2", children: data.items.map(renderDesktopMenuItem) }),
+            /* @__PURE__ */ jsx83("div", { className: "flex items-center shrink-0", children: LogoComponent }),
+            /* @__PURE__ */ jsx83("nav", { className: "hidden md:flex md:gap-1 lg:gap-2", children: data.items.map(renderDesktopMenuItem) }),
             /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-3", children: [
               slots.rightActionSlot,
-              /* @__PURE__ */ jsx82("div", { className: "hidden md:flex gap-3", children: data.ctaItems?.map((cta, idx) => /* @__PURE__ */ jsx82(
+              /* @__PURE__ */ jsx83("div", { className: "hidden md:flex gap-3", children: data.ctaItems?.map((cta, idx) => /* @__PURE__ */ jsx83(
                 Button,
                 {
                   variant: cta.variant || (cta.type === "primary" ? "primary" : "ghost"),
                   size: "sm",
                   fullWidth: false,
-                  render: /* @__PURE__ */ jsx82(LinkComponent, { href: cta.href, children: cta.title }),
+                  render: /* @__PURE__ */ jsx83(LinkComponent, { href: cta.href, children: cta.title }),
                   children: cta.title
                 },
                 idx
               )) }),
-              /* @__PURE__ */ jsx82("div", { className: "md:hidden", children: /* @__PURE__ */ jsxs54(Sheet, { children: [
-                /* @__PURE__ */ jsx82(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx82("button", { className: "p-2 text-muted-foreground hover:text-foreground", children: slots.menuIcon || /* @__PURE__ */ jsx82(Menu3, { className: "w-5 h-5" }) }) }),
+              /* @__PURE__ */ jsx83("div", { className: "md:hidden", children: /* @__PURE__ */ jsxs54(Sheet, { children: [
+                /* @__PURE__ */ jsx83(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsx83("button", { className: "p-2 text-muted-foreground hover:text-foreground", children: slots.menuIcon || /* @__PURE__ */ jsx83(Menu3, { className: "w-5 h-5" }) }) }),
                 /* @__PURE__ */ jsxs54(SheetContent, { side: "right", className: "w-[300px] sm:w-[400px]", children: [
-                  /* @__PURE__ */ jsx82(SheetHeader, { className: "px-1 text-left", children: /* @__PURE__ */ jsx82(SheetTitle, { className: "text-lg font-bold", children: "Menu" }) }),
+                  /* @__PURE__ */ jsx83(SheetHeader, { className: "px-1 text-left", children: /* @__PURE__ */ jsx83(SheetTitle, { className: "text-lg font-bold", children: "Menu" }) }),
                   /* @__PURE__ */ jsxs54("div", { className: "flex flex-col gap-6 mt-6 overflow-y-auto", children: [
-                    /* @__PURE__ */ jsx82("nav", { className: "flex flex-col space-y-4", children: data.items.map((item) => /* @__PURE__ */ jsx82("div", { className: "flex flex-col gap-2", children: item.type === "link" ? /* @__PURE__ */ jsx82(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx82(
+                    /* @__PURE__ */ jsx83("nav", { className: "flex flex-col space-y-4", children: data.items.map((item) => /* @__PURE__ */ jsx83("div", { className: "flex flex-col gap-2", children: item.type === "link" ? /* @__PURE__ */ jsx83(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx83(
                       LinkComponent,
                       {
                         href: item.href || "#",
@@ -14272,8 +14291,8 @@ function HeaderBlock({
                         children: item.title
                       }
                     ) }) : /* @__PURE__ */ jsxs54("div", { className: "flex flex-col gap-2", children: [
-                      /* @__PURE__ */ jsx82("span", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-wide", children: item.title }),
-                      /* @__PURE__ */ jsx82("div", { className: "pl-4 flex flex-col gap-2 border-l border-border ml-1", children: item.children?.map((child) => /* @__PURE__ */ jsx82(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx82(
+                      /* @__PURE__ */ jsx83("span", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-wide", children: item.title }),
+                      /* @__PURE__ */ jsx83("div", { className: "pl-4 flex flex-col gap-2 border-l border-border ml-1", children: item.children?.map((child) => /* @__PURE__ */ jsx83(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx83(
                         LinkComponent,
                         {
                           href: child.href || "#",
@@ -14282,12 +14301,12 @@ function HeaderBlock({
                         }
                       ) }, child.id)) })
                     ] }) }, item.id)) }),
-                    /* @__PURE__ */ jsx82("div", { className: "flex flex-col gap-3 pt-4 border-t border-border", children: data.ctaItems?.map((cta, idx) => /* @__PURE__ */ jsx82(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx82(
+                    /* @__PURE__ */ jsx83("div", { className: "flex flex-col gap-3 pt-4 border-t border-border", children: data.ctaItems?.map((cta, idx) => /* @__PURE__ */ jsx83(SheetClose, { asChild: true, children: /* @__PURE__ */ jsx83(
                       Button,
                       {
                         variant: cta.variant || "primary",
                         fullWidth: true,
-                        render: /* @__PURE__ */ jsx82(LinkComponent, { href: cta.href, children: cta.title }),
+                        render: /* @__PURE__ */ jsx83(LinkComponent, { href: cta.href, children: cta.title }),
                         children: cta.title
                       }
                     ) }, idx)) })
@@ -14304,29 +14323,29 @@ function HeaderBlock({
 __name(HeaderBlock, "HeaderBlock");
 
 // blocks/footer/footer-block.tsx
-import React47 from "react";
+import React48 from "react";
 import { Twitter, Instagram, Facebook, Youtube, Linkedin, Hash, Github } from "lucide-react";
-import { jsx as jsx83, jsxs as jsxs55 } from "react/jsx-runtime";
-var DefaultLink2 = /* @__PURE__ */ __name(({ href, className, children, target, rel }) => /* @__PURE__ */ jsx83("a", { href, className, target, rel, children }), "DefaultLink");
+import { jsx as jsx84, jsxs as jsxs55 } from "react/jsx-runtime";
+var DefaultLink2 = /* @__PURE__ */ __name(({ href, className, children, target, rel }) => /* @__PURE__ */ jsx84("a", { href, className, target, rel, children }), "DefaultLink");
 function SocialIconRenderer({ icon }) {
-  if (React47.isValidElement(icon)) return icon;
+  if (React48.isValidElement(icon)) return icon;
   const props = { size: 24, className: "w-5 h-5" };
   switch (icon) {
     case "twitter":
-      return /* @__PURE__ */ jsx83(Twitter, { ...props });
+      return /* @__PURE__ */ jsx84(Twitter, { ...props });
     case "instagram":
-      return /* @__PURE__ */ jsx83(Instagram, { ...props });
+      return /* @__PURE__ */ jsx84(Instagram, { ...props });
     case "facebook":
-      return /* @__PURE__ */ jsx83(Facebook, { ...props });
+      return /* @__PURE__ */ jsx84(Facebook, { ...props });
     case "youtube":
-      return /* @__PURE__ */ jsx83(Youtube, { ...props });
+      return /* @__PURE__ */ jsx84(Youtube, { ...props });
     case "linkedin":
-      return /* @__PURE__ */ jsx83(Linkedin, { ...props });
+      return /* @__PURE__ */ jsx84(Linkedin, { ...props });
     case "github":
-      return /* @__PURE__ */ jsx83(Github, { ...props });
+      return /* @__PURE__ */ jsx84(Github, { ...props });
     // Added github
     case "threads":
-      return /* @__PURE__ */ jsx83(Hash, { ...props });
+      return /* @__PURE__ */ jsx84(Hash, { ...props });
     default:
       return null;
   }
@@ -14339,10 +14358,10 @@ function FooterBlock({
   border = false
 }) {
   const LinkComponent = slots.linkComponent || DefaultLink2;
-  const LogoComponent = slots.logo || /* @__PURE__ */ jsx83(Logo, {});
+  const LogoComponent = slots.logo || /* @__PURE__ */ jsx84(Logo, {});
   const { branding, columns, social, legal } = data;
   return /* @__PURE__ */ jsxs55("footer", { className: cn("bg-background text-foreground", className), children: [
-    /* @__PURE__ */ jsx83(Container, { children: /* @__PURE__ */ jsxs55(
+    /* @__PURE__ */ jsx84(Container, { children: /* @__PURE__ */ jsxs55(
       "div",
       {
         className: cn(
@@ -14351,7 +14370,7 @@ function FooterBlock({
         ),
         children: [
           /* @__PURE__ */ jsxs55("div", { className: "space-y-4 sm:col-span-12 lg:col-span-4", children: [
-            /* @__PURE__ */ jsx83("div", { className: "-ml-3 flex items-center", children: LogoComponent }),
+            /* @__PURE__ */ jsx84("div", { className: "-ml-3 flex items-center", children: LogoComponent }),
             /* @__PURE__ */ jsxs55("div", { className: "text-sm text-muted-foreground", children: [
               "\xA9 ",
               (/* @__PURE__ */ new Date()).getFullYear(),
@@ -14359,7 +14378,7 @@ function FooterBlock({
               branding.brandName,
               " by",
               " ",
-              branding.brandUrl ? /* @__PURE__ */ jsx83(
+              branding.brandUrl ? /* @__PURE__ */ jsx84(
                 LinkComponent,
                 {
                   href: branding.brandUrl,
@@ -14367,18 +14386,18 @@ function FooterBlock({
                   target: "_blank",
                   children: branding.brandName
                 }
-              ) : /* @__PURE__ */ jsx83("span", { className: "font-medium", children: branding.brandName }),
+              ) : /* @__PURE__ */ jsx84("span", { className: "font-medium", children: branding.brandName }),
               ". ",
               branding.copyrightText
             ] }),
-            legal && legal.length > 0 && /* @__PURE__ */ jsx83("div", { className: "text-sm text-muted-foreground flex flex-wrap gap-2", children: legal.map((item, index) => /* @__PURE__ */ jsxs55("span", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx83(LinkComponent, { href: item.href, className: "hover:text-foreground transition-colors", children: item.title }),
-              index < legal.length - 1 && /* @__PURE__ */ jsx83("span", { className: "opacity-50", children: "|" })
+            legal && legal.length > 0 && /* @__PURE__ */ jsx84("div", { className: "text-sm text-muted-foreground flex flex-wrap gap-2", children: legal.map((item, index) => /* @__PURE__ */ jsxs55("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx84(LinkComponent, { href: item.href, className: "hover:text-foreground transition-colors", children: item.title }),
+              index < legal.length - 1 && /* @__PURE__ */ jsx84("span", { className: "opacity-50", children: "|" })
             ] }, index)) })
           ] }),
           columns.map((col, idx) => /* @__PURE__ */ jsxs55("div", { className: "space-y-3 sm:col-span-6 md:col-span-3 lg:col-span-2", children: [
-            /* @__PURE__ */ jsx83("h3", { className: "text-sm font-semibold tracking-wider uppercase text-foreground", children: col.title }),
-            /* @__PURE__ */ jsx83("ul", { className: "space-y-2.5 text-sm", children: col.links.map((link, lIdx) => /* @__PURE__ */ jsx83("li", { children: /* @__PURE__ */ jsx83(
+            /* @__PURE__ */ jsx84("h3", { className: "text-sm font-semibold tracking-wider uppercase text-foreground", children: col.title }),
+            /* @__PURE__ */ jsx84("ul", { className: "space-y-2.5 text-sm", children: col.links.map((link, lIdx) => /* @__PURE__ */ jsx84("li", { children: /* @__PURE__ */ jsx84(
               LinkComponent,
               {
                 href: link.href,
@@ -14388,8 +14407,8 @@ function FooterBlock({
             ) }, lIdx)) })
           ] }, idx)),
           /* @__PURE__ */ jsxs55("div", { className: "space-y-3 sm:col-span-6 md:col-span-3 lg:col-span-2", children: [
-            /* @__PURE__ */ jsx83("h3", { className: "text-sm font-semibold tracking-wider uppercase text-foreground", children: "Social" }),
-            social && /* @__PURE__ */ jsx83("ul", { className: "flex flex-wrap gap-3 items-center", children: social.map((item, idx) => /* @__PURE__ */ jsx83("li", { children: /* @__PURE__ */ jsx83(
+            /* @__PURE__ */ jsx84("h3", { className: "text-sm font-semibold tracking-wider uppercase text-foreground", children: "Social" }),
+            social && /* @__PURE__ */ jsx84("ul", { className: "flex flex-wrap gap-3 items-center", children: social.map((item, idx) => /* @__PURE__ */ jsx84("li", { children: /* @__PURE__ */ jsx84(
               LinkComponent,
               {
                 href: item.href,
@@ -14397,14 +14416,14 @@ function FooterBlock({
                 target: "_blank",
                 rel: "noopener noreferrer",
                 "aria-label": item.name,
-                children: /* @__PURE__ */ jsx83(SocialIconRenderer, { icon: item.icon })
+                children: /* @__PURE__ */ jsx84(SocialIconRenderer, { icon: item.icon })
               }
             ) }, idx)) })
           ] })
         ]
       }
     ) }),
-    slots.bottomIllustration && /* @__PURE__ */ jsx83("div", { className: "w-full overflow-hidden", "aria-hidden": "true", children: slots.bottomIllustration })
+    slots.bottomIllustration && /* @__PURE__ */ jsx84("div", { className: "w-full overflow-hidden", "aria-hidden": "true", children: slots.bottomIllustration })
   ] });
 }
 __name(FooterBlock, "FooterBlock");
@@ -14539,6 +14558,7 @@ export {
   Empty,
   ErrorBoundary,
   ErrorFallback,
+  ErrorMessage,
   Field,
   FileInput,
   FooterBlock,