@dataengineeringformachinelearning/viking-ui 4.0.4 → 4.0.5

package/dist/src/web/web-components.spec.ts

@@ -1,297 +0,0 @@
-import { beforeEach, describe, expect, it } from "vitest";
-import {
-  registerVikingBadgeWc,
-  registerVikingCalloutWc,
-  registerVikingModalWc,
-  registerVikingSearchPaletteWc,
-  registerVikingSelectWc,
-  registerVikingSuiteHeaderWc,
-  registerVikingSuiteSearchPaletteWc,
-} from "./index";
-
-const registerAll = (): void => {
-  registerVikingBadgeWc();
-  registerVikingCalloutWc();
-  registerVikingSelectWc();
-  registerVikingModalWc();
-  registerVikingSearchPaletteWc();
-  registerVikingSuiteSearchPaletteWc();
-  registerVikingSuiteHeaderWc();
-};
-
-describe("Viking Web Components v2", () => {
-  beforeEach(() => {
-    document.body.innerHTML = "";
-    registerAll();
-  });
-
-  it("renders badge tones and emits viking-removed", () => {
-    const badge = document.createElement("viking-badge-wc");
-    badge.setAttribute("tone", "success");
-    badge.setAttribute("icon", "check");
-    badge.setAttribute("removable", "");
-    badge.textContent = "Healthy";
-    document.body.append(badge);
-
-    expect(badge.shadowRoot?.querySelector("svg")).toBeTruthy();
-
-    let removed = false;
-    badge.addEventListener("viking-removed", () => {
-      removed = true;
-    });
-    badge.shadowRoot
-      ?.querySelector<HTMLButtonElement>(".viking-badge-remove")
-      ?.click();
-    expect(removed).toBe(true);
-  });
-
-  it("dismisses callout and sets hidden attribute", () => {
-    const callout = document.createElement("viking-callout-wc");
-    callout.setAttribute("tone", "info");
-    callout.setAttribute("heading", "Notice");
-    callout.setAttribute("dismissible", "");
-    callout.textContent = "Body copy";
-    document.body.append(callout);
-
-    callout.shadowRoot
-      ?.querySelector<HTMLButtonElement>(".viking-callout-close")
-      ?.click();
-    expect(callout.hasAttribute("hidden")).toBe(true);
-  });
-
-  it("mirrors option children and emits viking-change", () => {
-    const select = document.createElement("viking-select-wc");
-    select.setAttribute("label", "Retention");
-    select.setAttribute("name", "retention");
-    select.innerHTML = `
-      <option value="7d">7 days</option>
-      <option value="30d">30 days</option>
-    `;
-    document.body.append(select);
-
-    const native = select.shadowRoot?.querySelector(
-      "select",
-    ) as HTMLSelectElement;
-    expect(native.options.length).toBe(2);
-
-    let changed = "";
-    select.addEventListener("viking-change", (event) => {
-      changed = (event as CustomEvent<{ value: string }>).detail.value;
-    });
-    native.value = "30d";
-    native.dispatchEvent(new Event("change"));
-    expect(changed).toBe("30d");
-    expect(select.getAttribute("value")).toBe("30d");
-  });
-
-  it("opens and closes modal via attributes and methods", () => {
-    const modal = document.createElement("viking-modal-wc");
-    modal.setAttribute("title", "Confirm");
-    document.body.append(modal);
-
-    modal.openModal();
-    expect(modal.hasAttribute("open")).toBe(true);
-
-    modal.closeModal();
-    expect(modal.hasAttribute("open")).toBe(false);
-  });
-
-  it("filters command palette items and supports keyboard selection", async () => {
-    const palette = document.createElement("viking-command-palette");
-    palette.setAttribute(
-      "items",
-      JSON.stringify([
-        {
-          title: "Components",
-          href: "/components",
-          group: "Docs",
-          keywords: ["primitives"],
-        },
-        { title: "Theming", href: "/theming", group: "Docs" },
-      ]),
-    );
-    document.body.append(palette);
-
-    palette.openPalette();
-    await Promise.resolve();
-    expect(
-      palette.shadowRoot?.querySelectorAll(".viking-search-result").length,
-    ).toBe(2);
-
-    const input = palette.shadowRoot?.querySelector("input");
-    expect(input?.getAttribute("aria-controls")).toMatch(
-      /^viking-search-results-/,
-    );
-
-    palette.search("primitives");
-    await Promise.resolve();
-
-    const results = palette.shadowRoot?.querySelectorAll(
-      ".viking-search-result",
-    );
-    expect(results?.length).toBe(1);
-    expect(results?.[0]?.textContent).toContain("Components");
-
-    input?.dispatchEvent(
-      new KeyboardEvent("keydown", { key: "Enter", bubbles: true }),
-    );
-    expect(palette.hasAttribute("open")).toBe(false);
-  });
-
-  it("closes command palette from close button, Escape key, and outside click", async () => {
-    const palette = document.createElement("viking-command-palette");
-    palette.setAttribute(
-      "items",
-      JSON.stringify([{ title: "Docs", href: "/docs" }]),
-    );
-    document.body.append(palette);
-
-    palette.openPalette();
-    await Promise.resolve();
-    palette.shadowRoot
-      ?.querySelector<HTMLButtonElement>(".viking-search-palette-close")
-      ?.click();
-    expect(palette.hasAttribute("open")).toBe(false);
-
-    palette.openPalette();
-    await Promise.resolve();
-    palette.shadowRoot
-      ?.querySelector("input")
-      ?.dispatchEvent(
-        new KeyboardEvent("keydown", { key: "Escape", bubbles: true }),
-      );
-    expect(palette.hasAttribute("open")).toBe(false);
-
-    palette.openPalette();
-    await Promise.resolve();
-    const dialog = palette.shadowRoot?.querySelector("dialog");
-    dialog?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
-    expect(palette.hasAttribute("open")).toBe(false);
-  });
-
-  it("registers command palette aliases for legacy and semantic tags", () => {
-    expect(customElements.get("viking-command-palette")).toBeTruthy();
-    expect(customElements.get("viking-search-palette")).toBeTruthy();
-    expect(customElements.get("viking-search-palette-wc")).toBeTruthy();
-    expect(customElements.get("viking-suite-command-palette")).toBeTruthy();
-    expect(customElements.get("viking-suite-search-palette")).toBeTruthy();
-    expect(customElements.get("viking-suite-search-palette-wc")).toBeTruthy();
-    expect(customElements.get("viking-suite-header")).toBeTruthy();
-  });
-
-  it("toggles open state with the global shortcut handler", async () => {
-    const palette = document.createElement("viking-command-palette");
-    palette.setAttribute("global-shortcut", "");
-    palette.setAttribute(
-      "items",
-      JSON.stringify([{ title: "Docs", href: "/docs" }]),
-    );
-    document.body.append(palette);
-
-    document.dispatchEvent(
-      new KeyboardEvent("keydown", {
-        key: "k",
-        metaKey: true,
-        bubbles: true,
-        cancelable: true,
-      }),
-    );
-    await Promise.resolve();
-    expect(palette.hasAttribute("open")).toBe(true);
-
-    document.dispatchEvent(
-      new KeyboardEvent("keydown", {
-        key: "k",
-        metaKey: true,
-        bubbles: true,
-        cancelable: true,
-      }),
-    );
-    await Promise.resolve();
-    expect(palette.hasAttribute("open")).toBe(false);
-  });
-
-  it("mounts suite palette with curated items and openPalette()", async () => {
-    document.documentElement.setAttribute("data-deml-context", "marketing");
-    const suite = document.createElement("viking-suite-command-palette");
-    document.body.append(suite);
-
-    await Promise.resolve();
-    await Promise.resolve();
-
-    suite.openPalette();
-    await Promise.resolve();
-
-    const inner = suite.querySelector("viking-command-palette");
-    expect(inner?.hasAttribute("open")).toBe(true);
-
-    const itemsRaw = inner?.getAttribute("items") ?? "[]";
-    const items = JSON.parse(itemsRaw) as { title: string }[];
-    const titles = items.map((item) => item.title);
-    expect(titles).toContain("Documentation");
-    expect(titles).toContain("Privacy Policy");
-    expect(titles).toContain("Whitepaper");
-  });
-
-  it("renders the suite header with shared navigation and opens search", async () => {
-    const header = document.createElement("viking-suite-header");
-    header.setAttribute("context", "marketing");
-    document.body.append(header);
-
-    await Promise.resolve();
-    await Promise.resolve();
-
-    expect(
-      header.shadowRoot?.querySelector(".suite-header__brand"),
-    ).toBeTruthy();
-    expect(header.shadowRoot?.textContent).toContain("Explore");
-    expect(header.shadowRoot?.textContent).toContain("Documentation");
-    expect(header.shadowRoot?.textContent).toContain("Sign In");
-    expect(
-      header.shadowRoot?.querySelector("viking-theme-toggle-wc"),
-    ).toBeTruthy();
-
-    let opened = false;
-    header.addEventListener("viking-search-open", () => {
-      opened = true;
-    });
-    header.shadowRoot
-      ?.querySelector<HTMLButtonElement>("[data-search-trigger]")
-      ?.click();
-    await Promise.resolve();
-
-    const palette = header.shadowRoot?.querySelector(
-      "viking-suite-command-palette",
-    );
-    const commandPalette = palette?.querySelector("viking-command-palette");
-    expect(opened).toBe(true);
-    expect(commandPalette?.hasAttribute("open")).toBe(true);
-  });
-
-  it("renders authenticated suite header menu actions", () => {
-    const header = document.createElement("viking-suite-header");
-    header.setAttribute("authenticated", "");
-    header.setAttribute("user-name", "Ada Lovelace");
-    document.body.append(header);
-
-    expect(header.shadowRoot?.textContent).toContain("Ada Lovelace");
-
-    header.shadowRoot
-      ?.querySelector<HTMLButtonElement>("[data-user-toggle]")
-      ?.click();
-    expect(
-      header.shadowRoot
-        ?.querySelector(".suite-header__user")
-        ?.getAttribute("data-open"),
-    ).toBe("true");
-
-    let signedOut = false;
-    header.addEventListener("viking-sign-out", () => {
-      signedOut = true;
-    });
-    header.shadowRoot
-      ?.querySelector<HTMLButtonElement>("[data-sign-out]")
-      ?.click();
-    expect(signedOut).toBe(true);
-  });
-});

