@gunjo/ui 0.0.1-alpha.0 → 0.0.1-alpha.2

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

@@ -2,174 +2,162 @@
 // Generated by `npm run design:sync:components`. Do not edit manually.
 
 export const componentStyleHints = {
-  "atoms": {
-    "alert": {
+  "patterns": {
+    "authTemplate": {
       "variantKeys": [
-        "default",
-        "destructive"
+        "default"
       ],
       "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": [],
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "authTemplateVisualPanel",
+        "authTemplateFormPanel"
+      ],
       "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"
+        "default": "flex flex-col w-[1280px] h-[720px]"
       },
-      "variantColorHints": {
-        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px | text=#0c0c12",
-        "destructive": "fill=#fef2f2 | stroke=#fecaca@1px | text=#991b1b"
-      }
+      "variantColorHints": {}
     },
-    "avatar": {
+    "bannalyzeTemplate": {
       "variantKeys": [
-        "fallback",
-        "image"
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": "fill=#ffffff",
+      "slotIds": [
+        "bannalyzeTemplateHeader",
+        "bannalyzeTemplateBody"
       ],
-      "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"
+        "default": "flex flex-col w-[1280px] h-[720px]"
       },
       "variantColorHints": {
-        "fallback": "fill=#f1f5f9 | text=#64748b"
+        "default": "fill=#ffffff"
       }
     },
-    "badge": {
+    "blogTemplate": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "chatTemplate": {
       "variantKeys": [
-        "default",
-        "secondary",
-        "destructive",
-        "outline"
+        "default"
       ],
       "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": [],
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": "fill=#ffffff",
+      "slotIds": [
+        "chatTemplateSidebarList",
+        "chatTemplateMainArea",
+        "chatTemplateSidebarDetail"
+      ],
       "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"
+        "default": "flex flex-col w-[1280px] h-[720px]"
       },
       "variantColorHints": {
-        "default": "fill=#0c0c12 | text=#f8fafc",
-        "secondary": "fill=#f1f5f9 | text=#18181b",
-        "destructive": "fill=#ef4444 | text=#f8fafc",
-        "outline": "fill=transparent | stroke=#e2e8f0@1px | text=#0c0c12"
+        "default": "fill=#ffffff"
       }
     },
-    "button": {
+    "dashboardTemplate": {
       "variantKeys": [
-        "default",
-        "destructive",
-        "outline",
-        "secondary",
-        "ghost",
-        "link"
+        "default"
       ],
       "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": [],
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "dashboardTemplateHeader",
+        "dashboardTemplateBody"
+      ],
       "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"
+        "default": "flex flex-col w-[1280px] h-[720px]"
       },
-      "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"
-      }
+      "variantColorHints": {}
     },
-    "checkbox": {
+    "docsTemplate": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "editorTemplate": {
       "variantKeys": [
-        "unchecked",
-        "checked",
-        "disabled"
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "editorTemplateTopBar",
+        "editorTemplateBody"
       ],
-      "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"
+        "default": "flex flex-col w-[1280px] h-[720px]"
       },
-      "variantColorHints": {
-        "unchecked": "fill=transparent | stroke=#e2e8f0@1px",
-        "checked": "fill=#0c0c12 | text=#f8fafc",
-        "disabled": "fill=#f1f5f9 | stroke=#e2e8f0@1px"
-      }
+      "variantColorHints": {}
     },
-    "img": {
+    "kanbanTemplate": {
       "variantKeys": [
-        "loading",
-        "loaded",
-        "error"
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "kanbanTemplateSidebar",
+        "kanbanTemplateMain"
       ],
-      "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"
+        "default": "flex flex-col w-[1280px] h-[720px]"
       },
-      "variantColorHints": {
-        "loading": "fill=#f1f5f9",
-        "error": "fill=#f1f5f9 | text=#94a3b8"
-      }
+      "variantColorHints": {}
     },
-    "input": {
+    "landingTemplate": {
       "variantKeys": [
-        "default",
-        "placeholder",
-        "disabled"
+        "default"
       ],
       "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": [],
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "landingTemplateHeader",
+        "landingTemplateHero",
+        "landingTemplateFeatureSection"
+      ],
       "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"
+        "default": "flex flex-col w-[1280px] h-[720px]"
       },
-      "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"
-      }
+      "variantColorHints": {}
     },
