@mindtris/ui 0.1.9 → 0.1.10

package/dist/index.mjs

@@ -4854,36 +4854,38 @@ Switch.displayName = "Switch";
 import * as React14 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check, Minus } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
-var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    "data-slot": "checkbox",
-    className: cn(
-      "group peer h-4 w-4 shrink-0 rounded border border-input bg-field outline-none",
-      "hover:border-border/80",
-      "focus-visible:ring-0 focus-visible:border-foreground/40",
-      "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
-      "disabled:pointer-events-none disabled:opacity-50",
-      "transition-colors",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxs12(
-      CheckboxPrimitive.Indicator,
-      {
-        "data-slot": "checkbox-indicator",
-        className: "flex items-center justify-center text-current",
-        children: [
-          /* @__PURE__ */ jsx22(Check, { className: "h-3 w-3 group-data-[state=indeterminate]:hidden", strokeWidth: 2.5 }),
-          /* @__PURE__ */ jsx22(Minus, { className: "h-3 w-3 group-data-[state=checked]:hidden", strokeWidth: 2.5 })
-        ]
-      }
-    )
-  }
-));
+import { jsx as jsx22 } from "react/jsx-runtime";
+var CheckboxIndicatorContent = /* @__PURE__ */ __name(({ state }) => state === "indeterminate" ? /* @__PURE__ */ jsx22(Minus, { className: "h-3 w-3 shrink-0", strokeWidth: 2.5 }) : /* @__PURE__ */ jsx22(Check, { className: "h-3 w-3 shrink-0", strokeWidth: 2.5 }), "CheckboxIndicatorContent");
+var Checkbox = React14.forwardRef(({ className, checked, ...props }, ref) => {
+  const state = checked === "indeterminate" ? "indeterminate" : checked === true ? "checked" : "unchecked";
+  return /* @__PURE__ */ jsx22(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      "data-slot": "checkbox",
+      checked,
+      className: cn(
+        "peer h-4 w-4 shrink-0 rounded border border-input bg-field outline-none",
+        "hover:border-border/80",
+        "focus-visible:ring-0 focus-visible:border-foreground/40",
+        "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+        "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "transition-colors",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx22(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current",
+          children: /* @__PURE__ */ jsx22(CheckboxIndicatorContent, { state })
+        }
+      )
+    }
+  );
+});
 Checkbox.displayName = "Checkbox";
 
 // components/ui/radio-group.tsx
