@dataengineeringformachinelearning/viking-ui 3.0.0-alpha.2 → 4.0.0

package/src/core/lucide-paths.generated.ts

@@ -0,0 +1,130 @@
+/**
+ * AUTO-GENERATED by scripts/sync_lucide_icons.mjs — do not edit by hand.
+ * Lucide paths are inlined at build time; lucide is a devDependency only.
+ * @see https://lucide.dev
+ */
+export const LUCIDE_ICON_PATHS = {
+  "alert-circle":
+    '<circle cx="12" cy="12" r="10"/><line x1="12" x2="12" y1="8" y2="12"/><line x1="12" x2="12.01" y1="16" y2="16"/>',
+  "alert-triangle":
+    '<path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/>',
+  "arrow-left": '<path d="m12 19-7-7 7-7"/><path d="M19 12H5"/>',
+  "arrow-right": '<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>',
+  "arrow-up-right": '<path d="M7 7h10v10"/><path d="M7 17 17 7"/>',
+  "bar-chart":
+    '<path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/>',
+  bell: '<path d="M10.268 21a2 2 0 0 0 3.464 0"/><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"/>',
+  bold: '<path d="M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8"/>',
+  bolt: '<path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/>',
+  brain:
+    '<path d="M12 18V5"/><path d="M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4"/><path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5"/><path d="M17.997 5.125a4 4 0 0 1 2.526 5.77"/><path d="M18 18a4 4 0 0 0 2-7.464"/><path d="M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517"/><path d="M6 18a4 4 0 0 1-2-7.464"/><path d="M6.003 5.125a4 4 0 0 0-2.526 5.77"/>',
+  bug: '<path d="M12 20v-9"/><path d="M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z"/><path d="M14.12 3.88 16 2"/><path d="M21 21a4 4 0 0 0-3.81-4"/><path d="M21 5a4 4 0 0 1-3.55 3.97"/><path d="M22 13h-4"/><path d="M3 21a4 4 0 0 1 3.81-4"/><path d="M3 5a4 4 0 0 0 3.55 3.97"/><path d="M6 13H2"/><path d="m8 2 1.88 1.88"/><path d="M9 7.13V6a3 3 0 1 1 6 0v1.13"/>',
+  building:
+    '<path d="M12 10h.01"/><path d="M12 14h.01"/><path d="M12 6h.01"/><path d="M16 10h.01"/><path d="M16 14h.01"/><path d="M16 6h.01"/><path d="M8 10h.01"/><path d="M8 14h.01"/><path d="M8 6h.01"/><path d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"/><rect x="4" y="2" width="16" height="20" rx="2"/>',
+  calendar:
+    '<path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/>',
+  check: '<path d="M20 6 9 17l-5-5"/>',
+  "check-circle": '<circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/>',
+  "chevron-down": '<path d="m6 9 6 6 6-6"/>',
+  "chevron-left": '<path d="m15 18-6-6 6-6"/>',
+  "chevron-right": '<path d="m9 18 6-6-6-6"/>',
+  "chevron-up": '<path d="m18 15-6-6-6 6"/>',
+  chip: '<path d="M12 20v2"/><path d="M12 2v2"/><path d="M17 20v2"/><path d="M17 2v2"/><path d="M2 12h2"/><path d="M2 17h2"/><path d="M2 7h2"/><path d="M20 12h2"/><path d="M20 17h2"/><path d="M20 7h2"/><path d="M7 20v2"/><path d="M7 2v2"/><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="8" y="8" width="8" height="8" rx="1"/>',
+  clock: '<circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/>',
+  cloud: '<path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/>',
+  cookie:
+    '<path d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5"/><path d="M8.5 8.5v.01"/><path d="M16 15.5v.01"/><path d="M12 12v.01"/><path d="M11 17v.01"/><path d="M7 14v.01"/>',
+  copy: '<rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>',
+  "dots-horizontal":
+    '<circle cx="12" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="19" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="5" cy="12" r="1" fill="currentColor" stroke="none"/>',
+  "dots-vertical":
+    '<circle cx="12" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="12" cy="5" r="1" fill="currentColor" stroke="none"/><circle cx="12" cy="19" r="1" fill="currentColor" stroke="none"/>',
+  download:
+    '<path d="M12 15V3"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10 5 5 5-5"/>',
+  external:
+    '<path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>',
+  eye: '<path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/>',
+  "eye-off":
+    '<path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"/><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"/><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"/><path d="m2 2 20 20"/>',
+  file: '<path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/>',
+  filter:
+    '<path d="M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z"/>',
+  fingerprint:
+    '<path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4"/><path d="M14 13.12c0 2.38 0 6.38-1 8.88"/><path d="M17.29 21.02c.12-.6.43-2.3.5-3.02"/><path d="M2 12a10 10 0 0 1 18-6"/><path d="M2 16h.01"/><path d="M21.8 16c.2-2 .131-5.354 0-6"/><path d="M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2"/><path d="M8.65 22c.21-.66.45-1.32.57-2"/><path d="M9 6.8a6 6 0 0 1 9 5.2v2"/>',
+  folder:
+    '<path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/>',
+  globe:
+    '<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>',
+  "grip-vertical":
+    '<circle cx="9" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="9" cy="5" r="1" fill="currentColor" stroke="none"/><circle cx="9" cy="19" r="1" fill="currentColor" stroke="none"/><circle cx="15" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="15" cy="5" r="1" fill="currentColor" stroke="none"/><circle cx="15" cy="19" r="1" fill="currentColor" stroke="none"/>',
+  heart:
+    '<path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"/>',
+  home: '<path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>',
+  image:
+    '<rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/>',
+  info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
+  insights: '<path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="m19 9-5 5-4-4-3 3"/>',
+  italic:
+    '<line x1="19" x2="10" y1="4" y2="4"/><line x1="14" x2="5" y1="20" y2="20"/><line x1="15" x2="9" y1="4" y2="20"/>',
+  key: '<path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"/><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"/>',
+  link: '<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>',
+  list: '<path d="M3 5h.01"/><path d="M3 12h.01"/><path d="M3 19h.01"/><path d="M8 5h13"/><path d="M8 12h13"/><path d="M8 19h13"/>',
+  "list-ordered":
+    '<path d="M11 5h10"/><path d="M11 12h10"/><path d="M11 19h10"/><path d="M4 4h1v5"/><path d="M4 9h2"/><path d="M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02"/>',
+  loader: '<path d="M21 12a9 9 0 1 1-6.219-8.56"/>',
+  lock: '<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
+  "log-in":
+    '<path d="m10 17 5-5-5-5"/><path d="M15 12H3"/><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/>',
+  "log-out":
+    '<path d="m16 17 5-5-5-5"/><path d="M21 12H9"/><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>',
+  mail: '<path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"/><rect x="2" y="4" width="20" height="16" rx="2"/>',
+  menu: '<path d="M4 5h16"/><path d="M4 12h16"/><path d="M4 19h16"/>',
+  minus: '<path d="M5 12h14"/>',
+  moon: '<path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"/>',
+  network:
+    '<rect x="16" y="16" width="6" height="6" rx="1"/><rect x="2" y="16" width="6" height="6" rx="1"/><rect x="9" y="2" width="6" height="6" rx="1"/><path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"/><path d="M12 12V8"/>',
+  paperclip:
+    '<path d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"/>',
+  pencil:
+    '<path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/>',
+  phone:
+    '<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"/>',
+  play: '<path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" fill="currentColor" stroke="none"/>',
+  plus: '<path d="M5 12h14"/><path d="M12 5v14"/>',
+  policy:
+    '<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/>',
+  refresh:
+    '<path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/>',
+  rocket:
+    '<path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09"/><path d="M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05"/>',
+  search: '<path d="m21 21-4.34-4.34"/><circle cx="11" cy="11" r="8"/>',
+  "search-off":
+    '<path d="m13.5 8.5-5 5"/><path d="m8.5 8.5 5 5"/><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>',
+  send: '<path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/>',
+  server:
+    '<rect width="20" height="8" x="2" y="2" rx="2" ry="2"/><rect width="20" height="8" x="2" y="14" rx="2" ry="2"/><line x1="6" x2="6.01" y1="6" y2="6"/><line x1="6" x2="6.01" y1="18" y2="18"/>',
+  settings:
+    '<path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"/><circle cx="12" cy="12" r="3"/>',
+  shield:
+    '<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/>',
+  ship: '<path d="M12 10.189V14"/><path d="M12 2v3"/><path d="M19 13V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v6"/><path d="M19.38 20A11.6 11.6 0 0 0 21 14l-8.188-3.639a2 2 0 0 0-1.624 0L3 14a11.6 11.6 0 0 0 2.81 7.76"/><path d="M2 21c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1s1.2 1 2.5 1c2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"/>',
+  sparkle:
+    '<path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"/><path d="M20 2v4"/><path d="M22 4h-4"/><circle cx="4" cy="20" r="2"/>',
+  speed: '<path d="m12 14 4-4"/><path d="M3.34 19a10 10 0 1 1 17.32 0"/>',
+  star: '<path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/>',
+  sun: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>',
+  terminal: '<path d="M12 19h8"/><path d="m4 17 6-6-6-6"/>',
+  trash:
+    '<path d="M10 11v6"/><path d="M14 11v6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M3 6h18"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>',
+  "trending-up": '<path d="M16 7h6v6"/><path d="m22 7-8.5 8.5-5-5L2 17"/>',
+  underline:
+    '<path d="M6 4v6a6 6 0 0 0 12 0V4"/><line x1="4" x2="20" y1="20" y2="20"/>',
+  upload:
+    '<path d="M12 3v12"/><path d="m17 8-5-5-5 5"/><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>',
+  user: '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
+  "user-shield":
+    '<path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="M6.376 18.91a6 6 0 0 1 11.249.003"/><circle cx="12" cy="11" r="4"/>',
+  x: '<path d="M18 6 6 18"/><path d="m6 6 12 12"/>',
+} as const;
+
+export type LucideIconName = keyof typeof LUCIDE_ICON_PATHS;

