@vobs/ui 0.3.0 → 1.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 vobsjs
+Copyright (c) 2026 vobs contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -0,0 +1,60 @@
+# @vobs/ui
+
+Signal-driven component library for the vobs framework: run-once components compiled from JSX by `@vobs/vite-plugin`, styled through the `vui-` class contract, with portal-based overlays and focus management.
+
+## Install
+
+```bash
+npm install @vobs/ui
+```
+
+## Quick start
+
+```ts
+import { state } from '@vobs/reactivity'
+import { createComponent, createDOMRenderer, createVobs, setRenderer } from '@vobs/vobs'
+import { Dialog } from '@vobs/ui'
+
+setRenderer(createDOMRenderer())
+
+const open = state(true)
+
+const app = createVobs({
+  render: () => createComponent(Dialog, {
+    get open() { return open.value },
+    title: 'Confirm',
+    onClose: reason => { open.value = false },
+    children: 'Delete this item?'
+  })
+})
+
+app.mount(document.getElementById('app')!)
+```
+
+The surface renders inside the component placeholder by default and through a portal when `portal`/`portalTarget` are provided. `onClose` receives a `DialogCloseReason` (`'close-button' | 'backdrop' | 'escape'`); Escape closes the surface while `closeOnEscape` is not disabled.
+
+## API
+
+| Signature | Description |
+| --- | --- |
+| `Button(props?: ButtonProps)` | Button with reactive `disabled`/`loading` (`aria-busy`), `variant`, external `icon` and `children` nodes. `ButtonGroup(props?)` groups related buttons. |
+| `Input(props?)`, `Textarea(props?)`, `Select(props?)`, `Checkbox(props?)`, `Radio(props?)`, `Switch(props?)` | Form controls wired to a controlled `value` plus `onInput`/`onChange` callbacks. |
+| `Card(props?)`, `CardHeader(props?)` | Content container with `title` and `description` slots. |
+| `Tag(props?)`, `Alert(props?)`, `Avatar(props?)`, `Kbd(props?)`, `KbdCombo(props?)`, `KbdRow(props?)` | Presentational components with tone and size props. |
+| `Tabs(props: TabsProps)` | Tab bar and panels; uncontrolled activation updates and notifies via `onChange`. |
+| `Dialog(props?)`, `Drawer(props?)` | Modal surfaces: `aria-modal`, portal mounting, close-button/backdrop/Escape close reasons. |
+| `Menu(props?)`, `MenuDivider(props?)`, `NavList(props?)`, `Pagination(props?)`, `PageHeader(props?)`, `PageHeaderAction(props?)` | Navigation and page furniture. |
+| `Table<Row>(props?)`, `TablePanel<Row>(props?)` | Base table rendering; `@vobs/table` builds its data table on top. |
+| `StatCard(props?)`, `StatCardGrid(props?)`, `ActivityRail(props?)`, `FileTree(props?)`, `EditorTabs(props?)`, `WorkbenchTitlebar(props?)`, `StatusBar(props?)`, `ChatComposer(props?)` | Workbench-style building blocks. |
+| `ToastHost(props?)` | Toast viewport with `ToastPosition`. |
+| `createPortal(node, adapter, target)` | Mounts `node` outside the component placeholder; unmounts when the owning component is disposed. |
+| `createDOMPortalAdapter()` | `VuiPortalAdapter` that appends and removes DOM nodes. |
+| `createFocusTrap(root, options?)` | Cycles Tab within `root` and restores the previously focused element on `deactivate()`. Options: `initialFocus`, `restoreFocus`, `onEscape`. |
+| `createOverlayManager()` | Overlay stack of `OverlayEntry` items with `open`, `close`, `bringToFront`, `subscribe`, and `entries`. |
+| `Icon(props?)` | Built-in SVG icon by `name` with `size`/`title`; `createIcon`, `registerIcon`, `resolveIcon`, and `VUI_ICON_PATHS` manage the definition registry backed by `@vobs/icon-core`. |
+
+Components accept plain values, signals, or getters for reactive props, and merge consumer `class`/`className` into the `vui-` class list without leaking it to inner elements.
+
+## Types
+
+ButtonProps, ButtonVariant, ButtonGroupProps, ControlSize, ChoiceProps, InputProps, InputType, SelectProps, SwitchProps, TextareaProps, CardProps, CardHeaderProps, TagProps, TagTone, AlertProps, AlertTone, TabItem, TabsProps, DialogCloseReason, DialogProps, MenuItem, MenuProps, NavGroup, NavItem, NavListProps, PaginationProps, AvatarProps, AvatarShape, AvatarSize, PageHeaderActionProps, PageHeaderProps, TableAlign, TableColumn, TablePanelProps, TableProps, StatCardGridProps, StatCardProps, StatDeltaDirection, KbdComboProps, KbdProps, KbdRowProps, ActivityRailItem, ActivityRailProps, FileTreeItem, FileTreeItemKind, FileTreeProps, EditorTabItem, EditorTabsProps, WorkbenchTitlebarProps, StatusBarDot, StatusBarItem, StatusBarProps, ChatComposerProps, DrawerCloseReason, DrawerProps, ToastHostProps, ToastPosition, FocusTrapHandle, FocusTrapOptions, OverlayEntry, OverlayManager, VuiPortalAdapter, IconDefinition, IconProps, VuiAttributeValue, VuiChildren, VuiCommonProps, VuiEventHandler

