@bergetai/ui 0.1.92 → 0.2.0

package/dist/styles/index.css

@@ -287,6 +287,32 @@
   /* link */
   --berget-button-link-fg: var(--berget-brand-moss-400);
 
+  /* ── Table component-scoped tokens ─────────────────────────────── */
+  --berget-table-border: var(--berget-border);
+  --berget-table-row-hover: var(--berget-surface-hover);
+  --berget-table-row-selected: var(--berget-surface-subtle);
+  --berget-table-footer-bg: var(--berget-surface-hover);
+  --berget-table-head-text: var(--berget-muted-foreground);
+  --berget-table-caption-text: var(--berget-muted-foreground);
+
+  /* ── Item component-scoped tokens ─────────────────────────────────── */
+  --berget-item-default-bg: transparent;
+  --berget-item-default-fg: var(--berget-foreground);
+  --berget-item-outline-bg: transparent;
+  --berget-item-outline-border: var(--berget-border-subtle);
+  --berget-item-muted-bg: var(--berget-surface-subtle);
+  --berget-item-muted-fg: var(--berget-foreground);
+  --berget-item-hover-surface: var(--berget-surface-hover);
+  --berget-item-link-hover-surface: var(--berget-surface-raised);
+  --berget-item-focus-ring: var(--berget-focus-ring);
+  --berget-item-media-icon-bg: var(--berget-surface-subtle);
+  --berget-item-media-icon-fg: var(--berget-foreground);
+  --berget-item-media-image-radius: var(--berget-radius-xs);
+  --berget-item-description-fg: var(--berget-muted-foreground);
+  --berget-item-header-fg: var(--berget-muted-foreground);
+  --berget-item-footer-fg: var(--berget-muted-foreground);
+  --berget-item-separator: var(--berget-separator);
+
   /* ── WCAG 1.4.8 Visual Presentation — Line heights ──────────────── */
   --berget-heading-leading: 1.5;
   --berget-body-leading: 1.6;
@@ -520,6 +546,14 @@
   --berget-button-destructive-fg: var(--berget-brand-granite-950);
   --berget-button-link-fg: var(--berget-brand-moss-500);
 
+  /* ── Table component-scoped tokens ─────────────────────────────── */
+  --berget-table-border: var(--berget-border);
+  --berget-table-row-hover: var(--berget-surface-hover);
+  --berget-table-row-selected: var(--berget-surface-subtle);
+  --berget-table-footer-bg: var(--berget-surface-hover);
+  --berget-table-head-text: var(--berget-muted-foreground);
+  --berget-table-caption-text: var(--berget-muted-foreground);
+
   /* ── Shadows ─────────────────────────────────────────────────────·─ */
   --berget-shadow-sm: 0 4px 4px color-mix(in oklch, var(--berget-brand-granite-300) 5%, transparent);
   --berget-shadow-md: 0 8px 8px 4px
@@ -962,6 +996,14 @@
   --color-berget-switch-primary-checked: var(--berget-switch-primary-checked);
   --color-berget-switch-subtle-checked: var(--berget-switch-subtle-checked);
 
+  /* Table component-scoped aliases */
+  --color-berget-table-border: var(--berget-table-border);
+  --color-berget-table-row-hover: var(--berget-table-row-hover);
+  --color-berget-table-row-selected: var(--berget-table-row-selected);
+  --color-berget-table-footer-bg: var(--berget-table-footer-bg);
+  --color-berget-table-head-text: var(--berget-table-head-text);
+  --color-berget-table-caption-text: var(--berget-table-caption-text);
+
   /* Logo tokens */
   --color-berget-logo-light: var(--berget-logo-light);
   --color-berget-logo-dark: var(--berget-logo-dark);
@@ -973,6 +1015,24 @@
   /* Section component-scoped aliases */
   --color-berget-section-muted-bg: var(--berget-section-muted-bg);
 
+  /* Item component-scoped aliases */
+  --color-berget-item-default-bg: var(--berget-item-default-bg);
+  --color-berget-item-default-fg: var(--berget-item-default-fg);
+  --color-berget-item-outline-bg: var(--berget-item-outline-bg);
+  --color-berget-item-outline-border: var(--berget-item-outline-border);
+  --color-berget-item-muted-bg: var(--berget-item-muted-bg);
+  --color-berget-item-muted-fg: var(--berget-item-muted-fg);
+  --color-berget-item-hover-surface: var(--berget-item-hover-surface);
+  --color-berget-item-link-hover-surface: var(--berget-item-link-hover-surface);
+  --color-berget-item-focus-ring: var(--berget-item-focus-ring);
+  --color-berget-item-media-icon-bg: var(--berget-item-media-icon-bg);
+  --color-berget-item-media-icon-fg: var(--berget-item-media-icon-fg);
+  --color-berget-item-media-image-radius: var(--berget-item-media-image-radius);
+  --color-berget-item-description-fg: var(--berget-item-description-fg);
+  --color-berget-item-header-fg: var(--berget-item-header-fg);
+  --color-berget-item-footer-fg: var(--berget-item-footer-fg);
+  --color-berget-item-separator: var(--berget-item-separator);
+
   /* Sidebar aliases */
   --color-berget-sidebar: var(--berget-sidebar);
   --color-berget-sidebar-foreground: var(--berget-sidebar-foreground);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bergetai/ui",
-  "version": "0.1.92",
+  "version": "0.2.0",
   "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
   "type": "module",
   "license": "MIT",
@@ -33,9 +33,11 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.18",
+    "@radix-ui/react-popover": "^1.1.18",
     "@radix-ui/react-switch": "^1.3.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "tailwind-merge": "^3.5.0"
   },
   "peerDependencies": {