package/src/core/types.ts

@@ -0,0 +1,85 @@
+import type { VikingIconName } from "./icons";
+
+/** Semantic tones — every tone resolves to a THEME.md token. */
+export type VikingTone =
+  | "accent"
+  | "secondary"
+  | "success"
+  | "warning"
+  | "danger"
+  | "info"
+  | "muted";
+
+export type VikingSize = "base" | "sm" | "xs";
+
+export interface VikingSelectOption<T = unknown> {
+  label: string;
+  value: T;
+  disabled?: boolean;
+}
+
+export interface VikingCommandItem {
+  id: string;
+  label: string;
+  group?: string;
+  icon?: VikingIconName;
+  kbd?: string;
+}
+
+export interface VikingKanbanCard {
+  id: string;
+  title: string;
+  description?: string;
+  tone?: VikingTone;
+}
+
+export interface VikingKanbanColumn {
+  id: string;
+  title: string;
+  cards: VikingKanbanCard[];
+}
+
+export interface VikingKanbanMove {
+  cardId: string;
+  fromColumnId: string;
+  toColumnId: string;
+  toIndex: number;
+}
+
+export interface VikingChartSeries {
+  name: string;
+  data: number[];
+  tone?: VikingTone;
+}
+
+export type VikingChartKind =
+  | "line"
+  | "area"
+  | "bar"
+  | "grouped-bar"
+  | "stacked-bar"
+  | "sparkline"
+  | "donut";
+
+export type VikingChartCurve = "linear" | "smooth";
+
+export interface VikingDonutSegment {
+  label: string;
+  value: number;
+  tone?: VikingTone;
+}
+
+export interface VikingToastOptions {
+  heading?: string;
+  text: string;
+  tone?: VikingTone;
+  /** Auto-dismiss duration in ms. 0 disables auto-dismiss. */
+  duration?: number;
+}
+
+export interface VikingToastInstance extends Required<
+  Omit<VikingToastOptions, "heading">
+> {
+  id: number;
+  heading: string;
+}