package/package.json

@@ -1,121 +1,63 @@
 {
-  "name": "@vobs/ui",
-  "version": "0.3.0",
-  "description": "Optional design tokens, layouts and UI components for vobs.",
-  "type": "module",
-  "publishConfig": {
-    "access": "public"
-  },
   "license": "MIT",
-  "author": "vobsjs",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/vobsjs/vobs.git",
-    "directory": "packages/features/ui"
-  },
-  "bugs": {
-    "url": "https://github.com/vobsjs/vobs/issues"
-  },
-  "homepage": "https://github.com/vobsjs/vobs#readme",
   "files": [
-    "dist"
+    "src",
+    "README.md",
+    "LICENSE"
   ],
+  "name": "@vobs/ui",
+  "version": "1.0.0",
+  "description": "Optional UI components and UIStyle-compatible styles for Vobs.",
+  "type": "module",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./feedback": {
-      "types": "./dist/feedback.d.ts",
-      "import": "./dist/feedback.js"
-    },
-    "./app-shell": {
-      "types": "./dist/app-shell.d.ts",
-      "import": "./dist/app-shell.js"
-    },
-    "./complex-inputs": {
-      "types": "./dist/complex-inputs.d.ts",
-      "import": "./dist/complex-inputs.js"
-    },
-    "./data-display": {
-      "types": "./dist/data-display.d.ts",
-      "import": "./dist/data-display.js"
-    },
-    "./page-state": {
-      "types": "./dist/page-state.d.ts",
-      "import": "./dist/page-state.js"
-    },
-    "./dialog": {
-      "types": "./dist/dialog.d.ts",
-      "import": "./dist/dialog.js"
-    },
-    "./icons": {
-      "types": "./dist/icons.d.ts",
-      "import": "./dist/icons.js"
-    },
-    "./icons/config": {
-      "types": "./dist/icons-config.d.ts",
-      "import": "./dist/icons-config.js"
-    },
-    "./forms": {
-      "types": "./dist/forms.d.ts",
-      "import": "./dist/forms.js"
-    },
-    "./overlay": {
-      "types": "./dist/overlay.d.ts",
-      "import": "./dist/overlay.js"
-    },
-    "./navigation": {
-      "types": "./dist/navigation.d.ts",
-      "import": "./dist/navigation.js"
-    },
-    "./primitives": {
-      "types": "./dist/primitives.d.ts",
-      "import": "./dist/primitives.js"
-    },
-    "./locale/en-US": {
-      "types": "./dist/locale/en-US.d.ts",
-      "import": "./dist/locale/en-US.js"
-    },
-    "./locale/zh-CN": {
-      "types": "./dist/locale/zh-CN.d.ts",
-      "import": "./dist/locale/zh-CN.js"
-    },
-    "./theme": {
-      "types": "./dist/theme.d.ts",
-      "import": "./dist/theme.js"
-    },
-    "./tree": {
-      "types": "./dist/tree.d.ts",
-      "import": "./dist/tree.js"
-    },
-    "./virtual-list": {
-      "types": "./dist/virtual-list.d.ts",
-      "import": "./dist/virtual-list.js"
-    },
-    "./tokens.css": "./dist/tokens.css",
-    "./base.css": "./dist/base.css",
-    "./components.css": "./dist/components.css",
-    "./styles.css": "./dist/styles.css",
+    ".": "./src/index.ts",
+    "./button": "./src/button.ts",
+    "./forms": "./src/forms.ts",
+    "./card": "./src/card.ts",
+    "./tag": "./src/tag.ts",
+    "./alert": "./src/alert.ts",
+    "./tabs": "./src/tabs.ts",
+    "./dialog": "./src/dialog.ts",
+    "./icon": "./src/icon.ts",
+    "./menu": "./src/menu.ts",
+    "./nav-list": "./src/nav-list.ts",
+    "./pagination": "./src/pagination.ts",
+    "./avatar": "./src/avatar.ts",
+    "./page-header": "./src/page-header.ts",
+    "./table": "./src/table.ts",
+    "./stat-card": "./src/stat-card.ts",
+    "./kbd": "./src/kbd.ts",
+    "./activity-rail": "./src/activity-rail.ts",
+    "./file-tree": "./src/file-tree.ts",
+    "./editor-tabs": "./src/editor-tabs.ts",
+    "./workbench-titlebar": "./src/workbench-titlebar.ts",
+    "./status-bar": "./src/status-bar.ts",
+    "./chat-composer": "./src/chat-composer.ts",
+    "./drawer": "./src/drawer.ts",
+    "./toast": "./src/toast.ts",
+    "./toast.css": "./src/styles/toast.css",
+    "./overlay": "./src/overlay.ts",
+    "./icons.js": "./src/icons.js",
+    "./assets/icons/*": "./src/assets/icons/*",
+    "./tokens.css": "./src/styles/tokens.css",
+    "./base.css": "./src/styles/base.css",
+    "./components.css": "./src/styles/components.css",
+    "./vui.css": "./src/styles/vui.css",
+    "./styles.css": "./src/styles/styles.css",
     "./package.json": "./package.json"
   },
