@nextop-os/ui-system 0.0.16 → 0.0.18

package/dist/metadata/index.js

@@ -640,6 +640,71 @@ var components_default = {
       useCases: ["Option group labels"],
       migrationHints: []
     },
+    {
+      id: "select-split-layout",
+      layer: "base",
+      name: "SelectSplitLayout",
+      export: "SelectSplitLayout",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/select.tsx",
+      description: "Two-column Select menu layout for model and setting selection.",
+      useCases: ["Model selection", "Asymmetric option groups"],
+      migrationHints: []
+    },
+    {
+      id: "select-split-column",
+      layer: "base",
+      name: "SelectSplitColumn",
+      export: "SelectSplitColumn",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/select.tsx",
+      description: "Column container for split Select menu sections.",
+      useCases: ["Model selection columns"],
+      migrationHints: []
+    },
+    {
+      id: "select-split-column-label",
+      layer: "base",
+      name: "SelectSplitColumnLabel",
+      export: "SelectSplitColumnLabel",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/select.tsx",
+      description: "Section label for split Select menu columns.",
+      useCases: ["Model selection labels"],
+      migrationHints: []
+    },
+    {
+      id: "select-split-column-items",
+      layer: "base",
+      name: "SelectSplitColumnItems",
+      export: "SelectSplitColumnItems",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/select.tsx",
+      description: "Scrollable item stack for split Select menu columns.",
+      useCases: ["Scrollable model option columns"],
+      migrationHints: []
+    },
+    {
+      id: "select-split-divider",
+      layer: "base",
+      name: "SelectSplitDivider",
+      export: "SelectSplitDivider",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/select.tsx",
+      description: "Vertical separator between split Select menu columns.",
+      useCases: ["Model selection dividers"],
+      migrationHints: []
+    },
     {
       id: "select-scroll-down-button",
       layer: "base",
@@ -812,7 +877,385 @@ var components_default = {
       migrationHints: []
     },
     {
-      id: "nextop-mark",
+      id: "checkbox",
+      layer: "base",
+      name: "Checkbox",
+      export: "Checkbox",
+      from: "@nextop-os/ui-system/components",
+      category: "primitive",
+      status: "stable",
+      source: "src/components/checkbox.tsx",
+      description: "Compact boolean checkbox primitive for dense workbench forms and lists.",
+      useCases: [
+        "Settings forms",
+        "Bulk row selection",
+        "Boolean field toggles"
+      ],
+      migrationHints: [
+        "Replace local Radix checkbox wrappers with the shared Checkbox to keep token and focus treatment aligned."
+      ],
+      storyboard: true
+    },
+    {
+      id: "switch",
+      layer: "base",
+      name: "Switch",
+      export: "Switch",
+      from: "@nextop-os/ui-system/components",
+      category: "primitive",
+      status: "stable",
+      source: "src/components/switch.tsx",
+      description: "Immediate on-off switch primitive for preference and runtime toggles.",
+      useCases: [
+        "Settings panels",
+        "Feature toggles",
+        "Inline enable or disable controls"
+      ],
+      migrationHints: [
+        "Use the shared Switch instead of product-local toggles so checked and focus states stay consistent."
+      ],
+      storyboard: true
+    },
+    {
+      id: "tooltip",
+      layer: "base",
+      name: "Tooltip",
+      export: "Tooltip",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/tooltip.tsx",
+      description: "Tooltip root primitive for short contextual guidance and control labels.",
+      useCases: ["Icon button hints", "Dense UI annotations"],
+      migrationHints: [],
+      storyboard: true
+    },
+    {
+      id: "tooltip-provider",
+      layer: "base",
+      name: "TooltipProvider",
+      export: "TooltipProvider",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/tooltip.tsx",
+      description: "Provider primitive for tooltip timing behavior.",
+      useCases: ["Tooltip setup"],
+      migrationHints: []
+    },
+    {
+      id: "tooltip-trigger",
+      layer: "base",
+      name: "TooltipTrigger",
+      export: "TooltipTrigger",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/tooltip.tsx",
+      description: "Trigger primitive that anchors shared tooltip content.",
+      useCases: ["Hover targets", "Focus targets"],
+      migrationHints: []
+    },
+    {
+      id: "tooltip-content",
+      layer: "base",
+      name: "TooltipContent",
+      export: "TooltipContent",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/tooltip.tsx",
+      description: "Tooltip surface content primitive with shared workbench styling.",
+      useCases: ["Short helper copy", "Keyboard shortcut hints"],
+      migrationHints: []
+    },
+    {
+      id: "tooltip-portal",
+      layer: "base",
+      name: "TooltipPortal",
+      export: "TooltipPortal",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/tooltip.tsx",
+      description: "Tooltip portal primitive for layered rendering.",
+      useCases: ["Tooltip layering"],
+      migrationHints: []
+    },
+    {
+      id: "popover",
+      layer: "base",
+      name: "Popover",
+      export: "Popover",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/popover.tsx",
+      description: "Popover root primitive for anchored floating workbench panels.",
+      useCases: [
+        "Inline settings",
+        "Contextual action menus",
+        "Inspector flyouts"
+      ],
+      migrationHints: [],
+      storyboard: true
+    },
+    {
+      id: "popover-trigger",
+      layer: "base",
+      name: "PopoverTrigger",
+      export: "PopoverTrigger",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/popover.tsx",
+      description: "Trigger primitive that anchors popover content.",
+      useCases: ["Popover entry buttons"],
+      migrationHints: []
+    },
+    {
+      id: "popover-content",
+      layer: "base",
+      name: "PopoverContent",
+      export: "PopoverContent",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/popover.tsx",
+      description: "Shared popover surface primitive with workbench panel styling.",
+      useCases: ["Filters", "Small forms", "Inline command groups"],
+      migrationHints: []
+    },
+    {
+      id: "popover-anchor",
+      layer: "base",
+      name: "PopoverAnchor",
+      export: "PopoverAnchor",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/popover.tsx",
+      description: "Anchor primitive for explicit popover positioning.",
+      useCases: ["Custom overlay anchors"],
+      migrationHints: []
+    },
+    {
+      id: "popover-portal",
+      layer: "base",
+      name: "PopoverPortal",
+      export: "PopoverPortal",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/popover.tsx",
+      description: "Popover portal primitive for layered rendering.",
+      useCases: ["Popover layering"],
+      migrationHints: []
+    },
+    {
+      id: "popover-close",
+      layer: "base",
+      name: "PopoverClose",
+      export: "PopoverClose",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/popover.tsx",
+      description: "Close primitive for popover content actions.",
+      useCases: ["Dismiss actions in popovers"],
+      migrationHints: []
+    },
+    {
+      id: "textarea",
+      layer: "base",
+      name: "Textarea",
+      export: "Textarea",
+      from: "@nextop-os/ui-system/components",
+      category: "primitive",
+      status: "stable",
+      source: "src/components/textarea.tsx",
+      description: "Multi-line text input primitive aligned with shared workbench field tokens.",
+      useCases: ["Prompt editors", "Notes", "Long-form form fields"],
+      migrationHints: [
+        "Prefer the shared Textarea over custom textarea classes so invalid, disabled, and focus states stay consistent."
+      ],
+      storyboard: true
+    },
+    {
+      id: "spinner",
+      layer: "base",
+      name: "Spinner",
+      export: "Spinner",
+      from: "@nextop-os/ui-system/components",
+      category: "primitive",
+      status: "stable",
+      source: "src/components/spinner.tsx",
+      description: "Lightweight loading spinner primitive for inline and panel-level busy states.",
+      useCases: [
+        "Button busy indicators",
+        "Inline loading states",
+        "Panel loading placeholders"
+      ],
+      migrationHints: [
+        "Use Spinner instead of rotating icon ad-hoc classes when the intent is a generic busy indicator."
+      ],
+      storyboard: true
+    },
+    {
+      id: "underline-tabs",
+      layer: "base",
+      name: "UnderlineTabs",
+      export: "UnderlineTabs",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/underline-tabs.tsx",
+      description: "Scrollable underline tab row primitive for dense pane navigation.",
+      useCases: [
+        "Pane switching",
+        "Workbench sub-navigation",
+        "Entity detail tabs"
+      ],
+      migrationHints: [],
+      storyboard: true
+    },
+    {
+      id: "date-picker",
+      layer: "base",
+      name: "DatePicker",
+      export: "DatePicker",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/date-picker.tsx",
+      description: "Host-agnostic calendar picker with layered month grid popover.",
+      useCases: ["Date filters", "Scheduling fields", "Deadline selection"],
+      migrationHints: [],
+      storyboard: true
+    },
+    {
+      id: "status-dot",
+      layer: "base",
+      name: "StatusDot",
+      export: "StatusDot",
+      from: "@nextop-os/ui-system/components",
+      category: "primitive",
+      status: "stable",
+      source: "src/components/status-dot.tsx",
+      description: "Small semantic presence and status marker with optional pulse treatment.",
+      useCases: [
+        "Connection status",
+        "Runtime state",
+        "Row metadata markers"
+      ],
+      migrationHints: [],
+      storyboard: true
+    },
+    {
+      id: "status-dot-variants",
+      layer: "base",
+      name: "statusDotVariants",
+      export: "statusDotVariants",
+      from: "@nextop-os/ui-system/components",
+      category: "utility",
+      status: "stable",
+      source: "src/components/status-dot.tsx",
+      description: "Class variance helper for StatusDot tone, size, and pulse styling.",
+      useCases: ["Composing StatusDot-compatible wrappers"],
+      migrationHints: []
+    },
+    {
+      id: "menu-surface",
+      layer: "base",
+      name: "MenuSurface",
+      export: "MenuSurface",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/menu-surface.tsx",
+      description: "Token-backed menu container for small floating command and navigation surfaces.",
+      useCases: [
+        "Dropdown menu panels",
+        "Compact switchers",
+        "Floating command surfaces"
+      ],
+      migrationHints: [],
+      storyboard: true
+    },
+    {
+      id: "menu-surface-class-name",
+      layer: "base",
+      name: "menuSurfaceClassName",
+      export: "menuSurfaceClassName",
+      from: "@nextop-os/ui-system/components",
+      category: "utility",
+      status: "stable",
+      source: "src/components/menu-surface.tsx",
+      description: "Shared class contract for composing MenuSurface-compatible wrappers.",
+      useCases: ["Composing menu-compatible surfaces"],
+      migrationHints: []
+    },
+    {
+      id: "menu-item-class-name",
+      layer: "base",
+      name: "menuItemClassName",
+      export: "menuItemClassName",
+      from: "@nextop-os/ui-system/components",
+      category: "utility",
+      status: "stable",
+      source: "src/components/menu-surface.tsx",
+      description: "Shared token-backed item class for MenuSurface-compatible menu rows.",
+      useCases: ["Composing menu-compatible selectable rows"],
+      migrationHints: []
+    },
+    {
+      id: "menu-item-with-indicator-class-name",
+      layer: "base",
+      name: "menuItemWithIndicatorClassName",
+      export: "menuItemWithIndicatorClassName",
+      from: "@nextop-os/ui-system/components",
+      category: "utility",
+      status: "stable",
+      source: "src/components/menu-surface.tsx",
+      description: "Shared token-backed item class for MenuSurface rows with trailing indicators.",
+      useCases: [
+        "Composing menu-compatible radio, checkbox, and select rows"
+      ],
+      migrationHints: []
+    },
+    {
+      id: "menu-item-indicator-class-name",
+      layer: "base",
+      name: "menuItemIndicatorClassName",
+      export: "menuItemIndicatorClassName",
+      from: "@nextop-os/ui-system/components",
+      category: "utility",
+      status: "stable",
+      source: "src/components/menu-surface.tsx",
+      description: "Shared trailing indicator placement class for MenuSurface-compatible menu rows.",
+      useCases: ["Positioning selected, radio, and checkbox menu indicators"],
+      migrationHints: []
+    },
+    {
+      id: "viewport-menu-surface",
+      layer: "base",
+      name: "ViewportMenuSurface",
+      export: "ViewportMenuSurface",
+      from: "@nextop-os/ui-system/components",
+      category: "composition",
+      status: "stable",
+      source: "src/components/viewport-menu-surface.tsx",
+      description: "Viewport-aware floating menu surface for absolute and point-based placement.",
+      useCases: [
+        "Canvas context menus",
+        "Floating action menus",
+        "Viewport-bounded overlays"
+      ],
+      migrationHints: [],
+      storyboard: true
+    },
+    {
+      id: "nextop-mark-filled-icon",
       layer: "base",
       name: "NextopMark",
       export: "NextopMark",
@@ -822,10 +1265,11 @@ var components_default = {
       source: "src/icons/nextop-mark.tsx",
       description: "Nextop brand mark SVG icon.",
       useCases: ["Brand marks", "Application identity"],
-      migrationHints: []
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "launch-icon",
+      id: "launch-lined-icon",
       layer: "base",
       name: "LaunchIcon",
       export: "LaunchIcon",
@@ -835,10 +1279,11 @@ var components_default = {
       source: "src/icons/system-icons.tsx",
       description: "System icon for launch or external navigation actions.",
       useCases: ["Launch actions", "External links"],
-      migrationHints: []
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "folder-icon",
+      id: "folder-lined-icon",
       layer: "base",
       name: "FolderIcon",
       export: "FolderIcon",
@@ -848,23 +1293,39 @@ var components_default = {
       source: "src/icons/system-icons.tsx",
       description: "System icon for folders or open directories.",
       useCases: ["Folders", "Directory navigation"],
-      migrationHints: []
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "dashboard-icon",
+      id: "folder-filled-icon",
       layer: "base",
-      name: "DashboardIcon",
-      export: "DashboardIcon",
+      name: "FolderFilledIcon",
+      export: "FolderFilledIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for dashboard or home surfaces.",
-      useCases: ["Dashboards", "Home navigation"],
-      migrationHints: []
+      description: "Filled system icon for folders or open directories.",
+      useCases: ["Folders", "Directory navigation", "Folder highlights"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "new-workspace-icon",
+      id: "dashboard-lined-icon",
+      layer: "base",
+      name: "DashboardIcon",
+      export: "DashboardIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for dashboard or home surfaces.",
+      useCases: ["Dashboards", "Home navigation"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "new-workspace-filled-icon",
       layer: "base",
       name: "NewWorkspaceIcon",
       export: "NewWorkspaceIcon",
@@ -874,10 +1335,11 @@ var components_default = {
       source: "src/icons/system-icons.tsx",
       description: "System icon for creating a workspace or folder.",
       useCases: ["Create workspace actions", "New folder actions"],
-      migrationHints: []
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "health-icon",
+      id: "health-lined-icon",
       layer: "base",
       name: "HealthIcon",
       export: "HealthIcon",
@@ -887,540 +1349,1146 @@ var components_default = {
       source: "src/icons/system-icons.tsx",
       description: "System icon for health or storage state.",
       useCases: ["System status", "Storage indicators"],
-      migrationHints: []
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "alert-filled-icon",
+      layer: "base",
+      name: "AlertIcon",
+      export: "AlertIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for alerts or warnings.",
+      useCases: ["Warnings", "Error states"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "loading-lined-icon",
+      layer: "base",
+      name: "LoadingIcon",
+      export: "LoadingIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for loading or progress states.",
+      useCases: ["Loading states", "Busy indicators"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "platform-lined-icon",
+      layer: "base",
+      name: "PlatformIcon",
+      export: "PlatformIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for platform or environment settings.",
+      useCases: ["Platform settings", "Environment indicators"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "spark-filled-icon",
+      layer: "base",
+      name: "SparkIcon",
+      export: "SparkIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for spark or assistant-oriented affordances.",
+      useCases: ["AI actions", "Highlights"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "settings-lined-icon",
+      layer: "base",
+      name: "SettingsIcon",
+      export: "SettingsIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for settings.",
+      useCases: ["Settings navigation", "Configuration actions"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "close-lined-icon",
+      layer: "base",
+      name: "CloseIcon",
+      export: "CloseIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for close or dismiss actions.",
+      useCases: ["Close buttons", "Dismiss actions"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "minimize-lined-icon",
+      layer: "base",
+      name: "MinimizeIcon",
+      export: "MinimizeIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for minimize actions.",
+      useCases: ["Window controls", "Collapse actions"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "maximize-lined-icon",
+      layer: "base",
+      name: "MaximizeIcon",
+      export: "MaximizeIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for maximize actions.",
+      useCases: ["Window controls", "Expand actions"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "restore-lined-icon",
+      layer: "base",
+      name: "RestoreIcon",
+      export: "RestoreIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for restore actions.",
+      useCases: ["Window controls", "Restore actions"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "layout-menu-lined-icon",
+      layer: "base",
+      name: "LayoutMenuIcon",
+      export: "LayoutMenuIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for layout menu controls.",
+      useCases: ["Layout menus", "Panel controls"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "grid-left-lined-icon",
+      layer: "base",
+      name: "GridLeftLinedIcon",
+      export: "GridLeftLinedIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for grid layouts with a left panel.",
+      useCases: ["Layout controls", "Left panel placement", "Grid previews"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "grid-right-lined-icon",
+      layer: "base",
+      name: "GridRightLinedIcon",
+      export: "GridRightLinedIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for grid layouts with a right panel.",
+      useCases: ["Layout controls", "Right panel placement", "Grid previews"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "grid-top-lined-icon",
+      layer: "base",
+      name: "GridTopLinedIcon",
+      export: "GridTopLinedIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for grid layouts with a top panel.",
+      useCases: ["Layout controls", "Top panel placement", "Grid previews"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "grid-bottom-lined-icon",
+      layer: "base",
+      name: "GridBottomLinedIcon",
+      export: "GridBottomLinedIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for grid layouts with a bottom panel.",
+      useCases: [
+        "Layout controls",
+        "Bottom panel placement",
+        "Grid previews"
+      ],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "arrow-left-lined-icon",
+      layer: "base",
+      name: "ArrowLeftIcon",
+      export: "ArrowLeftIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for left navigation.",
+      useCases: ["Back navigation", "Previous actions"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "arrow-right-lined-icon",
+      layer: "base",
+      name: "ArrowRightIcon",
+      export: "ArrowRightIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for right navigation.",
+      useCases: ["Forward navigation", "Next actions"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "check-lined-icon",
+      layer: "base",
+      name: "CheckIcon",
+      export: "CheckIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for selected or confirmed states.",
+      useCases: ["Selected items", "Confirmed states"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "chevron-down-lined-icon",
+      layer: "base",
+      name: "ChevronDownIcon",
+      export: "ChevronDownIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for downward disclosure or menu controls.",
+      useCases: ["Select triggers", "Dropdown controls"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "chevron-up-lined-icon",
+      layer: "base",
+      name: "ChevronUpIcon",
+      export: "ChevronUpIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for upward disclosure or scroll controls.",
+      useCases: ["Scrollable menus", "Disclosure controls"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "add-lined-icon",
+      layer: "base",
+      name: "AddIcon",
+      export: "AddIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for add or create actions.",
+      useCases: ["Add buttons", "Create controls"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "copy-lined-icon",
+      layer: "base",
+      name: "CopyIcon",
+      export: "CopyIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for copy actions.",
+      useCases: ["Copy buttons"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "directory-filled-icon",
+      layer: "base",
+      name: "DirectoryIcon",
+      export: "DirectoryIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for directories.",
+      useCases: ["Directory items", "Folder paths"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "eye-lined-icon",
+      layer: "base",
+      name: "EyeIcon",
+      export: "EyeIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for viewing or previewing content.",
+      useCases: ["Preview actions", "Visibility controls"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "file-filled-icon",
+      layer: "base",
+      name: "FileIcon",
+      export: "FileIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for generic files.",
+      useCases: ["File items", "Document lists"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "file-text-filled-icon",
+      layer: "base",
+      name: "FileTextIcon",
+      export: "FileTextIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for text documents.",
+      useCases: ["Text files", "Document previews"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "file-code-filled-icon",
+      layer: "base",
+      name: "FileCodeIcon",
+      export: "FileCodeIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for code files.",
+      useCases: ["Code file items"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "file-create-filled-icon",
+      layer: "base",
+      name: "FileCreateIcon",
+      export: "FileCreateIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for creating files.",
+      useCases: ["New file actions"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "file-search-lined-icon",
+      layer: "base",
+      name: "FileSearchIcon",
+      export: "FileSearchIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for searching files.",
+      useCases: ["File search", "Inspect file actions"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "file-spreadsheet-filled-icon",
+      layer: "base",
+      name: "FileSpreadsheetIcon",
+      export: "FileSpreadsheetIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for spreadsheet files.",
+      useCases: ["Spreadsheet file items"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "image-file-filled-icon",
+      layer: "base",
+      name: "ImageFileIcon",
+      export: "ImageFileIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for image files.",
+      useCases: ["Image file items"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "app-window-lined-icon",
+      layer: "base",
+      name: "AppWindowIcon",
+      export: "AppWindowIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for application windows.",
+      useCases: ["Window controls", "Application surfaces"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "chevron-right-lined-icon",
+      layer: "base",
+      name: "ChevronRightIcon",
+      export: "ChevronRightIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for rightward disclosure or nested navigation.",
+      useCases: ["Disclosure controls", "Nested menu triggers"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "edit-lined-icon",
+      layer: "base",
+      name: "EditIcon",
+      export: "EditIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for edit actions.",
+      useCases: ["Edit buttons", "Toolbars"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "layout-grid-lined-icon",
+      layer: "base",
+      name: "LayoutGridIcon",
+      export: "LayoutGridIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for grid layout choices.",
+      useCases: ["Layout controls", "Grid view toggles"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "grid-horizontal-lined-icon",
+      layer: "base",
+      name: "GridHorizontalLinedIcon",
+      export: "GridHorizontalLinedIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for horizontal grid layout choices.",
+      useCases: ["Layout controls", "Window arrangement presets"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "grid-vertical-lined-icon",
+      layer: "base",
+      name: "GridVerticalLinedIcon",
+      export: "GridVerticalLinedIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for vertical grid layout choices.",
+      useCases: ["Layout controls", "Window arrangement presets"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "overview-layout-lined-icon",
+      layer: "base",
+      name: "OverviewLayoutIcon",
+      export: "OverviewLayoutIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for overview layout controls.",
+      useCases: ["Overview controls", "Window layout controls"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "more-horizontal-lined-icon",
+      layer: "base",
+      name: "MoreHorizontalIcon",
+      export: "MoreHorizontalIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for overflow or additional actions menus.",
+      useCases: ["Overflow menus", "Secondary action buttons"],
+      migrationHints: [],
+      iconVariant: "lined"
+    },
+    {
+      id: "layout-preset-filled-icon",
+      layer: "base",
+      name: "LayoutPresetIcon",
+      export: "LayoutPresetIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/layout-preset-icons.tsx",
+      description: "System icon for workspace layout preset choices.",
+      useCases: ["Layout preset controls", "Window arrangement menus"],
+      migrationHints: [],
+      iconVariant: "filled"
+    },
+    {
+      id: "refresh-lined-icon",
+      layer: "base",
+      name: "RefreshIcon",
+      export: "RefreshIcon",
+      from: "@nextop-os/ui-system/icons",
+      category: "icon",
+      status: "stable",
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for refresh actions.",
+      useCases: ["Refresh buttons", "Reload actions"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "alert-icon",
+      id: "search-lined-icon",
       layer: "base",
-      name: "AlertIcon",
-      export: "AlertIcon",
+      name: "SearchIcon",
+      export: "SearchIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for alerts or warnings.",
-      useCases: ["Warnings", "Error states"],
-      migrationHints: []
+      description: "System icon for search actions.",
+      useCases: ["Search inputs", "Search buttons"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "loading-icon",
+      id: "download-lined-icon",
       layer: "base",
-      name: "LoadingIcon",
-      export: "LoadingIcon",
+      name: "DownloadIcon",
+      export: "DownloadIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for loading or progress states.",
-      useCases: ["Loading states", "Busy indicators"],
-      migrationHints: []
+      description: "System icon for download or export actions.",
+      useCases: ["Download buttons", "Export actions"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "platform-icon",
+      id: "dark-mode-filled-icon",
       layer: "base",
-      name: "PlatformIcon",
-      export: "PlatformIcon",
+      name: "DarkModeIcon",
+      export: "DarkModeIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for platform or environment settings.",
-      useCases: ["Platform settings", "Environment indicators"],
-      migrationHints: []
+      description: "System icon for dark appearance controls.",
+      useCases: ["Theme controls", "Dark mode toggles"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "spark-icon",
+      id: "light-mode-filled-icon",
       layer: "base",
-      name: "SparkIcon",
-      export: "SparkIcon",
+      name: "LightModeIcon",
+      export: "LightModeIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for spark or assistant-oriented affordances.",
-      useCases: ["AI actions", "Highlights"],
-      migrationHints: []
+      description: "System icon for light appearance controls.",
+      useCases: ["Theme controls", "Light mode toggles"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "settings-icon",
+      id: "delete-lined-icon",
       layer: "base",
-      name: "SettingsIcon",
-      export: "SettingsIcon",
+      name: "DeleteIcon",
+      export: "DeleteIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for settings.",
-      useCases: ["Settings navigation", "Configuration actions"],
-      migrationHints: []
+      description: "System icon for delete actions.",
+      useCases: ["Delete buttons", "Destructive actions"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "close-icon",
+      id: "upload-lined-icon",
       layer: "base",
-      name: "CloseIcon",
-      export: "CloseIcon",
+      name: "UploadIcon",
+      export: "UploadIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for close or dismiss actions.",
-      useCases: ["Close buttons", "Dismiss actions"],
-      migrationHints: []
+      description: "System icon for upload actions.",
+      useCases: ["Upload buttons", "Import actions"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "minimize-icon",
+      id: "google-brand-filled-icon",
       layer: "base",
-      name: "MinimizeIcon",
-      export: "MinimizeIcon",
+      name: "GoogleBrandIcon",
+      export: "GoogleBrandIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for minimize actions.",
-      useCases: ["Window controls", "Collapse actions"],
-      migrationHints: []
+      description: "Google brand icon for sign-in or third-party account actions.",
+      useCases: ["Third-party authentication", "Brand buttons"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "maximize-icon",
+      id: "git-hub-brand-filled-icon",
       layer: "base",
-      name: "MaximizeIcon",
-      export: "MaximizeIcon",
+      name: "GitHubBrandIcon",
+      export: "GitHubBrandIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for maximize actions.",
-      useCases: ["Window controls", "Expand actions"],
-      migrationHints: []
+      description: "GitHub brand icon for sign-in or repository actions.",
+      useCases: ["Third-party authentication", "Repository actions"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "restore-icon",
+      id: "video-file-filled-icon",
       layer: "base",
-      name: "RestoreIcon",
-      export: "RestoreIcon",
+      name: "VideoFileIcon",
+      export: "VideoFileIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for restore actions.",
-      useCases: ["Window controls", "Restore actions"],
-      migrationHints: []
+      description: "System icon for video files.",
+      useCases: ["Video file items"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "layout-menu-icon",
+      id: "agent-sessions-filled-icon",
       layer: "base",
-      name: "LayoutMenuIcon",
-      export: "LayoutMenuIcon",
+      name: "AgentSessionsIcon",
+      export: "AgentSessionsIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for layout menu controls.",
-      useCases: ["Layout menus", "Panel controls"],
-      migrationHints: []
+      description: "System icon for agent session threads.",
+      useCases: ["Agent sessions", "Conversation history"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "quick-layout-left-icon",
+      id: "create-chat-filled-icon",
       layer: "base",
-      name: "QuickLayoutLeftIcon",
-      export: "QuickLayoutLeftIcon",
+      name: "CreateChatIcon",
+      export: "CreateChatIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for quick left-side layout actions.",
-      useCases: ["Layout controls", "Left panel placement"],
-      migrationHints: []
+      description: "System icon for creating a chat.",
+      useCases: ["Create chat actions", "New conversation controls"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "quick-layout-right-icon",
+      id: "folder-failed-filled-icon",
       layer: "base",
-      name: "QuickLayoutRightIcon",
-      export: "QuickLayoutRightIcon",
+      name: "FolderFailedIcon",
+      export: "FolderFailedIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for quick right-side layout actions.",
-      useCases: ["Layout controls", "Right panel placement"],
-      migrationHints: []
+      description: "System icon for failed folder states.",
+      useCases: ["Folder errors", "Failed directory states"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "quick-layout-top-icon",
+      id: "guide-lined-icon",
       layer: "base",
-      name: "QuickLayoutTopIcon",
-      export: "QuickLayoutTopIcon",
+      name: "GuideIcon",
+      export: "GuideIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for quick top layout actions.",
-      useCases: ["Layout controls", "Top panel placement"],
-      migrationHints: []
+      description: "System icon for guides or guided navigation.",
+      useCases: ["Guides", "Onboarding flows"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "quick-layout-bottom-icon",
+      id: "image-generate-lined-icon",
       layer: "base",
-      name: "QuickLayoutBottomIcon",
-      export: "QuickLayoutBottomIcon",
+      name: "ImageGenerateIcon",
+      export: "ImageGenerateIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for quick bottom layout actions.",
-      useCases: ["Layout controls", "Bottom panel placement"],
-      migrationHints: []
+      description: "System icon for image generation files or actions.",
+      useCases: ["Image generation", "Generated image outputs"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "arrow-left-icon",
+      id: "issue-filled-icon",
       layer: "base",
-      name: "ArrowLeftIcon",
-      export: "ArrowLeftIcon",
+      name: "IssueIcon",
+      export: "IssueIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for left navigation.",
-      useCases: ["Back navigation", "Previous actions"],
-      migrationHints: []
+      description: "System icon for issues or task records.",
+      useCases: ["Issues", "Tracked work items"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "arrow-right-icon",
+      id: "keyboard-filled-icon",
       layer: "base",
-      name: "ArrowRightIcon",
-      export: "ArrowRightIcon",
+      name: "KeyboardIcon",
+      export: "KeyboardIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for right navigation.",
-      useCases: ["Forward navigation", "Next actions"],
-      migrationHints: []
+      description: "System icon for keyboard input or shortcuts.",
+      useCases: ["Keyboard shortcuts", "Input devices"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "check-icon",
+      id: "link-lined-icon",
       layer: "base",
-      name: "CheckIcon",
-      export: "CheckIcon",
+      name: "LinkIcon",
+      export: "LinkIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for selected or confirmed states.",
-      useCases: ["Selected items", "Confirmed states"],
-      migrationHints: []
+      description: "System icon for links or connected resources.",
+      useCases: ["Links", "Connected resources"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "chevron-down-icon",
+      id: "locate-folder-lined-icon",
       layer: "base",
-      name: "ChevronDownIcon",
-      export: "ChevronDownIcon",
+      name: "LocateFolderIcon",
+      export: "LocateFolderIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for downward disclosure or menu controls.",
-      useCases: ["Select triggers", "Dropdown controls"],
-      migrationHints: []
+      description: "System icon for locating folders.",
+      useCases: ["Locate folder actions", "Directory search"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "chevron-up-icon",
+      id: "nav-agents-filled-icon",
       layer: "base",
-      name: "ChevronUpIcon",
-      export: "ChevronUpIcon",
+      name: "NavAgentsIcon",
+      export: "NavAgentsIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for upward disclosure or scroll controls.",
-      useCases: ["Scrollable menus", "Disclosure controls"],
-      migrationHints: []
+      description: "Navigation icon for agents.",
+      useCases: ["Agent navigation", "Agent lists"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "copy-icon",
+      id: "nav-launch-filled-icon",
       layer: "base",
-      name: "CopyIcon",
-      export: "CopyIcon",
+      name: "NavLaunchIcon",
+      export: "NavLaunchIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for copy actions.",
-      useCases: ["Copy buttons"],
-      migrationHints: []
+      description: "Navigation icon for launch or home surfaces.",
+      useCases: ["Launch navigation", "Home navigation"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "directory-icon",
+      id: "nav-templates-filled-icon",
       layer: "base",
-      name: "DirectoryIcon",
-      export: "DirectoryIcon",
+      name: "NavTemplatesIcon",
+      export: "NavTemplatesIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for directories.",
-      useCases: ["Directory items", "Folder paths"],
-      migrationHints: []
+      description: "Navigation icon for templates.",
+      useCases: ["Template navigation", "Preset libraries"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "eye-icon",
+      id: "open-sessions-filled-icon",
       layer: "base",
-      name: "EyeIcon",
-      export: "EyeIcon",
+      name: "OpenSessionsIcon",
+      export: "OpenSessionsIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for viewing or previewing content.",
-      useCases: ["Preview actions", "Visibility controls"],
-      migrationHints: []
+      description: "System icon for open sessions.",
+      useCases: ["Open sessions", "Active conversations"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "file-icon",
+      id: "panel-lined-icon",
       layer: "base",
-      name: "FileIcon",
-      export: "FileIcon",
+      name: "PanelIcon",
+      export: "PanelIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for generic files.",
-      useCases: ["File items", "Document lists"],
-      migrationHints: []
+      description: "System icon for panel layouts.",
+      useCases: ["Panel controls", "Pane layouts"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "file-code-icon",
+      id: "product-filled-icon",
       layer: "base",
-      name: "FileCodeIcon",
-      export: "FileCodeIcon",
+      name: "ProductIcon",
+      export: "ProductIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for code files.",
-      useCases: ["Code file items"],
-      migrationHints: []
+      description: "System icon for product documents or product surfaces.",
+      useCases: ["Product documents", "Product surfaces"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "file-create-icon",
+      id: "product-doc-lined-icon",
       layer: "base",
-      name: "FileCreateIcon",
-      export: "FileCreateIcon",
+      name: "ProductDocIcon",
+      export: "ProductDocIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for creating files.",
-      useCases: ["New file actions"],
-      migrationHints: []
+      description: "System icon for product documentation.",
+      useCases: ["Product documentation", "Document references"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "file-search-icon",
+      id: "web-lined-icon",
       layer: "base",
-      name: "FileSearchIcon",
-      export: "FileSearchIcon",
+      name: "WebIcon",
+      export: "WebIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for searching files.",
-      useCases: ["File search", "Inspect file actions"],
-      migrationHints: []
+      description: "System icon for web access.",
+      useCases: ["Web access", "Network-enabled actions"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "file-spreadsheet-icon",
+      id: "capability-lined-icon",
       layer: "base",
-      name: "FileSpreadsheetIcon",
-      export: "FileSpreadsheetIcon",
+      name: "CapabilityIcon",
+      export: "CapabilityIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for spreadsheet files.",
-      useCases: ["Spreadsheet file items"],
-      migrationHints: []
+      description: "System icon for capabilities.",
+      useCases: ["Capabilities", "Feature abilities"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "file-text-icon",
+      id: "task-lined-icon",
       layer: "base",
-      name: "FileTextIcon",
-      export: "FileTextIcon",
+      name: "TaskIcon",
+      export: "TaskIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for text files.",
-      useCases: ["Text file items", "Document file items"],
-      migrationHints: []
+      description: "System icon for tasks.",
+      useCases: ["Tasks", "Work item lists"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "image-file-icon",
+      id: "thinking-lined-icon",
       layer: "base",
-      name: "ImageFileIcon",
-      export: "ImageFileIcon",
+      name: "ThinkingIcon",
+      export: "ThinkingIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for image files.",
-      useCases: ["Image file items"],
-      migrationHints: []
+      description: "System icon for thinking or reasoning.",
+      useCases: ["Thinking states", "Reasoning indicators"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "app-window-icon",
+      id: "web-scrape-lined-icon",
       layer: "base",
-      name: "AppWindowIcon",
-      export: "AppWindowIcon",
+      name: "WebScrapeIcon",
+      export: "WebScrapeIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for application windows.",
-      useCases: ["Window controls", "Application surfaces"],
-      migrationHints: []
+      description: "System icon for website content capture.",
+      useCases: ["Website scraping", "Content capture"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "chevron-right-icon",
+      id: "chat-lined-icon",
       layer: "base",
-      name: "ChevronRightIcon",
-      export: "ChevronRightIcon",
+      name: "ChatIcon",
+      export: "ChatIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for rightward disclosure or nested navigation.",
-      useCases: ["Disclosure controls", "Nested menu triggers"],
-      migrationHints: []
+      description: "System icon for chat surfaces.",
+      useCases: ["Chat surfaces", "Conversation controls"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "edit-icon",
+      id: "rooms-hint-filled-icon",
       layer: "base",
-      name: "EditIcon",
-      export: "EditIcon",
+      name: "RoomsHintIcon",
+      export: "RoomsHintIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for edit actions.",
-      useCases: ["Edit buttons", "Toolbars"],
-      migrationHints: []
+      description: "System icon for room hints or room previews.",
+      useCases: ["Room hints", "Workspace room previews"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "layout-grid-icon",
+      id: "tools-lined-icon",
       layer: "base",
-      name: "LayoutGridIcon",
-      export: "LayoutGridIcon",
+      name: "ToolsIcon",
+      export: "ToolsIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for grid layout choices.",
-      useCases: ["Layout controls", "Grid view toggles"],
-      migrationHints: []
+      description: "System icon for tools and build actions.",
+      useCases: ["Tools", "Build actions"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "layout-preset-icon",
+      id: "unavailable-chat-filled-icon",
       layer: "base",
-      name: "LayoutPresetIcon",
-      export: "LayoutPresetIcon",
+      name: "UnavailableChatIcon",
+      export: "UnavailableChatIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
-      source: "src/icons/layout-preset-icons.tsx",
-      description: "System icon for workspace layout preset choices.",
-      useCases: ["Layout preset controls", "Window arrangement menus"],
-      migrationHints: []
+      source: "src/icons/system-icons.tsx",
+      description: "System icon for unavailable chat states.",
+      useCases: ["Unavailable chats", "Disabled conversations"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "refresh-icon",
+      id: "upload-folder-lined-icon",
       layer: "base",
-      name: "RefreshIcon",
-      export: "RefreshIcon",
+      name: "UploadFolderIcon",
+      export: "UploadFolderIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for refresh actions.",
-      useCases: ["Refresh buttons", "Reload actions"],
-      migrationHints: []
+      description: "System icon for uploading folders.",
+      useCases: ["Upload folders", "Directory imports"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "search-icon",
+      id: "failed-lined-icon",
       layer: "base",
-      name: "SearchIcon",
-      export: "SearchIcon",
+      name: "FailedLinedIcon",
+      export: "FailedLinedIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for search actions.",
-      useCases: ["Search inputs", "Search buttons"],
-      migrationHints: []
+      description: "System lined icon for failed states.",
+      useCases: ["Failed states", "Error summaries"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "delete-icon",
+      id: "failed-filled-icon",
       layer: "base",
-      name: "DeleteIcon",
-      export: "DeleteIcon",
+      name: "FailedFilledIcon",
+      export: "FailedFilledIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for delete actions.",
-      useCases: ["Delete buttons", "Destructive actions"],
-      migrationHints: []
+      description: "System filled icon for failed states.",
+      useCases: ["Failed states", "Error summaries"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "upload-icon",
+      id: "success-lined-icon",
       layer: "base",
-      name: "UploadIcon",
-      export: "UploadIcon",
+      name: "SuccessLinedIcon",
+      export: "SuccessLinedIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for upload actions.",
-      useCases: ["Upload buttons", "Import actions"],
-      migrationHints: []
+      description: "System lined icon for success states.",
+      useCases: ["Success states", "Completed work"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "google-brand-icon",
+      id: "success-filled-icon",
       layer: "base",
-      name: "GoogleBrandIcon",
-      export: "GoogleBrandIcon",
+      name: "SuccessFilledIcon",
+      export: "SuccessFilledIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "Google brand icon for sign-in or third-party account actions.",
-      useCases: ["Third-party authentication", "Brand buttons"],
-      migrationHints: []
+      description: "System filled icon for success states.",
+      useCases: ["Success states", "Completed work"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
-      id: "git-hub-brand-icon",
+      id: "warning-lined-icon",
       layer: "base",
-      name: "GitHubBrandIcon",
-      export: "GitHubBrandIcon",
+      name: "WarningLinedIcon",
+      export: "WarningLinedIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "GitHub brand icon for sign-in or repository actions.",
-      useCases: ["Third-party authentication", "Repository actions"],
-      migrationHints: []
+      description: "System icon for warning states.",
+      useCases: ["Warnings", "Attention states"],
+      migrationHints: [],
+      iconVariant: "lined"
     },
     {
-      id: "video-file-icon",
+      id: "warning-filled-icon",
       layer: "base",
-      name: "VideoFileIcon",
-      export: "VideoFileIcon",
+      name: "WarningFilledIcon",
+      export: "WarningFilledIcon",
       from: "@nextop-os/ui-system/icons",
       category: "icon",
       status: "stable",
       source: "src/icons/system-icons.tsx",
-      description: "System icon for video files.",
-      useCases: ["Video file items"],
-      migrationHints: []
+      description: "System filled icon for warning states.",
+      useCases: ["Warnings", "Attention states"],
+      migrationHints: [],
+      iconVariant: "filled"
     },
     {
       id: "styles-css",