package/src/assets/drakkar-favicon.svg

@@ -1,17 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="Viking-UI">
-  <rect width="32" height="32" rx="6" fill="#111111"/>
-  <g
-    transform="translate(4, 4)"
-    fill="none"
-    stroke="#0d7377"
-    stroke-width="1.75"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  >
-    <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"/>
-  </g>
-</svg>

package/src/core/brand/deml-lockup.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="2" y="4" width="20" height="16" rx="2"/>
-  <path d="M7 17V13M11 17V8M15 17V11"/>
-  <path d="M2 20h20"/>
-</svg>

package/src/core/brand/deml-mark-compact.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="4" y="4" width="16" height="16" rx="3"/>
-  <path d="M9 16V12M12 16V9M15 16V13"/>
-</svg>

package/src/core/brand/deml-mark-filled.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-  <path d="M5 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4zm2 11h2.5V10H7v5zm4.5-5h2.5v10h-2.5V10zm4.5-3h2.5v13h-2.5V7z"/>
-</svg>

package/src/core/brand/deml-mark-outline.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
-  <rect x="3" y="3" width="18" height="18" rx="2"/>
-  <path d="M8 17V13M12 17V8M16 17V11"/>
-</svg>

package/src/core/brand-icons.ts

@@ -1,62 +0,0 @@
-/**
- * DEML branded icon paths — optimized SVG geometry (not sourced from Lucide).
- * Use via viking-icon name="deml" | "deml-compact" | "deml-lockup".
- */
-export const VIKING_BRAND_ICON_PATHS = {
-  /** Primary bar-chart mark in rounded frame (outline). */
-  deml: '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M8 17V13M12 17V8M16 17V11"/>',
-  /** Compact monogram for favicons and dense Drakkar shell. */
-  "deml-compact":
-    '<rect x="4" y="4" width="16" height="16" rx="3"/><path d="M9 16V12M12 16V9M15 16V13"/>',
-  /** Lockup mark with baseline accent bar. */
-  "deml-lockup":
-    '<rect x="3" y="3" width="18" height="14" rx="2"/><path d="M8 17V13M12 17V8M16 17V11"/><path d="M3 20h18"/>',
-} as const;
-
-/** Drakkar — Viking-UI / site shell brand marks (Lucide ship, build-time inlined). */
-export const VIKING_DRAKKAR_ICON_PATHS = {
-  /** Primary Drakkar longship mark (outline). */
-  drakkar:
-    '<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"/>',
-  /** Compact tile for favicons and dense navbar chrome. */
-  "drakkar-compact":
-    '<rect x="3" y="3" width="18" height="18" rx="2"/><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"/>',
-  /** Lockup mark with baseline accent bar. */
-  "drakkar-lockup":
-    '<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"/><path d="M3 21h18"/>',
-} as const;
-
-/** Filled-path overrides for DEML brand marks. */
-export const VIKING_BRAND_ICON_FILLED_PATHS: Partial<
-  Record<keyof typeof VIKING_BRAND_ICON_PATHS, string>
-> = {
-  deml: '<path d="M5 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4zM8 13h2.5v4H8v-4zM12 8h2.5v9H12V8zM16 11h2.5v6H16v-6z"/>',
-  "deml-compact":
-    '<path d="M6 5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5zM9 12h1.5v4H9v-4zM12 9h1.5v7H12V9zM15 11h1.5v5H15v-5z"/>',
-  "deml-lockup":
-    '<path d="M4 4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V4zM8 13h2.5v4H8v-4zM12 8h2.5v9H12V8zM16 11h2.5v6H16v-6z"/><rect x="3" y="19" width="18" height="2" rx="1"/>',
-};
-
-/** Filled-path overrides for Drakkar brand marks. */
-export const VIKING_DRAKKAR_ICON_FILLED_PATHS: Partial<
-  Record<keyof typeof VIKING_DRAKKAR_ICON_PATHS, string>
-> = {
-  drakkar:
-    '<path d="M7 5h10a2 2 0 0 1 2 2v3.5L20.8 14.2l-7.8-3.5a1.8 1.8 0 0 0-1.4 0L3.2 14.2a10.5 10.5 0 0 0 2.6 7.2L5.2 13V7a2 2 0 0 0-2-2z"/><rect x="10.85" y="2" width="2.3" height="12" rx="0.4"/>',
-  "drakkar-compact":
-    '<path d="M3 3h18a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/><path d="M7.5 12.5 12 9.8l4.5 2.7v2.2c0 .8-.5 1.4-1.2 1.7L12 17.8l-3.3-1.6c-.7-.3-1.2-.9-1.2-1.7v-2.2z"/><rect x="11" y="6" width="2" height="5.5" rx="0.35"/>',
-  "drakkar-lockup":
-    '<path d="M7 5h10a2 2 0 0 1 2 2v3.5L20.8 14.2l-7.8-3.5a1.8 1.8 0 0 0-1.4 0L3.2 14.2a10.5 10.5 0 0 0 2.6 7.2L5.2 13V7a2 2 0 0 0-2-2z"/><rect x="10.85" y="2" width="2.3" height="12" rx="0.4"/><rect x="3" y="20" width="18" height="2" rx="1"/>',
-};
-
-export type VikingBrandIconName = keyof typeof VIKING_BRAND_ICON_PATHS;
-
-export type VikingDrakkarIconName = keyof typeof VIKING_DRAKKAR_ICON_PATHS;
-
-export const VIKING_BRAND_ICON_NAMES_LIST = Object.keys(
-  VIKING_BRAND_ICON_PATHS,
-) as VikingBrandIconName[];
-
-export const VIKING_DRAKKAR_ICON_NAMES_LIST = Object.keys(
-  VIKING_DRAKKAR_ICON_PATHS,
-) as VikingDrakkarIconName[];