-  "types": "./dist/index.d.ts",
-  "module": "./dist/index.js",
-  "main": "./dist/index.js",
-  "dependencies": {
-    "@tanstack/virtual-core": "^3.17.7",
-    "@vobs/icons": "0.3.0",
-    "@vobs/i18n": "0.3.0",
-    "@vobs/forms": "0.3.0",
-    "@vobs/runtime-dom": "0.3.0",
-    "@vobs/router": "0.3.0",
-    "@vobs/reactivity": "0.3.0",
-    "@vobs/server-renderer": "0.3.0"
-  },
   "sideEffects": [
-    "./dist/*.css"
+    "./src/styles/*.css"
   ],
-  "engines": {
-    "node": ">=22.12.0"
+  "dependencies": {
+    "@vobs/icon-core": "1.0.0",
+    "@vobs/vobs": "1.0.0",
+    "@vobs/reactivity": "1.0.0",
+    "@vobs/notification": "1.0.0"
+  },
+  "scripts": {
+    "test": "vitest --environment jsdom"
   }
 }

package/src/activity-rail.ts

@@ -0,0 +1,125 @@
+import { state } from '@vobs/reactivity'
+import {
+  addEventListener,
+  createElement,
+  createFragment,
+  createText,
+  insertBefore,
+  insertDynamic,
+  setAttribute,
+  setProperty,
+  type VobsNode
+} from '@vobs/vobs'
+import {
+  bindClassList,
+  bindCommonAttributes,
+  bindUserStyle,
+  hasProp,
+  mountSlot,
+  readProp,
+  setOptionalAttribute
+} from './utils'
+import type { VuiChildren, VuiCommonProps } from './types'
+
+export interface ActivityRailItem {
+  readonly id?: string
+  readonly label?: string
+  readonly icon?: VuiChildren
+  readonly divider?: boolean
+  readonly spacer?: boolean
+  readonly disabled?: boolean
+}
+
+export interface ActivityRailProps extends VuiCommonProps {
+  readonly items?: readonly ActivityRailItem[]
+  readonly value?: string
+  readonly defaultValue?: string
+  readonly onChange?: (id: string, event: MouseEvent) => void
+}
+
+export function ActivityRail(props: ActivityRailProps = {}): VobsNode {
+  const root = createElement('nav')
+  const internalValue = state<string | undefined>(undefined)
+  bindClassList(root, props, () => ['vui-activityrail'])
+  bindCommonAttributes(root, props, ['items', 'value', 'defaultValue', 'onChange'])
+  bindUserStyle(root, props)
+  if (!hasProp(props, 'aria-label')) setAttribute(root, 'aria-label', 'Activity')
+  if (hasProp(props, 'items')) insertDynamic(root, null, () => createActivityItems(props, internalValue))
+  if (hasProp(props, 'children')) mountSlot(root, props, 'children')
+  return root
+}
+
+function createActivityItems(
+  props: ActivityRailProps,
+  internalValue: { value: string | undefined }
+): VobsNode {
+  const items = readProp<readonly ActivityRailItem[]>(props, 'items', [])
+  const selected = activeId(props, items, internalValue)
+  return createFragment((parent, anchor) => {
+    for (const item of items) {
+      if (item.divider === true) {
+        const divider = createElement('div')
+        setAttribute(divider, 'class', 'vui-activityrail__divider')
+        setAttribute(divider, 'role', 'separator')
+        insertBefore(parent, divider, anchor)
+        continue
+      }
+      if (item.spacer === true) {
+        const spacer = createElement('span')
+        setAttribute(spacer, 'class', 'vui-activityrail__spacer')
+        insertBefore(parent, spacer, anchor)
+        continue
+      }
+      insertBefore(parent, createActivityButton(item, props, selected, internalValue), anchor)
+    }
+  })
+}
+
+function createActivityButton(
+  item: ActivityRailItem,
+  props: ActivityRailProps,
+  selected: string | undefined,
+  internalValue: { value: string | undefined }
+): VobsNode {
+  const button = createElement('button')
+  const active = item.id !== undefined && item.id === selected
+  setAttribute(button, 'class', `vui-activityrail__btn${active ? ' is-active' : ''}`)
+  setAttribute(button, 'type', 'button')
+  setOptionalAttribute(button, 'aria-label', item.label)
+  setOptionalAttribute(button, 'title', item.label)
+  setAttribute(button, 'aria-pressed', active ? 'true' : 'false')
+  if (item.disabled === true) {
+    setProperty(button, 'disabled', true)
+    setAttribute(button, 'aria-disabled', 'true')
+  }
+
+  if (item.icon !== undefined) {
+    const icon = createElement('span')
+    setAttribute(icon, 'class', 'vui-activityrail__icon')
+    mountSlot(icon, item, 'icon')
+    insertBefore(button, icon, null)
+  } else if (item.label !== undefined) {
+    insertBefore(button, createText(item.label), null)
+  }
+
+  addEventListener(button, 'click', event => {
+    if (item.disabled === true || item.id === undefined) return
+    if (readProp<string | undefined>(props, 'value', undefined) === undefined) internalValue.value = item.id
+    const handler = readProp<unknown>(props, 'onChange', undefined)
+    if (typeof handler === 'function') (handler as ActivityRailProps['onChange'])!(item.id, event as MouseEvent)
+  })
+  return button
+}
+
+function activeId(
+  props: ActivityRailProps,
+  items: readonly ActivityRailItem[],
+  internalValue: { value: string | undefined }
+): string | undefined {
+  const controlled = readProp<string | undefined>(props, 'value', undefined)
+  if (controlled !== undefined) return controlled
+  if (internalValue.value !== undefined) return internalValue.value
+  const defaultValue = readProp<string | undefined>(props, 'defaultValue', undefined)
+  if (defaultValue !== undefined) return defaultValue
+  return items.find(item => item.id !== undefined)?.id
+}