-    "kbd": {
+    "mediaLibraryTemplate": {
       "variantKeys": [
-        "key"
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "baseColorHint": "fill=#ffffff",
+      "slotIds": [
+        "mediaLibraryTemplateHeader",
+        "mediaLibraryTemplateBody"
       ],
-      "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"
+        "default": "flex flex-col w-[1280px] h-[720px]"
       },
       "variantColorHints": {
-        "key": "fill=#f1f5f9 | stroke=#e2e8f0@1px"
+        "default": "fill=#ffffff"
       }
     },
-    "label": {
+    "onboardingTemplate": {
       "variantKeys": [],
       "defaultVariantKey": null,
       "baseClasses": "",
@@ -178,94 +166,116 @@ export const componentStyleHints = {
       "variantClasses": {},
       "variantColorHints": {}
     },
-    "progress": {
+    "pricingTemplate": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "settingsTemplate": {
       "variantKeys": [
-        "bar"
+        "default"
       ],
-      "defaultVariantKey": "bar",
-      "baseClasses": "w-[200px] h-4 rounded-full",
-      "baseColorHint": "fill=#f1f5f9",
+      "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": {}
+    }
+  },
+  "feedback": {
+    "alert": {
+      "variantKeys": [
+        "default",
+        "destructive",
+        "info",
+        "success",
+        "warning"
+      ],
+      "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": {
-        "bar": "w-[200px] h-4 rounded-full"
+        "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",
+        "info": "inline-flex items-center w-[320px] py-3 px-4 gap-1 rounded-lg border text-sm font-medium",
+        "success": "inline-flex items-center w-[320px] py-3 px-4 gap-1 rounded-lg border text-sm font-medium",
+        "warning": "inline-flex items-center w-[320px] py-3 px-4 gap-1 rounded-lg border text-sm font-medium"
       },
       "variantColorHints": {
-        "bar": "fill=#f1f5f9"
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px | text=#0c0c12",
+        "destructive": "fill=#fef2f2 | stroke=#fecaca@1px | text=#991b1b",
+        "info": "fill=#eff6ff | stroke=#bfdbfe@1px | text=#1e40af",
+        "success": "fill=#f0fdf4 | stroke=#bbf7d0@1px | text=#166534",
+        "warning": "fill=#fef3c7 | stroke=#fcd34d@1px | text=#78350f"
       }
     },
-    "radioGroup": {
-      "variantKeys": [
-        "unchecked",
-        "checked"
-      ],
-      "defaultVariantKey": "unchecked",
-      "baseClasses": "w-4 h-4 rounded-lg border bg-transparent",
-      "baseColorHint": "fill=transparent | stroke=#e2e8f0@1px",
+    "banner": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
       "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"
-      }
+      "variantClasses": {},
+      "variantColorHints": {}
     },
-    "select": {
+    "notificationCenter": {
       "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": [],
+      "baseClasses": "flex flex-col w-[320px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "notificationCenterTrigger",
+        "notificationCenterPanel"
+      ],
       "variantClasses": {
-        "default": "inline-flex items-center w-[200px] h-10 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal"
+        "default": "flex flex-col w-[320px]"
       },
-      "variantColorHints": {
-        "default": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b"
-      }
+      "variantColorHints": {}
     },
-    "separator": {
+    "progress": {
       "variantKeys": [
-        "horizontal",
-        "vertical"
+        "bar"
       ],
-      "defaultVariantKey": "horizontal",
-      "baseClasses": "w-[200px] h-[1px]",
-      "baseColorHint": "fill=#e2e8f0",
+      "defaultVariantKey": "bar",
+      "baseClasses": "w-[200px] h-4 rounded-full",
+      "baseColorHint": "fill=#f1f5f9",
       "slotIds": [],
       "variantClasses": {
-        "horizontal": "w-[200px] h-[1px]",
-        "vertical": "w-[1px] h-6"
+        "bar": "w-[200px] h-4 rounded-full"
       },
       "variantColorHints": {
-        "horizontal": "fill=#e2e8f0",
-        "vertical": "fill=#e2e8f0"
+        "bar": "fill=#f1f5f9"
       }
     },
-    "skeleton": {
-      "variantKeys": [],
-      "defaultVariantKey": null,
-      "baseClasses": "",
-      "baseColorHint": null,
-      "slotIds": [],
-      "variantClasses": {},
-      "variantColorHints": {}
-    },
-    "slider": {
+    "progressWidget": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "w-[200px] h-5 rounded-[10px]",
-      "baseColorHint": "fill=#e2e8f0",
-      "slotIds": [],
+      "baseClasses": "flex flex-col w-[320px] rounded-lg border",
+      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "progressWidgetHeader",
+        "progressWidgetContent"
+      ],
       "variantClasses": {
-        "default": "w-[200px] h-5 rounded-[10px]"
+        "default": "flex flex-col w-[320px] rounded-lg border"
       },
       "variantColorHints": {
-        "default": "fill=#e2e8f0"
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
       }
     },
     "spinner": {
@@ -289,357 +299,401 @@ export const componentStyleHints = {
         "lg": "fill=#64748b"
       }
     },
-    "switch": {
+    "statusBar": {
       "variantKeys": [
-        "unchecked",
-        "checked"
+        "fixed"
       ],
-      "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": "fixed",
+      "baseClasses": "flex flex-col w-[640px] py-1 px-4",
+      "baseColorHint": "fill=#2563eb",
+      "slotIds": [
+        "statusBarLeft",
+        "statusBarCenter",
+        "statusBarRight"
       ],
-      "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"
+        "fixed": "flex flex-col w-[640px] py-1 px-4"
       },
       "variantColorHints": {
-        "default": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b",
-        "disabled": "fill=#f1f5f9 | stroke=#e2e8f0@1px | text=#94a3b8"
+        "fixed": "fill=#2563eb"
       }
     },
-    "toggleGroup": {
+    "statusScreen": {
       "variantKeys": [
-        "default",
-        "outline"
+        "not-found",
+        "error",
+        "offline",
+        "forbidden",
+        "maintenance",
+        "coming-soon"
       ],
-      "defaultVariantKey": "default",
-      "baseClasses": "inline-flex items-center h-9 py-0 px-3 rounded-lg text-sm font-medium",
-      "baseColorHint": "fill=#f1f5f9 | text=#0c0c12",
+      "defaultVariantKey": "not-found",
+      "baseClasses": "w-full p-8",
+      "baseColorHint": null,
       "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"
+        "not-found": "w-full p-8",
+        "error": "w-full p-8",
+        "offline": "w-full p-8",
+        "forbidden": "w-full p-8",
+        "maintenance": "w-full p-8",
+        "coming-soon": "w-full p-8"
       },
-      "variantColorHints": {
-        "default": "fill=#f1f5f9 | text=#0c0c12",
-        "outline": "fill=transparent | stroke=#e2e8f0@1px | text=#0c0c12"
-      }
+      "variantColorHints": {}
     },
-    "toolPill": {
-      "variantKeys": [
-        "primary",
-        "secondary",
-        "danger"
-      ],
-      "defaultVariantKey": "primary",
-      "baseClasses": "w-10 h-10 p-2.5 rounded-xl",
-      "baseColorHint": "fill=#eff6ff",
+    "stepper": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
       "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": {
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "toast": {
       "variantKeys": [
-        "collapsed",
-        "expanded"
+        "success",
+        "error",
+        "info"
       ],
-      "defaultVariantKey": "collapsed",
-      "baseClasses": "flex flex-col w-[400px] border",
-      "baseColorHint": "stroke=#e2e8f0@1px",
+      "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": [
-        "accordionTriggerCollapsed"
+        "toastSuccessIcon",
+        "toastSuccessText",
+        "toastSuccessClose"
       ],
       "variantClasses": {
-        "collapsed": "flex flex-col w-[400px] border",
-        "expanded": "flex flex-col w-[400px] border"
+        "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": {
-        "collapsed": "stroke=#e2e8f0@1px",
-        "expanded": "stroke=#e2e8f0@1px"
+        "success": "fill=#ffffff | stroke=#22c55e33@1px",
+        "error": "fill=#ffffff | stroke=#ef444433@1px",
+        "info": "fill=#ffffff | stroke=#3b82f633@1px"
       }
     },
-    "aiChatInput": {
+    "toastProvider": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col items-center w-[640px] p-4 gap-2 border",
-      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
+      "baseClasses": "flex flex-col items-center w-[320px] gap-2",
+      "baseColorHint": null,
       "slotIds": [
-        "aiChatInputAttachmentButton",
-        "aiChatInputTextarea",
-        "aiChatInputSendButton",
-        "aiChatInputStopButton"
+        "toastProviderStack",
+        "toastProviderDefaultDuration",
+        "toastProviderExitDelay"
       ],
       "variantClasses": {
-        "default": "flex flex-col items-center w-[640px] p-4 gap-2 border"
+        "default": "flex flex-col items-center w-[320px] gap-2"
       },
-      "variantColorHints": {
-        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
-      }
+      "variantColorHints": {}
+    }
+  },
+  "layout": {
+    "aspectRatio": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
     },
-    "aiChatMessage": {
+    "assetInspectorPanel": {
       "variantKeys": [
-        "assistant",
-        "user"
+        "default",
+        "compact"
       ],
-      "defaultVariantKey": "assistant",
-      "baseClasses": "flex flex-col items-center w-[720px] p-4 gap-4",
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
       "baseColorHint": null,
-      "slotIds": [
-        "aiChatMessageAvatar",
-        "aiChatMessageBody"
-      ],
+      "slotIds": [],
       "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"
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
       },
       "variantColorHints": {}
     },
-    "breadcrumb": {
+    "cluster": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "collapsiblePanelToggle": {
       "variantKeys": [
-        "default"
+        "left",
+        "right",
+        "top",
+        "bottom"
       ],
-      "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col items-center gap-2",
+      "defaultVariantKey": "left",
+      "baseClasses": "w-10 h-10",
       "baseColorHint": null,
-      "slotIds": [
-        "breadcrumbLink1",
-        "breadcrumbSep1",
-        "breadcrumbLink2",
-        "breadcrumbSep2",
-        "breadcrumbPage"
-      ],
+      "slotIds": [],
       "variantClasses": {
-        "default": "flex flex-col items-center gap-2"
+        "left": "w-10 h-10",
+        "right": "w-10 h-10",
+        "top": "w-10 h-10",
+        "bottom": "w-10 h-10"
       },
       "variantColorHints": {}
     },
-    "calendar": {
+    "container": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "deviceFrame": {
       "variantKeys": [
-        "default"
+        "default",
+        "windows11"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[320px] p-4 rounded-lg border",
-      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
-      "slotIds": [
-        "calendarHeader",
-        "calendarGrid"
-      ],
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
       "variantClasses": {
-        "default": "flex flex-col w-[320px] p-4 rounded-lg border"
+        "default": "w-full p-0",
+        "windows11": "w-full p-0"
       },
-      "variantColorHints": {
-        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
-      }
+      "variantColorHints": {}
     },
-    "card": {
+    "grid": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "hStack": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "inspectorPanel": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[350px] rounded-lg border",
-      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "baseClasses": "flex flex-col w-[320px] h-[420px] border",
+      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
       "slotIds": [
-        "cardHeader",
-        "cardContent",
-        "cardFooter"
+        "inspectorPanelHeader",
+        "inspectorPanelBody"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[350px] rounded-lg border"
+        "default": "flex flex-col w-[320px] h-[420px] border"
       },
       "variantColorHints": {
-        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
       }
     },
-    "carousel": {
+    "marqueeFrame": {
       "variantKeys": [
-        "default"
+        "default",
+        "desktop",
+        "tablet",
+        "mobile"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[640px]",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "desktop": "w-full p-0",
+        "tablet": "w-full p-0",
+        "mobile": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "resizable": {
+      "variantKeys": [
+        "horizontal"
+      ],
+      "defaultVariantKey": "horizontal",
+      "baseClasses": "flex flex-col w-[520px] h-[240px]",
       "baseColorHint": null,
       "slotIds": [
-        "carouselContent",
-        "carouselPrevButton",
-        "carouselNextButton"
+        "resizablePanelGroup",
+        "resizableHandle"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[640px]"
+        "horizontal": "flex flex-col w-[520px] h-[240px]"
       },
       "variantColorHints": {}
     },
-    "command": {
+    "scrollArea": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[320px] rounded-lg border",
-      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "baseClasses": "flex flex-col w-[320px] h-[240px]",
+      "baseColorHint": null,
       "slotIds": [
-        "commandInput",
-        "commandList"
+        "scrollAreaViewport",
+        "scrollAreaScrollbar"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[320px] rounded-lg border"
+        "default": "flex flex-col w-[320px] h-[240px]"
       },
-      "variantColorHints": {
-        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
-      }
+      "variantColorHints": {}
     },
-    "contextMenu": {
+    "spatialCanvas": {
       "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",
+      "baseClasses": "flex flex-col w-[640px] h-[360px]",
+      "baseColorHint": "fill=#f9fafb",
       "slotIds": [
-        "contextMenuLabelText",
-        "contextMenuItem",
-        "contextMenuSeparator",
-        "contextMenuSubTrigger"
+        "spatialCanvasHint",
+        "spatialCanvasHintDetail"
       ],
       "variantClasses": {
-        "default": "flex flex-col items-center w-[192px] p-1 gap-0.5 rounded-md border"
+        "default": "flex flex-col w-[640px] h-[360px]"
       },
       "variantColorHints": {
-        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
+        "default": "fill=#f9fafb"
       }
     },
-    "dialog": {
+    "vStack": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    }
+  },
+  "navigation": {
+    "appRail": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[512px]",
-      "baseColorHint": null,
+      "baseClasses": "flex flex-col items-center w-16 h-[320px] py-4 px-0 gap-4",
+      "baseColorHint": "fill=#111827",
       "slotIds": [
-        "dialogOverlay",
-        "dialogContent"
+        "appRailIconHome",
+        "appRailIconSearch",
+        "appRailIconFolder"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[512px]"
+        "default": "flex flex-col items-center w-16 h-[320px] py-4 px-0 gap-4"
       },
-      "variantColorHints": {}
+      "variantColorHints": {
+        "default": "fill=#111827"
+      }
     },
-    "dropdownMenu": {
+    "breadcrumb": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[180px] rounded-lg border",
-      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "baseClasses": "flex flex-col items-center gap-2",
+      "baseColorHint": null,
       "slotIds": [
-        "dropdownMenuLabel",
-        "dropdownMenuSeparator",
-        "dropdownMenuItem"
+        "breadcrumbLink1",
+        "breadcrumbSep1",
+        "breadcrumbLink2",
+        "breadcrumbSep2",
+        "breadcrumbPage"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[180px] rounded-lg border"
+        "default": "flex flex-col items-center gap-2"
       },
-      "variantColorHints": {
-        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
-      }
+      "variantColorHints": {}
     },
-    "filterButton": {
+    "command": {
       "variantKeys": [
-        "default",
-        "selected",
-        "popover"
+        "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md border",
-      "baseColorHint": "stroke=#e2e8f0@1px",
+      "baseClasses": "flex flex-col w-[320px] rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
       "slotIds": [
-        "filterButtonIcon",
-        "filterButtonLabel"
+        "commandInput",
+        "commandList"
       ],
       "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"
+        "default": "flex flex-col w-[320px] rounded-lg border"
       },
       "variantColorHints": {
-        "default": "stroke=#e2e8f0@1px",
-        "selected": "stroke=#e2e8f0@1px",
-        "popover": "fill=#ffffff | stroke=#e2e8f0@1px"
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
       }
     },
-    "form": {
-      "variantKeys": [],
-      "defaultVariantKey": null,
-      "baseClasses": "",
-      "baseColorHint": null,
-      "slotIds": [],
-      "variantClasses": {},
-      "variantColorHints": {}
-    },
-    "hoverCard": {
+    "commandPalette": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col items-center w-[256px] p-4 gap-2 rounded-md border",
+      "baseClasses": "flex flex-col w-[480px] rounded-lg border",
       "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
       "slotIds": [
-        "hoverCardHeader"
+        "commandPaletteInput",
+        "commandPaletteGroup"
       ],
       "variantClasses": {
-        "default": "flex flex-col items-center w-[256px] p-4 gap-2 rounded-md border"
+        "default": "flex flex-col w-[480px] rounded-lg border"
       },
       "variantColorHints": {
         "default": "fill=#ffffff | stroke=#e2e8f0@1px"
       }
     },
-    "list": {
+    "documentPager": {
       "variantKeys": [
-        "dot",
-        "check",
-        "circle"
+        "default"
       ],
-      "defaultVariantKey": "dot",
-      "baseClasses": "flex flex-col items-center gap-2",
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center w-full pt-5 pb-0 px-0 gap-3",
       "baseColorHint": null,
       "slotIds": [
-        "listDotIcon",
-        "listDotText"
+        "documentPagerPrevious",
+        "documentPagerNext"
       ],
       "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"
+        "default": "flex flex-col items-center w-full pt-5 pb-0 px-0 gap-3"
       },
       "variantColorHints": {}
     },
+    "footer": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "header": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
     "menubar": {
       "variantKeys": [
         "default"
@@ -658,38 +712,25 @@ export const componentStyleHints = {
         "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"
-      }
+    "navigationMenu": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
     },
-    "notificationCenter": {
+    "pageAside": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[320px]",
+      "baseClasses": "inline-flex items-center w-full p-0 gap-6",
       "baseColorHint": null,
-      "slotIds": [
-        "notificationCenterTrigger",
-        "notificationCenterPanel"
-      ],
+      "slotIds": [],
       "variantClasses": {
-        "default": "flex flex-col w-[320px]"
+        "default": "inline-flex items-center w-full p-0 gap-6"
       },
       "variantColorHints": {}
     },
@@ -708,153 +749,155 @@ export const componentStyleHints = {
       },
       "variantColorHints": {}
     },
-    "popover": {
+    "rightRail": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[288px] p-4 rounded-lg border",
-      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "baseClasses": "flex flex-col w-[256px] h-[360px] border",
+      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
       "slotIds": [
-        "popoverContentText",
-        "popoverMetaText"
+        "rightRailHeader",
+        "rightRailItem"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[288px] p-4 rounded-lg border"
+        "default": "flex flex-col w-[256px] h-[360px] border"
       },
       "variantColorHints": {
-        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+        "default": "fill=#ffffff | stroke=#e5e7eb@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"
-      }
+    "sidebar": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
     },
-    "resizable": {
+    "sidebarItem": {
       "variantKeys": [
-        "horizontal"
+        "default",
+        "active"
       ],
-      "defaultVariantKey": "horizontal",
-      "baseClasses": "flex flex-col w-[520px] h-[240px]",
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[320px] h-9 py-1.5 px-4 rounded-md cursor-pointer",
       "baseColorHint": null,
       "slotIds": [
-        "resizablePanelGroup",
-        "resizableHandle"
+        "sidebarItemContent",
+        "sidebarItemRight"
       ],
       "variantClasses": {
-        "horizontal": "flex flex-col w-[520px] h-[240px]"
+        "default": "flex flex-col w-[320px] h-9 py-1.5 px-4 rounded-md cursor-pointer",
+        "active": "flex flex-col w-[320px] h-9 py-1.5 px-4 rounded-md cursor-pointer"
       },
-      "variantColorHints": {}
+      "variantColorHints": {
+        "active": "fill=#f1f5f9"
+      }
     },
-    "scrollArea": {
+    "tabs": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[320px] h-[240px]",
-      "baseColorHint": null,
+      "baseClasses": "flex flex-col w-[400px] rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
       "slotIds": [
-        "scrollAreaViewport",
-        "scrollAreaScrollbar"
+        "tabsList",
+        "tabsContent"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[320px] h-[240px]"
+        "default": "flex flex-col w-[400px] rounded-lg border"
       },
-      "variantColorHints": {}
+      "variantColorHints": {
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+      }
     },
-    "sheet": {
+    "textLink": {
       "variantKeys": [
-        "right"
-      ],
-      "defaultVariantKey": "right",
-      "baseClasses": "flex flex-col w-[384px]",
-      "baseColorHint": null,
-      "slotIds": [
-        "sheetOverlay",
-        "sheetContent"
+        "default",
+        "muted"
       ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center p-0 gap-1 text-sm font-medium",
+      "baseColorHint": "text=#2563eb",
+      "slotIds": [],
       "variantClasses": {
-        "right": "flex flex-col w-[384px]"
+        "default": "inline-flex items-center p-0 gap-1 text-sm font-medium",
+        "muted": "inline-flex items-center p-0 gap-1 text-sm font-medium"
       },
+      "variantColorHints": {
+        "default": "text=#2563eb",
+        "muted": "text=#0f172a"
+      }
+    }
+  },
+  "overlay": {
+    "alertDialog": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
       "variantColorHints": {}
     },
-    "sidebarItem": {
+    "chatPanel": {
       "variantKeys": [
         "default",
-        "active"
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[320px] h-9 py-1.5 px-4 rounded-md",
-      "baseColorHint": null,
-      "slotIds": [
-        "sidebarItemContent",
-        "sidebarItemRight"
-      ],
+      "baseClasses": "w-full h-[560px] p-0 rounded-lg",
+      "baseColorHint": "fill=#ffffff",
+      "slotIds": [],
       "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"
+        "default": "w-full h-[560px] p-0 rounded-lg",
+        "compact": "w-full h-[420px] p-0 rounded-lg"
       },
       "variantColorHints": {
-        "active": "fill=#f1f5f9"
+        "default": "fill=#ffffff",
+        "compact": "fill=#ffffff"
       }
     },
-    "sortButton": {
+    "contextMenu": {
       "variantKeys": [
-        "none",
-        "asc",
-        "desc"
+        "default"
       ],
-      "defaultVariantKey": "none",
-      "baseClasses": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md",
-      "baseColorHint": null,
+      "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": [
-        "sortButtonIcon",
-        "sortButtonLabel"
+        "contextMenuLabelText",
+        "contextMenuItem",
+        "contextMenuSeparator",
+        "contextMenuSubTrigger"
       ],
       "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"
+        "default": "flex flex-col items-center w-[192px] p-1 gap-0.5 rounded-md border"
       },
       "variantColorHints": {
-        "asc": "fill=#eef2ff",
-        "desc": "fill=#fff7ed"
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
       }
     },
-    "statusBar": {
+    "dialog": {
       "variantKeys": [
-        "fixed"
+        "default"
       ],
-      "defaultVariantKey": "fixed",
-      "baseClasses": "flex flex-col w-[640px] py-1 px-4",
-      "baseColorHint": "fill=#2563eb",
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-[512px]",
+      "baseColorHint": null,
       "slotIds": [
-        "statusBarLeft",
-        "statusBarCenter",
-        "statusBarRight"
+        "dialogOverlay",
+        "dialogContent"
       ],
       "variantClasses": {
-        "fixed": "flex flex-col w-[640px] py-1 px-4"
+        "default": "flex flex-col w-[512px]"
       },
-      "variantColorHints": {
-        "fixed": "fill=#2563eb"
-      }
+      "variantColorHints": {}
     },
-    "stepper": {
+    "drawer": {
       "variantKeys": [],
       "defaultVariantKey": null,
       "baseClasses": "",
@@ -863,125 +906,1252 @@ export const componentStyleHints = {
       "variantClasses": {},
       "variantColorHints": {}
     },
-    "table": {
+    "dropdownMenu": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[400px] rounded-lg border",
+      "baseClasses": "flex flex-col w-[180px] rounded-lg border",
       "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
       "slotIds": [
-        "tableHeader",
-        "tableRow"
+        "dropdownMenuLabel",
+        "dropdownMenuSeparator",
+        "dropdownMenuItem"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[400px] rounded-lg border"
+        "default": "flex flex-col w-[180px] rounded-lg border"
       },
       "variantColorHints": {
         "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
       }
     },
-    "tabs": {
+    "floatingPanel": {
       "variantKeys": [
-        "default"
+        "glass"
       ],
-      "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[400px] rounded-lg border",
-      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "defaultVariantKey": "glass",
+      "baseClasses": "flex flex-col w-[360px] rounded-2xl border",
+      "baseColorHint": "fill=#ffffffcc | stroke=#dddddd@1px",
       "slotIds": [
-        "tabsList",
-        "tabsContent"
+        "floatingPanelTitleBar",
+        "floatingPanelContent"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[400px] rounded-lg border"
+        "glass": "flex flex-col w-[360px] rounded-2xl border"
       },
       "variantColorHints": {
-        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
+        "glass": "fill=#ffffffcc | stroke=#dddddd@1px"
       }
     },
-    "toast": {
+    "hoverCard": {
       "variantKeys": [
-        "success",
-        "error",
-        "info"
+        "default"
       ],
-      "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",
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center w-[256px] p-4 gap-2 rounded-md border",
+      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
       "slotIds": [
-        "toastSuccessIcon",
-        "toastSuccessText",
-        "toastSuccessClose"
+        "hoverCardHeader"
       ],
       "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"
+        "default": "flex flex-col items-center w-[256px] p-4 gap-2 rounded-md border"
       },
       "variantColorHints": {
-        "success": "fill=#ffffff | stroke=#22c55e33@1px",
-        "error": "fill=#ffffff | stroke=#ef444433@1px",
-        "info": "fill=#ffffff | stroke=#3b82f633@1px"
+        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
       }
     },
-    "tooltip": {
+    "mediaLightbox": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "mediaPickerDialog": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "modal": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[168px] py-1.5 px-3 rounded-md border",
+      "baseClasses": "flex flex-col w-[448px] rounded-lg border",
       "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
       "slotIds": [
-        "tooltipText",
-        "tooltipHintText"
+        "modalHeader",
+        "modalContent",
+        "modalFooter"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[168px] py-1.5 px-3 rounded-md border"
+        "default": "flex flex-col w-[448px] rounded-lg border"
       },
       "variantColorHints": {
         "default": "fill=#ffffff | stroke=#e2e8f0@1px"
       }
-    }
-  },
-  "organisms": {
-    "appRail": {
+    },
+    "onboardingFlow": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "popover": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col items-center w-16 h-[320px] py-4 px-0 gap-4",
-      "baseColorHint": "fill=#111827",
+      "baseClasses": "flex flex-col w-[288px] p-4 rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
       "slotIds": [
-        "appRailIconHome",
-        "appRailIconSearch",
-        "appRailIconFolder"
+        "popoverContentText",
+        "popoverMetaText"
       ],
       "variantClasses": {
-        "default": "flex flex-col items-center w-16 h-[320px] py-4 px-0 gap-4"
+        "default": "flex flex-col w-[288px] p-4 rounded-lg border"
       },
       "variantColorHints": {
-        "default": "fill=#111827"
+        "default": "fill=#FFFFFF | stroke=#e2e8f0@1px"
       }
     },
-    "commandPalette": {
+    "shareModal": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[480px] rounded-lg border",
-      "baseColorHint": "fill=#ffffff | stroke=#e2e8f0@1px",
+      "baseClasses": "flex flex-col w-[448px] rounded-xl border",
+      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
       "slotIds": [
-        "commandPaletteInput",
-        "commandPaletteGroup"
+        "shareModalHeader",
+        "shareModalContent"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[480px] rounded-lg border"
+        "default": "flex flex-col w-[448px] rounded-xl border"
       },
       "variantColorHints": {
-        "default": "fill=#ffffff | stroke=#e2e8f0@1px"
+        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
       }
     },
-    "fileUploader": {
+    "sheet": {
+      "variantKeys": [
+        "right"
+      ],
+      "defaultVariantKey": "right",
+      "baseClasses": "flex flex-col w-[384px]",
+      "baseColorHint": null,
+      "slotIds": [
+        "sheetOverlay",
+        "sheetContent"
+      ],
+      "variantClasses": {
+        "right": "flex flex-col w-[384px]"
+      },
+      "variantColorHints": {}
+    },
+    "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"
+      }
+    }
+  },
+  "display": {
+    "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"
+      }
+    },
+    "accordionGroup": {
+      "variantKeys": [
+        "default",
+        "withDescription",
+        "withoutControls"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "withDescription": "w-full p-0",
+        "withoutControls": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "actionDataTable": {
+      "variantKeys": [
+        "default",
+        "selection",
+        "rowActions"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "selection": "w-full p-0",
+        "rowActions": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "activityTimelineCard": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "analyticsCard": {
+      "variantKeys": [
+        "default",
+        "positive",
+        "riskIncrease",
+        "flatWithFooter"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "positive": "w-full p-0",
+        "riskIncrease": "w-full p-0",
+        "flatWithFooter": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "assetCard": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0 rounded-lg",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0 rounded-lg",
+        "compact": "w-full p-0 rounded-md"
+      },
+      "variantColorHints": {}
+    },
+    "assetGrid": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "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"
+      }
+    },
+    "avatarGroup": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "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"
+      }
+    },
+    "barChart": {
+      "variantKeys": [
+        "vertical",
+        "horizontal"
+      ],
+      "defaultVariantKey": "vertical",
+      "baseClasses": "w-full h-[192px] p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "vertical": "w-full h-[192px] p-0",
+        "horizontal": "w-full h-[192px] p-0"
+      },
+      "variantColorHints": {}
+    },
+    "card": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col w-full rounded-lg border",
+      "baseColorHint": "fill=#FFFFFF | stroke=#e2e8f0@1px",
+      "slotIds": [
+        "cardHeader",
+        "cardContent",
+        "cardFooter"
+      ],
+      "variantClasses": {
+        "default": "flex flex-col w-full 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": {}
+    },
+    "chartLegend": {
+      "variantKeys": [
+        "horizontal",
+        "vertical"
+      ],
+      "defaultVariantKey": "horizontal",
+      "baseClasses": "inline-flex items-center w-full p-0 gap-2",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "horizontal": "inline-flex items-center w-full p-0 gap-2",
+        "vertical": "inline-flex items-center w-full p-0 gap-2"
+      },
+      "variantColorHints": {}
+    },
+    "chatMessage": {
+      "variantKeys": [
+        "assistant",
+        "user",
+        "system",
+        "typing"
+      ],
+      "defaultVariantKey": "assistant",
+      "baseClasses": "inline-flex items-center w-full p-4 gap-4",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "assistant": "inline-flex items-center w-full p-4 gap-4",
+        "user": "inline-flex items-center w-full p-4 gap-4",
+        "system": "w-full p-4",
+        "typing": "inline-flex items-center w-full p-4 gap-4"
+      },
+      "variantColorHints": {}
+    },
+    "choroplethMap": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "code": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "codeBlock": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "colorSwatch": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "concentricProgressCard": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "dataTable": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "distributionBar": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full h-9 p-0 rounded-full",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full h-9 p-0 rounded-full"
+      },
+      "variantColorHints": {}
+    },
+    "docNote": {
+      "variantKeys": [
+        "default",
+        "reference"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center w-full py-3 px-4 gap-1 rounded-md",
+      "baseColorHint": "fill=#f1f5f9",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center w-full py-3 px-4 gap-1 rounded-md",
+        "reference": "inline-flex items-center w-full py-3 px-4 gap-1 rounded-md"
+      },
+      "variantColorHints": {
+        "default": "fill=#f1f5f9",
+        "reference": "fill=#f8fafc"
+      }
+    },
+    "donutChart": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0 rounded-full",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0 rounded-full",
+        "compact": "w-full p-0 rounded-full"
+      },
+      "variantColorHints": {}
+    },
+    "emptyState": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "fileTree": {
+      "variantKeys": [
+        "single",
+        "multiple",
+        "actions"
+      ],
+      "defaultVariantKey": "single",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "single": "w-full p-0",
+        "multiple": "w-full p-0",
+        "actions": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "gaugeChart": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full h-[144px] p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full h-[144px] p-0",
+        "compact": "w-full h-[112px] p-0"
+      },
+      "variantColorHints": {}
+    },
+    "heatmapChart": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "icon": {
+      "variantKeys": [
+        "sm",
+        "xs",
+        "md",
+        "lg",
+        "xl"
+      ],
+      "defaultVariantKey": "sm",
+      "baseClasses": "w-4 h-4 p-0",
+      "baseColorHint": "fill=#64748b",
+      "slotIds": [],
+      "variantClasses": {
+        "sm": "w-4 h-4 p-0",
+        "xs": "w-3 h-3 p-0",
+        "md": "w-5 h-5 p-0",
+        "lg": "w-6 h-6 p-0",
+        "xl": "w-8 h-8 p-0"
+      },
+      "variantColorHints": {
+        "sm": "fill=#64748b",
+        "xs": "fill=#64748b",
+        "md": "fill=#64748b",
+        "lg": "fill=#64748b",
+        "xl": "fill=#64748b"
+      }
+    },
+    "imagePreview": {
+      "variantKeys": [
+        "default",
+        "contain",
+        "empty"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0 rounded-lg",
+      "baseColorHint": "fill=#f8fafc",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0 rounded-lg",
+        "contain": "w-full p-0 rounded-lg",
+        "empty": "w-full p-0 rounded-lg"
+      },
+      "variantColorHints": {
+        "default": "fill=#f8fafc",
+        "contain": "fill=#f8fafc",
+        "empty": "fill=#f8fafc"
+      }
+    },
+    "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"
+      }
+    },
+    "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"
+      }
+    },
+    "labeledDonutCard": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "lineChart": {
+      "variantKeys": [
+        "line",
+        "area"
+      ],
+      "defaultVariantKey": "line",
+      "baseClasses": "w-full h-[260px] p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "line": "w-full h-[260px] p-0",
+        "area": "w-full h-[260px] p-0"
+      },
+      "variantColorHints": {}
+    },
+    "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": {}
+    },
+    "markdownRenderer": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "metadataList": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "miniDistributionBarCard": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "pieChart": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0 rounded-full",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0 rounded-full",
+        "compact": "w-full p-0 rounded-full"
+      },
+      "variantColorHints": {}
+    },
+    "quadrantMatrix": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "radarChart": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full h-[256px] p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full h-[256px] p-0",
+        "compact": "w-full h-[208px] p-0"
+      },
+      "variantColorHints": {}
+    },
+    "radialBarChart": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full h-[224px] p-0 rounded-full",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full h-[224px] p-0 rounded-full",
+        "compact": "w-full h-[176px] p-0 rounded-full"
+      },
+      "variantColorHints": {}
+    },
+    "retentionCohortCard": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "ribbonChart": {
+      "variantKeys": [
+        "flow",
+        "stacked"
+      ],
+      "defaultVariantKey": "flow",
+      "baseClasses": "w-full h-[260px] p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "flow": "w-full h-[260px] p-0",
+        "stacked": "w-full h-[260px] p-0"
+      },
+      "variantColorHints": {}
+    },
+    "searchableAccordion": {
+      "variantKeys": [
+        "default",
+        "withCategories",
+        "empty"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "withCategories": "w-full p-0",
+        "empty": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "segmentedGaugeCard": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "segmentTimelineCard": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "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": {}
+    },
+    "spacer": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "sparklineChart": {
+      "variantKeys": [
+        "line",
+        "area",
+        "step"
+      ],
+      "defaultVariantKey": "line",
+      "baseClasses": "w-full h-24 p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "line": "w-full h-24 p-0",
+        "area": "w-full h-24 p-0",
+        "step": "w-full h-24 p-0"
+      },
+      "variantColorHints": {}
+    },
+    "stackedBarChart": {
+      "variantKeys": [
+        "vertical",
+        "horizontal"
+      ],
+      "defaultVariantKey": "vertical",
+      "baseClasses": "w-full h-[224px] p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "vertical": "w-full h-[224px] p-0",
+        "horizontal": "w-full h-[224px] p-0"
+      },
+      "variantColorHints": {}
+    },
+    "statistic": {
+      "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"
+      }
+    },
+    "tag": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "tagEditor": {
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0",
+        "compact": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "timeline": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "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"
+      }
+    },
+    "treeView": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    }
+  },
+  "inputs": {
+    "button": {
+      "variantKeys": [
+        "default",
+        "destructive",
+        "outline",
+        "secondary",
+        "ghost",
+        "link",
+        "primary",
+        "info",
+        "success",
+        "warning"
+      ],
+      "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",
+        "primary": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium",
+        "info": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium",
+        "success": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg text-sm font-medium",
+        "warning": "inline-flex items-center h-9 py-2 px-4 gap-2 rounded-lg 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",
+        "primary": "fill=#394794 | text=#f8fafc",
+        "info": "fill=#1d4ed8 | text=#f8fafc",
+        "success": "fill=#15803d | text=#f8fafc",
+        "warning": "fill=#b45309 | text=#f8fafc"
+      }
+    },
+    "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"
+      }
+    },
+    "chatComposer": {
+      "variantKeys": [
+        "default",
+        "context",
+        "prompt"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center w-full p-0 gap-3",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center w-full p-0 gap-3",
+        "context": "inline-flex items-center w-full p-0 gap-3",
+        "prompt": "inline-flex items-center w-full p-0 gap-3"
+      },
+      "variantColorHints": {}
+    },
+    "chatInput": {
+      "variantKeys": [
+        "default",
+        "processing"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "inline-flex items-center w-full p-3 gap-2",
+      "baseColorHint": "fill=#ffffff",
+      "slotIds": [],
+      "variantClasses": {
+        "default": "inline-flex items-center w-full p-3 gap-2",
+        "processing": "inline-flex items-center w-full p-3 gap-2"
+      },
+      "variantColorHints": {
+        "default": "fill=#ffffff",
+        "processing": "fill=#ffffff"
+      }
+    },
+    "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"
+      }
+    },
+    "combobox": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "copyButton": {
+      "variantKeys": [
+        "default",
+        "label"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "",
+        "label": ""
+      },
+      "variantColorHints": {}
+    },
+    "datePicker": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "dateRangePicker": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "editableField": {
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "baseClasses": "w-full p-0",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {
+        "default": "w-full p-0"
+      },
+      "variantColorHints": {}
+    },
+    "fileUploader": {
       "variantKeys": [
         "default"
       ],
@@ -997,264 +2167,334 @@ export const componentStyleHints = {
       },
       "variantColorHints": {}
     },