package/src/core/icons.spec.ts

@@ -1,52 +0,0 @@
-import { describe, it, expect } from "vitest";
-import {
-  MATERIAL_ICON_ALIASES,
-  VIKING_ICON_PATHS,
-  resolveVikingIcon,
-  resolveVikingIconColor,
-  resolveVikingIconSize,
-  vikingIconViewBox,
-} from "./icons";
-
-describe("icons registry", () => {
-  it("resolves direct icon names case-insensitively", () => {
-    expect(resolveVikingIcon("search")).toBe("search");
-    expect(resolveVikingIcon("Shield")).toBe("shield");
-  });
-
-  it("maps legacy Material icon ligatures to Viking keys", () => {
-    expect(resolveVikingIcon("trending_up")).toBe("trending-up");
-    expect(resolveVikingIcon("verified_user")).toBe("user-shield");
-    expect(MATERIAL_ICON_ALIASES["rocket_launch"]).toBe("rocket");
-  });
-
-  it("falls back to info for unknown names", () => {
-    expect(resolveVikingIcon("does-not-exist")).toBe("info");
-  });
-
-  it("resolves size presets to pixel dimensions", () => {
-    expect(resolveVikingIconSize(undefined, "sm")).toBe(16);
-    expect(resolveVikingIconSize(undefined, "md")).toBe(20);
-    expect(resolveVikingIconSize(undefined, "lg")).toBe(24);
-    expect(resolveVikingIconSize(28, null)).toBe(28);
-    expect(resolveVikingIconSize(undefined, null)).toBe(24);
-  });
-
-  it("maps semantic color tokens to CSS custom properties", () => {
-    expect(resolveVikingIconColor("accent")).toBe("var(--viking-accent)");
-    expect(resolveVikingIconColor("danger")).toBe("var(--viking-danger)");
-    expect(resolveVikingIconColor("inherit")).toBeUndefined();
-    expect(resolveVikingIconColor("var(--custom)")).toBe("var(--custom)");
-  });
-
-  it("uses a consistent 24×24 viewBox for registry icons", () => {
-    expect(vikingIconViewBox("check")).toBe("0 0 24 24");
-    expect(vikingIconViewBox("drakkar")).toBe("0 0 24 24");
-  });
-
-  it("registers core Lucide and brand icons", () => {
-    expect(VIKING_ICON_PATHS["search"]).toBeTruthy();
-    expect(VIKING_ICON_PATHS["drakkar"]).toBeTruthy();
-    expect(VIKING_ICON_PATHS["deml"]).toBeTruthy();
-  });
-});