package/src/alert.ts

@@ -0,0 +1,65 @@
+import {
+  createElement,
+  createText,
+  insertBefore,
+  setAttribute,
+  type VobsNode
+} from '@vobs/vobs'
+import {
+  bindClassList,
+  bindCommonAttributes,
+  bindTextContent,
+  bindUserStyle,
+  hasProp,
+  mountSlot,
+  readProp
+} from './utils'
+import type { VuiCommonProps } from './types'
+
+export type AlertTone = 'info' | 'success' | 'warning' | 'danger'
+
+export interface AlertProps extends VuiCommonProps {
+  readonly tone?: AlertTone
+  readonly title?: string
+  readonly description?: string
+  readonly icon?: VobsNode | (() => VobsNode | null | undefined)
+}
+
+export function Alert(props: AlertProps = {}): VobsNode {
+  const root = createElement('div')
+  bindClassList(root, props, () => [
+    'vui-alert',
+    `vui-alert--${readProp<AlertTone>(props, 'tone', 'info')}`
+  ])
+  bindCommonAttributes(root, props, ['tone', 'title', 'description', 'icon', 'role'])
+  bindUserStyle(root, props)
+  setAttribute(root, 'role', 'alert')
+
+  if (hasProp(props, 'icon')) {
+    const icon = createElement('span')
+    setAttribute(icon, 'class', 'vui-alert__icon')
+    mountSlot(icon, props, 'icon')
+    insertBefore(root, icon, null)
+  }
+
+  const content = createElement('div')
+  if (hasProp(props, 'title')) {
+    const title = createElement('div')
+    const text = createText('')
+    setAttribute(title, 'class', 'vui-alert__title')
+    bindTextContent(text, () => readProp(props, 'title', ''))
+    insertBefore(title, text, null)
+    insertBefore(content, title, null)
+  }
+  if (hasProp(props, 'description')) {
+    const description = createElement('div')
+    const text = createText('')
+    setAttribute(description, 'class', 'vui-alert__desc')
+    bindTextContent(text, () => readProp(props, 'description', ''))
+    insertBefore(description, text, null)
+    insertBefore(content, description, null)
+  }
+  if (hasProp(props, 'children')) mountSlot(content, props, 'children')
+  insertBefore(root, content, null)
+  return root
+}