@@ -4957,7 +4959,7 @@ RadioGroupItem.displayName = "RadioGroupItem";
 // components/ui/chip.tsx
 import * as React16 from "react";
 import { X } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 var chipSelectedVariants = createVariants({
   base: "border transition-colors",
   variants: {
@@ -5002,7 +5004,7 @@ function Chip({
   const base = "inline-flex items-center gap-1.5 rounded-full font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 disabled:cursor-not-allowed";
   const effectiveVariant = variant === "default" ? "primary" : variant;
   const variantClass = isSelected ? chipSelectedVariants({ variant: effectiveVariant }) : chipUnselectedClass;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "button",
     {
       type: "button",
@@ -5076,7 +5078,7 @@ Select.displayName = "Select";
 // components/ui/native-select.tsx
 import * as React18 from "react";
 import { ChevronDown as ChevronDown3 } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var sizeClasses3 = {
   sm: "h-8 text-xs px-2.5",
   default: "h-10 text-sm px-3",
@@ -5091,7 +5093,7 @@ var NativeSelect = React18.forwardRef(
     children,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs14("div", { className: cn("relative inline-flex", fullWidth && "w-full"), children: [
+    return /* @__PURE__ */ jsxs13("div", { className: cn("relative inline-flex", fullWidth && "w-full"), children: [
       /* @__PURE__ */ jsx26(
         "select",
         {
@@ -5154,7 +5156,7 @@ var Label = React19.forwardRef(
 Label.displayName = "Label";
 
 // components/ui/field.tsx
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
 function Field({
   label,
   htmlFor,
@@ -5170,7 +5172,7 @@ function Field({
 }) {
   const generatedId = React20.useId();
   const fieldId = idProp ?? generatedId;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-slot": "field",
@@ -5178,7 +5180,7 @@ function Field({
       className: cn("grid gap-2", className),
       ...props,
       children: [
-        label ? /* @__PURE__ */ jsxs15(Label, { htmlFor: htmlFor ?? fieldId, className: "text-sm font-medium text-foreground", children: [
+        label ? /* @__PURE__ */ jsxs14(Label, { htmlFor: htmlFor ?? fieldId, className: "text-sm font-medium text-foreground", children: [
           label,
           required2 ? /* @__PURE__ */ jsx28("span", { className: "ml-0.5 text-destructive", "aria-hidden": true, children: "*" }) : null
         ] }) : null,
@@ -5216,7 +5218,7 @@ function Field({
 __name(Field, "Field");
 
 // components/ui/empty.tsx
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 var sizeClasses4 = {
   sm: "py-8 gap-3",
   default: "py-12 gap-4",
@@ -5232,7 +5234,7 @@ function Empty({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "empty",
@@ -5475,7 +5477,7 @@ Separator2.displayName = "Separator";
 // components/ui/drawer.tsx
 import { X as X2 } from "lucide-react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
 function Drawer({ ...props }) {
   return /* @__PURE__ */ jsx32(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
 }
@@ -5515,9 +5517,9 @@ function DrawerContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs17(DrawerPortal, { children: [
+  return /* @__PURE__ */ jsxs16(DrawerPortal, { children: [
     /* @__PURE__ */ jsx32(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsxs16(
       DrawerPrimitive.Content,
       {
         "data-slot": "drawer-content",
@@ -5535,7 +5537,7 @@ function DrawerContent({
         children: [
           /* @__PURE__ */ jsx32("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children,
-          showCloseButton ? /* @__PURE__ */ jsxs17(
+          showCloseButton ? /* @__PURE__ */ jsxs16(
             DrawerPrimitive.Close,
             {
               "data-slot": "drawer-close",
@@ -5613,7 +5615,7 @@ function DrawerDescription({ className, ...props }) {
 __name(DrawerDescription, "DrawerDescription");
 
 // components/ui/dialog.tsx
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
 function Dialog({ ...props }) {
   return /* @__PURE__ */ jsx33(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
@@ -5653,9 +5655,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs18(DialogPortal, { children: [
+  return /* @__PURE__ */ jsxs17(DialogPortal, { children: [
     /* @__PURE__ */ jsx33(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs17(
       DialogPrimitive.Content,
       {
         "data-slot": "dialog-content",
@@ -5666,7 +5668,7 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton ? /* @__PURE__ */ jsxs18(
+          showCloseButton ? /* @__PURE__ */ jsxs17(
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
@@ -5751,8 +5753,8 @@ function ResponsiveDialog({
   const isDesktop = useMediaQuery(desktopQuery);
   const resolvedMode = mode ?? (isDesktop ? "dialog" : "drawer");
   if (resolvedMode === "dialog") {
-    return /* @__PURE__ */ jsx33(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs18(DialogContent, { className: cn("p-0 overflow-hidden", contentClassName), showCloseButton: !hideClose, children: [
-      title || description ? /* @__PURE__ */ jsxs18(DialogHeader, { className: cn("px-6 pt-6 pb-4", headerClassName), children: [
+    return /* @__PURE__ */ jsx33(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogContent, { className: cn("p-0 overflow-hidden", contentClassName), showCloseButton: !hideClose, children: [
+      title || description ? /* @__PURE__ */ jsxs17(DialogHeader, { className: cn("px-6 pt-6 pb-4", headerClassName), children: [
         title ? /* @__PURE__ */ jsx33(DialogTitle, { className: "text-base", children: title }) : null,
         description ? /* @__PURE__ */ jsx33(DialogDescription, { children: description }) : null
       ] }) : null,
@@ -5762,9 +5764,9 @@ function ResponsiveDialog({
       footer ? /* @__PURE__ */ jsx33(DialogFooter, { className: cn("px-6 pt-4 pb-6", footerClassName), children: footer }) : null
     ] }) });
   }
-  return /* @__PURE__ */ jsx33(Drawer, { open, onOpenChange, direction: drawerDirection, children: /* @__PURE__ */ jsxs18(DrawerContent, { className: cn("p-0", contentClassName), children: [
+  return /* @__PURE__ */ jsx33(Drawer, { open, onOpenChange, direction: drawerDirection, children: /* @__PURE__ */ jsxs17(DrawerContent, { className: cn("p-0", contentClassName), children: [
     !hideClose ? /* @__PURE__ */ jsx33("div", { className: "absolute right-4 top-4 z-10", children: /* @__PURE__ */ jsx33(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx33(Button, { variant: "icon-ghost", size: "icon-sm", "aria-label": "Close", children: /* @__PURE__ */ jsx33(X3, { className: "h-4 w-4", "aria-hidden": true }) }) }) }) : null,
-    title || description ? /* @__PURE__ */ jsxs18(DrawerHeader, { className: cn("px-6 pt-6 pb-4", headerClassName), children: [
+    title || description ? /* @__PURE__ */ jsxs17(DrawerHeader, { className: cn("px-6 pt-6 pb-4", headerClassName), children: [
       title ? /* @__PURE__ */ jsx33(DrawerTitle, { className: "text-base", children: title }) : null,
       description ? /* @__PURE__ */ jsx33(DrawerDescription, { children: description }) : null
     ] }) : null,
@@ -5777,7 +5779,7 @@ function ResponsiveDialog({
 __name(ResponsiveDialog, "ResponsiveDialog");
 
 // components/ui/command.tsx
-import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var Command = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   CommandPrimitive,
   {
@@ -5800,8 +5802,8 @@ function CommandDialog({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs19(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsxs19(DialogHeader, { className: "sr-only", children: [
+  return /* @__PURE__ */ jsxs18(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs18(DialogHeader, { className: "sr-only", children: [
       /* @__PURE__ */ jsx34(DialogTitle, { children: title }),
       /* @__PURE__ */ jsx34(DialogDescription, { children: description })
     ] }),
@@ -5823,7 +5825,7 @@ function CommandDialog({
   ] });
 }
 __name(CommandDialog, "CommandDialog");
-var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs18(
   "div",
   {
     "data-slot": "command-input-wrapper",
@@ -5922,7 +5924,7 @@ function CommandShortcut({ className, ...props }) {
 __name(CommandShortcut, "CommandShortcut");
 
 // components/ui/combobox.tsx
-import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 function Combobox({
   value,
   onChange,
@@ -5948,8 +5950,8 @@ function Combobox({
     },
     [clearable, clearLabel, onChange]
   );
-  return /* @__PURE__ */ jsxs20(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx35(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx35(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs19(
       Button,
       {
         variant: "outline",
@@ -5975,16 +5977,16 @@ function Combobox({
       {
         className: cn("w-[--radix-popover-trigger-width] p-0", contentClassName),
         align: "start",
-        children: /* @__PURE__ */ jsxs20(Command, { children: [
+        children: /* @__PURE__ */ jsxs19(Command, { children: [
           /* @__PURE__ */ jsx35(CommandInput, { placeholder: searchPlaceholder }),
-          /* @__PURE__ */ jsxs20(CommandList, { children: [
+          /* @__PURE__ */ jsxs19(CommandList, { children: [
             /* @__PURE__ */ jsx35(CommandEmpty, { children: emptyMessage }),
-            /* @__PURE__ */ jsxs20(CommandGroup, { children: [
-              clearable && value ? /* @__PURE__ */ jsxs20(CommandItem, { value: "__clear__", onSelect: () => handleSelect("__clear__"), children: [
+            /* @__PURE__ */ jsxs19(CommandGroup, { children: [
+              clearable && value ? /* @__PURE__ */ jsxs19(CommandItem, { value: "__clear__", onSelect: () => handleSelect("__clear__"), children: [
                 /* @__PURE__ */ jsx35("span", { className: "mr-2 h-4 w-4 shrink-0", "aria-hidden": true }),
                 clearLabel
               ] }) : null,
-              options.map((opt) => /* @__PURE__ */ jsxs20(
+              options.map((opt) => /* @__PURE__ */ jsxs19(
                 CommandItem,
                 {
                   value: opt.label,
@@ -6017,7 +6019,7 @@ __name(Combobox, "Combobox");
 // components/ui/menubar.tsx
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check as Check3, ChevronRight as ChevronRight5 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
 var Menubar = MenubarPrimitive.Root;
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarTrigger = MenubarPrimitive.Trigger;
@@ -6086,7 +6088,7 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     MenubarPrimitive.CheckboxItem,
     {
       "data-slot": "menubar-checkbox-item",
@@ -6111,7 +6113,7 @@ function MenubarRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     MenubarPrimitive.RadioItem,
     {
       "data-slot": "menubar-radio-item",
@@ -6190,7 +6192,7 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     MenubarPrimitive.SubTrigger,
     {
       "data-slot": "menubar-sub-trigger",
@@ -6238,7 +6240,7 @@ __name(MenubarSubContent, "MenubarSubContent");
 // components/ui/context-menu.tsx
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { Check as Check4, ChevronRight as ChevronRight6 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -6300,7 +6302,7 @@ function ContextMenuCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -6325,7 +6327,7 @@ function ContextMenuRadioItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
@@ -6404,7 +6406,7 @@ function ContextMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -6455,7 +6457,7 @@ import Image3 from "next/image";
 import { Check as Check5, CircleCheck, ChevronDown as ChevronDown4, X as X4 } from "lucide-react";
 import { Menu as Menu2, MenuButton, MenuItem, MenuItems, Transition } from "@headlessui/react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 function DropdownSelect({
   value,
   options,
@@ -6480,8 +6482,8 @@ function DropdownSelect({
   const valOpts = labelOptionValue != null ? options.filter((o) => o.value !== labelOptionValue) : options;
   const q = searchQuery.trim().toLowerCase();
   const filtered = searchable && q ? valOpts.filter((o) => o.label.toLowerCase().includes(q)) : valOpts;
-  const content = /* @__PURE__ */ jsx38("div", { className: "font-medium text-sm text-muted-foreground", children: optionVariant === "checkbox" && labelOpt ? /* @__PURE__ */ jsxs23(Fragment3, { children: [
-    /* @__PURE__ */ jsxs23(
+  const content = /* @__PURE__ */ jsx38("div", { className: "font-medium text-sm text-muted-foreground", children: optionVariant === "checkbox" && labelOpt ? /* @__PURE__ */ jsxs22(Fragment3, { children: [
+    /* @__PURE__ */ jsxs22(
       "div",
       {
         role: "option",
@@ -6505,7 +6507,7 @@ function DropdownSelect({
       }
     ),
     searchable ? /* @__PURE__ */ jsx38("div", { className: "mb-1 px-1", children: /* @__PURE__ */ jsx38("input", { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: searchPlaceholder, className: "h-8 w-full rounded-md border border-input bg-field px-2.5 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:border-foreground/40", onKeyDown: (e) => e.stopPropagation() }) }) : null,
-    filtered.map((opt) => /* @__PURE__ */ jsxs23("div", { role: "option", "aria-selected": opt.value === value, tabIndex: 0, onClick: () => onChange(opt.value), onKeyDown: (e) => {
+    filtered.map((opt) => /* @__PURE__ */ jsxs22("div", { role: "option", "aria-selected": opt.value === value, tabIndex: 0, onClick: () => onChange(opt.value), onKeyDown: (e) => {
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
         onChange(opt.value);
@@ -6514,13 +6516,13 @@ function DropdownSelect({
       /* @__PURE__ */ jsx38(Checkbox, { checked: opt.value === value, className: "pointer-events-none shrink-0", "aria-hidden": true }),
       /* @__PURE__ */ jsx38("span", { className: "truncate", children: opt.label })
     ] }, opt.value))
-  ] }) : options.map((opt) => /* @__PURE__ */ jsxs23("button", { type: "button", onClick: () => onChange(opt.value), className: cn("flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-left transition-colors hover:bg-background hover:text-foreground", opt.value === value && "text-primary"), children: [
+  ] }) : options.map((opt) => /* @__PURE__ */ jsxs22("button", { type: "button", onClick: () => onChange(opt.value), className: cn("flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-left transition-colors hover:bg-background hover:text-foreground", opt.value === value && "text-primary"), children: [
     /* @__PURE__ */ jsx38(CircleCheck, { className: cn("h-4 w-4 shrink-0", opt.value === value ? "text-foreground" : "invisible"), "aria-hidden": true }),
     /* @__PURE__ */ jsx38("span", { className: "truncate", children: opt.label })
   ] }, opt.value)) });
-  return /* @__PURE__ */ jsxs23(Popover, { children: [
-    /* @__PURE__ */ jsx38(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs23("button", { type: "button", "aria-label": ariaLabel, className: cn("inline-flex h-9 items-center gap-1.5 rounded-md border bg-transparent px-3 py-1 text-sm transition-colors text-left", isActive ? "border-foreground" : "border-input text-muted-foreground hover:text-foreground hover:bg-background", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "data-[state=open]:ring-0 data-[state=open]:ring-offset-0", fullWidth ? "w-full min-w-0" : "min-w-0", className), children: [
-      /* @__PURE__ */ jsxs23("span", { className: "flex min-w-0 shrink items-center gap-1.5 truncate", children: [
+  return /* @__PURE__ */ jsxs22(Popover, { children: [
+    /* @__PURE__ */ jsx38(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22("button", { type: "button", "aria-label": ariaLabel, className: cn("inline-flex h-9 items-center gap-1.5 rounded-md border bg-transparent px-3 py-1 text-sm transition-colors text-left", isActive ? "border-foreground" : "border-input text-muted-foreground hover:text-foreground hover:bg-background", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "data-[state=open]:ring-0 data-[state=open]:ring-offset-0", fullWidth ? "w-full min-w-0" : "min-w-0", className), children: [
+      /* @__PURE__ */ jsxs22("span", { className: "flex min-w-0 shrink items-center gap-1.5 truncate", children: [
         buttonLeadingIcon ? /* @__PURE__ */ jsx38("span", { className: "shrink-0 text-muted-foreground", children: buttonLeadingIcon }) : null,
         !filterLabel && selected?.leadingIcon ? /* @__PURE__ */ jsx38("span", { className: "shrink-0", children: selected.leadingIcon }) : null,
         /* @__PURE__ */ jsx38("span", { className: cn("truncate", isActive && "text-foreground"), children: triggerLabel }),
@@ -6550,8 +6552,8 @@ function ClassicDropdown({
       setTriggerWidth(triggerRef.current.offsetWidth);
     }
   }, [selected, options]);
-  return /* @__PURE__ */ jsxs23(Popover, { children: [
-    /* @__PURE__ */ jsx38(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(Popover, { children: [
+    /* @__PURE__ */ jsx38(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs22(
       "button",
       {
         ref: triggerRef,
@@ -6567,7 +6569,7 @@ function ClassicDropdown({
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs22("span", { className: "flex items-center gap-2", children: [
             buttonLeadingIcon ? /* @__PURE__ */ jsx38("span", { className: "shrink-0 text-muted-foreground", children: buttonLeadingIcon }) : null,
             selected?.leadingIcon ? /* @__PURE__ */ jsx38("span", { className: "shrink-0", children: selected.leadingIcon }) : null,
             /* @__PURE__ */ jsx38("span", { children: selected?.label })
@@ -6616,7 +6618,7 @@ function DropdownIconMenu({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx38(Menu2, { as: "div", className: cn("relative inline-flex", className), children: ({ open }) => /* @__PURE__ */ jsxs23(Fragment3, { children: [
+  return /* @__PURE__ */ jsx38(Menu2, { as: "div", className: cn("relative inline-flex", className), children: ({ open }) => /* @__PURE__ */ jsxs22(Fragment3, { children: [
     /* @__PURE__ */ jsx38(
       MenuButton,
       {
@@ -6747,7 +6749,7 @@ function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
 }
 __name(DropdownMenuItem, "DropdownMenuItem");
 function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(
     DropdownMenuPrimitive.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
@@ -6772,7 +6774,7 @@ function DropdownMenuRadioGroup({ ...props }) {
 }
 __name(DropdownMenuRadioGroup, "DropdownMenuRadioGroup");
 function DropdownMenuRadioItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(
     DropdownMenuPrimitive.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
@@ -6811,7 +6813,7 @@ function DropdownMenuSub({ ...props }) {
 }
 __name(DropdownMenuSub, "DropdownMenuSub");
 function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs22(
     DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -6871,9 +6873,9 @@ function DropdownProfile({
   className
 }) {
   const initials = getInitials(name);
-  return /* @__PURE__ */ jsx38(Menu2, { as: "div", className: cn("relative inline-flex", className), children: ({ open }) => /* @__PURE__ */ jsxs23(Fragment3, { children: [
+  return /* @__PURE__ */ jsx38(Menu2, { as: "div", className: cn("relative inline-flex", className), children: ({ open }) => /* @__PURE__ */ jsxs22(Fragment3, { children: [
     /* @__PURE__ */ jsx38(MenuButton, { className: "inline-flex justify-center items-center group cursor-pointer", children: /* @__PURE__ */ jsx38("div", { className: "w-8 h-8 rounded-full bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx38("span", { className: "text-xs font-medium text-primary-foreground", children: initials }) }) }),
-    /* @__PURE__ */ jsxs23(
+    /* @__PURE__ */ jsxs22(
       Transition,
       {
         as: "div",
@@ -6888,7 +6890,7 @@ function DropdownProfile({
         leaveFrom: "opacity-100",
         leaveTo: "opacity-0",
         children: [
-          /* @__PURE__ */ jsxs23("div", { className: "pt-0.5 pb-2 px-3 mb-1 border-b border-border", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "pt-0.5 pb-2 px-3 mb-1 border-b border-border", children: [
             /* @__PURE__ */ jsx38("div", { className: "font-medium text-foreground", children: name }),
             /* @__PURE__ */ jsx38("div", { className: "text-xs text-muted-foreground italic", children: role })
           ] }),
@@ -6912,9 +6914,9 @@ function DropdownProfile({
 __name(DropdownProfile, "DropdownProfile");
 
 // components/ui/logo.tsx
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 function Logo({ className, ariaLabel = "Logo" } = {}) {
-  return /* @__PURE__ */ jsx39("span", { className: cn("inline-flex", className), children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx39("span", { className: cn("inline-flex", className), children: /* @__PURE__ */ jsxs23(
     "svg",
     {
       width: "60",
@@ -6926,7 +6928,7 @@ function Logo({ className, ariaLabel = "Logo" } = {}) {
       "aria-label": ariaLabel,
       role: "img",
       children: [
-        /* @__PURE__ */ jsxs24("g", { clipPath: "url(#clip0_4002_249)", children: [
+        /* @__PURE__ */ jsxs23("g", { clipPath: "url(#clip0_4002_249)", children: [
           /* @__PURE__ */ jsx39(
             "path",
             {
@@ -6964,8 +6966,8 @@ function Logo({ className, ariaLabel = "Logo" } = {}) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs24("defs", { children: [
-          /* @__PURE__ */ jsxs24("linearGradient", { id: "paint0_linear_logo", x1: "42.2949", y1: "0", x2: "42.2949", y2: "32", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsxs23("defs", { children: [
+          /* @__PURE__ */ jsxs23("linearGradient", { id: "paint0_linear_logo", x1: "42.2949", y1: "0", x2: "42.2949", y2: "32", gradientUnits: "userSpaceOnUse", children: [
             /* @__PURE__ */ jsx39("stop", { stopColor: "currentColor" }),
             /* @__PURE__ */ jsx39("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0.32" })
           ] }),
@@ -6979,7 +6981,7 @@ __name(Logo, "Logo");
 
 // components/ui/sidebar.tsx
 import * as React26 from "react";
-import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
 function SidebarLink({
   children,
   href,
@@ -6988,7 +6990,7 @@ function SidebarLink({
   onClick,
   className
 }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs24(
     "a",
     {
       href,
@@ -7020,7 +7022,7 @@ function SidebarMenuButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs24(
     "button",
     {
       type: "button",
@@ -7080,7 +7082,7 @@ function Sidebar({
   const widthClasses = collapsible === "icon" ? "w-64 lg:w-14 lg:hover:w-64" : "w-64";
   const mobilePosition = side === "left" ? "left-0" : "right-0";
   const mobileClosedTranslate = side === "left" ? "-translate-x-full" : "translate-x-full";
-  return /* @__PURE__ */ jsxs25("div", { className: cn("min-w-fit", className), "data-variant": variant, "data-collapsible": collapsible, "data-side": side, children: [
+  return /* @__PURE__ */ jsxs24("div", { className: cn("min-w-fit", className), "data-variant": variant, "data-collapsible": collapsible, "data-side": side, children: [
     showBackdrop ? /* @__PURE__ */ jsx40(
       "div",
       {
@@ -7092,7 +7094,7 @@ function Sidebar({
         onClick: () => onOpenChange(false)
       }
     ) : null,
-    /* @__PURE__ */ jsxs25(
+    /* @__PURE__ */ jsxs24(
       "div",
       {
         ref: sidebarRef,
@@ -7216,7 +7218,7 @@ __name(SidebarSeparator, "SidebarSeparator");
 
 // components/ui/alert-dialog.tsx
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
 function AlertDialog({ ...props }) {
   return /* @__PURE__ */ jsx41(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
@@ -7247,7 +7249,7 @@ function AlertDialogOverlay({ className, ...props }) {
 }
 __name(AlertDialogOverlay, "AlertDialogOverlay");
 function AlertDialogContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs26(AlertDialogPortal, { children: [
+  return /* @__PURE__ */ jsxs25(AlertDialogPortal, { children: [
     /* @__PURE__ */ jsx41(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsx41(
       AlertDialogPrimitive.Content,
@@ -7350,7 +7352,7 @@ __name(AlertDialogCancel, "AlertDialogCancel");
 
 // components/ui/modal.tsx
 import { X as X5 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
 function Modal({
   open,
   onOpenChange,
@@ -7367,14 +7369,14 @@ function Modal({
   headerClassName
 }) {
   const maxW = size === "sm" ? "max-w-sm" : size === "lg" ? "max-w-2xl" : size === "xl" ? "max-w-4xl" : "max-w-lg";
-  return /* @__PURE__ */ jsx42(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsx42(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs26(
     DialogContent,
     {
       className: cn("p-0 overflow-hidden", maxW, className, panelClassName),
       showCloseButton: false,
       children: [
-        title || description || !hideClose ? /* @__PURE__ */ jsx42(DialogHeader, { className: cn("px-5 py-4", headerClassName), children: /* @__PURE__ */ jsxs27("div", { className: "flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs27("div", { className: "min-w-0", children: [
+        title || description || !hideClose ? /* @__PURE__ */ jsx42(DialogHeader, { className: cn("px-5 py-4", headerClassName), children: /* @__PURE__ */ jsxs26("div", { className: "flex items-start justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs26("div", { className: "min-w-0", children: [
             title ? /* @__PURE__ */ jsx42(DialogTitle, { className: "text-base font-semibold text-foreground", children: title }) : null,
             description ? /* @__PURE__ */ jsx42(DialogDescription, { className: "mt-1", children: description }) : null
           ] }),
@@ -7393,7 +7395,7 @@ __name(Modal, "Modal");
 // components/ui/sheet.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { X as X6 } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
   return /* @__PURE__ */ jsx43(DialogPrimitive2.Root, { "data-slot": "sheet", ...props });
 }
@@ -7449,9 +7451,9 @@ function SheetContent({
     top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
     bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"
   };
-  return /* @__PURE__ */ jsxs28(SheetPortal, { children: [
+  return /* @__PURE__ */ jsxs27(SheetPortal, { children: [
     /* @__PURE__ */ jsx43(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs27(
       DialogPrimitive2.Content,
       {
         "data-slot": "sheet-content",
@@ -7468,7 +7470,7 @@ function SheetContent({
         ...props,
         children: [
           children,
-          showCloseButton ? /* @__PURE__ */ jsxs28(
+          showCloseButton ? /* @__PURE__ */ jsxs27(
             DialogPrimitive2.Close,
             {
               "data-slot": "sheet-close",
@@ -7660,9 +7662,9 @@ function HoverCardContent({ className, align = "center", sideOffset = 8, ...prop
 __name(HoverCardContent, "HoverCardContent");
 
 // components/ui/card-decorator.tsx
-import { jsx as jsx46, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
 function CardDecorator({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       "data-slot": "card-decorator",
@@ -7757,7 +7759,7 @@ Progress.displayName = "Progress";
 // components/ui/slider.tsx
 import * as React28 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
 var trackSizeClasses = {
   horizontal: { sm: "h-2", md: "h-2.5", lg: "h-3" },
   vertical: { sm: "w-2", md: "w-2.5", lg: "w-3" }
@@ -7820,13 +7822,13 @@ var Slider = React28.forwardRef(
     const rangeBase = orientation === "vertical" ? "absolute w-full rounded-full" : "absolute h-full rounded-full";
     const marksLabelContainer = orientation === "vertical" ? "relative h-full ml-3" : "relative w-full mt-2";
     const marksLabelText = orientation === "vertical" ? "absolute -translate-y-1/2 text-xs text-muted-foreground" : "absolute -translate-x-1/2 text-xs text-muted-foreground";
-    return /* @__PURE__ */ jsxs30(
+    return /* @__PURE__ */ jsxs29(
       "div",
       {
         "data-slot": "slider-wrapper",
         className: cn(orientation === "vertical" ? "flex h-full items-start gap-3" : "w-full"),
         children: [
-          /* @__PURE__ */ jsxs30(
+          /* @__PURE__ */ jsxs29(
             SliderPrimitive.Root,
             {
               ref,
@@ -7954,7 +7956,7 @@ var Skeleton = React29.forwardRef(
 Skeleton.displayName = "Skeleton";
 
 // components/ui/loading-spinner.tsx
-import { jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs30 } from "react/jsx-runtime";
 var sizeClasses6 = {
   xs: "h-3 w-3",
   sm: "h-4 w-4",
@@ -7974,8 +7976,8 @@ function LoadingSpinner({
   className,
   text
 }) {
-  return /* @__PURE__ */ jsx50("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsxs31("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx50("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsxs30(
       "svg",
       {
         className: cn("animate-spin", sizeClasses6[size], variantClasses[variant]),
@@ -7992,7 +7994,7 @@ function LoadingSpinner({
 }
 __name(LoadingSpinner, "LoadingSpinner");
 function CardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       "data-slot": "card-skeleton",
@@ -8002,7 +8004,7 @@ function CardSkeleton({ className }) {
         /* @__PURE__ */ jsx50(Skeleton, { className: "h-4 w-3/4" }),
         /* @__PURE__ */ jsx50(Skeleton, { className: "h-4 w-1/2 mt-2", tone: "accent" }),
         /* @__PURE__ */ jsx50(Skeleton, { className: "mt-4 h-40 w-full", radius: "lg" }),
-        /* @__PURE__ */ jsxs31("div", { className: "mt-4 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "mt-4 flex items-center gap-2", children: [
           /* @__PURE__ */ jsx50(Skeleton, { className: "h-9 w-24", radius: "md" }),
           /* @__PURE__ */ jsx50(Skeleton, { className: "h-9 w-20", radius: "md", tone: "accent" })
         ] })
@@ -8012,7 +8014,7 @@ function CardSkeleton({ className }) {
 }
 __name(CardSkeleton, "CardSkeleton");
 function TableSkeleton({ rows = 5, columns = 4 }) {
-  return /* @__PURE__ */ jsxs31("div", { className: "rounded-xl border border-border bg-card overflow-hidden", "aria-busy": "true", children: [
+  return /* @__PURE__ */ jsxs30("div", { className: "rounded-xl border border-border bg-card overflow-hidden", "aria-busy": "true", children: [
     /* @__PURE__ */ jsx50("div", { className: "px-6 py-3 border-b border-border", children: /* @__PURE__ */ jsx50("div", { className: "flex gap-4", children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx50(Skeleton, { className: "h-4 flex-1" }, i)) }) }),
     Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx50("div", { className: "px-6 py-4 border-b border-border last:border-b-0", children: /* @__PURE__ */ jsx50("div", { className: "flex gap-4", children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx50(Skeleton, { className: "h-4 flex-1" }, colIndex)) }) }, rowIndex))
   ] });
@@ -8021,7 +8023,7 @@ __name(TableSkeleton, "TableSkeleton");
 
 // components/ui/error-boundary.tsx
 import React30 from "react";
-import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs31 } from "react/jsx-runtime";
 var ErrorBoundary = class extends React30.Component {
   static {
     __name(this, "ErrorBoundary");
@@ -8054,7 +8056,7 @@ var ErrorBoundary = class extends React30.Component {
         const Fallback2 = this.props.fallback;
         return /* @__PURE__ */ jsx51(Fallback2, { error: this.state.error, resetError: this.resetError });
       }
-      return /* @__PURE__ */ jsxs32("div", { className: "rounded-lg border border-destructive bg-destructive/10 p-4", children: [
+      return /* @__PURE__ */ jsxs31("div", { className: "rounded-lg border border-destructive bg-destructive/10 p-4", children: [
         /* @__PURE__ */ jsx51("h3", { className: "text-sm font-semibold text-destructive mb-2", children: "Theme Error" }),
         /* @__PURE__ */ jsx51("p", { className: "text-sm text-muted-foreground mb-4", children: this.state.error?.message || "An error occurred while applying the theme" }),
         /* @__PURE__ */ jsx51(Button, { onClick: this.resetError, size: "sm", variant: "outline", children: "Try Again" })
@@ -8067,7 +8069,7 @@ function ErrorFallback({
   error,
   resetError
 }) {
-  return /* @__PURE__ */ jsxs32("div", { className: "rounded-lg border border-destructive bg-destructive/10 p-4", children: [
+  return /* @__PURE__ */ jsxs31("div", { className: "rounded-lg border border-destructive bg-destructive/10 p-4", children: [
     /* @__PURE__ */ jsx51("h3", { className: "text-sm font-semibold text-destructive mb-2", children: "Something went wrong" }),
     /* @__PURE__ */ jsx51("p", { className: "text-sm text-muted-foreground mb-4", children: error?.message || "An unexpected error occurred" }),
     /* @__PURE__ */ jsx51(Button, { onClick: resetError, size: "sm", variant: "outline", children: "Try Again" })
@@ -8095,16 +8097,16 @@ __name(useErrorHandler, "useErrorHandler");
 import * as React31 from "react";
 import { ChevronDown as ChevronDown5 } from "lucide-react";
 import { DayPicker, UI } from "react-day-picker";
-import { jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
 function CalendarDropdown(props) {
   const { options, className, components, classNames, ...selectProps } = props;
   const selectedOption = options?.find(({ value }) => value === selectProps.value);
   const cssClassSelect = [classNames[UI.Dropdown], className].filter(Boolean).join(" ");
   const Select2 = components.Select;
   const Option = components.Option;
-  return /* @__PURE__ */ jsxs33("span", { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot], children: [
+  return /* @__PURE__ */ jsxs32("span", { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot], children: [
     React31.createElement(Select2, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => React31.createElement(Option, { key: value, value, disabled }, label))),
-    /* @__PURE__ */ jsxs33("span", { className: classNames[UI.CaptionLabel], "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxs32("span", { className: classNames[UI.CaptionLabel], "aria-hidden": "true", children: [
       selectedOption?.label,
       /* @__PURE__ */ jsx52(ChevronDown5, { className: "size-3 shrink-0 opacity-40 text-muted-foreground" })
     ] })
@@ -9772,7 +9774,7 @@ __name(cleanEscapedString, "cleanEscapedString");
 
 // components/ui/datepicker.tsx
 import { Calendar as CalendarIcon } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
 var triggerButtonClass = "inline-flex items-center gap-2 rounded-lg border border-input bg-field px-3 py-2 text-left text-sm font-normal text-foreground shadow-none transition-colors hover:border-border/80 focus-visible:outline-none focus-visible:ring-0 focus-visible:border-foreground/40 disabled:pointer-events-none disabled:opacity-50 disabled:bg-muted disabled:text-muted-foreground [&_svg]:size-4 [&_svg]:shrink-0";
 function DatePicker({
   value,
@@ -9782,8 +9784,8 @@ function DatePicker({
   className,
   calendarProps
 }) {
-  return /* @__PURE__ */ jsxs34(Popover, { children: [
-    /* @__PURE__ */ jsx53(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs33(Popover, { children: [
+    /* @__PURE__ */ jsx53(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs33(
       "button",
       {
         type: "button",
@@ -9817,7 +9819,7 @@ function DatePickerRange({
   className,
   calendarProps
 }) {
-  return /* @__PURE__ */ jsxs34(Popover, { children: [
+  return /* @__PURE__ */ jsxs33(Popover, { children: [
     /* @__PURE__ */ jsx53(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx53(
       Button,
       {
@@ -9830,7 +9832,7 @@ function DatePickerRange({
           className
         ),
         leadingIcon: /* @__PURE__ */ jsx53(CalendarIcon, { className: "size-4" }),
-        children: value?.from ? value.to ? /* @__PURE__ */ jsxs34(Fragment4, { children: [
+        children: value?.from ? value.to ? /* @__PURE__ */ jsxs33(Fragment4, { children: [
           format(value.from, "LLL dd, y"),
           " \u2013 ",
           format(value.to, "LLL dd, y")
@@ -9854,16 +9856,16 @@ function DatePickerRange({
 __name(DatePickerRange, "DatePickerRange");
 
 // components/ui/header.tsx
-import { jsx as jsx54, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
 function Header({
   variant = "default",
   leftSlot,
   rightSlot
 }) {
   const { sidebarOpen, setSidebarOpen } = useAppProvider();
-  return /* @__PURE__ */ jsx54("header", { className: `sticky top-0 before:absolute before:inset-0 before:backdrop-blur-md max-lg:before:bg-background/90 before:-z-10 z-30 ${variant === "v2" || variant === "v3" ? "before:bg-background after:absolute after:h-px after:inset-x-0 after:top-full after:bg-border after:-z-10" : "max-lg:shadow-sm lg:before:bg-muted/90"} ${variant === "v2" ? "" : ""} ${variant === "v3" ? "" : ""}`, children: /* @__PURE__ */ jsx54("div", { className: "px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs35("div", { className: `flex items-center justify-between h-16 ${variant === "v2" || variant === "v3" ? "" : "lg:border-b border-border"}`, children: [
-    /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsx54("header", { className: `sticky top-0 before:absolute before:inset-0 before:backdrop-blur-md max-lg:before:bg-background/90 before:-z-10 z-30 ${variant === "v2" || variant === "v3" ? "before:bg-background after:absolute after:h-px after:inset-x-0 after:top-full after:bg-border after:-z-10" : "max-lg:shadow-sm lg:before:bg-muted/90"} ${variant === "v2" ? "" : ""} ${variant === "v3" ? "" : ""}`, children: /* @__PURE__ */ jsx54("div", { className: "px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs34("div", { className: `flex items-center justify-between h-16 ${variant === "v2" || variant === "v3" ? "" : "lg:border-b border-border"}`, children: [
+    /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs34(
         "button",
         {
           className: "text-muted-foreground hover:text-foreground lg:hidden",
@@ -9872,7 +9874,7 @@ function Header({
           onClick: () => setSidebarOpen(!sidebarOpen),
           children: [
             /* @__PURE__ */ jsx54("span", { className: "sr-only", children: "Open sidebar" }),
-            /* @__PURE__ */ jsxs35("svg", { className: "w-6 h-6 fill-current", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+            /* @__PURE__ */ jsxs34("svg", { className: "w-6 h-6 fill-current", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
               /* @__PURE__ */ jsx54("rect", { x: "4", y: "5", width: "16", height: "2" }),
               /* @__PURE__ */ jsx54("rect", { x: "4", y: "11", width: "16", height: "2" }),
               /* @__PURE__ */ jsx54("rect", { x: "4", y: "17", width: "16", height: "2" })
@@ -9889,10 +9891,10 @@ __name(Header, "Header");
 
 // components/ui/navbar.tsx
 import Link2 from "next/link";
-import { jsx as jsx55, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs35 } from "react/jsx-runtime";
 function Navbar({ brand, links = [], rightSlot, className }) {
-  return /* @__PURE__ */ jsx55("div", { className: cn("sticky top-0 z-50 border-b border-border bg-background", className), children: /* @__PURE__ */ jsx55("div", { className: "mx-auto max-w-[1400px] px-4 sm:px-6", children: /* @__PURE__ */ jsxs36("div", { className: "h-14 flex items-center gap-4", children: [
-    brand ?? /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2 font-semibold text-foreground shrink-0", children: [
+  return /* @__PURE__ */ jsx55("div", { className: cn("sticky top-0 z-50 border-b border-border bg-background", className), children: /* @__PURE__ */ jsx55("div", { className: "mx-auto max-w-[1400px] px-4 sm:px-6", children: /* @__PURE__ */ jsxs35("div", { className: "h-14 flex items-center gap-4", children: [
+    brand ?? /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2 font-semibold text-foreground shrink-0", children: [
       /* @__PURE__ */ jsx55(Logo, {}),
       /* @__PURE__ */ jsx55("span", { className: "hidden sm:block", children: "Design System" })
     ] }),
@@ -9911,7 +9913,7 @@ function Navbar({ brand, links = [], rightSlot, className }) {
 __name(Navbar, "Navbar");
 
 // components/ui/tabs.tsx
-import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
 function Tabs({
   items,
   value,
@@ -9920,7 +9922,7 @@ function Tabs({
   className
 }) {
   if (variant === "container") {
-    return /* @__PURE__ */ jsx56("ul", { className: cn("inline-flex w-fit flex-wrap items-center gap-2", className), children: items.map((item) => /* @__PURE__ */ jsx56("li", { children: /* @__PURE__ */ jsxs37(
+    return /* @__PURE__ */ jsx56("ul", { className: cn("inline-flex w-fit flex-wrap items-center gap-2", className), children: items.map((item) => /* @__PURE__ */ jsx56("li", { children: /* @__PURE__ */ jsxs36(
       "button",
       {
         type: "button",
@@ -9940,7 +9942,7 @@ function Tabs({
     ) }, item.id)) });
   }
   if (variant === "underline") {
-    return /* @__PURE__ */ jsxs37("div", { className: cn("relative", className), children: [
+    return /* @__PURE__ */ jsxs36("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsx56("div", { className: "absolute bottom-0 w-full h-px bg-border", "aria-hidden": "true" }),
       /* @__PURE__ */ jsx56("ul", { className: "relative text-sm font-medium flex flex-nowrap overflow-x-auto no-scrollbar", children: items.map((item) => {
         const active = item.id === value;
@@ -9953,7 +9955,7 @@ function Tabs({
               "block pb-3 whitespace-nowrap transition-colors",
               active ? "text-primary border-b-2 border-primary" : "text-muted-foreground hover:text-foreground"
             ),
-            children: /* @__PURE__ */ jsxs37("span", { className: "inline-flex items-center", children: [
+            children: /* @__PURE__ */ jsxs36("span", { className: "inline-flex items-center", children: [
               item.icon ? /* @__PURE__ */ jsx56("span", { className: "mr-2 text-muted-foreground", children: item.icon }) : null,
               item.label
             ] })
@@ -9973,7 +9975,7 @@ function Tabs({
           "whitespace-nowrap transition-colors",
           active ? "text-primary" : "text-muted-foreground hover:text-foreground"
         ),
-        children: /* @__PURE__ */ jsxs37("span", { className: "inline-flex items-center", children: [
+        children: /* @__PURE__ */ jsxs36("span", { className: "inline-flex items-center", children: [
           item.icon ? /* @__PURE__ */ jsx56("span", { className: "mr-2 text-muted-foreground", children: item.icon }) : null,
           item.label
         ] })
@@ -10055,9 +10057,9 @@ __name(TabsContent, "TabsContent");
 
 // components/ui/collapsible-section.tsx
 import { ChevronDown as ChevronDown6, ChevronUp } from "lucide-react";
-import { jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 function CollapsibleSection({ title, open, onToggle, children, className }) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       className: cn(
@@ -10065,7 +10067,7 @@ function CollapsibleSection({ title, open, onToggle, children, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs38(
+        /* @__PURE__ */ jsxs37(
           "button",
           {
             type: "button",
@@ -10128,7 +10130,7 @@ CollapsibleContent.displayName = "CollapsibleContent";
 // components/ui/chart.tsx
 import * as React33 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment5, jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx60, jsxs as jsxs38 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
 var ChartContext = React33.createContext(null);
 function useChart() {
@@ -10148,7 +10150,7 @@ function ChartContainer({
 }) {
   const uniqueId = React33.useId();
   const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx60(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsx60(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs38(
     "div",
     {
       "data-slot": "chart",
@@ -10248,7 +10250,7 @@ function ChartTooltipContent({
   }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
   if (!active || !payload?.length) return null;
   const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs38(
     "div",
     {
       className: cn(
@@ -10268,7 +10270,7 @@ function ChartTooltipContent({
                 "flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5 [&>svg]:text-muted-foreground",
                 indicator === "dot" && "items-center"
               ),
-              children: formatter && item?.value !== void 0 && item.name !== void 0 ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs39(Fragment5, { children: [
+              children: formatter && item?.value !== void 0 && item.name !== void 0 ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs38(Fragment5, { children: [
                 itemConfig?.icon ? /* @__PURE__ */ jsx60(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx60(
                   "div",
                   {
@@ -10285,7 +10287,7 @@ function ChartTooltipContent({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxs39(
+                /* @__PURE__ */ jsxs38(
                   "div",
                   {
                     className: cn(
@@ -10293,7 +10295,7 @@ function ChartTooltipContent({
                       nestLabel ? "items-end" : "items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxs39("div", { className: "grid gap-1.5", children: [
+                      /* @__PURE__ */ jsxs38("div", { className: "grid gap-1.5", children: [
                         nestLabel ? tooltipLabel : null,
                         /* @__PURE__ */ jsx60("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })
                       ] }),
@@ -10332,7 +10334,7 @@ function ChartLegendContent({
       children: payload.map((item) => {
         const key = `${nameKey ?? item.dataKey ?? "value"}`;
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs38(
           "div",
           {
             className: "flex items-center gap-1.5 [&>svg]:size-3 [&>svg]:text-muted-foreground",
@@ -10491,14 +10493,14 @@ ErrorMessage.displayName = "ErrorMessage";
 
 // components/ui/navigation-menu.tsx
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { jsx as jsx63, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs39 } from "react/jsx-runtime";
 function NavigationMenuRoot({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs39(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -10553,7 +10555,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs39(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -10735,10 +10737,10 @@ function createIcon(IconComponent, options = {}) {
 __name(createIcon, "createIcon");
 
 // components/ui/theme-toggle-icon.tsx
-import { jsx as jsx65, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs40 } from "react/jsx-runtime";
 function ThemeToggleIcon() {
   const { theme, setTheme } = useTheme2();
-  return /* @__PURE__ */ jsxs41("div", { children: [
+  return /* @__PURE__ */ jsxs40("div", { children: [
     /* @__PURE__ */ jsx65(
       "input",
       {
@@ -10755,7 +10757,7 @@ function ThemeToggleIcon() {
         }
       }
     ),
-    /* @__PURE__ */ jsxs41(
+    /* @__PURE__ */ jsxs40(
       "label",
       {
         className: cn(
@@ -10807,7 +10809,7 @@ Kbd.displayName = "Kbd";
 // components/ui/scroll-area.tsx
 import * as React37 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx67, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
 function isHorizontalScrollBar(child) {
   return React37.isValidElement(child) && child.type === ScrollBar && child.props.orientation === "horizontal";
 }
@@ -10816,7 +10818,7 @@ 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(
+  return /* @__PURE__ */ jsxs41(
     ScrollAreaPrimitive.Root,
     {
       ref,
@@ -12326,7 +12328,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 jsx72, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs42 } from "react/jsx-runtime";
 var SelectRoot = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -12336,7 +12338,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs42(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -12365,7 +12367,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx72(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsx72(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs42(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -12409,7 +12411,7 @@ function SelectLabel({ className, ...props }) {
 }
 __name(SelectLabel, "SelectLabel");
 function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs42(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -12473,7 +12475,7 @@ __name(SelectScrollDownButton, "SelectScrollDownButton");
 // components/ui/button-tooltip.tsx
 import * as React41 from "react";
 import { Transition as Transition2 } from "@headlessui/react";
-import { jsx as jsx73, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs43 } from "react/jsx-runtime";
 function ButtonTooltip({
   children,
   content,
@@ -12542,7 +12544,7 @@ function ButtonTooltip({
       }
     );
   }, "getArrowElement");
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs43(
     "div",
     {
       className: cn("relative inline-flex", className),
@@ -12552,7 +12554,7 @@ function ButtonTooltip({
       onBlur: () => setTooltipOpen(false),
       children: [
         children,
-        /* @__PURE__ */ jsx73("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__ */ jsxs43(
           Transition2,
           {
             show: tooltipOpen && !disabled,
@@ -12590,16 +12592,16 @@ import { Sun, Moon as Moon2, Upload, ExternalLink } from "lucide-react";
 import React42 from "react";
 
 // components/theme-customizer/color-input.tsx
-import { jsx as jsx74, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs44 } from "react/jsx-runtime";
 function ColorInput({ label, cssVar, value, onChange, className }) {
   const swatchColor = value && value.trim() !== "" ? value : "transparent";
   const showBorder = !swatchColor || swatchColor === "transparent";
   const handleChange = /* @__PURE__ */ __name((e) => {
     onChange(cssVar, e.target.value);
   }, "handleChange");
-  return /* @__PURE__ */ jsxs45("div", { className: cn("space-y-1.5", className), children: [
+  return /* @__PURE__ */ jsxs44("div", { className: cn("space-y-1.5", className), children: [
     /* @__PURE__ */ jsx74("label", { className: "text-xs font-medium text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx74(
         "div",
         {
@@ -12634,7 +12636,7 @@ function ColorInput({ label, cssVar, value, onChange, className }) {
 __name(ColorInput, "ColorInput");
 
 // components/theme-customizer/colors-panel.tsx
-import { jsx as jsx75, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs45 } from "react/jsx-runtime";
 function getComputedColorValues() {
   if (typeof document === "undefined") return {};
   const root = document.documentElement;
@@ -12696,7 +12698,7 @@ function ColorsPanel({ selectedTheme, isDarkMode } = {}) {
       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: [
+      children: group.colors.map((color) => /* @__PURE__ */ jsxs45("div", { className: "space-y-1", children: [
         /* @__PURE__ */ jsx75(
           ColorInput,
           {
@@ -12716,7 +12718,7 @@ function ColorsPanel({ selectedTheme, isDarkMode } = {}) {
 __name(ColorsPanel, "ColorsPanel");
 
 // components/theme-customizer/theme-tab.tsx
-import { Fragment as Fragment6, jsx as jsx76, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx76, jsxs as jsxs46 } from "react/jsx-runtime";
 function ThemeTab({
   selectedTheme,
   setSelectedTheme,
@@ -12754,13 +12756,13 @@ function ThemeTab({
   const showOthers = variant === "full" || variant === "others-only";
   const showPreset = showColors && !hidePreset;
   const colorsOnlyInSidebar = showColors && hidePreset && !showPreset && !showOthers;
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs46(
     "div",
     {
       className: colorsOnlyInSidebar ? "px-3 pt-2 pb-4" : "p-4 space-y-6",
       children: [
-        showPreset && /* @__PURE__ */ jsxs47(Fragment6, { children: [
-          /* @__PURE__ */ jsxs47("div", { className: "space-y-3", children: [
+        showPreset && /* @__PURE__ */ jsxs46(Fragment6, { children: [
+          /* @__PURE__ */ jsxs46("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsx76("label", { className: "text-sm font-medium", children: "Mindtris UI" }),
             /* @__PURE__ */ jsx76(
               Select,
@@ -12774,9 +12776,9 @@ function ThemeTab({
           variant === "full" && /* @__PURE__ */ jsx76("div", { className: "border-t border-border" })
         ] }),
         showColors && hidePreset && /* @__PURE__ */ jsx76(ColorsPanel, { selectedTheme, isDarkMode }),
-        showOthers && /* @__PURE__ */ jsxs47(Fragment6, { children: [
+        showOthers && /* @__PURE__ */ jsxs46(Fragment6, { children: [
           variant === "full" && /* @__PURE__ */ jsx76("div", { className: "border-t border-border" }),
-          /* @__PURE__ */ jsxs47("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs46("div", { className: "space-y-3", children: [
             /* @__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",
@@ -12792,10 +12794,10 @@ function ThemeTab({
             )) })
           ] }),
           /* @__PURE__ */ jsx76("div", { className: "border-t border-border" }),
-          /* @__PURE__ */ jsxs47("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs46("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsx76("label", { className: "text-sm font-medium", children: "Mode" }),
-            /* @__PURE__ */ jsxs47("div", { className: "grid grid-cols-2 gap-2", children: [
-              /* @__PURE__ */ jsxs47(
+            /* @__PURE__ */ jsxs46("div", { className: "grid grid-cols-2 gap-2", children: [
+              /* @__PURE__ */ jsxs46(
                 "button",
                 {
                   onClick: handleLightMode,
@@ -12809,7 +12811,7 @@ function ThemeTab({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs47(
+              /* @__PURE__ */ jsxs46(
                 "button",
                 {
                   onClick: handleDarkMode,
@@ -12826,7 +12828,7 @@ function ThemeTab({
             ] })
           ] }),
           /* @__PURE__ */ jsx76("div", { className: "border-t border-border" }),
-          /* @__PURE__ */ jsx76("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs47(
+          /* @__PURE__ */ jsx76("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs46(
             "button",
             {
               onClick: onImportClick,
@@ -12838,11 +12840,11 @@ function ThemeTab({
             }
           ) })
         ] }),
-        variant === "full" && /* @__PURE__ */ jsxs47(Fragment6, { children: [
+        variant === "full" && /* @__PURE__ */ jsxs46(Fragment6, { children: [
           /* @__PURE__ */ jsx76("div", { className: "border-t border-border" }),
-          /* @__PURE__ */ jsxs47("div", { className: "p-4 bg-muted rounded-lg space-y-3", children: [
+          /* @__PURE__ */ jsxs46("div", { className: "p-4 bg-muted rounded-lg space-y-3", children: [
             /* @__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: [
+            /* @__PURE__ */ jsxs46("p", { className: "text-xs text-muted-foreground", children: [
               "For advanced theme customization with real-time preview, visit",
               " ",
               /* @__PURE__ */ jsx76(
@@ -12856,7 +12858,7 @@ function ThemeTab({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs47(
+            /* @__PURE__ */ jsxs46(
               "button",
               {
                 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",
@@ -12876,7 +12878,7 @@ function ThemeTab({
 __name(ThemeTab, "ThemeTab");
 
 // components/theme-customizer/layout-tab.tsx
-import { Fragment as Fragment7, jsx as jsx77, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
 function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
   const config = sidebarConfig || {
     variant: "inset",
@@ -12892,18 +12894,18 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
   const handleSidebarSideSelect = /* @__PURE__ */ __name((side) => {
     onSidebarConfigChange?.({ ...config, side });
   }, "handleSidebarSideSelect");
-  return /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs48("p", { className: "text-xs text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs47("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs47("p", { className: "text-xs text-muted-foreground", children: [
       "These options apply only when your app wires ",
       /* @__PURE__ */ jsx77("code", { className: "text-[10px]", children: "sidebarConfig" }),
       " and ",
       /* @__PURE__ */ jsx77("code", { className: "text-[10px]", children: "onSidebarConfigChange" }),
       " to the layout."
     ] }),
-    /* @__PURE__ */ jsxs48("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs48("div", { children: [
+    /* @__PURE__ */ jsxs47("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs47("div", { children: [
         /* @__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 && /* @__PURE__ */ jsxs47("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"
@@ -12917,10 +12919,10 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
                 relative p-4 border rounded-md cursor-pointer transition-colors
                 ${config.variant === variant.value ? "border-primary bg-primary/10" : "border-border hover:border-border/80"}
               `,
-          children: /* @__PURE__ */ jsxs48("div", { className: "space-y-2", children: [
+          children: /* @__PURE__ */ jsxs47("div", { className: "space-y-2", children: [
             /* @__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(
+            /* @__PURE__ */ jsxs47("div", { className: `flex h-12 rounded border border-border ${variant.value === "inset" ? "bg-muted" : "bg-card"}`, children: [
+              /* @__PURE__ */ jsxs47(
                 "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"}`,
@@ -12939,10 +12941,10 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
         variant.value
       )) })
     ] }),
-    /* @__PURE__ */ jsxs48("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs48("div", { children: [
+    /* @__PURE__ */ jsxs47("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs47("div", { children: [
         /* @__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 && /* @__PURE__ */ jsxs47("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"
@@ -12956,21 +12958,21 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
                 relative p-4 border rounded-md cursor-pointer transition-colors
                 ${config.collapsible === option.value ? "border-primary bg-primary/10" : "border-border hover:border-border/80"}
               `,
-          children: /* @__PURE__ */ jsxs48("div", { className: "space-y-2", children: [
+          children: /* @__PURE__ */ jsxs47("div", { className: "space-y-2", children: [
             /* @__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: "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__ */ jsxs47("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: [
+            ] }) }) : option.value === "icon" ? /* @__PURE__ */ jsxs47(Fragment7, { children: [
+              /* @__PURE__ */ jsxs47("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__ */ 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__ */ 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__ */ jsxs47(Fragment7, { children: [
+              /* @__PURE__ */ jsxs47("div", { className: "w-6 flex-shrink-0 bg-muted/70 flex flex-col gap-0.5 p-1 border-r border-border", children: [
                 /* @__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" }),
@@ -12983,10 +12985,10 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
         option.value
       )) })
     ] }),
-    /* @__PURE__ */ jsxs48("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs48("div", { children: [
+    /* @__PURE__ */ jsxs47("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs47("div", { children: [
         /* @__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 && /* @__PURE__ */ jsxs47("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"
         ] })
@@ -12999,19 +13001,19 @@ function LayoutTab({ sidebarConfig, onSidebarConfigChange }) {
                 relative p-4 border rounded-md cursor-pointer transition-colors
                 ${config.side === side.value ? "border-primary bg-primary/10" : "border-border hover:border-border/80"}
               `,
-          children: /* @__PURE__ */ jsxs48("div", { className: "space-y-2", children: [
+          children: /* @__PURE__ */ jsxs47("div", { className: "space-y-2", 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__ */ jsx77("div", { className: "flex h-12 rounded border border-border bg-card", children: side.value === "left" ? /* @__PURE__ */ jsxs47(Fragment7, { children: [
+              /* @__PURE__ */ jsxs47("div", { className: "w-6 flex-shrink-0 bg-muted/70 flex flex-col gap-0.5 p-1 border-r border-border", children: [
                 /* @__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__ */ jsx77("div", { className: "flex-1 bg-muted m-1 rounded-sm border-dashed border border-border" })
-            ] }) : /* @__PURE__ */ jsxs48(Fragment7, { children: [
+            ] }) : /* @__PURE__ */ jsxs47(Fragment7, { children: [
               /* @__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__ */ jsxs47("div", { className: "w-6 flex-shrink-0 bg-muted/70 flex flex-col gap-0.5 p-1 border-l border-border", children: [
                 /* @__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" }),
@@ -13029,7 +13031,7 @@ __name(LayoutTab, "LayoutTab");
 
 // components/theme-customizer/other-panel.tsx
 import React43 from "react";
-import { jsx as jsx78, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs48 } from "react/jsx-runtime";
 function getComputedOtherValues() {
   if (typeof document === "undefined") return {};
   const root = document.documentElement;
@@ -13172,10 +13174,10 @@ function OtherPanel({
     },
     [handleChange, values]
   );
-  return /* @__PURE__ */ jsxs49("div", { className: "space-y-4 pt-5 pb-2", children: [
-    !hideModeSection && /* @__PURE__ */ jsxs49("div", { className: "space-y-2", children: [
+  return /* @__PURE__ */ jsxs48("div", { className: "space-y-4 pt-5 pb-2", children: [
+    !hideModeSection && /* @__PURE__ */ jsxs48("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx78("label", { className: "block text-sm font-medium", children: "Mode" }),
-      /* @__PURE__ */ jsxs49("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsxs48("div", { className: "grid grid-cols-2 gap-2", children: [
         /* @__PURE__ */ jsx78(
           Button,
           {
@@ -13200,8 +13202,8 @@ function OtherPanel({
         )
       ] })
     ] }),
-    /* @__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(
+    /* @__PURE__ */ jsx78(CollapsibleSection, { title: "HSL Adjustments", open: hslOpen, onToggle: () => setHslOpen(!hslOpen), children: /* @__PURE__ */ jsxs48("div", { className: "pt-2 space-y-4", children: [
+      /* @__PURE__ */ jsx78("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxs48(
         "button",
         {
           type: "button",
@@ -13233,11 +13235,11 @@ function OtherPanel({
         },
         p.name
       )) }),
-      /* @__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__ */ jsxs48("div", { className: "space-y-5", children: [
+        /* @__PURE__ */ jsxs48("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs48("div", { className: "flex items-center justify-between gap-3", children: [
             /* @__PURE__ */ jsx78("label", { className: "text-sm font-medium", children: "Hue Shift" }),
-            /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx78(
                 Input,
                 {
@@ -13267,10 +13269,10 @@ function OtherPanel({
           ),
           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__ */ jsxs48("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs48("div", { className: "flex items-center justify-between gap-3", children: [
             /* @__PURE__ */ jsx78("label", { className: "text-sm font-medium", children: "Saturation Multiplier" }),
-            /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx78(
                 Input,
                 {
@@ -13300,10 +13302,10 @@ function OtherPanel({
           ),
           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__ */ jsxs48("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs48("div", { className: "flex items-center justify-between gap-3", children: [
             /* @__PURE__ */ jsx78("label", { className: "text-sm font-medium", children: "Lightness Multiplier" }),
-            /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx78(
                 Input,
                 {
@@ -13335,7 +13337,7 @@ function OtherPanel({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx78(CollapsibleSection, { title: "Radius", open: radiusOpen, onToggle: () => setRadiusOpen(!radiusOpen), children: /* @__PURE__ */ jsxs49("div", { className: "pt-2 space-y-2", children: [
+    /* @__PURE__ */ jsx78(CollapsibleSection, { title: "Radius", open: radiusOpen, onToggle: () => setRadiusOpen(!radiusOpen), children: /* @__PURE__ */ jsxs48("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,
@@ -13351,7 +13353,7 @@ function OtherPanel({
       )) }),
       validationErrors["--radius"] && /* @__PURE__ */ jsx78("p", { className: "text-xs text-destructive", children: validationErrors["--radius"] })
     ] }) }),
-    /* @__PURE__ */ jsx78(CollapsibleSection, { title: "Spacing", open: spacingOpen, onToggle: () => setSpacingOpen(!spacingOpen), children: /* @__PURE__ */ jsxs49("div", { className: "pt-2 space-y-1", children: [
+    /* @__PURE__ */ jsx78(CollapsibleSection, { title: "Spacing", open: spacingOpen, onToggle: () => setSpacingOpen(!spacingOpen), children: /* @__PURE__ */ jsxs48("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,
@@ -13368,8 +13370,8 @@ function OtherPanel({
       ),
       validationErrors["--spacing"] && /* @__PURE__ */ jsx78("p", { className: "text-xs text-destructive", children: validationErrors["--spacing"] })
     ] }) }),
-    /* @__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__ */ jsx78(CollapsibleSection, { title: "Shadow", open: shadowOpen, onToggle: () => setShadowOpen(!shadowOpen), children: /* @__PURE__ */ jsxs48("div", { className: "space-y-3 pt-2", children: [
+      /* @__PURE__ */ jsxs48("div", { children: [
         /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Shadow color" }),
         /* @__PURE__ */ jsx78(
           Input,
@@ -13382,7 +13384,7 @@ function OtherPanel({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs49("div", { children: [
+      /* @__PURE__ */ jsxs48("div", { children: [
         /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Shadow Opacity" }),
         /* @__PURE__ */ jsx78(
           Input,
@@ -13395,8 +13397,8 @@ function OtherPanel({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs49("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ jsxs49("div", { children: [
+      /* @__PURE__ */ jsxs48("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsxs48("div", { children: [
           /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Blur radius" }),
           /* @__PURE__ */ jsx78(
             Input,
@@ -13409,7 +13411,7 @@ function OtherPanel({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs49("div", { children: [
+        /* @__PURE__ */ jsxs48("div", { children: [
           /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Spread" }),
           /* @__PURE__ */ jsx78(
             Input,
@@ -13423,8 +13425,8 @@ function OtherPanel({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs49("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ jsxs49("div", { children: [
+      /* @__PURE__ */ jsxs48("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsxs48("div", { children: [
           /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Offset X" }),
           /* @__PURE__ */ jsx78(
             Input,
@@ -13437,7 +13439,7 @@ function OtherPanel({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs49("div", { children: [
+        /* @__PURE__ */ jsxs48("div", { children: [
           /* @__PURE__ */ jsx78("label", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: "Offset Y" }),
           /* @__PURE__ */ jsx78(
             Input,
@@ -13460,7 +13462,7 @@ __name(OtherPanel, "OtherPanel");
 // components/theme-customizer/import-modal.tsx
 import React44 from "react";
 import { X as X8, Check as Check6 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx79, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
 function normalizeImportedThemeVars(vars) {
   const out = {};
   Object.entries(vars).forEach(([key, value]) => {
@@ -13553,7 +13555,7 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
     }
   }, "processImport");
   if (!open) return null;
-  return /* @__PURE__ */ jsxs50(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs49(Fragment8, { children: [
     /* @__PURE__ */ jsx79(
       "div",
       {
@@ -13561,11 +13563,11 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
         onClick: () => onOpenChange(false)
       }
     ),
-    /* @__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__ */ jsx79("div", { className: "fixed inset-0 z-[60] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs49("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__ */ jsxs49("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs49("div", { children: [
           /* @__PURE__ */ jsx79("h3", { className: "text-lg font-semibold", children: "Import Theme" }),
-          /* @__PURE__ */ jsxs50("p", { className: "text-sm text-muted-foreground mt-1", children: [
+          /* @__PURE__ */ jsxs49("p", { className: "text-sm text-muted-foreground mt-1", children: [
             "Paste either a standardized ",
             /* @__PURE__ */ jsx79("code", { className: "px-1 py-0.5 bg-muted rounded", children: "theme.json" }),
             " artifact (recommended) or a CSS theme with ",
@@ -13584,9 +13586,9 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsxs50("div", { className: "p-6 flex-1 overflow-y-auto space-y-4", children: [
+      /* @__PURE__ */ jsxs49("div", { className: "p-6 flex-1 overflow-y-auto space-y-4", children: [
         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__ */ jsxs49("div", { children: [
           /* @__PURE__ */ jsx79("label", { className: "block text-sm font-medium mb-2", children: "Theme name" }),
           /* @__PURE__ */ jsx79(
             Input,
@@ -13601,7 +13603,7 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs50("div", { children: [
+        /* @__PURE__ */ jsxs49("div", { children: [
           /* @__PURE__ */ jsx79("label", { className: "block text-sm font-medium mb-2", children: "Theme content" }),
           /* @__PURE__ */ jsx79(
             "textarea",
@@ -13637,7 +13639,7 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs50("div", { className: "p-6 border-t border-border flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsxs49("div", { className: "p-6 border-t border-border flex justify-end gap-2", children: [
         /* @__PURE__ */ jsx79(
           Button,
           {
@@ -13666,7 +13668,7 @@ function ImportModal({ open, onOpenChange, onImport, onImportArtifact }) {
 __name(ImportModal, "ImportModal");
 
 // components/theme-customizer/index.tsx
-import { Fragment as Fragment9, jsx as jsx80, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx80, jsxs as jsxs50 } from "react/jsx-runtime";
 function ThemeCustomizer({
   open,
   onOpenChange,
@@ -13717,15 +13719,15 @@ function ThemeCustomizer({
     applyRadius2(selectedRadius);
   }, []);
   if (!open && !inline) return null;
-  const content = /* @__PURE__ */ jsxs51(
+  const content = /* @__PURE__ */ jsxs50(
     "div",
     {
       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__ */ jsx80("div", { className: "p-4 border-b border-border", children: /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-2", children: [
+        !hideHeader && /* @__PURE__ */ jsx80("div", { className: "p-4 border-b border-border", children: /* @__PURE__ */ jsxs50("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__ */ jsxs50("div", { className: "ml-auto flex items-center gap-2", children: [
             /* @__PURE__ */ jsx80(Button, { variant: "ghost", size: "sm", onClick: handleReset, children: "Reset" }),
             !inline && /* @__PURE__ */ jsx80(
               Button,
@@ -13741,7 +13743,7 @@ function ThemeCustomizer({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs51("div", { className: "flex-1 overflow-y-auto min-h-0", children: [
+        /* @__PURE__ */ jsxs50("div", { className: "flex-1 overflow-y-auto min-h-0", children: [
           sectionProp === "colors" && /* @__PURE__ */ jsx80(
             ThemeTab,
             {
@@ -13766,7 +13768,7 @@ function ThemeCustomizer({
               onSidebarConfigChange
             }
           ) }),
-          !sectionProp && /* @__PURE__ */ jsxs51(Fragment9, { children: [
+          !sectionProp && /* @__PURE__ */ jsxs50(Fragment9, { children: [
             /* @__PURE__ */ jsx80(
               ThemeTab,
               {
@@ -13792,7 +13794,7 @@ function ThemeCustomizer({
       ]
     }
   );
-  return /* @__PURE__ */ jsxs51(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs50(Fragment9, { children: [
     content,
     !inline && /* @__PURE__ */ jsx80(
       "div",
@@ -13929,7 +13931,7 @@ function loadGoogleFontsForFontValue(value) {
 __name(loadGoogleFontsForFontValue, "loadGoogleFontsForFontValue");
 
 // components/theme-customizer/typography-panel.tsx
-import { jsx as jsx81, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs51 } from "react/jsx-runtime";
 function getComputedTypography() {
   if (typeof document === "undefined") return {};
   const root = document.documentElement;
@@ -13965,15 +13967,15 @@ function TypographyPanel() {
       }
     }
   }, "handleChange");
-  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: [
+  return /* @__PURE__ */ jsxs51("div", { className: "space-y-4 pt-5 pb-2", children: [
+    /* @__PURE__ */ jsxs51("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__ */ jsx81("code", { className: "text-xs", children: "--tracking-normal" }),
       "."
     ] }),
-    /* @__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__ */ jsx81(CollapsibleSection, { title: "Font Family", open: fontOpen, onToggle: () => setFontOpen((o) => !o), children: /* @__PURE__ */ jsxs51("div", { className: "space-y-3 pt-2", children: [
+      /* @__PURE__ */ jsxs51("div", { children: [
+        /* @__PURE__ */ jsxs51("div", { className: "flex items-center justify-between mb-1.5", children: [
           /* @__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..." })
         ] }),
@@ -13988,8 +13990,8 @@ function TypographyPanel() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs52("div", { children: [
-        /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between mb-1.5", children: [
+      /* @__PURE__ */ jsxs51("div", { children: [
+        /* @__PURE__ */ jsxs51("div", { className: "flex items-center justify-between mb-1.5", children: [
           /* @__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..." })
         ] }),
@@ -14007,8 +14009,8 @@ function TypographyPanel() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs52("div", { children: [
-        /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between mb-1.5", children: [
+      /* @__PURE__ */ jsxs51("div", { children: [
+        /* @__PURE__ */ jsxs51("div", { className: "flex items-center justify-between mb-1.5", children: [
           /* @__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..." })
         ] }),
@@ -14024,7 +14026,7 @@ function TypographyPanel() {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx81(CollapsibleSection, { title: "Letter spacing", open: letterOpen, onToggle: () => setLetterOpen((o) => !o), children: /* @__PURE__ */ jsxs52("div", { className: "pt-2", children: [
+    /* @__PURE__ */ jsx81(CollapsibleSection, { title: "Letter spacing", open: letterOpen, onToggle: () => setLetterOpen((o) => !o), children: /* @__PURE__ */ jsxs51("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,
@@ -14042,7 +14044,7 @@ function TypographyPanel() {
 __name(TypographyPanel, "TypographyPanel");
 
 // layout-primitives.tsx
-import { jsx as jsx82, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
 var maxWidthClasses = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -14091,8 +14093,8 @@ function Page({
   className,
   ...props
 }) {
-  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: [
+  return /* @__PURE__ */ jsx82("div", { className: cn("min-h-screen", className), ...props, children: /* @__PURE__ */ jsxs52(Container, { maxWidth, padding, children: [
+    (title || description) && /* @__PURE__ */ jsxs52("div", { className: "mb-8", children: [
       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 })
     ] }),
@@ -14109,8 +14111,8 @@ function Section({
   className,
   ...props
 }) {
-  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: [
+  return /* @__PURE__ */ jsx82("section", { className: cn("py-8 md:py-12", className), ...props, children: /* @__PURE__ */ jsxs52(Container, { maxWidth, padding, children: [
+    (title || description) && /* @__PURE__ */ jsxs52("div", { className: "mb-6", children: [
       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 })
     ] }),
@@ -14200,7 +14202,7 @@ __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 jsx83, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs53 } from "react/jsx-runtime";
 var DefaultLink = /* @__PURE__ */ __name(({ href, className, children, onClick }) => /* @__PURE__ */ jsx83("a", { href, className, onClick, children }), "DefaultLink");
 function HeaderBlock({
   data,
@@ -14220,14 +14222,14 @@ function HeaderBlock({
   }, []);
   const renderDesktopMenuItem = /* @__PURE__ */ __name((item) => {
     if (item.type === "dropdown" && item.children) {
-      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: [
+      return /* @__PURE__ */ jsxs53(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxs53(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__ */ jsx83(ChevronDown8, { className: "w-4 h-4" })
         ] }),
         /* @__PURE__ */ jsx83(DropdownMenuContent, { align: "start", className: "w-56", children: item.children.map((child) => {
           if (child.type === "dropdown") {
-            return /* @__PURE__ */ jsxs54(DropdownMenuSub, { children: [
+            return /* @__PURE__ */ jsxs53(DropdownMenuSub, { children: [
               /* @__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);
@@ -14254,7 +14256,7 @@ function HeaderBlock({
         sticky ? "fixed top-0 md:top-6" : "relative",
         className
       ),
-      children: /* @__PURE__ */ jsx83(Container, { children: /* @__PURE__ */ jsxs54(
+      children: /* @__PURE__ */ jsx83(Container, { children: /* @__PURE__ */ jsxs53(
         "div",
         {
           className: cn(
@@ -14265,7 +14267,7 @@ function HeaderBlock({
           children: [
             /* @__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: [
+            /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-3", children: [
               slots.rightActionSlot,
               /* @__PURE__ */ jsx83("div", { className: "hidden md:flex gap-3", children: data.ctaItems?.map((cta, idx) => /* @__PURE__ */ jsx83(
                 Button,
@@ -14278,11 +14280,11 @@ function HeaderBlock({
                 },
                 idx
               )) }),
-              /* @__PURE__ */ jsx83("div", { className: "md:hidden", children: /* @__PURE__ */ jsxs54(Sheet, { children: [
+              /* @__PURE__ */ jsx83("div", { className: "md:hidden", children: /* @__PURE__ */ jsxs53(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__ */ jsxs53(SheetContent, { side: "right", className: "w-[300px] sm:w-[400px]", children: [
                   /* @__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__ */ jsxs53("div", { className: "flex flex-col gap-6 mt-6 overflow-y-auto", children: [
                     /* @__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,
                       {
@@ -14290,7 +14292,7 @@ function HeaderBlock({
                         className: "text-lg font-medium text-foreground py-1",
                         children: item.title
                       }
-                    ) }) : /* @__PURE__ */ jsxs54("div", { className: "flex flex-col gap-2", children: [
+                    ) }) : /* @__PURE__ */ jsxs53("div", { className: "flex flex-col gap-2", children: [
                       /* @__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,
@@ -14325,7 +14327,7 @@ __name(HeaderBlock, "HeaderBlock");
 // blocks/footer/footer-block.tsx
 import React48 from "react";
 import { Twitter, Instagram, Facebook, Youtube, Linkedin, Hash, Github } from "lucide-react";
-import { jsx as jsx84, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs54 } 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 (React48.isValidElement(icon)) return icon;
@@ -14360,8 +14362,8 @@ function FooterBlock({
   const LinkComponent = slots.linkComponent || DefaultLink2;
   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__ */ jsx84(Container, { children: /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs54("footer", { className: cn("bg-background text-foreground", className), children: [
+    /* @__PURE__ */ jsx84(Container, { children: /* @__PURE__ */ jsxs54(
       "div",
       {
         className: cn(
@@ -14369,9 +14371,9 @@ function FooterBlock({
           border && "border-t border-border"
         ),
         children: [
-          /* @__PURE__ */ jsxs55("div", { className: "space-y-4 sm:col-span-12 lg:col-span-4", children: [
+          /* @__PURE__ */ jsxs54("div", { className: "space-y-4 sm:col-span-12 lg:col-span-4", children: [
             /* @__PURE__ */ jsx84("div", { className: "-ml-3 flex items-center", children: LogoComponent }),
-            /* @__PURE__ */ jsxs55("div", { className: "text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs54("div", { className: "text-sm text-muted-foreground", children: [
               "\xA9 ",
               (/* @__PURE__ */ new Date()).getFullYear(),
               " ",
@@ -14390,12 +14392,12 @@ function FooterBlock({
               ". ",
               branding.copyrightText
             ] }),
-            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: [
+            legal && legal.length > 0 && /* @__PURE__ */ jsx84("div", { className: "text-sm text-muted-foreground flex flex-wrap gap-2", children: legal.map((item, index) => /* @__PURE__ */ jsxs54("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: [
+          columns.map((col, idx) => /* @__PURE__ */ jsxs54("div", { className: "space-y-3 sm:col-span-6 md:col-span-3 lg:col-span-2", children: [
             /* @__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,
@@ -14406,7 +14408,7 @@ 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__ */ jsxs54("div", { className: "space-y-3 sm:col-span-6 md:col-span-3 lg:col-span-2", children: [
             /* @__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,