package/src/core/icons.ts

@@ -1,206 +0,0 @@
-/**
- * Zero-dependency inline SVG icon registry (24×24 stroke icons).
- * Lucide paths are synced at build time; DEML brand marks are custom artwork.
- */
-import { LUCIDE_ICON_PATHS } from "./lucide-paths.generated";
-import {
-  VIKING_BRAND_ICON_FILLED_PATHS,
-  VIKING_BRAND_ICON_PATHS,
-  VIKING_BRAND_ICON_NAMES_LIST,
-  VIKING_DRAKKAR_ICON_FILLED_PATHS,
-  VIKING_DRAKKAR_ICON_PATHS,
-  VIKING_DRAKKAR_ICON_NAMES_LIST,
-} from "./brand-icons";
-import {
-  VIKING_INTEGRATION_ICON_PATHS,
-  VIKING_INTEGRATION_ICON_NAMES_LIST,
-} from "./integration-brand-icons";
-
-export {
-  VIKING_DRAKKAR_ICON_NAMES_LIST,
-  VIKING_BRAND_ICON_NAMES_LIST,
-} from "./brand-icons";
-export {
-  VIKING_INTEGRATION_ICON_NAMES_LIST,
-  type VikingIntegrationIconName,
-} from "./integration-brand-icons";
-
-export type VikingIconName = keyof typeof VIKING_ICON_PATHS;
-
-export type VikingIconSizePreset = "sm" | "md" | "lg";
-
-export type VikingIconVariant = "outline" | "filled";
-
-/** Semantic color tokens resolved to CSS custom properties. */
-export type VikingIconColorToken =
-  | "inherit"
-  | "accent"
-  | "success"
-  | "warning"
-  | "danger"
-  | "info"
-  | "muted"
-  | "text";
-
-/** Pixel sizes for sm / md / lg presets. */
-export const VIKING_ICON_SIZE_PRESETS: Record<VikingIconSizePreset, number> = {
-  sm: 16,
-  md: 20,
-  lg: 24,
-} as const;
-
-/** Custom icons not covered by Lucide (hub topology, ML model tile, OAuth stubs). */
-const VIKING_CUSTOM_ICON_PATHS = {
-  hub: '<circle cx="12" cy="12" r="3"/><path d="M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1"/>',
-  model:
-    '<rect x="4" y="8" width="16" height="10" rx="2"/><path d="M8 8V6a4 4 0 0 1 8 0v2"/>',
-  google:
-    '<path d="M12 11.2v2.4h6.6c-.3 1.5-1.8 4.4-6.6 4.4-4 0-7.2-3.3-7.2-7.3S8 3.4 12 3.4c2.3 0 3.9 1 4.8 1.8l3.2-3.1C17.5.8 14.9 0 12 0 5.4 0 0 5.4 0 12s5.4 12 12 12c6.9 0 11.5-4.8 11.5-11.6 0-.8-.1-1.4-.2-1.9H12z"/>',
-  apple:
-    '<path d="M16.365 12.14c.02 2.53 2.21 3.38 2.23 3.39-.02.07-.35 1.21-1.16 2.4-.7 1.02-1.43 2.03-2.58 2.05-1.13.02-1.49-.67-2.78-.67-1.29 0-1.69.65-2.75.69-1.11.04-1.95-1.12-2.66-2.13-1.44-2.08-2.54-5.87-1.07-8.43.73-1.27 2.04-2.08 3.46-2.1 1.08-.02 2.1.72 2.78.72.67 0 2.14-.89 3.61-.76.61.03 2.33.25 3.44 1.88-.09.06-2.05 1.2-2.03 3.55M13.75 3.64c.59-.71 1-1.7.89-2.68-.86.03-1.9.57-2.52 1.28-.55.63-1.03 1.65-.9 2.62.95.07 1.92-.49 2.53-1.22"/>',
-} as const;
-
-export const VIKING_ICON_PATHS = {
-  ...LUCIDE_ICON_PATHS,
-  ...VIKING_BRAND_ICON_PATHS,
-  ...VIKING_DRAKKAR_ICON_PATHS,
-  ...VIKING_INTEGRATION_ICON_PATHS,
-  ...VIKING_CUSTOM_ICON_PATHS,
-} as const;
-
-/** Filled-path overrides used when variant="filled" (brand marks, solid shapes). */
-export const VIKING_ICON_FILLED_PATHS: Partial<Record<VikingIconName, string>> =
-  {
-    ...VIKING_BRAND_ICON_FILLED_PATHS,
-    ...VIKING_DRAKKAR_ICON_FILLED_PATHS,
-  };
-
-/** Legacy Material Icons ligature names → Viking icon registry keys. */
-export const MATERIAL_ICON_ALIASES: Record<string, VikingIconName> = {
-  analytics: "deml",
-  security: "shield",
-  link: "link",
-  visibility: "eye",
-  shield: "shield",
-  trending_up: "trending-up",
-  lock: "lock",
-  fingerprint: "fingerprint",
-  gpp_maybe: "shield",
-  verified_user: "user-shield",
-  bolt: "bolt",
-  cloud: "cloud",
-  lan: "network",
-  hub: "hub",
-  speed: "speed",
-  rocket_launch: "rocket",
-  insights: "insights",
-  check: "check",
-  description: "file",
-  vpn_key: "key",
-  policy: "policy",
-  bug_report: "bug",
-  search: "search",
-  chevron_left: "chevron-left",
-  chevron_right: "chevron-right",
-  verified: "check-circle",
-  warning: "alert-triangle",
-  close: "x",
-  account_balance: "building",
-  send: "send",
-  check_circle: "check-circle",
-  play_circle: "play",
-  input: "terminal",
-  model_training: "model",
-  auto_awesome: "sparkle",
-  error_outline: "alert-circle",
-  home: "home",
-  cookie: "cookie",
-  search_off: "search-off",
-  person_add: "user",
-  storage: "aws-redshift",
-  data_object: "aws-redshift",
-  memory: "tensorflow",
-  psychology: "pytorch",
-  dns: "server",
-  login: "log-in",
-};
-
-/** Icons always rendered with fill (play triangle, dot grids). */
-export const VIKING_FILLED_ICON_NAMES = [
-  "play",
-  "dots-horizontal",
-  "dots-vertical",
-  "grip-vertical",
-] as const satisfies readonly VikingIconName[];
-
-/** OAuth / vendor marks rendered with official brand artwork in viking-icon. */
-export const VIKING_BRAND_ICON_NAMES = [
-  "google",
-  "apple",
-  ...VIKING_BRAND_ICON_NAMES_LIST,
-] as const satisfies readonly VikingIconName[];
-
-const VIKING_ICON_COLOR_TOKENS: Record<
-  Exclude<VikingIconColorToken, "inherit">,
-  string
-> = {
-  accent: "var(--viking-accent)",
-  success: "var(--viking-success)",
-  warning: "var(--viking-warning)",
-  danger: "var(--viking-danger)",
-  info: "var(--viking-info)",
-  muted: "var(--viking-text-muted)",
-  text: "var(--viking-text)",
-};
-
-export const vikingIconViewBox = (_name: VikingIconName): string => "0 0 24 24";
-
-/** Resolve pixel size from preset or explicit value. */
-export const resolveVikingIconSize = (
-  size: number | undefined,
-  preset: VikingIconSizePreset | null | undefined,
-): number => {
-  if (preset) {
-    return VIKING_ICON_SIZE_PRESETS[preset];
-  }
-  return size ?? VIKING_ICON_SIZE_PRESETS.lg;
-};
-
-/** Resolve semantic color token or raw CSS value for icon tinting. */
-export const resolveVikingIconColor = (
-  color: VikingIconColorToken | string | undefined,
-): string | undefined => {
-  if (!color || color === "inherit") {
-    return undefined;
-  }
-  if (color in VIKING_ICON_COLOR_TOKENS) {
-    return VIKING_ICON_COLOR_TOKENS[
-      color as Exclude<VikingIconColorToken, "inherit">
-    ];
-  }
-  return color;
-};
-
-const VIKING_ICON_PATH_KEYS = new Set(Object.keys(VIKING_ICON_PATHS));
-
-/** Resolve a Viking or legacy Material icon name to a registry key. */
-export const resolveVikingIcon = (name: string): VikingIconName => {
-  const normalized = name.trim().toLowerCase().replace(/\s+/g, "_");
-  if (VIKING_ICON_PATH_KEYS.has(normalized)) {
-    return normalized as VikingIconName;
-  }
-  const alias = MATERIAL_ICON_ALIASES[normalized];
-  if (alias) {
-    return alias;
-  }
-  return "info";
-};
-
-export const VIKING_ICON_NAMES = Object.keys(
-  VIKING_ICON_PATHS,
-) as VikingIconName[];
-
-/** Lucide-sourced icon names (for docs and showcase grouping). */
-export const VIKING_LUCIDE_ICON_NAMES = Object.keys(
-  LUCIDE_ICON_PATHS,
-) as (keyof typeof LUCIDE_ICON_PATHS)[];