package/src/assets/icons/alert-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><circle cx="12" cy="12" r="9"/><line x1="12" y1="8" x2="12" y2="13"/><line x1="12" y1="16" x2="12" y2="16.01"/></svg>

package/src/assets/icons/alert-triangle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><path d="M12 3 22 20 2 20 Z"/><line x1="12" y1="10" x2="12" y2="15"/><line x1="12" y1="18" x2="12" y2="18.01"/></svg>

package/src/assets/icons/alert.d27e24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D27E24" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><path d="M12 3 22 20 2 20 Z"/><line x1="12" y1="10" x2="12" y2="15"/><line x1="12" y1="18" x2="12" y2="18.01"/></svg>

package/src/assets/icons/alert.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><path d="M12 3 22 20 2 20 Z"/><line x1="12" y1="10" x2="12" y2="15"/><line x1="12" y1="18" x2="12" y2="18.01"/></svg>

package/src/assets/icons/apple.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><path fill="#D1D3DB" stroke="none" d="M17.05 12.04c-.03-3.04 2.49-4.5 2.6-4.57-1.42-2.07-3.62-2.36-4.4-2.39-1.87-.19-3.65 1.1-4.6 1.1-.96 0-2.42-1.08-3.98-1.05-2.05.03-3.94 1.19-4.99 3.02-2.13 3.69-.54 9.13 1.53 12.12 1.01 1.46 2.21 3.1 3.78 3.04 1.52-.06 2.09-.98 3.93-.98 1.83 0 2.36.98 3.97.95 1.64-.03 2.68-1.49 3.68-2.96 1.16-1.7 1.64-3.35 1.66-3.43-.04-.02-3.18-1.22-3.21-4.85zM14.06 4.34c.83-1.01 1.39-2.41 1.24-3.81-1.2.05-2.65.8-3.51 1.8-.77.89-1.45 2.31-1.27 3.68 1.34.1 2.71-.68 3.54-1.67z"/></svg>