-    "floatingPanel": {
+    "filterButton": {
       "variantKeys": [
-        "glass"
+        "default",
+        "selected",
+        "popover"
       ],
-      "defaultVariantKey": "glass",
-      "baseClasses": "flex flex-col w-[360px] rounded-2xl border",
-      "baseColorHint": "fill=#ffffffcc | stroke=#dddddd@1px",
+      "defaultVariantKey": "default",
+      "baseClasses": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md border",
+      "baseColorHint": "stroke=#e2e8f0@1px",
       "slotIds": [
-        "floatingPanelTitleBar",
-        "floatingPanelContent"
+        "filterButtonIcon",
+        "filterButtonLabel"
       ],
       "variantClasses": {
-        "glass": "flex flex-col w-[360px] rounded-2xl border"
+        "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": {
-        "glass": "fill=#ffffffcc | stroke=#dddddd@1px"
+        "default": "stroke=#e2e8f0@1px",
+        "selected": "stroke=#e2e8f0@1px",
+        "popover": "fill=#ffffff | stroke=#e2e8f0@1px"
+      }
+    },
+    "form": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "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"
       }
     },
-    "inspectorPanel": {
+    "inputOTP": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "label": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "mention": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "numberInput": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "passwordGroup": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "passwordInput": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "passwordRequirementList": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "passwordStrengthMeter": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "phoneInput": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "postalCodeInput": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "radioGroup": {
       "variantKeys": [
-        "default"
-      ],
-      "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[320px] h-[420px] border",
-      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
-      "slotIds": [
-        "inspectorPanelHeader",
-        "inspectorPanelBody"
+        "unchecked",
+        "checked"
       ],
+      "defaultVariantKey": "unchecked",
+      "baseClasses": "w-4 h-4 rounded-lg border bg-transparent",
+      "baseColorHint": "fill=transparent | stroke=#e2e8f0@1px",
+      "slotIds": [],
       "variantClasses": {
-        "default": "flex flex-col w-[320px] h-[420px] border"
+        "unchecked": "w-4 h-4 rounded-lg border bg-transparent",
+        "checked": "w-4 h-4 rounded-lg border bg-transparent"
       },
       "variantColorHints": {
-        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
+        "unchecked": "fill=transparent | stroke=#e2e8f0@1px",
+        "checked": "fill=transparent | stroke=#0c0c12@1px"
       }
     },
-    "rightRail": {
+    "rangeSlider": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[256px] h-[360px] border",
-      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
-      "slotIds": [
-        "rightRailHeader",
-        "rightRailItem"
-      ],
+      "baseClasses": "w-[240px] h-7",
+      "baseColorHint": null,
+      "slotIds": [],
       "variantClasses": {
-        "default": "flex flex-col w-[256px] h-[360px] border"
+        "default": "w-[240px] h-7"
       },
-      "variantColorHints": {
-        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
-      }
+      "variantColorHints": {}
     },
-    "shareModal": {
+    "searchInput": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
+      "baseColorHint": null,
+      "slotIds": [],
+      "variantClasses": {},
+      "variantColorHints": {}
+    },
+    "select": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[448px] rounded-xl border",
-      "baseColorHint": "fill=#ffffff | stroke=#e5e7eb@1px",
-      "slotIds": [
-        "shareModalHeader",
-        "shareModalContent"
-      ],
+      "baseClasses": "inline-flex items-center w-[200px] h-9 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal",
+      "baseColorHint": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b",
+      "slotIds": [],
       "variantClasses": {
-        "default": "flex flex-col w-[448px] rounded-xl border"
+        "default": "inline-flex items-center w-[200px] h-9 py-2 px-3 rounded-lg border bg-transparent text-sm font-normal"
       },
       "variantColorHints": {
-        "default": "fill=#ffffff | stroke=#e5e7eb@1px"
+        "default": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b"
       }
     },
