@gunjo/ui 0.0.1-alpha.0

package/src/components/generated/component-style-hints.ts

@@ -0,0 +1,1262 @@
+/* eslint-disable */
+// Generated by `npm run design:sync:components`. Do not edit manually.
+
+export const componentStyleHints = {
+  "atoms": {
+    "alert": {
+      "variantKeys": [
+        "default",
+        "destructive"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center w-[320px] py-3 px-4 gap-1 rounded-lg border text-sm font-medium",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px | text=#0c0c12",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center w-[320px] py-3 px-4 gap-1 rounded-lg border text-sm font-medium",
+        "destructive": "inline-flex items-center w-[320px] py-3 px-4 gap-1 rounded-lg border text-sm font-medium"
+      },
+      "variantColorHints": {
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px | text=#0c0c12",
+        "destructive": "fill=#fef2f2 | stroke=#fecaca@1px | text=#991b1b"
+      }
+    },
+    "avatar": {
+      "variantKeys": [
+        "fallback",
+        "image"
+      ],
+      "defaultVariantKey": "fallback",
+      "baseClasses": "inline-flex items-center w-10 h-10 rounded-full text-sm font-medium",
+      "baseColorHint": "fill=#f1f5f9 | text=#64748b",
+      "slotIds": [],
+      "variantClasses": {
+        "fallback": "inline-flex items-center w-10 h-10 rounded-full text-sm font-medium",
+        "image": "w-10 h-10 rounded-full"
+      },
+      "variantColorHints": {
+        "fallback": "fill=#f1f5f9 | text=#64748b"
+      }
+    },
+    "badge": {
+      "variantKeys": [
+        "default",
+        "secondary",
+        "destructive",
+        "outline"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center h-5 py-1 px-2.5 rounded-full text-xs font-semibold",
+      "baseColorHint": "fill=#0c0c12 | text=#f8fafc",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center h-5 py-1 px-2.5 rounded-full text-xs font-semibold",
+        "secondary": "inline-flex items-center h-5 py-1 px-2.5 rounded-full text-xs font-semibold",
+        "destructive": "inline-flex items-center h-5 py-1 px-2.5 rounded-full text-xs font-semibold",
+        "outline": "inline-flex items-center h-5 py-1 px-2.5 rounded-full border bg-transparent text-xs font-semibold"
+      },
+      "variantColorHints": {
+        "default": "fill=#0c0c12 | text=#f8fafc",
+        "secondary": "fill=#f1f5f9 | text=#18181b",
+        "destructive": "fill=#ef4444 | text=#f8fafc",
+        "outline": "fill=transparent | stroke=#e2e8f0@1px | text=#0c0c12"
+      }
+    },
+    "button": {
+      "variantKeys": [
+        "default",
+        "destructive",
+        "outline",
+        "secondary",
+        "ghost",
+        "link"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium",
+      "baseColorHint": "fill=#0c0c12 | text=#f8fafc",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium",
+        "destructive": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium",
+        "outline": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg border bg-transparent text-sm font-medium",
+        "secondary": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium",
+        "ghost": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg bg-transparent text-sm font-medium",
+        "link": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg bg-transparent text-sm font-medium"
+      },
+      "variantColorHints": {
+        "default": "fill=#0c0c12 | text=#f8fafc",
+        "destructive": "fill=#ef4444 | text=#f8fafc",
+        "outline": "fill=transparent | stroke=#e2e8f0@1px | text=#0c0c12",
+        "secondary": "fill=#f1f5f9 | text=#18181b",
+        "ghost": "fill=transparent | text=#0c0c12",
+        "link": "fill=transparent | text=#0c0c12"
+      }
+    },
+    "checkbox": {
+      "variantKeys": [
+        "unchecked",
+        "checked",
+        "disabled"
+      ],
+      "defaultVariantKey": "unchecked",
+      "baseClasses": "w-5 h-5 rounded border bg-transparent",
+      "baseColorHint": "fill=transparent | stroke=#e2e8f0@1px",
+      "slotIds": [],
+      "variantClasses": {
+        "unchecked": "w-5 h-5 rounded border bg-transparent",
+        "checked": "inline-flex items-center w-5 h-5 rounded text-xs font-semibold",
+        "disabled": "w-5 h-5 rounded border"
+      },
+      "variantColorHints": {
+        "unchecked": "fill=transparent | stroke=#e2e8f0@1px",
+        "checked": "fill=#0c0c12 | text=#f8fafc",
+        "disabled": "fill=#f1f5f9 | stroke=#e2e8f0@1px"
+      }
+    },
+    "img": {
+      "variantKeys": [
+        "loading",
+        "loaded",
+        "error"
+      ],
+      "defaultVariantKey": "loading",
+      "baseClasses": "w-[256px] h-[256px] rounded-lg",
+      "baseColorHint": "fill=#f1f5f9",
+      "slotIds": [],
+      "variantClasses": {
+        "loading": "w-[256px] h-[256px] rounded-lg",
+        "loaded": "w-[256px] h-[256px] rounded-lg",
+        "error": "inline-flex items-center w-[256px] h-[256px] gap-2 rounded-lg text-xs font-normal"
+      },
+      "variantColorHints": {
+        "loading": "fill=#f1f5f9",
+        "error": "fill=#f1f5f9 | text=#94a3b8"
+      }
+    },
+    "input": {
+      "variantKeys": [
+        "default",
+        "placeholder",
+        "disabled"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center w-[280px] h-9 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal",
+      "baseColorHint": "fill=transparent | stroke=#e2e8f0@1px | text=#0c0c12",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center w-[280px] h-9 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal",
+        "placeholder": "inline-flex items-center w-[280px] h-9 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal",
+        "disabled": "inline-flex items-center w-[280px] h-9 py-2 px-3 rounded-lg border text-sm font-normal"
+      },
+      "variantColorHints": {
+        "default": "fill=transparent | stroke=#e2e8f0@1px | text=#0c0c12",
+        "placeholder": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b",
+        "disabled": "fill=#f1f5f9 | stroke=#e2e8f0@1px | text=#94a3b8"
+      }
+    },
+    "kbd": {
+      "variantKeys": [
+        "key"
+      ],
+      "defaultVariantKey": "key",
+      "baseClasses": "h-5 py-1 px-1.5 rounded border",
+      "baseColorHint": "fill=#f1f5f9 | stroke=#e2e8f0@1px",
+      "slotIds": [],
+      "variantClasses": {
+        "key": "h-5 py-1 px-1.5 rounded border"
+      },
+      "variantColorHints": {
+        "key": "fill=#f1f5f9 | stroke=#e2e8f0@1px"
+      }
+    },
+    "label": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "progress": {
+      "variantKeys": [
+        "bar"
+      ],
+      "defaultVariantKey": "bar",
+      "baseClasses": "w-[200px] h-4 rounded-full",
+      "baseColorHint": "fill=#f1f5f9",
+      "slotIds": [],
+      "variantClasses": {
+        "bar": "w-[200px] h-4 rounded-full"
+      },
+      "variantColorHints": {
+        "bar": "fill=#f1f5f9"
+      }
+    },
+    "radioGroup": {
+      "variantKeys": [
+        "unchecked",
+        "checked"
+      ],
+      "defaultVariantKey": "unchecked",
+      "baseClasses": "w-4 h-4 rounded-lg border bg-transparent",
+      "baseColorHint": "fill=transparent | stroke=#e2e8f0@1px",
+      "slotIds": [],
+      "variantClasses": {
+        "unchecked": "w-4 h-4 rounded-lg border bg-transparent",
+        "checked": "w-4 h-4 rounded-lg border bg-transparent"
+      },
+      "variantColorHints": {
+        "unchecked": "fill=transparent | stroke=#e2e8f0@1px",
+        "checked": "fill=transparent | stroke=#0c0c12@1px"
+      }
+    },
+    "select": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center w-[200px] h-10 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal",
+      "baseColorHint": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center w-[200px] h-10 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal"
+      },
+      "variantColorHints": {
+        "default": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b"
+      }
+    },
+    "separator": {
+      "variantKeys": [
+        "horizontal",
+        "vertical"
+      ],
+      "defaultVariantKey": "horizontal",
+      "baseClasses": "w-[200px] h-[1px]",
+      "baseColorHint": "fill=#e2e8f0",
+      "slotIds": [],
+      "variantClasses": {
+        "horizontal": "w-[200px] h-[1px]",
+        "vertical": "w-[1px] h-6"
+      },
+      "variantColorHints": {
+        "horizontal": "fill=#e2e8f0",
+        "vertical": "fill=#e2e8f0"
+      }
+    },
+    "skeleton": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "slider": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-[200px] h-5 rounded-[10px]",
+      "baseColorHint": "fill=#e2e8f0",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-[200px] h-5 rounded-[10px]"
+      },
+      "variantColorHints": {
+        "default": "fill=#e2e8f0"
+      }
+    },
+    "spinner": {
+      "variantKeys": [
+        "sm",
+        "default",
+        "lg"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-4 h-4",
+      "baseColorHint": "fill=#64748b",
+      "slotIds": [],
+      "variantClasses": {
+        "sm": "w-3 h-3",
+        "default": "w-4 h-4",
+        "lg": "w-6 h-6"
+      },
+      "variantColorHints": {
+        "sm": "fill=#64748b",
+        "default": "fill=#64748b",
+        "lg": "fill=#64748b"
+      }
+    },
+    "switch": {
+      "variantKeys": [
+        "unchecked",
+        "checked"
+      ],
+      "defaultVariantKey": "unchecked",
+      "baseClasses": "w-11 h-6 p-0.5 rounded-full",
+      "baseColorHint": "fill=#f1f5f9",
+      "slotIds": [],
+      "variantClasses": {
+        "unchecked": "w-11 h-6 p-0.5 rounded-full",
+        "checked": "w-11 h-6 p-0.5 rounded-full"
+      },
+      "variantColorHints": {
+        "unchecked": "fill=#f1f5f9",
+        "checked": "fill=#0c0c12"
+      }
+    },
+    "textarea": {
+      "variantKeys": [
+        "default",
+        "disabled"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center w-[280px] h-20 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal",
+      "baseColorHint": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center w-[280px] h-20 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal",
+        "disabled": "inline-flex items-center w-[280px] h-20 py-2 px-3 rounded-lg border text-sm font-normal"
+      },
+      "variantColorHints": {
+        "default": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b",
+        "disabled": "fill=#f1f5f9 | stroke=#e2e8f0@1px | text=#94a3b8"
+      }
+    },
+    "toggleGroup": {
+      "variantKeys": [
+        "default",
+        "outline"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center h-9 py-0 px-3 rounded-lg text-sm font-medium",
+      "baseColorHint": "fill=#f1f5f9 | text=#0c0c12",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center h-9 py-0 px-3 rounded-lg text-sm font-medium",
+        "outline": "inline-flex items-center h-9 py-0 px-3 rounded-lg border bg-transparent text-sm font-medium"
+      },
+      "variantColorHints": {
+        "default": "fill=#f1f5f9 | text=#0c0c12",
+        "outline": "fill=transparent | stroke=#e2e8f0@1px | text=#0c0c12"
+      }
+    },
+    "toolPill": {
+      "variantKeys": [
+        "primary",
+        "secondary",
+        "danger"
+      ],
+      "defaultVariantKey": "primary",
+      "baseClasses": "w-10 h-10 p-2.5 rounded-xl",
+      "baseColorHint": "fill=#eff6ff",
+      "slotIds": [],
+      "variantClasses": {
+        "primary": "w-10 h-10 p-2.5 rounded-xl",
+        "secondary": "w-10 h-10 p-2.5 rounded-xl",
+        "danger": "w-10 h-10 p-2.5 rounded-xl"
+      },
+      "variantColorHints": {
+        "primary": "fill=#eff6ff",
+        "secondary": "fill=#ffffff80",
+        "danger": "fill=#fef2f2"
+      }
+    }
+  },
+  "molecules": {
+    "accordion": {
+      "variantKeys": [
+        "collapsed",
+        "expanded"
+      ],
+      "defaultVariantKey": "collapsed",
+      "baseClasses": "flex flex-col w-[400px] border",
+      "baseColorHint": "stroke=#e2e8f0@1px",
+      "slotIds": [
+        "accordionTriggerCollapsed"
+      ],
+      "variantClasses": {
+        "collapsed": "flex flex-col w-[400px] border",
+        "expanded": "flex flex-col w-[400px] border"
+      },
+      "variantColorHints": {
+        "collapsed": "stroke=#e2e8f0@1px",
+        "expanded": "stroke=#e2e8f0@1px"
+      }
+    },
+    "aiChatInput": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center w-[640px] p-4 gap-2 border",
+      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
+      "slotIds": [
+        "aiChatInputAttachmentButton",
+        "aiChatInputTextarea",
+        "aiChatInputSendButton",
+        "aiChatInputStopButton"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center w-[640px] p-4 gap-2 border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
+      }
+    },
+    "aiChatMessage": {
+      "variantKeys": [
+        "assistant",
+        "user"
+      ],
+      "defaultVariantKey": "assistant",
+      "baseClasses": "flex flex-col items-center w-[720px] p-4 gap-4",
+      "baseColorHint": null,
+      "slotIds": [
+        "aiChatMessageAvatar",
+        "aiChatMessageBody"
+      ],
+      "variantClasses": {
+        "assistant": "flex flex-col items-center w-[720px] p-4 gap-4",
+        "user": "flex flex-col items-center w-[720px] p-4 gap-4"
+      },
+      "variantColorHints": {}
+    },
+    "breadcrumb": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center gap-2",
+      "baseColorHint": null,
+      "slotIds": [
+        "breadcrumbLink1",
+        "breadcrumbSep1",
+        "breadcrumbLink2",
+        "breadcrumbSep2",
+        "breadcrumbPage"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center gap-2"
+      },
+      "variantColorHints": {}
+    },
+    "calendar": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[320px] p-4 rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "calendarHeader",
+        "calendarGrid"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[320px] p-4 rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+      }
+    },
+    "card": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[350px] rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "cardHeader",
+        "cardContent",
+        "cardFooter"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[350px] rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+      }
+    },
+    "carousel": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[640px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "carouselContent",
+        "carouselPrevButton",
+        "carouselNextButton"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[640px]"
+      },
+      "variantColorHints": {}
+    },
+    "command": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[320px] rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "commandInput",
+        "commandList"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[320px] rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+      }
+    },
+    "contextMenu": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center w-[192px] p-1 gap-0.5 rounded-md border",
+      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "contextMenuLabelText",
+        "contextMenuItem",
+        "contextMenuSeparator",
+        "contextMenuSubTrigger"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center w-[192px] p-1 gap-0.5 rounded-md border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
+      }
+    },
+    "dialog": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[512px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "dialogOverlay",
+        "dialogContent"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[512px]"
+      },
+      "variantColorHints": {}
+    },
+    "dropdownMenu": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[180px] rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "dropdownMenuLabel",
+        "dropdownMenuSeparator",
+        "dropdownMenuItem"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[180px] rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+      }
+    },
+    "filterButton": {
+      "variantKeys": [
+        "default",
+        "selected",
+        "popover"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md border",
+      "baseColorHint": "stroke=#e2e8f0@1px",
+      "slotIds": [
+        "filterButtonIcon",
+        "filterButtonLabel"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md border",
+        "selected": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md border",
+        "popover": "flex flex-col w-[200px] rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "stroke=#e2e8f0@1px",
+        "selected": "stroke=#e2e8f0@1px",
+        "popover": "fill=#ffffff | stroke=#e2e8f0@1px"
+      }
+    },
+    "form": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "hoverCard": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center w-[256px] p-4 gap-2 rounded-md border",
+      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "hoverCardHeader"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center w-[256px] p-4 gap-2 rounded-md border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
+      }
+    },
+    "list": {
+      "variantKeys": [
+        "dot",
+        "check",
+        "circle"
+      ],
+      "defaultVariantKey": "dot",
+      "baseClasses": "flex flex-col items-center gap-2",
+      "baseColorHint": null,
+      "slotIds": [
+        "listDotIcon",
+        "listDotText"
+      ],
+      "variantClasses": {
+        "dot": "flex flex-col items-center gap-2",
+        "check": "flex flex-col items-center gap-2",
+        "circle": "flex flex-col items-center gap-2"
+      },
+      "variantColorHints": {}
+    },
+    "menubar": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center h-10 p-1 gap-1 rounded-md border",
+      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "menubarTrigger",
+        "menubarContent"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center h-10 p-1 gap-1 rounded-md border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
+      }
+    },
+    "modal": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[448px] rounded-lg border",
+      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "modalHeader",
+        "modalContent",
+        "modalFooter"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[448px] rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
+      }
+    },
+    "notificationCenter": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[320px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "notificationCenterTrigger",
+        "notificationCenterPanel"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[320px]"
+      },
+      "variantColorHints": {}
+    },
+    "pagination": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center gap-1",
+      "baseColorHint": null,
+      "slotIds": [
+        "paginationContent"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center gap-1"
+      },
+      "variantColorHints": {}
+    },
+    "popover": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[288px] p-4 rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "popoverContentText",
+        "popoverMetaText"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[288px] p-4 rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+      }
+    },
+    "progressWidget": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[320px] rounded-lg border",
+      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "progressWidgetHeader",
+        "progressWidgetContent"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[320px] rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
+      }
+    },
+    "resizable": {
+      "variantKeys": [
+        "horizontal"
+      ],
+      "defaultVariantKey": "horizontal",
+      "baseClasses": "flex flex-col w-[520px] h-[240px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "resizablePanelGroup",
+        "resizableHandle"
+      ],
+      "variantClasses": {
+        "horizontal": "flex flex-col w-[520px] h-[240px]"
+      },
+      "variantColorHints": {}
+    },
+    "scrollArea": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[320px] h-[240px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "scrollAreaViewport",
+        "scrollAreaScrollbar"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[320px] h-[240px]"
+      },
+      "variantColorHints": {}
+    },
+    "sheet": {
+      "variantKeys": [
+        "right"
+      ],
+      "defaultVariantKey": "right",
+      "baseClasses": "flex flex-col w-[384px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "sheetOverlay",
+        "sheetContent"
+      ],
+      "variantClasses": {
+        "right": "flex flex-col w-[384px]"
+      },
+      "variantColorHints": {}
+    },
+    "sidebarItem": {
+      "variantKeys": [
+        "default",
+        "active"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[320px] h-9 py-1.5 px-4 rounded-md",
+      "baseColorHint": null,
+      "slotIds": [
+        "sidebarItemContent",
+        "sidebarItemRight"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[320px] h-9 py-1.5 px-4 rounded-md",
+        "active": "flex flex-col w-[320px] h-9 py-1.5 px-4 rounded-md"
+      },
+      "variantColorHints": {
+        "active": "fill=#f1f5f9"
+      }
+    },
+    "sortButton": {
+      "variantKeys": [
+        "none",
+        "asc",
+        "desc"
+      ],
+      "defaultVariantKey": "none",
+      "baseClasses": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md",
+      "baseColorHint": null,
+      "slotIds": [
+        "sortButtonIcon",
+        "sortButtonLabel"
+      ],
+      "variantClasses": {
+        "none": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md",
+        "asc": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md",
+        "desc": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md"
+      },
+      "variantColorHints": {
+        "asc": "fill=#eef2ff",
+        "desc": "fill=#fff7ed"
+      }
+    },
+    "statusBar": {
+      "variantKeys": [
+        "fixed"
+      ],
+      "defaultVariantKey": "fixed",
+      "baseClasses": "flex flex-col w-[640px] py-1 px-4",
+      "baseColorHint": "fill=#2563eb",
+      "slotIds": [
+        "statusBarLeft",
+        "statusBarCenter",
+        "statusBarRight"
+      ],
+      "variantClasses": {
+        "fixed": "flex flex-col w-[640px] py-1 px-4"
+      },
+      "variantColorHints": {
+        "fixed": "fill=#2563eb"
+      }
+    },
+    "stepper": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "table": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[400px] rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "tableHeader",
+        "tableRow"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[400px] rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+      }
+    },
+    "tabs": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[400px] rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "tabsList",
+        "tabsContent"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[400px] rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+      }
+    },
+    "toast": {
+      "variantKeys": [
+        "success",
+        "error",
+        "info"
+      ],
+      "defaultVariantKey": "success",
+      "baseClasses": "flex flex-col items-center w-[384px] py-3 px-4 gap-3 rounded-xl border",
+      "baseColorHint": "fill=#ffffff | stroke=#22c55e33@1px",
+      "slotIds": [
+        "toastSuccessIcon",
+        "toastSuccessText",
+        "toastSuccessClose"
+      ],
+      "variantClasses": {
+        "success": "flex flex-col items-center w-[384px] py-3 px-4 gap-3 rounded-xl border",
+        "error": "flex flex-col items-center w-[384px] py-3 px-4 gap-3 rounded-xl border",
+        "info": "flex flex-col items-center w-[384px] py-3 px-4 gap-3 rounded-xl border"
+      },
+      "variantColorHints": {
+        "success": "fill=#ffffff | stroke=#22c55e33@1px",
+        "error": "fill=#ffffff | stroke=#ef444433@1px",
+        "info": "fill=#ffffff | stroke=#3b82f633@1px"
+      }
+    },
+    "tooltip": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[168px] py-1.5 px-3 rounded-md border",
+      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "tooltipText",
+        "tooltipHintText"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[168px] py-1.5 px-3 rounded-md border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
+      }
+    }
+  },
+  "organisms": {
+    "appRail": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center w-16 h-[320px] py-4 px-0 gap-4",
+      "baseColorHint": "fill=#111827",
+      "slotIds": [
+        "appRailIconHome",
+        "appRailIconSearch",
+        "appRailIconFolder"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center w-16 h-[320px] py-4 px-0 gap-4"
+      },
+      "variantColorHints": {
+        "default": "fill=#111827"
+      }
+    },
+    "commandPalette": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[480px] rounded-lg border",
+      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "commandPaletteInput",
+        "commandPaletteGroup"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[480px] rounded-lg border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
+      }
+    },
+    "fileUploader": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center w-[640px] gap-4",
+      "baseColorHint": null,
+      "slotIds": [
+        "fileUploaderDropzone",
+        "fileUploaderItem"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center w-[640px] gap-4"
+      },
+      "variantColorHints": {}
+    },
+    "floatingPanel": {
+      "variantKeys": [
+        "glass"
+      ],
+      "defaultVariantKey": "glass",
+      "baseClasses": "flex flex-col w-[360px] rounded-2xl border",
+      "baseColorHint": "fill=#ffffffcc | stroke=#dddddd@1px",
+      "slotIds": [
+        "floatingPanelTitleBar",
+        "floatingPanelContent"
+      ],
+      "variantClasses": {
+        "glass": "flex flex-col w-[360px] rounded-2xl border"
+      },
+      "variantColorHints": {
+        "glass": "fill=#ffffffcc | stroke=#dddddd@1px"
+      }
+    },
+    "inspectorPanel": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[320px] h-[420px] border",
+      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
+      "slotIds": [
+        "inspectorPanelHeader",
+        "inspectorPanelBody"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[320px] h-[420px] border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
+      }
+    },
+    "rightRail": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[256px] h-[360px] border",
+      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
+      "slotIds": [
+        "rightRailHeader",
+        "rightRailItem"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[256px] h-[360px] border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
+      }
+    },
+    "shareModal": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[448px] rounded-xl border",
+      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
+      "slotIds": [
+        "shareModalHeader",
+        "shareModalContent"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[448px] rounded-xl border"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
+      }
+    },
+    "spatialCanvas": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[640px] h-[360px]",
+      "baseColorHint": "fill=#f9fafb",
+      "slotIds": [
+        "spatialCanvasHint",
+        "spatialCanvasHintDetail"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[640px] h-[360px]"
+      },
+      "variantColorHints": {
+        "default": "fill=#f9fafb"
+      }
+    },
+    "toastProvider": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center w-[320px] gap-2",
+      "baseColorHint": null,
+      "slotIds": [
+        "toastProviderStack",
+        "toastProviderDefaultDuration",
+        "toastProviderExitDelay"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center w-[320px] gap-2"
+      },
+      "variantColorHints": {}
+    }
+  },
+  "templates": {
+    "authTemplate": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "authTemplateVisualPanel",
+        "authTemplateFormPanel"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[1280px] h-[720px]"
+      },
+      "variantColorHints": {}
+    },
+    "bannalyzeTemplate": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": "fill=#ffffff",
+      "slotIds": [
+        "bannalyzeTemplateHeader",
+        "bannalyzeTemplateBody"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[1280px] h-[720px]"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff"
+      }
+    },
+    "chatTemplate": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": "fill=#ffffff",
+      "slotIds": [
+        "chatTemplateSidebarList",
+        "chatTemplateMainArea",
+        "chatTemplateSidebarDetail"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[1280px] h-[720px]"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff"
+      }
+    },
+    "dashboardTemplate": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "dashboardTemplateHeader",
+        "dashboardTemplateBody"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[1280px] h-[720px]"
+      },
+      "variantColorHints": {}
+    },
+    "editorTemplate": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "editorTemplateTopBar",
+        "editorTemplateBody"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[1280px] h-[720px]"
+      },
+      "variantColorHints": {}
+    },
+    "kanbanTemplate": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "kanbanTemplateSidebar",
+        "kanbanTemplateMain"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[1280px] h-[720px]"
+      },
+      "variantColorHints": {}
+    },
+    "landingTemplate": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "landingTemplateHeader",
+        "landingTemplateHero",
+        "landingTemplateFeatureSection"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[1280px] h-[720px]"
+      },
+      "variantColorHints": {}
+    },
+    "mediaLibraryTemplate": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": "fill=#ffffff",
+      "slotIds": [
+        "mediaLibraryTemplateHeader",
+        "mediaLibraryTemplateBody"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-[1280px] h-[720px]"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff"
+      }
+    },
+    "settingsTemplate": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center w-[1280px] h-[720px] gap-4",
+      "baseColorHint": null,
+      "slotIds": [
+        "settingsTemplateMobileView",
+        "settingsTemplateDesktopView"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col items-center w-[1280px] h-[720px] gap-4"
+      },
+      "variantColorHints": {}
+    }
+  }
+} as const;