package/src/assets/icons/arrow-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><line x1="12" y1="4" x2="12" y2="20"/><polyline points="6 14 12 20 18 14"/></svg>

package/src/assets/icons/arrow-expand.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="14 4 20 4 20 10"/><line x1="14" y1="10" x2="20" y2="4"/><polyline points="10 20 4 20 4 14"/><line x1="10" y1="14" x2="4" y2="20"/></svg>

package/src/assets/icons/arrow-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 6 4 12 10 18"/></svg>

package/src/assets/icons/arrow-minimize.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="20 4 14 10 20 10"/><line x1="14" y1="10" x2="14" y2="4"/><polyline points="4 20 10 14 4 14"/><line x1="10" y1="14" x2="10" y2="20"/></svg>

package/src/assets/icons/arrow-right-to-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><line x1="20" y1="4" x2="20" y2="20"/><line x1="3" y1="12" x2="17" y2="12"/><polyline points="11 6 17 12 11 18"/></svg>

package/src/assets/icons/arrow-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><line x1="4" y1="12" x2="20" y2="12"/><polyline points="14 6 20 12 14 18"/></svg>

package/src/assets/icons/arrow-up-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><line x1="6" y1="18" x2="18" y2="6"/><polyline points="9 6 18 6 18 15"/></svg>

package/src/assets/icons/arrow-up.0c0c0d.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0C0C0D" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><line x1="12" y1="20" x2="12" y2="4"/><polyline points="6 10 12 4 18 10"/></svg>

package/src/assets/icons/arrow-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><line x1="12" y1="20" x2="12" y2="4"/><polyline points="6 10 12 4 18 10"/></svg>

package/src/assets/icons/at.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><circle cx="12" cy="12" r="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/></svg>

package/src/assets/icons/atom.0c0c0d.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0C0C0D" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><circle cx="12" cy="12" r="2"/><ellipse cx="12" cy="12" rx="10" ry="4"/><ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(60 12 12)"/><ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(120 12 12)"/></svg>

package/src/assets/icons/atom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><circle cx="12" cy="12" r="2"/><ellipse cx="12" cy="12" rx="10" ry="4"/><ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(60 12 12)"/><ellipse cx="12" cy="12" rx="10" ry="4" transform="rotate(120 12 12)"/></svg>

package/src/assets/icons/bar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><line x1="3" y1="21" x2="21" y2="21"/><rect x="5"  y="11" width="3" height="8"/><rect x="10.5" y="6"  width="3" height="13"/><rect x="16" y="14" width="3" height="5"/></svg>

package/src/assets/icons/bell.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 8 3 8H3s3-1 3-8z"/><path d="M10 21a2 2 0 0 0 4 0"/></svg>

package/src/assets/icons/box.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="3 7 12 2 21 7 21 17 12 22 3 17 3 7"/><line x1="3" y1="7" x2="12" y2="12"/><line x1="21" y1="7" x2="12" y2="12"/><line x1="12" y1="22" x2="12" y2="12"/></svg>