-    "spatialCanvas": {
+    "slider": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[640px] h-[360px]",
-      "baseColorHint": "fill=#f9fafb",
-      "slotIds": [
-        "spatialCanvasHint",
-        "spatialCanvasHintDetail"
-      ],
+      "baseClasses": "w-[200px] h-5 rounded-[10px]",
+      "baseColorHint": "fill=#e2e8f0",
+      "slotIds": [],
       "variantClasses": {
-        "default": "flex flex-col w-[640px] h-[360px]"
+        "default": "w-[200px] h-5 rounded-[10px]"
       },
       "variantColorHints": {
-        "default": "fill=#f9fafb"
+        "default": "fill=#e2e8f0"
       }
     },
-    "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": {
+    "sortButton": {
       "variantKeys": [
-        "default"
+        "none",
+        "asc",
+        "desc"
       ],
-      "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+      "defaultVariantKey": "none",
+      "baseClasses": "flex flex-col items-center h-9 py-2 px-3 gap-2 rounded-md",
       "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"
+        "sortButtonIcon",
+        "sortButtonLabel"
       ],
       "variantClasses": {
-        "default": "flex flex-col w-[1280px] h-[720px]"
+        "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": {
-        "default": "fill=#ffffff"
+        "asc": "fill=#eef2ff",
+        "desc": "fill=#fff7ed"
       }
     },
-    "chatTemplate": {
+    "switch": {
       "variantKeys": [
-        "default"
-      ],
-      "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
-      "baseColorHint": "fill=#ffffff",
-      "slotIds": [
-        "chatTemplateSidebarList",
-        "chatTemplateMainArea",
-        "chatTemplateSidebarDetail"
+        "unchecked",
+        "checked"
       ],
+      "defaultVariantKey": "unchecked",
+      "baseClasses": "w-11 h-6 p-0.5 rounded-full",
+      "baseColorHint": "fill=#f1f5f9",
+      "slotIds": [],
       "variantClasses": {
-        "default": "flex flex-col w-[1280px] h-[720px]"
+        "unchecked": "w-11 h-6 p-0.5 rounded-full",
+        "checked": "w-11 h-6 p-0.5 rounded-full"
       },
       "variantColorHints": {
-        "default": "fill=#ffffff"
+        "unchecked": "fill=#f1f5f9",
+        "checked": "fill=#0c0c12"
       }
     },
-    "dashboardTemplate": {
-      "variantKeys": [
-        "default"
-      ],
-      "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+    "tagInput": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
       "baseColorHint": null,
-      "slotIds": [
-        "dashboardTemplateHeader",
-        "dashboardTemplateBody"
-      ],
-      "variantClasses": {
-        "default": "flex flex-col w-[1280px] h-[720px]"
-      },
+      "slotIds": [],
+      "variantClasses": {},
       "variantColorHints": {}
     },
-    "editorTemplate": {
+    "textarea": {
       "variantKeys": [
-        "default"
+        "default",
+        "disabled"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
-      "baseColorHint": null,
-      "slotIds": [
-        "editorTemplateTopBar",
-        "editorTemplateBody"
-      ],
+      "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": "flex flex-col w-[1280px] h-[720px]"
+        "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": {}
+      "variantColorHints": {
+        "default": "fill=transparent | stroke=#e2e8f0@1px | text=#64748b",
+        "disabled": "fill=#f1f5f9 | stroke=#e2e8f0@1px | text=#94a3b8"
+      }
     },
-    "kanbanTemplate": {
-      "variantKeys": [
-        "default"
-      ],
-      "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+    "timePicker": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
       "baseColorHint": null,
-      "slotIds": [
-        "kanbanTemplateSidebar",
-        "kanbanTemplateMain"
-      ],
-      "variantClasses": {
-        "default": "flex flex-col w-[1280px] h-[720px]"
-      },
+      "slotIds": [],
+      "variantClasses": {},
       "variantColorHints": {}
     },
-    "landingTemplate": {
-      "variantKeys": [
-        "default"
-      ],
-      "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
+    "toggle": {
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "baseClasses": "",
       "baseColorHint": null,
-      "slotIds": [
-        "landingTemplateHeader",
-        "landingTemplateHero",
-        "landingTemplateFeatureSection"
-      ],
-      "variantClasses": {
-        "default": "flex flex-col w-[1280px] h-[720px]"
-      },
+      "slotIds": [],
+      "variantClasses": {},
       "variantColorHints": {}
     },
-    "mediaLibraryTemplate": {
+    "toggleGroup": {
       "variantKeys": [
-        "default"
+        "default",
+        "outline"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col w-[1280px] h-[720px]",
-      "baseColorHint": "fill=#ffffff",
-      "slotIds": [
-        "mediaLibraryTemplateHeader",
-        "mediaLibraryTemplateBody"
-      ],
+      "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": "flex flex-col w-[1280px] h-[720px]"
+        "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=#ffffff"
+        "default": "fill=#f1f5f9 | text=#0c0c12",
+        "outline": "fill=transparent | stroke=#e2e8f0@1px | text=#0c0c12"
       }
     },
-    "settingsTemplate": {
+    "tooltipButton": {
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "baseClasses": "flex flex-col items-center w-[1280px] h-[720px] gap-4",
+      "baseClasses": "",
       "baseColorHint": null,
-      "slotIds": [
-        "settingsTemplateMobileView",
-        "settingsTemplateDesktopView"
-      ],
+      "slotIds": [],
       "variantClasses": {
-        "default": "flex flex-col items-center w-[1280px] h-[720px] gap-4"
+        "default": ""
       },
       "variantColorHints": {}
     }