package/src/core/uid.ts

@@ -0,0 +1,7 @@
+let counter = 0;
+
+/** Generates a stable, unique DOM id for label/control associations. */
+export const vikingUid = (prefix: string): string => {
+  counter += 1;
+  return `${prefix}-${counter}`;
+};

package/src/lib/accordion/accordion.ts

@@ -0,0 +1,126 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Optional,
+  input,
+  model,
+} from "@angular/core";
+import { VikingIcon } from "../icon/icon";
+import { vikingUid } from "../../core/uid";
+
+/**
+ * viking-accordion — collapsible content panels.
+ * Set exclusive to allow only one open item at a time.
+ */
+@Component({
+  selector: "viking-accordion",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `<ng-content />`,
+  styles: [
+    `
+      :host {
+        display: block;
+        border: 1px solid var(--viking-border);
+        border-radius: var(--viking-radius);
+        background: var(--viking-surface);
+        overflow: hidden;
+      }
+      :host ::ng-deep viking-accordion-item:not(:last-child) {
+        border-bottom: 1px solid var(--viking-border);
+      }
+    `,
+  ],
+})
+export class VikingAccordion {
+  readonly exclusive = input<boolean>(false);
+
+  private openItem: VikingAccordionItem | null = null;
+
+  /** Called by items when they open, to enforce exclusive mode. */
+  readonly notifyOpened = (item: VikingAccordionItem): void => {
+    if (this.exclusive() && this.openItem && this.openItem !== item) {
+      this.openItem.expanded.set(false);
+    }
+    this.openItem = item;
+  };
+}
+
+/** A single expandable section within viking-accordion. */
+@Component({
+  selector: "viking-accordion-item",
+  imports: [VikingIcon],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <button
+      type="button"
+      class="viking-accordion-trigger"
+      [attr.aria-expanded]="expanded()"
+      [attr.aria-controls]="panelId"
+      (click)="toggle()"
+    >
+      <span class="viking-accordion-heading">{{ heading() }}</span>
+      <viking-icon
+        [name]="expanded() ? 'chevron-up' : 'chevron-down'"
+        [size]="18"
+      />
+    </button>
+    @if (expanded()) {
+      <div class="viking-accordion-panel" [id]="panelId">
+        <ng-content />
+      </div>
+    }
+  `,
+  styles: [
+    `
+      :host {
+        display: block;
+      }
+      .viking-accordion-trigger {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--viking-space-2);
+        width: 100%;
+        border: none;
+        background: transparent;
+        color: var(--viking-text);
+        font-family: var(--viking-font-family);
+        font-size: var(--viking-font-size-ui);
+        font-weight: 700;
+        padding: var(--viking-space-2);
+        cursor: pointer;
+        text-align: left;
+        transition: var(--viking-transition);
+      }
+      .viking-accordion-trigger:hover {
+        background: var(--viking-accent-soft);
+      }
+      .viking-accordion-trigger:focus-visible {
+        outline: var(--viking-ring-width) solid var(--viking-ring);
+        outline-offset: -3px;
+      }
+      .viking-accordion-panel {
+        padding: 0 var(--viking-space-2) var(--viking-space-2);
+        color: var(--viking-text-muted);
+        font-family: var(--viking-font-family);
+        font-size: var(--viking-font-size);
+        line-height: 1.6;
+      }
+    `,
+  ],
+})
+export class VikingAccordionItem {
+  constructor(@Optional() private readonly accordion: VikingAccordion | null) {}
+
+  readonly heading = input.required<string>();
+  readonly expanded = model<boolean>(false);
+
+  protected readonly panelId = vikingUid("viking-accordion-panel");
+
+  protected toggle = (): void => {
+    this.expanded.update((value) => !value);
+    if (this.expanded()) {
+      this.accordion?.notifyOpened(this);
+    }
+  };
+}

package/src/lib/app-header/app-header.scss

@@ -0,0 +1,274 @@
+:host {
+  display: block;
+  width: 100%;
+}
+
+.viking-app-header {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  width: 100%;
+  min-height: var(--viking-navbar-height, 64px);
+  background-color: var(--navbar-bg, var(--viking-surface));
+  border-bottom: 1px solid var(--viking-border-strong);
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  padding: var(--viking-space-1) var(--viking-space-2);
+  box-sizing: border-box;
+}
+
+.viking-app-header-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.viking-app-header-left {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.viking-app-header-right {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--viking-space-1);
+}
+
+.viking-app-header-center {
+  display: flex;
+  justify-content: center;
+}
+
+.viking-app-header-desktop-nav {
+  display: none;
+  align-items: center;
+  gap: calc(var(--viking-space-1) * 1.33);
+  padding: calc(var(--viking-space-1) / 2) 0;
+}
+
+.viking-app-header-desktop-auth {
+  display: none;
+  align-items: center;
+  gap: var(--viking-space-1);
+}
+
+::ng-deep .viking-app-header-nav-link {
+  position: relative;
+  font-size: var(--viking-font-size) !important;
+  color: var(--nav-link-color, var(--viking-text-muted)) !important;
+  font-weight: 600 !important;
+  text-transform: uppercase !important;
+  letter-spacing: 0.08em !important;
+  transition:
+    color 0.2s ease,
+    background-color 0.2s ease,
+    box-shadow 0.2s ease,
+    transform 0.2s ease !important;
+  border-radius: var(--viking-radius) var(--viking-radius) 0 0 !important;
+  padding: 0 var(--viking-space-2) !important;
+  height: 40px !important;
+  min-height: 40px !important;
+  line-height: 1 !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  gap: var(--viking-space-1) !important;
+  text-decoration: none;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+
+::ng-deep .viking-app-header-nav-link::before {
+  content: '';
+  position: absolute;
+  inset: auto var(--viking-space-2) 0;
+  height: 2px;
+  border-radius: 2px;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    color-mix(in srgb, var(--viking-accent) 80%, transparent),
+    transparent
+  );
+  opacity: 0;
+  transform: scaleX(0.4);
+  transition:
+    opacity 0.25s ease,
+    transform 0.25s ease;
+  pointer-events: none;
+}
+
+::ng-deep .viking-app-header-nav-link:hover {
+  color: var(--viking-text) !important;
+  background-color: color-mix(in srgb, var(--viking-accent) 10%, transparent) !important;
+  transform: translateY(-1px);
+}
+
+::ng-deep .viking-app-header-nav-link:hover::before {
+  opacity: 1;
+  transform: scaleX(1);
+}
+
+::ng-deep .viking-app-header-nav-link.active,
+::ng-deep .viking-app-header-nav-link.viking-current {
+  color: var(--viking-text) !important;
+  background-color: color-mix(in srgb, var(--viking-accent) 14%, transparent) !important;
+  box-shadow:
+    inset 0 -2px 0 0 var(--viking-accent),
+    0 0 12px color-mix(in srgb, var(--viking-accent) 18%, transparent) !important;
+}
+
+::ng-deep .viking-app-header-icon-btn {
+  color: var(--viking-text-muted);
+  background: transparent;
+  border: none;
+  border-radius: 50%;
+  width: 48px;
+  height: 48px;
+  min-width: 48px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition:
+    color 0.2s ease,
+    transform 0.2s ease,
+    background-color 0.2s ease;
+  -webkit-tap-highlight-color: transparent;
+}
+
+::ng-deep .viking-app-header-icon-btn:hover {
+  color: var(--viking-text);
+  transform: rotate(15deg);
+  background-color: color-mix(in srgb, var(--viking-accent) 5%, transparent);
+}
+
+::ng-deep .viking-app-header-icon-btn:focus-visible {
+  outline: var(--viking-ring-width) solid var(--viking-ring);
+  outline-offset: 3px;
+}
+
+::ng-deep .viking-app-header-menu-toggle {
+  display: inline-flex !important;
+  width: 40px;
+  height: 40px;
+  min-width: 40px;
+}
+
+::ng-deep .viking-app-header-auth-btn {
+  min-width: auto;
+}
+
+::ng-deep .viking-app-header-auth-btn.viking-app-header-auth-btn-outline {
+  /* Global drakkar button styles from viking-ui.css */
+}
+
+::ng-deep .viking-app-header-auth-btn:hover {
+  transform: translateY(var(--viking-state-hover-lift, -1px));
+}
+
+.viking-app-header-mobile {
+  display: none;
+  flex-direction: column;
+  position: absolute;
+  top: var(--viking-navbar-height, 64px);
+  left: 0;
+  right: 0;
+  background-color: var(--viking-surface);
+  box-shadow: var(--viking-shadow-md);
+  border-bottom: 1px solid var(--viking-border);
+  padding: var(--viking-space-2);
+  box-sizing: border-box;
+  z-index: 49;
+  gap: var(--viking-space-1);
+  transform: translateY(-10px);
+  opacity: 0;
+  pointer-events: none;
+  transition:
+    transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
+    opacity 0.25s ease;
+}
+
+.viking-app-header-mobile.viking-open {
+  transform: translateY(0);
+  opacity: 1;
+  pointer-events: auto;
+  display: flex;
+}
+
+::ng-deep .viking-app-header-mobile-link {
+  width: 100% !important;
+  justify-content: flex-start !important;
+  font-size: var(--viking-font-size) !important;
+  color: var(--viking-text-muted) !important;
+  height: 40px !important;
+  min-height: 40px !important;
+  border-radius: var(--viking-radius) !important;
+  padding: 0 var(--viking-space-2) !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  gap: var(--viking-space-1) !important;
+  text-decoration: none;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+::ng-deep .viking-app-header-mobile-link:hover {
+  color: var(--viking-text) !important;
+  background-color: color-mix(in srgb, var(--viking-accent) 5%, transparent) !important;
+}
+
+::ng-deep .viking-app-header-mobile-link.active,
+::ng-deep .viking-app-header-mobile-link.viking-current {
+  color: var(--viking-text) !important;
+  background-color: color-mix(in srgb, var(--viking-accent) 10%, transparent) !important;
+  box-shadow: inset 0 0 0 1px var(--viking-accent) !important;
+}
+
+::ng-deep .viking-app-header-mobile-divider {
+  height: 1px;
+  background-color: var(--viking-border);
+  margin: var(--viking-space-1) 0;
+}
+
+::ng-deep .viking-app-header-brand {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  flex-shrink: 0;
+  filter: drop-shadow(0 0 6px color-mix(in srgb, var(--viking-accent) 60%, transparent));
+  transition: filter 0.3s ease;
+}
+
+::ng-deep .viking-app-header-brand:hover {
+  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--viking-accent) 90%, transparent));
+}
+
+@media (min-width: 768px) {
+  .viking-app-header-desktop-nav {
+    display: flex;
+  }
+
+  .viking-app-header-desktop-auth {
+    display: flex;
+  }
+
+  ::ng-deep .viking-app-header-menu-toggle {
+    display: none !important;
+  }
+
+  .viking-app-header-mobile {
+    display: none !important;
+  }
+}

package/src/lib/app-header/app-header.ts

@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+
+/**
+ * viking-app-header — sticky application header with brand, nav, actions, and mobile menu slots.
+ * Styles live in the component library so all apps share one navbar implementation.
+ */
+@Component({
+  selector: "viking-app-header",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <header class="viking-app-header">
+      <div class="viking-app-header-content">
+        <div class="viking-app-header-left">
+          <ng-content select="[vikingAppHeaderBrand]" />
+        </div>
+        <nav
+          class="viking-app-header-center viking-app-header-desktop-nav"
+          aria-label="Main navigation"
+        >
+          <ng-content select="[vikingAppHeaderNav]" />
+        </nav>
+        <div class="viking-app-header-right">
+          <div class="viking-app-header-desktop-auth">
+            <ng-content select="[vikingAppHeaderAuth]" />
+          </div>
+          <ng-content select="[vikingAppHeaderActions]" />
+        </div>
+      </div>
+      <nav
+        class="viking-app-header-mobile"
+        [class.viking-open]="mobileMenuOpen()"
+        [attr.aria-label]="mobileMenuLabel()"
+      >
+        <ng-content select="[vikingAppHeaderMobile]" />
+      </nav>
+    </header>
+  `,
+  styleUrl: "./app-header.scss",
+})
+export class VikingAppHeader {
+  readonly mobileMenuOpen = input<boolean>(false);
+  readonly mobileMenuLabel = input<string>("Mobile navigation");
+}