package/src/assets/icons/bug.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><rect x="8" y="6" width="8" height="14" rx="4"/><line x1="12" y1="11" x2="12" y2="20"/><line x1="3" y1="9" x2="8" y2="9"/><line x1="3" y1="14" x2="8" y2="14"/><line x1="3" y1="19" x2="8" y2="19"/><line x1="16" y1="9" x2="21" y2="9"/><line x1="16" y1="14" x2="21" y2="14"/><line x1="16" y1="19" x2="21" y2="19"/><line x1="9" y1="6" x2="9" y2="3"/><line x1="15" y1="6" x2="15" y2="3"/></svg>

package/src/assets/icons/calendar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><rect x="3" y="5" width="18" height="16"/><line x1="3" y1="10" x2="21" y2="10"/><line x1="8" y1="3" x2="8" y2="7"/><line x1="16" y1="3" x2="16" y2="7"/></svg>

package/src/assets/icons/check-circle.33c192.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#33C192" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><circle cx="12" cy="12" r="9"/><polyline points="8 12 11 15 16 9"/></svg>

package/src/assets/icons/check-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><circle cx="12" cy="12" r="9"/><polyline points="8 12 11 15 16 9"/></svg>

package/src/assets/icons/check.d1d3db.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="4 12 10 18 20 6"/></svg>

package/src/assets/icons/check.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="4 12 10 18 20 6"/></svg>

package/src/assets/icons/chevron-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="6 9 12 15 18 9"/></svg>

package/src/assets/icons/chevron-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="9 6 15 12 9 18"/></svg>

package/src/assets/icons/chevron-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="6 15 12 9 18 15"/></svg>

package/src/assets/icons/circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><circle cx="12" cy="12" r="9"/></svg>

package/src/assets/icons/clock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 16 14"/></svg>

package/src/assets/icons/cmd.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><path d="M9 6h6v12H9z"/><rect x="3" y="3" width="6" height="6"/><rect x="15" y="3" width="6" height="6"/><rect x="3" y="15" width="6" height="6"/><rect x="15" y="15" width="6" height="6"/></svg>

package/src/assets/icons/code.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>

package/src/assets/icons/columns.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><rect x="3" y="3" width="18" height="18"/><line x1="9"  y1="3" x2="9"  y2="21"/><line x1="15" y1="3" x2="15" y2="21"/></svg>

package/src/assets/icons/copy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><rect x="8" y="8" width="13" height="13"/><path d="M16 8V4H4v13h4"/></svg>

package/src/assets/icons/cpu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><rect x="6" y="6" width="12" height="12"/><rect x="9" y="9" width="6" height="6"/><line x1="9" y1="2" x2="9" y2="6"/><line x1="15" y1="2" x2="15" y2="6"/><line x1="9" y1="18" x2="9" y2="22"/><line x1="15" y1="18" x2="15" y2="22"/><line x1="2" y1="9" x2="6" y2="9"/><line x1="2" y1="15" x2="6" y2="15"/><line x1="18" y1="9" x2="22" y2="9"/><line x1="18" y1="15" x2="22" y2="15"/></svg>

package/src/assets/icons/dashboard.0c0c0d.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0C0C0D" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/></svg>

package/src/assets/icons/dashboard.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/></svg>

package/src/assets/icons/dollar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><line x1="12" y1="2" x2="12" y2="22"/><path d="M17 6H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>

package/src/assets/icons/download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><path d="M12 3v12"/><polyline points="7 10 12 15 17 10"/><line x1="3" y1="21" x2="21" y2="21"/></svg>

package/src/assets/icons/edit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><path d="M4 20h4l10-10-4-4L4 16v4z"/><path d="M14 6l4 4"/></svg>

package/src/assets/icons/extensions.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><path d="M17.5 14v3.5H21a2 2 0 0 1 0 4h-3.5V21a2 2 0 0 1-4 0v-3.5H14a2 2 0 0 1 0-4h3.5z"/></svg>

package/src/assets/icons/external.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><polyline points="14 4 20 4 20 10"/><line x1="20" y1="4" x2="11" y2="13"/><path d="M20 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5"/></svg>

package/src/assets/icons/eye.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D1D3DB" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"><path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7z"/><circle cx="12" cy="12" r="3"/></svg>