npm - @dataengineeringformachinelearning/viking-ui - Versions diffs - 1.0.1 → 1.0.2 - Mend

@dataengineeringformachinelearning/viking-ui 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md +9 -5
package/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +390 -225
package/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -1
package/package.json +1 -1
package/src/styles/viking-ui-bundle.scss +2 -1
package/src/styles/viking-ui.scss +1 -1
package/types/dataengineeringformachinelearning-viking-ui.d.ts +90 -67
package/viking.manifest.json +146 -97

package/fesm2022/dataengineeringformachinelearning-viking-ui.mjs CHANGED Viewed

@@ -66,7 +66,14 @@ const VIKING_ICON_PATHS = {
     shield: '<path d="M12 3 4.5 6v5c0 5 3 8.5 7.5 10 4.5-1.5 7.5-5 7.5-10V6L12 3z"/>',
     'bar-chart': '<path d="M4 4v16h16M8 16v-5M12 16V8M16 16v-3"/>',
     phone: '<path d="M5 4h4l1.5 4L8 10a12 12 0 0 0 6 6l2-2.5L20 15v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z"/>',
+    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"/>',
 };
+/** Icons rendered with fill instead of stroke (brand marks). */
+const VIKING_FILLED_ICON_NAMES = [
+    'google',
+    'apple',
+];
 const VIKING_ICON_NAMES = Object.keys(VIKING_ICON_PATHS);
 /** Registers a component as a ControlValueAccessor. */
@@ -193,7 +200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], dragging: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragging", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], resizeStart: [{ type: i0.Output, args: ["resizeStart"] }] } });
 /**
- * viking-icon — inline SVG icon (https://fluxui.dev/components/icon).
+ * viking-icon — inline SVG icon.
  * Zero-dependency 24x24 stroke icons from the internal registry.
  */
 class VikingIcon {
@@ -204,6 +211,8 @@ class VikingIcon {
     ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     spin = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "spin" }] : /* istanbul ignore next */ []));
+    filled = computed(() => VIKING_FILLED_ICON_NAMES.includes(this.name()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filled" }] : /* istanbul ignore next */ []));
     paths = computed(() =>
     // Registry content is a static, trusted constant defined inside this package.
     this.sanitizer.bypassSecurityTrustHtml(VIKING_ICON_PATHS[this.name()] ?? ''), /* @ts-ignore */
@@ -213,9 +222,9 @@ class VikingIcon {
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      stroke-width="1.8"
+      [attr.fill]="filled() ? 'currentColor' : 'none'"
+      [attr.stroke]="filled() ? 'none' : 'currentColor'"
+      [attr.stroke-width]="filled() ? null : '1.8'"
       stroke-linecap="round"
       stroke-linejoin="round"
       [style.width.px]="size()"
@@ -233,9 +242,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      stroke-width="1.8"
+      [attr.fill]="filled() ? 'currentColor' : 'none'"
+      [attr.stroke]="filled() ? 'none' : 'currentColor'"
+      [attr.stroke-width]="filled() ? null : '1.8'"
       stroke-linecap="round"
       stroke-linejoin="round"
       [style.width.px]="size()"
@@ -253,7 +262,7 @@ const fluxUid = (prefix) => {
 };
 /**
- * viking-accordion — collapsible content panels (https://fluxui.dev/components/accordion).
+ * viking-accordion — collapsible content panels.
  * Set exclusive to allow only one open item at a time.
  */
 class VikingAccordion {
@@ -328,9 +337,308 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
   `, 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}\n"] }]
         }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }] } });
+/**
+ * viking-button — composable button.
+ * Variants: outline (default), primary, filled, danger, ghost, subtle.
+ */
+class VikingButton {
+    variant = input('outline', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('base', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    type = input('button', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    icon = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    iconTrailing = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    loading = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    square = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "square" }] : /* istanbul ignore next */ []));
+    /** Stretch button to 100% of container width. */
+    fullWidth = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
+    href = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+    target = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+    kbd = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "kbd" }] : /* istanbul ignore next */ []));
+    /** Accessible name; required for icon-only (square) buttons. */
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    pressed = output();
+    iconSize = computed(() => (this.size() === 'base' ? 22 : 18), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
+    classes = computed(() => ({
+        [`viking-${this.variant()}`]: true,
+        [`viking-${this.size()}`]: this.size() !== 'base',
+        'viking-square': this.square(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VikingButton, isStandalone: true, selector: "viking-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconTrailing: { classPropertyName: "iconTrailing", publicName: "iconTrailing", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, kbd: { classPropertyName: "kbd", publicName: "kbd", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressed" }, host: { properties: { "style.pointer-events": "disabled() ? 'none' : null", "class.viking-full": "fullWidth()" } }, ngImport: i0, template: `
+    @if (href()) {
+      <a
+        class="viking-btn"
+        [class]="classes()"
+        [href]="href()"
+        [attr.target]="target()"
+        [attr.aria-label]="label() || null"
+        [attr.rel]="target() === '_blank' ? 'noopener noreferrer' : null"
+      >
+        <ng-container *ngTemplateOutlet="content"></ng-container>
+      </a>
+    } @else {
+      <button
+        class="viking-btn"
+        [class]="classes()"
+        [type]="type()"
+        [disabled]="disabled() || loading()"
+        [attr.aria-label]="label() || null"
+        [attr.aria-busy]="loading() ? 'true' : null"
+        (click)="pressed.emit($event)"
+      >
+        <ng-container *ngTemplateOutlet="content"></ng-container>
+      </button>
+    }
+    <ng-template #content>
+      @if (loading()) {
+        <viking-icon name="loader" [size]="iconSize()" [spin]="true" />
+      } @else if (icon()) {
+        <viking-icon [name]="icon()!" [size]="iconSize()" />
+      }
+      <span class="viking-btn-label"><ng-content /></span>
+      @if (iconTrailing()) {
+        <viking-icon [name]="iconTrailing()!" [size]="iconSize()" />
+      }
+      @if (kbd()) {
+        <kbd class="viking-btn-kbd">{{ kbd() }}</kbd>
+      }
+    </ng-template>
+  `, isInline: true, styles: [":host{display:inline-flex}:host(.viking-full){display:flex}:host(.viking-full) .viking-btn{width:100%}.viking-btn{font-family:var(--viking-font-family);font-size:var(--viking-font-size-ui);font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:var(--viking-space-1);min-height:var(--viking-control-height);padding:0 var(--viking-control-padding-x);border-radius:var(--viking-radius);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:var(--viking-transition);width:auto;min-width:var(--viking-btn-min-width, 120px);white-space:nowrap}:host(.viking-full) .viking-btn{min-width:0}.viking-btn:focus-visible{outline:var(--viking-ring-width) solid var(--viking-ring);outline-offset:var(--viking-ring-offset)}.viking-btn:disabled{opacity:.55;cursor:not-allowed}.viking-sm{min-height:var(--viking-control-height-sm);padding:0 var(--viking-space-2)}.viking-xs{min-height:var(--viking-control-height-xs);padding:0 var(--viking-space-1)}.viking-square{width:var(--viking-control-height);padding:0}.viking-square.viking-sm{width:var(--viking-control-height-sm)}.viking-square.viking-xs{width:var(--viking-control-height-xs)}.viking-square .viking-btn-label{display:none}.viking-outline{background:var(--viking-surface);color:var(--viking-text);border-color:var(--viking-border-strong);box-shadow:var(--viking-shadow-sm)}.viking-outline:hover:not(:disabled){background:var(--viking-surface-alt);border-color:var(--viking-accent-strong)}.viking-primary{background:var(--viking-accent);color:var(--viking-accent-content);border-color:var(--viking-accent);box-shadow:var(--viking-shadow-sm)}.viking-primary:hover:not(:disabled){background:var(--viking-accent-strong);border-color:var(--viking-accent-strong);border-bottom-color:var(--hover-color, #fdca40)}.viking-filled{background:var(--viking-surface-alt);color:var(--viking-text);border-color:var(--viking-border)}.viking-filled:hover:not(:disabled){border-color:var(--viking-accent-strong)}.viking-danger{background:var(--viking-danger);color:var(--viking-on-danger, #31393c);border-color:var(--viking-danger)}.viking-danger:hover:not(:disabled){opacity:.9}.viking-ghost{background:transparent;color:var(--viking-text)}.viking-ghost:hover:not(:disabled){background:var(--viking-accent-soft)}.viking-subtle{background:transparent;color:var(--viking-text-muted);border-color:var(--viking-border)}.viking-subtle:hover:not(:disabled){color:var(--viking-text);background:var(--viking-accent-soft);border-color:var(--viking-border-strong)}.viking-btn-kbd{font-family:var(--viking-font-family);font-size:var(--viking-font-size-ui);color:var(--viking-text-muted);background:var(--viking-surface-alt);border:1px solid var(--viking-border);border-radius:calc(var(--viking-radius) / 2);padding:0 var(--viking-space-1);line-height:1.4}\n"], dependencies: [{ kind: "component", type: VikingIcon, selector: "viking-icon", inputs: ["name", "size", "spin"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'viking-button', imports: [VikingIcon, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[style.pointer-events]': "disabled() ? 'none' : null",
+                        '[class.viking-full]': 'fullWidth()',
+                    }, template: `
+    @if (href()) {
+      <a
+        class="viking-btn"
+        [class]="classes()"
+        [href]="href()"
+        [attr.target]="target()"
+        [attr.aria-label]="label() || null"
+        [attr.rel]="target() === '_blank' ? 'noopener noreferrer' : null"
+      >
+        <ng-container *ngTemplateOutlet="content"></ng-container>
+      </a>
+    } @else {
+      <button
+        class="viking-btn"
+        [class]="classes()"
+        [type]="type()"
+        [disabled]="disabled() || loading()"
+        [attr.aria-label]="label() || null"
+        [attr.aria-busy]="loading() ? 'true' : null"
+        (click)="pressed.emit($event)"
+      >
+        <ng-container *ngTemplateOutlet="content"></ng-container>
+      </button>
+    }
+    <ng-template #content>
+      @if (loading()) {
+        <viking-icon name="loader" [size]="iconSize()" [spin]="true" />
+      } @else if (icon()) {
+        <viking-icon [name]="icon()!" [size]="iconSize()" />
+      }
+      <span class="viking-btn-label"><ng-content /></span>
+      @if (iconTrailing()) {
+        <viking-icon [name]="iconTrailing()!" [size]="iconSize()" />
+      }
+      @if (kbd()) {
+        <kbd class="viking-btn-kbd">{{ kbd() }}</kbd>
+      }
+    </ng-template>
+  `, styles: [":host{display:inline-flex}:host(.viking-full){display:flex}:host(.viking-full) .viking-btn{width:100%}.viking-btn{font-family:var(--viking-font-family);font-size:var(--viking-font-size-ui);font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:var(--viking-space-1);min-height:var(--viking-control-height);padding:0 var(--viking-control-padding-x);border-radius:var(--viking-radius);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:var(--viking-transition);width:auto;min-width:var(--viking-btn-min-width, 120px);white-space:nowrap}:host(.viking-full) .viking-btn{min-width:0}.viking-btn:focus-visible{outline:var(--viking-ring-width) solid var(--viking-ring);outline-offset:var(--viking-ring-offset)}.viking-btn:disabled{opacity:.55;cursor:not-allowed}.viking-sm{min-height:var(--viking-control-height-sm);padding:0 var(--viking-space-2)}.viking-xs{min-height:var(--viking-control-height-xs);padding:0 var(--viking-space-1)}.viking-square{width:var(--viking-control-height);padding:0}.viking-square.viking-sm{width:var(--viking-control-height-sm)}.viking-square.viking-xs{width:var(--viking-control-height-xs)}.viking-square .viking-btn-label{display:none}.viking-outline{background:var(--viking-surface);color:var(--viking-text);border-color:var(--viking-border-strong);box-shadow:var(--viking-shadow-sm)}.viking-outline:hover:not(:disabled){background:var(--viking-surface-alt);border-color:var(--viking-accent-strong)}.viking-primary{background:var(--viking-accent);color:var(--viking-accent-content);border-color:var(--viking-accent);box-shadow:var(--viking-shadow-sm)}.viking-primary:hover:not(:disabled){background:var(--viking-accent-strong);border-color:var(--viking-accent-strong);border-bottom-color:var(--hover-color, #fdca40)}.viking-filled{background:var(--viking-surface-alt);color:var(--viking-text);border-color:var(--viking-border)}.viking-filled:hover:not(:disabled){border-color:var(--viking-accent-strong)}.viking-danger{background:var(--viking-danger);color:var(--viking-on-danger, #31393c);border-color:var(--viking-danger)}.viking-danger:hover:not(:disabled){opacity:.9}.viking-ghost{background:transparent;color:var(--viking-text)}.viking-ghost:hover:not(:disabled){background:var(--viking-accent-soft)}.viking-subtle{background:transparent;color:var(--viking-text-muted);border-color:var(--viking-border)}.viking-subtle:hover:not(:disabled){color:var(--viking-text);background:var(--viking-accent-soft);border-color:var(--viking-border-strong)}.viking-btn-kbd{font-family:var(--viking-font-family);font-size:var(--viking-font-size-ui);color:var(--viking-text-muted);background:var(--viking-surface-alt);border:1px solid var(--viking-border);border-radius:calc(var(--viking-radius) / 2);padding:0 var(--viking-space-1);line-height:1.4}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTrailing", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], square: [{ type: i0.Input, args: [{ isSignal: true, alias: "square", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], kbd: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbd", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], pressed: [{ type: i0.Output, args: ["pressed"] }] } });
+/**
+ * viking-separator — horizontal/vertical rule with optional label
+ *.
+ */
+class VikingSeparator {
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    text = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VikingSeparator, isStandalone: true, selector: "viking-separator", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "attr.aria-orientation": "orientation()", "class.viking-vertical": "orientation() === 'vertical'" } }, ngImport: i0, template: `
+    @if (text() && orientation() === 'horizontal') {
+      <span class="viking-separator-line" aria-hidden="true"></span>
+      <span class="viking-separator-text">{{ text() }}</span>
+      <span class="viking-separator-line" aria-hidden="true"></span>
+    } @else {
+      <span class="viking-separator-line" aria-hidden="true"></span>
+    }
+  `, isInline: true, styles: [":host{display:flex;align-items:center;gap:var(--viking-space-2);width:100%}:host(.viking-vertical){width:auto;align-self:stretch}.viking-separator-line{flex:1;border-top:1px solid var(--viking-border)}:host(.viking-vertical) .viking-separator-line{flex:none;border-top:none;border-left:1px solid var(--viking-border);height:100%;min-height:var(--viking-space-3)}.viking-separator-text{font-family:var(--viking-font-family);font-size:var(--viking-font-size);color:var(--viking-text-muted);white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingSeparator, decorators: [{
+            type: Component,
+            args: [{ selector: 'viking-separator', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'separator',
+                        '[attr.aria-orientation]': 'orientation()',
+                        '[class.viking-vertical]': "orientation() === 'vertical'",
+                    }, template: `
+    @if (text() && orientation() === 'horizontal') {
+      <span class="viking-separator-line" aria-hidden="true"></span>
+      <span class="viking-separator-text">{{ text() }}</span>
+      <span class="viking-separator-line" aria-hidden="true"></span>
+    } @else {
+      <span class="viking-separator-line" aria-hidden="true"></span>
+    }
+  `, styles: [":host{display:flex;align-items:center;gap:var(--viking-space-2);width:100%}:host(.viking-vertical){width:auto;align-self:stretch}.viking-separator-line{flex:1;border-top:1px solid var(--viking-border)}:host(.viking-vertical) .viking-separator-line{flex:none;border-top:none;border-left:1px solid var(--viking-border);height:100%;min-height:var(--viking-space-3)}.viking-separator-text{font-family:var(--viking-font-family);font-size:var(--viking-font-size);color:var(--viking-text-muted);white-space:nowrap}\n"] }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
+/**
+ * viking-auth-panel — access portal / sign-in layout template.
+ * Full-width stacked actions, Google + Apple OAuth row, WCAG-friendly structure.
+ */
+class VikingAuthPanel {
+    tag = input('Access Portal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tag" }] : /* istanbul ignore next */ []));
+    title = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    subtitle = input('Secure entry to the DEML (DATA ENGINEERING FOR MACHINE LEARNING).', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
+    showSocial = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showSocial" }] : /* istanbul ignore next */ []));
+    socialLoading = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "socialLoading" }] : /* istanbul ignore next */ []));
+    googleSignIn = output();
+    appleSignIn = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingAuthPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VikingAuthPanel, isStandalone: true, selector: "viking-auth-panel", inputs: { tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, showSocial: { classPropertyName: "showSocial", publicName: "showSocial", isSignal: true, isRequired: false, transformFunction: null }, socialLoading: { classPropertyName: "socialLoading", publicName: "socialLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { googleSignIn: "googleSignIn", appleSignIn: "appleSignIn" }, host: { classAttribute: "viking-auth-panel-host" }, ngImport: i0, template: `
+    <section class="viking-auth-panel" aria-labelledby="viking-auth-title">
+      <header class="viking-auth-header">
+        @if (tag()) {
+          <div class="viking-auth-tag-row">
+            <span class="viking-auth-tag">{{ tag() }}</span>
+          </div>
+        }
+        <h1 id="viking-auth-title" class="viking-auth-title">{{ title() }}</h1>
+        @if (subtitle()) {
+          <p class="viking-auth-subtitle">{{ subtitle() }}</p>
+        }
+      </header>
+      <div class="viking-auth-body">
+        <ng-content />
+      </div>
+      <ng-content select="[vikingAuthLinks]" />
+      @if (showSocial()) {
+        <viking-separator text="or" />
+        <div class="viking-auth-social" role="group" aria-label="Social sign-in">
+          <viking-button
+            variant="outline"
+            type="button"
+            icon="google"
+            [fullWidth]="true"
+            [loading]="socialLoading()"
+            [disabled]="socialLoading()"
+            (pressed)="googleSignIn.emit()"
+          >
+            Sign In with Google
+          </viking-button>
+          <viking-button
+            variant="outline"
+            type="button"
+            icon="apple"
+            [fullWidth]="true"
+            [loading]="socialLoading()"
+            [disabled]="socialLoading()"
+            (pressed)="appleSignIn.emit()"
+          >
+            Sign In with Apple
+          </viking-button>
+        </div>
+      }
+      <footer class="viking-auth-footer">
+        <ng-content select="[vikingAuthFooter]" />
+      </footer>
+    </section>
+  `, isInline: true, styles: [":host{display:block;width:100%;max-width:480px;margin-inline:auto;font-family:var(--viking-font-family)}.viking-auth-panel{display:flex;flex-direction:column;gap:var(--viking-space-2);width:100%}.viking-auth-header{display:flex;flex-direction:column;gap:var(--viking-space-1);margin-bottom:var(--viking-space-1)}.viking-auth-tag-row{display:flex;align-items:center}.viking-auth-tag{display:inline-flex;align-items:center;gap:var(--viking-space-1);font-size:var(--viking-font-size-ui);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--viking-text-muted);padding:var(--viking-space-1) var(--viking-space-2);border:1px solid var(--viking-border);border-radius:var(--viking-radius-pill);background:var(--viking-surface);box-shadow:var(--viking-shadow-sm)}.viking-auth-tag:before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--viking-accent);flex-shrink:0}.viking-auth-title{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:var(--header-letter-spacing, -.02em);color:var(--viking-text);line-height:1.2}.viking-auth-subtitle{margin:0;font-size:var(--viking-font-size);line-height:1.6;color:var(--viking-text-muted)}.viking-auth-body{display:flex;flex-direction:column;gap:var(--viking-space-2);width:100%}.viking-auth-social{display:flex;flex-direction:column;gap:var(--viking-space-1);width:100%}.viking-auth-footer{display:flex;flex-direction:column;gap:var(--viking-space-1);width:100%;padding-top:var(--viking-space-1);border-top:1px solid var(--viking-border)}:host ::ng-deep [vikingAuthLinks].viking-auth-links,:host ::ng-deep .viking-auth-links{display:flex;flex-direction:column;gap:var(--viking-space-1);width:100%}:host ::ng-deep viking-field{width:100%}\n"], dependencies: [{ kind: "component", type: VikingButton, selector: "viking-button", inputs: ["variant", "size", "type", "icon", "iconTrailing", "disabled", "loading", "square", "fullWidth", "href", "target", "kbd", "label"], outputs: ["pressed"] }, { kind: "component", type: VikingSeparator, selector: "viking-separator", inputs: ["orientation", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingAuthPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'viking-auth-panel', imports: [VikingButton, VikingSeparator], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'viking-auth-panel-host' }, template: `
+    <section class="viking-auth-panel" aria-labelledby="viking-auth-title">
+      <header class="viking-auth-header">
+        @if (tag()) {
+          <div class="viking-auth-tag-row">
+            <span class="viking-auth-tag">{{ tag() }}</span>
+          </div>
+        }
+        <h1 id="viking-auth-title" class="viking-auth-title">{{ title() }}</h1>
+        @if (subtitle()) {
+          <p class="viking-auth-subtitle">{{ subtitle() }}</p>
+        }
+      </header>
+      <div class="viking-auth-body">
+        <ng-content />
+      </div>
+      <ng-content select="[vikingAuthLinks]" />
+      @if (showSocial()) {
+        <viking-separator text="or" />
+        <div class="viking-auth-social" role="group" aria-label="Social sign-in">
+          <viking-button
+            variant="outline"
+            type="button"
+            icon="google"
+            [fullWidth]="true"
+            [loading]="socialLoading()"
+            [disabled]="socialLoading()"
+            (pressed)="googleSignIn.emit()"
+          >
+            Sign In with Google
+          </viking-button>
+          <viking-button
+            variant="outline"
+            type="button"
+            icon="apple"
+            [fullWidth]="true"
+            [loading]="socialLoading()"
+            [disabled]="socialLoading()"
+            (pressed)="appleSignIn.emit()"
+          >
+            Sign In with Apple
+          </viking-button>
+        </div>
+      }
+      <footer class="viking-auth-footer">
+        <ng-content select="[vikingAuthFooter]" />
+      </footer>
+    </section>
+  `, styles: [":host{display:block;width:100%;max-width:480px;margin-inline:auto;font-family:var(--viking-font-family)}.viking-auth-panel{display:flex;flex-direction:column;gap:var(--viking-space-2);width:100%}.viking-auth-header{display:flex;flex-direction:column;gap:var(--viking-space-1);margin-bottom:var(--viking-space-1)}.viking-auth-tag-row{display:flex;align-items:center}.viking-auth-tag{display:inline-flex;align-items:center;gap:var(--viking-space-1);font-size:var(--viking-font-size-ui);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--viking-text-muted);padding:var(--viking-space-1) var(--viking-space-2);border:1px solid var(--viking-border);border-radius:var(--viking-radius-pill);background:var(--viking-surface);box-shadow:var(--viking-shadow-sm)}.viking-auth-tag:before{content:\"\";width:8px;height:8px;border-radius:50%;background:var(--viking-accent);flex-shrink:0}.viking-auth-title{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:var(--header-letter-spacing, -.02em);color:var(--viking-text);line-height:1.2}.viking-auth-subtitle{margin:0;font-size:var(--viking-font-size);line-height:1.6;color:var(--viking-text-muted)}.viking-auth-body{display:flex;flex-direction:column;gap:var(--viking-space-2);width:100%}.viking-auth-social{display:flex;flex-direction:column;gap:var(--viking-space-1);width:100%}.viking-auth-footer{display:flex;flex-direction:column;gap:var(--viking-space-1);width:100%;padding-top:var(--viking-space-1);border-top:1px solid var(--viking-border)}:host ::ng-deep [vikingAuthLinks].viking-auth-links,:host ::ng-deep .viking-auth-links{display:flex;flex-direction:column;gap:var(--viking-space-1);width:100%}:host ::ng-deep viking-field{width:100%}\n"] }]
+        }], propDecorators: { tag: [{ type: i0.Input, args: [{ isSignal: true, alias: "tag", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], showSocial: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSocial", required: false }] }], socialLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "socialLoading", required: false }] }], googleSignIn: [{ type: i0.Output, args: ["googleSignIn"] }], appleSignIn: [{ type: i0.Output, args: ["appleSignIn"] }] } });
 /**
  * viking-autocomplete — text input with filtered suggestions
- * (https://fluxui.dev/components/autocomplete). ControlValueAccessor-compatible.
+ *. ControlValueAccessor-compatible.
  */
 class VikingAutocomplete extends VikingControl {
     host = inject(ElementRef);
@@ -488,7 +796,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
 /**
  * viking-avatar — image or initials avatar with optional status indicator
- * (https://fluxui.dev/components/avatar).
+ *.
  */
 class VikingAvatar {
     src = input(null, /* @ts-ignore */
@@ -552,7 +860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], square: [{ type: i0.Input, args: [{ isSignal: true, alias: "square", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
 /**
- * viking-badge — status pill (https://fluxui.dev/components/badge).
+ * viking-badge — status pill.
  * Tones map to THEME.md semantic colors only.
  */
 class VikingBadge {
@@ -624,7 +932,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
 /**
- * viking-brand — logo + wordmark lockup (https://fluxui.dev/components/brand).
+ * viking-brand — logo + wordmark lockup.
  * Project a custom logo (img/svg) or fall back to a monogram tile.
  */
 class VikingBrand {
@@ -657,7 +965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], logoSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoSrc", required: false }] }] } });
 /**
- * viking-breadcrumbs — hierarchy navigation (https://fluxui.dev/components/breadcrumbs).
+ * viking-breadcrumbs — hierarchy navigation.
  */
 class VikingBreadcrumbs {
     items = input.required(/* @ts-ignore */
@@ -704,136 +1012,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
   `, styles: [".viking-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--viking-space-1);margin:0;padding:0;list-style:none;font-family:var(--viking-font-family);font-size:var(--viking-font-size)}.viking-breadcrumb{display:inline-flex;align-items:center;gap:var(--viking-space-1);color:var(--viking-text-muted)}.viking-breadcrumb a{color:var(--viking-text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:var(--viking-transition)}.viking-breadcrumb a:hover,.viking-breadcrumb a:focus-visible{color:var(--viking-accent);border-bottom-color:var(--viking-accent)}.viking-breadcrumb a:focus-visible{outline:var(--viking-ring-width) solid var(--viking-ring);outline-offset:var(--viking-ring-offset);border-radius:3px}.viking-breadcrumb span[aria-current=page]{color:var(--viking-text);font-weight:600}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }] } });
-/**
- * viking-button — composable button (https://fluxui.dev/components/button).
- * Variants: outline (default), primary, filled, danger, ghost, subtle.
- */
-class VikingButton {
-    variant = input('outline', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    size = input('base', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    type = input('button', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-    icon = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-    iconTrailing = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iconTrailing" }] : /* istanbul ignore next */ []));
-    disabled = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    loading = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-    square = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "square" }] : /* istanbul ignore next */ []));
-    href = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
-    target = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
-    kbd = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "kbd" }] : /* istanbul ignore next */ []));
-    /** Accessible name; required for icon-only (square) buttons. */
-    label = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    pressed = output();
-    iconSize = computed(() => (this.size() === 'base' ? 22 : 18), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
-    classes = computed(() => ({
-        [`viking-${this.variant()}`]: true,
-        [`viking-${this.size()}`]: this.size() !== 'base',
-        'viking-square': this.square(),
-    }), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VikingButton, isStandalone: true, selector: "viking-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconTrailing: { classPropertyName: "iconTrailing", publicName: "iconTrailing", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, square: { classPropertyName: "square", publicName: "square", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, kbd: { classPropertyName: "kbd", publicName: "kbd", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressed" }, host: { properties: { "style.pointer-events": "disabled() ? 'none' : null" } }, ngImport: i0, template: `
-    @if (href()) {
-      <a
-        class="viking-btn"
-        [class]="classes()"
-        [href]="href()"
-        [attr.target]="target()"
-        [attr.aria-label]="label() || null"
-        [attr.rel]="target() === '_blank' ? 'noopener noreferrer' : null"
-      >
-        <ng-container *ngTemplateOutlet="content"></ng-container>
-      </a>
-    } @else {
-      <button
-        class="viking-btn"
-        [class]="classes()"
-        [type]="type()"
-        [disabled]="disabled() || loading()"
-        [attr.aria-label]="label() || null"
-        [attr.aria-busy]="loading() ? 'true' : null"
-        (click)="pressed.emit($event)"
-      >
-        <ng-container *ngTemplateOutlet="content"></ng-container>
-      </button>
-    }
-    <ng-template #content>
-      @if (loading()) {
-        <viking-icon name="loader" [size]="iconSize()" [spin]="true" />
-      } @else if (icon()) {
-        <viking-icon [name]="icon()!" [size]="iconSize()" />
-      }
-      <span class="viking-btn-label"><ng-content /></span>
-      @if (iconTrailing()) {
-        <viking-icon [name]="iconTrailing()!" [size]="iconSize()" />
-      }
-      @if (kbd()) {
-        <kbd class="viking-btn-kbd">{{ kbd() }}</kbd>
-      }
-    </ng-template>
-  `, isInline: true, styles: [":host{display:inline-flex}:host(.viking-full){display:flex}:host(.viking-full) .viking-btn{width:100%}.viking-btn{font-family:var(--viking-font-family);font-size:var(--viking-font-size-ui);font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:var(--viking-space-1);min-height:var(--viking-control-height);padding:0 var(--viking-control-padding-x);border-radius:var(--viking-radius);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:var(--viking-transition);width:auto;min-width:var(--viking-btn-min-width, 120px);white-space:nowrap}:host(.viking-full) .viking-btn{min-width:0}.viking-btn:focus-visible{outline:var(--viking-ring-width) solid var(--viking-ring);outline-offset:var(--viking-ring-offset)}.viking-btn:disabled{opacity:.55;cursor:not-allowed}.viking-sm{min-height:var(--viking-control-height-sm);padding:0 var(--viking-space-2)}.viking-xs{min-height:var(--viking-control-height-xs);padding:0 var(--viking-space-1)}.viking-square{width:var(--viking-control-height);padding:0}.viking-square.viking-sm{width:var(--viking-control-height-sm)}.viking-square.viking-xs{width:var(--viking-control-height-xs)}.viking-square .viking-btn-label{display:none}.viking-outline{background:var(--viking-surface);color:var(--viking-text);border-color:var(--viking-border-strong);box-shadow:var(--viking-shadow-sm)}.viking-outline:hover:not(:disabled){background:var(--viking-surface-alt);border-color:var(--viking-accent-strong)}.viking-primary{background:var(--viking-accent);color:var(--viking-accent-content);border-color:var(--viking-accent);box-shadow:var(--viking-shadow-sm)}.viking-primary:hover:not(:disabled){background:var(--viking-accent-strong);border-color:var(--viking-accent-strong);border-bottom-color:var(--hover-color, #fdca40)}.viking-filled{background:var(--viking-surface-alt);color:var(--viking-text);border-color:var(--viking-border)}.viking-filled:hover:not(:disabled){border-color:var(--viking-accent-strong)}.viking-danger{background:var(--viking-danger);color:var(--viking-on-danger, #31393c);border-color:var(--viking-danger)}.viking-danger:hover:not(:disabled){opacity:.9}.viking-ghost{background:transparent;color:var(--viking-text)}.viking-ghost:hover:not(:disabled){background:var(--viking-accent-soft)}.viking-subtle{background:transparent;color:var(--viking-text-muted);border-color:var(--viking-border)}.viking-subtle:hover:not(:disabled){color:var(--viking-text);background:var(--viking-accent-soft);border-color:var(--viking-border-strong)}.viking-btn-kbd{font-family:var(--viking-font-family);font-size:var(--viking-font-size-ui);color:var(--viking-text-muted);background:var(--viking-surface-alt);border:1px solid var(--viking-border);border-radius:calc(var(--viking-radius) / 2);padding:0 var(--viking-space-1);line-height:1.4}\n"], dependencies: [{ kind: "component", type: VikingIcon, selector: "viking-icon", inputs: ["name", "size", "spin"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingButton, decorators: [{
-            type: Component,
-            args: [{ selector: 'viking-button', imports: [VikingIcon, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: { '[style.pointer-events]': "disabled() ? 'none' : null" }, template: `
-    @if (href()) {
-      <a
-        class="viking-btn"
-        [class]="classes()"
-        [href]="href()"
-        [attr.target]="target()"
-        [attr.aria-label]="label() || null"
-        [attr.rel]="target() === '_blank' ? 'noopener noreferrer' : null"
-      >
-        <ng-container *ngTemplateOutlet="content"></ng-container>
-      </a>
-    } @else {
-      <button
-        class="viking-btn"
-        [class]="classes()"
-        [type]="type()"
-        [disabled]="disabled() || loading()"
-        [attr.aria-label]="label() || null"
-        [attr.aria-busy]="loading() ? 'true' : null"
-        (click)="pressed.emit($event)"
-      >
-        <ng-container *ngTemplateOutlet="content"></ng-container>
-      </button>
-    }
-    <ng-template #content>
-      @if (loading()) {
-        <viking-icon name="loader" [size]="iconSize()" [spin]="true" />
-      } @else if (icon()) {
-        <viking-icon [name]="icon()!" [size]="iconSize()" />
-      }
-      <span class="viking-btn-label"><ng-content /></span>
-      @if (iconTrailing()) {
-        <viking-icon [name]="iconTrailing()!" [size]="iconSize()" />
-      }
-      @if (kbd()) {
-        <kbd class="viking-btn-kbd">{{ kbd() }}</kbd>
-      }
-    </ng-template>
-  `, styles: [":host{display:inline-flex}:host(.viking-full){display:flex}:host(.viking-full) .viking-btn{width:100%}.viking-btn{font-family:var(--viking-font-family);font-size:var(--viking-font-size-ui);font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:var(--viking-space-1);min-height:var(--viking-control-height);padding:0 var(--viking-control-padding-x);border-radius:var(--viking-radius);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:var(--viking-transition);width:auto;min-width:var(--viking-btn-min-width, 120px);white-space:nowrap}:host(.viking-full) .viking-btn{min-width:0}.viking-btn:focus-visible{outline:var(--viking-ring-width) solid var(--viking-ring);outline-offset:var(--viking-ring-offset)}.viking-btn:disabled{opacity:.55;cursor:not-allowed}.viking-sm{min-height:var(--viking-control-height-sm);padding:0 var(--viking-space-2)}.viking-xs{min-height:var(--viking-control-height-xs);padding:0 var(--viking-space-1)}.viking-square{width:var(--viking-control-height);padding:0}.viking-square.viking-sm{width:var(--viking-control-height-sm)}.viking-square.viking-xs{width:var(--viking-control-height-xs)}.viking-square .viking-btn-label{display:none}.viking-outline{background:var(--viking-surface);color:var(--viking-text);border-color:var(--viking-border-strong);box-shadow:var(--viking-shadow-sm)}.viking-outline:hover:not(:disabled){background:var(--viking-surface-alt);border-color:var(--viking-accent-strong)}.viking-primary{background:var(--viking-accent);color:var(--viking-accent-content);border-color:var(--viking-accent);box-shadow:var(--viking-shadow-sm)}.viking-primary:hover:not(:disabled){background:var(--viking-accent-strong);border-color:var(--viking-accent-strong);border-bottom-color:var(--hover-color, #fdca40)}.viking-filled{background:var(--viking-surface-alt);color:var(--viking-text);border-color:var(--viking-border)}.viking-filled:hover:not(:disabled){border-color:var(--viking-accent-strong)}.viking-danger{background:var(--viking-danger);color:var(--viking-on-danger, #31393c);border-color:var(--viking-danger)}.viking-danger:hover:not(:disabled){opacity:.9}.viking-ghost{background:transparent;color:var(--viking-text)}.viking-ghost:hover:not(:disabled){background:var(--viking-accent-soft)}.viking-subtle{background:transparent;color:var(--viking-text-muted);border-color:var(--viking-border)}.viking-subtle:hover:not(:disabled){color:var(--viking-text);background:var(--viking-accent-soft);border-color:var(--viking-border-strong)}.viking-btn-kbd{font-family:var(--viking-font-family);font-size:var(--viking-font-size-ui);color:var(--viking-text-muted);background:var(--viking-surface-alt);border:1px solid var(--viking-border);border-radius:calc(var(--viking-radius) / 2);padding:0 var(--viking-space-1);line-height:1.4}\n"] }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTrailing", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], square: [{ type: i0.Input, args: [{ isSignal: true, alias: "square", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], kbd: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbd", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], pressed: [{ type: i0.Output, args: ["pressed"] }] } });
 /**
  * viking-button-group — fuses buttons with shared borders
- * (https://fluxui.dev/components/button#button-groups).
+ *.
  */
 class VikingButtonGroup {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -861,7 +1042,7 @@ const MONTHS = [
 const WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
 const toIso = (date) => `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
 /**
- * viking-calendar — month-grid date selection (https://fluxui.dev/components/calendar).
+ * viking-calendar — month-grid date selection.
  * Value is an ISO date string (YYYY-MM-DD). ControlValueAccessor-compatible.
  */
 class VikingCalendar extends VikingControl {
@@ -997,7 +1178,7 @@ const TONE_ICONS$1 = {
     muted: 'info',
 };
 /**
- * viking-callout — highlighted message block (https://fluxui.dev/components/callout).
+ * viking-callout — highlighted message block.
  */
 class VikingCallout {
     tone = input('accent', /* @ts-ignore */
@@ -1056,7 +1237,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 /**
- * viking-card — surface container (https://fluxui.dev/components/card).
+ * viking-card — surface container.
  * Compose with viking-card-header / viking-card-footer for structured layouts.
  */
 class VikingCard {
@@ -1098,7 +1279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
             args: [{ selector: 'viking-carousel-slide', changeDetection: ChangeDetectionStrategy.OnPush, host: { role: 'group', 'aria-roledescription': 'slide' }, template: `<ng-content />`, styles: [":host{flex:0 0 100%;scroll-snap-align:start;display:block;box-sizing:border-box}\n"] }]
         }] });
 /**
- * viking-carousel — scroll-snap slideshow (https://fluxui.dev/components/carousel).
+ * viking-carousel — scroll-snap slideshow.
  */
 class VikingCarousel {
     viewport = viewChild.required('viewport');
@@ -1292,6 +1473,7 @@ const buildSmoothPath = (points) => {
  * viking-chart — zero-dependency native SVG charts styled after Viking UI.
  */
 class VikingChart {
+    chartId = `vc-${Math.random().toString(36).slice(2, 9)}`;
     kind = input('line', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []));
     series = input([{ name: 'Series', data: [] }], /* @ts-ignore */
@@ -1324,6 +1506,8 @@ class VikingChart {
     ...(ngDevMode ? [{ debugName: "tickCount" }] : /* istanbul ignore next */ []));
     showLegend = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "showLegend" }] : /* istanbul ignore next */ []));
+    summary = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
     width = WIDTH;
     isSparkline = computed(() => this.kind() === 'sparkline', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isSparkline" }] : /* istanbul ignore next */ []));
@@ -1666,19 +1850,28 @@ class VikingChart {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "donutSlices" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VikingChart, isStandalone: true, selector: "viking-chart", inputs: { kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null }, categories: { classPropertyName: "categories", publicName: "categories", isSignal: true, isRequired: false, transformFunction: null }, segments: { classPropertyName: "segments", publicName: "segments", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, showArea: { classPropertyName: "showArea", publicName: "showArea", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, curve: { classPropertyName: "curve", publicName: "curve", isSignal: true, isRequired: false, transformFunction: null }, showPoints: { classPropertyName: "showPoints", publicName: "showPoints", isSignal: true, isRequired: false, transformFunction: null }, pointRadius: { classPropertyName: "pointRadius", publicName: "pointRadius", isSignal: true, isRequired: false, transformFunction: null }, barWidth: { classPropertyName: "barWidth", publicName: "barWidth", isSignal: true, isRequired: false, transformFunction: null }, barRadius: { classPropertyName: "barRadius", publicName: "barRadius", isSignal: true, isRequired: false, transformFunction: null }, gutter: { classPropertyName: "gutter", publicName: "gutter", isSignal: true, isRequired: false, transformFunction: null }, tickCount: { classPropertyName: "tickCount", publicName: "tickCount", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.viking-chart-fill-host": "fill()", "class.viking-chart-sparkline-host": "kind() === 'sparkline'" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VikingChart, isStandalone: true, selector: "viking-chart", inputs: { kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null }, categories: { classPropertyName: "categories", publicName: "categories", isSignal: true, isRequired: false, transformFunction: null }, segments: { classPropertyName: "segments", publicName: "segments", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, showArea: { classPropertyName: "showArea", publicName: "showArea", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, curve: { classPropertyName: "curve", publicName: "curve", isSignal: true, isRequired: false, transformFunction: null }, showPoints: { classPropertyName: "showPoints", publicName: "showPoints", isSignal: true, isRequired: false, transformFunction: null }, pointRadius: { classPropertyName: "pointRadius", publicName: "pointRadius", isSignal: true, isRequired: false, transformFunction: null }, barWidth: { classPropertyName: "barWidth", publicName: "barWidth", isSignal: true, isRequired: false, transformFunction: null }, barRadius: { classPropertyName: "barRadius", publicName: "barRadius", isSignal: true, isRequired: false, transformFunction: null }, gutter: { classPropertyName: "gutter", publicName: "gutter", isSignal: true, isRequired: false, transformFunction: null }, tickCount: { classPropertyName: "tickCount", publicName: "tickCount", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, summary: { classPropertyName: "summary", publicName: "summary", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.viking-chart-fill-host": "fill()", "class.viking-chart-sparkline-host": "kind() === 'sparkline'" } }, ngImport: i0, template: `
     <figure
       class="viking-chart"
       [class.viking-chart-fill]="fill()"
       [class.viking-chart-compact]="compact() && !fill()"
       [class.viking-chart-sparkline]="isSparkline()"
       [class.viking-chart-has-legend]="legendVisible()"
+      [attr.aria-labelledby]="label() ? 'viking-chart-label-' + chartId : null"
+      [attr.aria-describedby]="summary() ? 'viking-chart-summary-' + chartId : null"
     >
+      @if (label()) {
+        <figcaption class="sr-only" [id]="'viking-chart-label-' + chartId">{{ label() }}</figcaption>
+      }
+      @if (summary()) {
+        <p class="sr-only" [id]="'viking-chart-summary-' + chartId">{{ summary() }}</p>
+      }
       <svg
         [attr.viewBox]="'0 0 ' + width + ' ' + height()"
         preserveAspectRatio="xMidYMid meet"
         role="img"
         [attr.aria-label]="label() || 'Chart'"
+        aria-hidden="true"
       >
         @if (kind() === 'donut') {
           @for (slice of donutSlices(); track slice.label) {
@@ -1836,7 +2029,7 @@ class VikingChart {
         </figcaption>
       }
     </figure>
-  `, isInline: true, styles: [":host{display:block;width:100%}:host(.viking-chart-fill-host){display:flex;flex-direction:column;flex:1 1 auto;min-height:240px;height:100%}:host(.viking-chart-sparkline-host){display:inline-block;width:auto;max-width:100%}:host(.viking-chart-wide){display:block;width:100%}.viking-chart{margin:0;font-family:var(--viking-font-family);overflow:hidden;width:100%;max-width:100%}.viking-chart:not(.viking-chart-fill):not(.viking-chart-sparkline){aspect-ratio:3 / 1}.viking-chart-fill{flex:1 1 auto;display:flex;flex-direction:column;min-height:240px;height:100%}.viking-chart-sparkline{width:5rem;aspect-ratio:3 / 1}:host(.viking-chart-wide) .viking-chart-sparkline{width:100%;aspect-ratio:auto;height:3rem}svg{display:block;width:100%;height:100%;min-height:120px;background:transparent;overflow:visible}.viking-chart-fill svg{flex:1 1 auto;min-height:200px;max-height:none}.viking-chart-sparkline svg{min-height:0;border:none}.viking-chart-compact svg{max-height:220px}.viking-chart-grid{stroke:color-mix(in srgb,var(--viking-border) 55%,transparent);stroke-width:1}.viking-chart-axis-line,.viking-chart-tick{stroke:color-mix(in srgb,var(--viking-border) 85%,transparent);stroke-width:1}.viking-chart-axis-y,.viking-chart-axis-x{fill:var(--viking-text-muted);font-size:var(--viking-chart-axis-size, 12px);font-family:var(--viking-font-family)}.viking-chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.viking-chart-area{opacity:.28;stroke:none}.viking-chart-point{stroke:var(--viking-surface);stroke-width:2;vector-effect:non-scaling-stroke}.viking-chart-bar{opacity:.95}.viking-chart-donut-slice{stroke:var(--viking-surface);stroke-width:2}.viking-chart-donut-hole{fill:var(--viking-surface)}.viking-chart-donut-total{fill:var(--viking-text);font-size:14px;font-weight:700;font-family:var(--viking-font-family)}.viking-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--viking-space-2);margin-top:var(--viking-space-2);font-size:calc(var(--viking-font-size) * .9);color:var(--viking-text-muted)}.viking-chart-legend-item{display:inline-flex;align-items:center;gap:calc(var(--viking-space-1) / 1.5);line-height:1.2}.viking-chart-swatch{width:10px;height:10px;border-radius:999px;display:inline-block;flex-shrink:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;width:100%}:host(.viking-chart-fill-host){display:flex;flex-direction:column;flex:1 1 auto;min-height:240px;height:100%}:host(.viking-chart-sparkline-host){display:inline-block;width:auto;max-width:100%}:host(.viking-chart-wide){display:block;width:100%}.viking-chart{margin:0;font-family:var(--viking-font-family);overflow:hidden;width:100%;max-width:100%;container-type:inline-size}.viking-chart:not(.viking-chart-fill):not(.viking-chart-sparkline){aspect-ratio:3 / 1}.viking-chart-fill{flex:1 1 auto;display:flex;flex-direction:column;min-height:240px;height:100%}.viking-chart-sparkline{width:5rem;aspect-ratio:3 / 1}:host(.viking-chart-wide) .viking-chart-sparkline{width:100%;aspect-ratio:auto;height:3rem}svg{display:block;width:100%;height:100%;min-height:120px;background:transparent;overflow:visible}.viking-chart-fill svg{flex:1 1 auto;min-height:200px;max-height:none}.viking-chart-sparkline svg{min-height:0;border:none}.viking-chart-compact svg{max-height:220px}.viking-chart-grid{stroke:color-mix(in srgb,var(--viking-border) 55%,transparent);stroke-width:1}.viking-chart-axis-line,.viking-chart-tick{stroke:color-mix(in srgb,var(--viking-border) 85%,transparent);stroke-width:1}.viking-chart-axis-y,.viking-chart-axis-x{fill:var(--viking-text-muted);font-size:max(11px,var(--viking-chart-axis-size, 12px));font-family:var(--viking-font-family)}.viking-chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.viking-chart-area{opacity:.28;stroke:none}.viking-chart-point{stroke:var(--viking-surface);stroke-width:2;vector-effect:non-scaling-stroke}.viking-chart-bar{opacity:.95}.viking-chart-donut-slice{stroke:var(--viking-surface);stroke-width:2}.viking-chart-donut-hole{fill:var(--viking-surface)}.viking-chart-donut-total{fill:var(--viking-text);font-size:max(12px,min(16px,3.5cqw));font-weight:700;font-family:var(--viking-font-family)}.viking-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--viking-space-2);margin-top:var(--viking-space-2);font-size:calc(var(--viking-font-size) * .9);color:var(--viking-text-muted)}.viking-chart-legend-item{display:inline-flex;align-items:center;gap:calc(var(--viking-space-1) / 1.5);line-height:1.2}.viking-chart-swatch{width:10px;height:10px;border-radius:999px;display:inline-block;flex-shrink:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingChart, decorators: [{
             type: Component,
@@ -1850,12 +2043,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
       [class.viking-chart-compact]="compact() && !fill()"
       [class.viking-chart-sparkline]="isSparkline()"
       [class.viking-chart-has-legend]="legendVisible()"
+      [attr.aria-labelledby]="label() ? 'viking-chart-label-' + chartId : null"
+      [attr.aria-describedby]="summary() ? 'viking-chart-summary-' + chartId : null"
     >
+      @if (label()) {
+        <figcaption class="sr-only" [id]="'viking-chart-label-' + chartId">{{ label() }}</figcaption>
+      }
+      @if (summary()) {
+        <p class="sr-only" [id]="'viking-chart-summary-' + chartId">{{ summary() }}</p>
+      }
       <svg
         [attr.viewBox]="'0 0 ' + width + ' ' + height()"
         preserveAspectRatio="xMidYMid meet"
         role="img"
         [attr.aria-label]="label() || 'Chart'"
+        aria-hidden="true"
       >
         @if (kind() === 'donut') {
           @for (slice of donutSlices(); track slice.label) {
@@ -2013,11 +2215,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         </figcaption>
       }
     </figure>
-  `, styles: [":host{display:block;width:100%}:host(.viking-chart-fill-host){display:flex;flex-direction:column;flex:1 1 auto;min-height:240px;height:100%}:host(.viking-chart-sparkline-host){display:inline-block;width:auto;max-width:100%}:host(.viking-chart-wide){display:block;width:100%}.viking-chart{margin:0;font-family:var(--viking-font-family);overflow:hidden;width:100%;max-width:100%}.viking-chart:not(.viking-chart-fill):not(.viking-chart-sparkline){aspect-ratio:3 / 1}.viking-chart-fill{flex:1 1 auto;display:flex;flex-direction:column;min-height:240px;height:100%}.viking-chart-sparkline{width:5rem;aspect-ratio:3 / 1}:host(.viking-chart-wide) .viking-chart-sparkline{width:100%;aspect-ratio:auto;height:3rem}svg{display:block;width:100%;height:100%;min-height:120px;background:transparent;overflow:visible}.viking-chart-fill svg{flex:1 1 auto;min-height:200px;max-height:none}.viking-chart-sparkline svg{min-height:0;border:none}.viking-chart-compact svg{max-height:220px}.viking-chart-grid{stroke:color-mix(in srgb,var(--viking-border) 55%,transparent);stroke-width:1}.viking-chart-axis-line,.viking-chart-tick{stroke:color-mix(in srgb,var(--viking-border) 85%,transparent);stroke-width:1}.viking-chart-axis-y,.viking-chart-axis-x{fill:var(--viking-text-muted);font-size:var(--viking-chart-axis-size, 12px);font-family:var(--viking-font-family)}.viking-chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.viking-chart-area{opacity:.28;stroke:none}.viking-chart-point{stroke:var(--viking-surface);stroke-width:2;vector-effect:non-scaling-stroke}.viking-chart-bar{opacity:.95}.viking-chart-donut-slice{stroke:var(--viking-surface);stroke-width:2}.viking-chart-donut-hole{fill:var(--viking-surface)}.viking-chart-donut-total{fill:var(--viking-text);font-size:14px;font-weight:700;font-family:var(--viking-font-family)}.viking-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--viking-space-2);margin-top:var(--viking-space-2);font-size:calc(var(--viking-font-size) * .9);color:var(--viking-text-muted)}.viking-chart-legend-item{display:inline-flex;align-items:center;gap:calc(var(--viking-space-1) / 1.5);line-height:1.2}.viking-chart-swatch{width:10px;height:10px;border-radius:999px;display:inline-block;flex-shrink:0}\n"] }]
-        }], propDecorators: { kind: [{ type: i0.Input, args: [{ isSignal: true, alias: "kind", required: false }] }], series: [{ type: i0.Input, args: [{ isSignal: true, alias: "series", required: false }] }], categories: [{ type: i0.Input, args: [{ isSignal: true, alias: "categories", required: false }] }], segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], showArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArea", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], curve: [{ type: i0.Input, args: [{ isSignal: true, alias: "curve", required: false }] }], showPoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPoints", required: false }] }], pointRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "pointRadius", required: false }] }], barWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "barWidth", required: false }] }], barRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "barRadius", required: false }] }], gutter: [{ type: i0.Input, args: [{ isSignal: true, alias: "gutter", required: false }] }], tickCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "tickCount", required: false }] }], showLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLegend", required: false }] }] } });
+  `, styles: [":host{display:block;width:100%}:host(.viking-chart-fill-host){display:flex;flex-direction:column;flex:1 1 auto;min-height:240px;height:100%}:host(.viking-chart-sparkline-host){display:inline-block;width:auto;max-width:100%}:host(.viking-chart-wide){display:block;width:100%}.viking-chart{margin:0;font-family:var(--viking-font-family);overflow:hidden;width:100%;max-width:100%;container-type:inline-size}.viking-chart:not(.viking-chart-fill):not(.viking-chart-sparkline){aspect-ratio:3 / 1}.viking-chart-fill{flex:1 1 auto;display:flex;flex-direction:column;min-height:240px;height:100%}.viking-chart-sparkline{width:5rem;aspect-ratio:3 / 1}:host(.viking-chart-wide) .viking-chart-sparkline{width:100%;aspect-ratio:auto;height:3rem}svg{display:block;width:100%;height:100%;min-height:120px;background:transparent;overflow:visible}.viking-chart-fill svg{flex:1 1 auto;min-height:200px;max-height:none}.viking-chart-sparkline svg{min-height:0;border:none}.viking-chart-compact svg{max-height:220px}.viking-chart-grid{stroke:color-mix(in srgb,var(--viking-border) 55%,transparent);stroke-width:1}.viking-chart-axis-line,.viking-chart-tick{stroke:color-mix(in srgb,var(--viking-border) 85%,transparent);stroke-width:1}.viking-chart-axis-y,.viking-chart-axis-x{fill:var(--viking-text-muted);font-size:max(11px,var(--viking-chart-axis-size, 12px));font-family:var(--viking-font-family)}.viking-chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.viking-chart-area{opacity:.28;stroke:none}.viking-chart-point{stroke:var(--viking-surface);stroke-width:2;vector-effect:non-scaling-stroke}.viking-chart-bar{opacity:.95}.viking-chart-donut-slice{stroke:var(--viking-surface);stroke-width:2}.viking-chart-donut-hole{fill:var(--viking-surface)}.viking-chart-donut-total{fill:var(--viking-text);font-size:max(12px,min(16px,3.5cqw));font-weight:700;font-family:var(--viking-font-family)}.viking-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--viking-space-2);margin-top:var(--viking-space-2);font-size:calc(var(--viking-font-size) * .9);color:var(--viking-text-muted)}.viking-chart-legend-item{display:inline-flex;align-items:center;gap:calc(var(--viking-space-1) / 1.5);line-height:1.2}.viking-chart-swatch{width:10px;height:10px;border-radius:999px;display:inline-block;flex-shrink:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n"] }]
+        }], propDecorators: { kind: [{ type: i0.Input, args: [{ isSignal: true, alias: "kind", required: false }] }], series: [{ type: i0.Input, args: [{ isSignal: true, alias: "series", required: false }] }], categories: [{ type: i0.Input, args: [{ isSignal: true, alias: "categories", required: false }] }], segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], showArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArea", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], curve: [{ type: i0.Input, args: [{ isSignal: true, alias: "curve", required: false }] }], showPoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPoints", required: false }] }], pointRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "pointRadius", required: false }] }], barWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "barWidth", required: false }] }], barRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "barRadius", required: false }] }], gutter: [{ type: i0.Input, args: [{ isSignal: true, alias: "gutter", required: false }] }], tickCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "tickCount", required: false }] }], showLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLegend", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: false }] }] } });
 /**
- * viking-checkbox — custom checkbox (https://fluxui.dev/components/checkbox).
+ * viking-checkbox — custom checkbox.
  * ControlValueAccessor-compatible.
  */
 class VikingCheckbox extends VikingControl {
@@ -2095,7 +2297,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
 /**
  * viking-color-picker — swatch presets + custom color input
- * (https://fluxui.dev/components/color-picker). ControlValueAccessor-compatible.
+ *. ControlValueAccessor-compatible.
  * Default presets are the THEME.md palette.
  */
 class VikingColorPicker extends VikingControl {
@@ -2186,7 +2388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }] } });
 /**
- * viking-command — command palette (https://fluxui.dev/components/command).
+ * viking-command — command palette.
  * Toggle with the `open` model; emits `executed` when an item is chosen.
  */
 class VikingCommand {
@@ -2356,7 +2558,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
 /**
  * viking-composer — message composer with attachments and send action
- * (https://fluxui.dev/components/composer).
+ *.
  */
 class VikingComposer {
     value = model('', /* @ts-ignore */
@@ -2471,7 +2673,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], allowAttachments: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowAttachments", required: false }] }], sent: [{ type: i0.Output, args: ["sent"] }], attach: [{ type: i0.Output, args: ["attach"] }] } });
 /**
- * viking-context — right-click context menu (https://fluxui.dev/components/context).
+ * viking-context — right-click context menu.
  * Wrap the target content and project menu content with the `vikingMenu` attribute
  * (typically viking-menu-item elements).
  */
@@ -2527,7 +2729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }] });
 /**
- * viking-date-picker — input + calendar popover (https://fluxui.dev/components/date-picker).
+ * viking-date-picker — input + calendar popover.
  * Value is an ISO date string (YYYY-MM-DD). ControlValueAccessor-compatible.
  */
 class VikingDatePicker extends VikingControl {
@@ -2610,7 +2812,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 /**
- * viking-dropdown — expandable menu (https://fluxui.dev/components/dropdown).
+ * viking-dropdown — expandable menu.
  * Project the trigger with `vikingTrigger`; fill the menu with viking-menu-item.
  */
 class VikingDropdown {
@@ -2732,7 +2934,7 @@ const ACTIONS = [
     { icon: 'list-ordered', command: 'insertOrderedList', label: 'Numbered list' },
 ];
 /**
- * viking-editor — lightweight rich text editor (https://fluxui.dev/components/editor).
+ * viking-editor — lightweight rich text editor.
  * Zero-dependency contenteditable with a formatting toolbar.
  * Value is HTML. ControlValueAccessor-compatible.
  */
@@ -2876,7 +3078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
 /**
  * viking-field — label / description / error wrapper for any control
- * (https://fluxui.dev/components/field).
+ *.
  * The projected control is associated with the label by wrapping.
  */
 class VikingField {
@@ -2970,7 +3172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }] });
 /**
- * viking-file-upload — drag & drop file zone (https://fluxui.dev/components/file-upload).
+ * viking-file-upload — drag & drop file zone.
  */
 class VikingFileUpload {
     heading = input('Drop files here or click to browse', /* @ts-ignore */
@@ -3196,7 +3398,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
 /**
  * viking-input — text input with icons, kbd hint and clearable state
- * (https://fluxui.dev/components/input). ControlValueAccessor-compatible.
+ *. ControlValueAccessor-compatible.
  */
 class VikingInput extends VikingControl {
     value = model('', /* @ts-ignore */
@@ -3297,7 +3499,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconTrailing: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconTrailing", required: false }] }], kbd: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbd", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], cleared: [{ type: i0.Output, args: ["cleared"] }] } });
 /**
- * viking-kanban — drag & drop board (https://fluxui.dev/components/kanban).
+ * viking-kanban — drag & drop board.
  * Native HTML5 drag and drop; emits `moved` and updates the `columns` model.
  */
 class VikingKanban {
@@ -3552,7 +3754,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
 /**
  * viking-modal — dialog built on the native <dialog> element
- * (https://fluxui.dev/components/modal). Toggle via the `open` model.
+ *. Toggle via the `open` model.
  */
 class VikingModal {
     dialogRef = viewChild.required('dialog');
@@ -3803,7 +4005,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] } });
 /**
- * viking-navbar — horizontal navigation container (https://fluxui.dev/components/navbar).
+ * viking-navbar — horizontal navigation container.
  * Compose with viking-navbar-item and any other inline content.
  */
 class VikingNavbar {
@@ -3875,7 +4077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }] } });
 /**
- * viking-otp-input — one-time-passcode input (https://fluxui.dev/components/otp-input).
+ * viking-otp-input — one-time-passcode input.
  * Auto-advances between cells and supports paste. ControlValueAccessor-compatible.
  */
 class VikingOtpInput extends VikingControl {
@@ -4001,7 +4203,7 @@ class VikingPageHeader {
       [class.hud-header]="layout() === 'hud'"
     >
       <div class="viking-page-header-main title-group topbar-left">
-        <ng-content select="[fluxPageHeaderBack]" />
+        <ng-content select="[vikingPageHeaderBack]" />
         @if (tag()) {
           <div class="section-tag-row">
             <span class="section-tag viking-page-header-tag">{{ tag() }}</span>
@@ -4011,10 +4213,10 @@ class VikingPageHeader {
         @if (subtitle()) {
           <p class="viking-page-header-subtitle hud-subtitle page-description">{{ subtitle() }}</p>
         }
-        <ng-content select="[fluxPageHeaderExtra]" />
+        <ng-content select="[vikingPageHeaderExtra]" />
       </div>
       <div class="viking-page-header-actions topbar-right">
-        <ng-content select="[fluxPageHeaderActions]" />
+        <ng-content select="[vikingPageHeaderActions]" />
       </div>
     </header>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -4034,7 +4236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
       [class.hud-header]="layout() === 'hud'"
     >
       <div class="viking-page-header-main title-group topbar-left">
-        <ng-content select="[fluxPageHeaderBack]" />
+        <ng-content select="[vikingPageHeaderBack]" />
         @if (tag()) {
           <div class="section-tag-row">
             <span class="section-tag viking-page-header-tag">{{ tag() }}</span>
@@ -4044,10 +4246,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         @if (subtitle()) {
           <p class="viking-page-header-subtitle hud-subtitle page-description">{{ subtitle() }}</p>
         }
-        <ng-content select="[fluxPageHeaderExtra]" />
+        <ng-content select="[vikingPageHeaderExtra]" />
       </div>
       <div class="viking-page-header-actions topbar-right">
-        <ng-content select="[fluxPageHeaderActions]" />
+        <ng-content select="[vikingPageHeaderActions]" />
       </div>
     </header>
   `,
@@ -4055,7 +4257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { tag: [{ type: i0.Input, args: [{ isSignal: true, alias: "tag", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }] } });
 /**
- * viking-pagination — page navigation (https://fluxui.dev/components/pagination).
+ * viking-pagination — page navigation.
  */
 class VikingPagination {
     page = model(1, /* @ts-ignore */
@@ -4170,7 +4372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }], totalPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPages", required: true }] }] } });
 /**
- * viking-pillbox — multi-value tag input (https://fluxui.dev/components/pillbox).
+ * viking-pillbox — multi-value tag input.
  * Type and press Enter (or comma) to add pills. ControlValueAccessor-compatible.
  */
 class VikingPillbox extends VikingControl {
@@ -4278,7 +4480,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }, { type: i0.Output, args: ["valuesChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 /**
- * viking-popover — anchored floating panel (https://fluxui.dev/components/popover).
+ * viking-popover — anchored floating panel.
  * Project the trigger with the `vikingTrigger` attribute; everything else becomes
  * the panel content. Closes on Escape or outside interaction.
  */
@@ -4339,7 +4541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
 /**
- * viking-profile — user identity block (https://fluxui.dev/components/profile).
+ * viking-profile — user identity block.
  * Project actions (e.g. viking-button) as content.
  */
 class VikingProfile {
@@ -4379,7 +4581,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
 /**
  * viking-progress — determinate/indeterminate progress bar
- * (https://fluxui.dev/components/progress).
+ *.
  */
 class VikingProgress {
     value = input(0, /* @ts-ignore */
@@ -4449,7 +4651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }] } });
 /**
- * viking-radio-group — radio group (https://fluxui.dev/components/radio).
+ * viking-radio-group — radio group.
  * ControlValueAccessor-compatible; options-driven for symmetry with viking-select.
  */
 class VikingRadioGroup extends VikingControl {
@@ -4707,7 +4909,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], paletteKeydown: [{ type: i0.Output, args: ["paletteKeydown"] }], queryInput: [{ type: i0.ViewChild, args: ['queryInput', { isSignal: true }] }] } });
 /**
- * viking-select — custom listbox select (https://fluxui.dev/components/select).
+ * viking-select — custom listbox select.
  * ControlValueAccessor-compatible with full keyboard support.
  */
 class VikingSelect extends VikingControl {
@@ -4864,43 +5066,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
   `, styles: [":host{position:relative;display:block}.viking-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--viking-space-1);width:100%;min-height:var(--viking-control-height);padding:0 var(--viking-space-2);background:var(--viking-surface);border:1px solid var(--viking-border-strong);border-radius:var(--viking-radius);box-shadow:var(--viking-shadow-sm);color:var(--viking-text);font-family:var(--viking-font-family);font-size:var(--viking-font-size);cursor:pointer;transition:var(--viking-transition);text-align:left}.viking-select-trigger:hover:not(:disabled){border-color:var(--viking-accent-strong)}.viking-select-trigger:focus-visible{outline:var(--viking-ring-width) solid var(--viking-ring);outline-offset:var(--viking-ring-offset)}.viking-select-trigger:disabled{opacity:.55;cursor:not-allowed}.viking-select-placeholder{color:var(--viking-text-muted)}.viking-select-panel{position:absolute;top:calc(100% + var(--viking-space-1));left:0;right:0;display:flex;flex-direction:column;gap:2px;margin:0;padding:var(--viking-space-1);background:var(--viking-surface);border:1px solid var(--viking-border-strong);border-radius:var(--viking-radius);box-shadow:var(--viking-shadow-md);z-index:var(--viking-z-overlay);max-height:315px;overflow:auto}.viking-select-option{display:flex;align-items:center;justify-content:space-between;gap:var(--viking-space-1);padding:var(--viking-space-1);border:none;background:transparent;text-align:left;width:100%;border-radius:calc(var(--viking-radius) / 1.5);font-family:var(--viking-font-family);font-size:var(--viking-font-size);color:var(--viking-text);cursor:pointer}.viking-select-option:disabled{opacity:.55;cursor:not-allowed}.viking-select-option:focus-visible{outline:var(--viking-ring-width) solid var(--viking-ring);outline-offset:-2px}.viking-active{background:var(--viking-accent-soft)}.viking-selected{font-weight:600;color:var(--viking-accent)}\n"] }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
-/**
- * viking-separator — horizontal/vertical rule with optional label
- * (https://fluxui.dev/components/separator).
- */
-class VikingSeparator {
-    orientation = input('horizontal', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-    text = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: VikingSeparator, isStandalone: true, selector: "viking-separator", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "attr.aria-orientation": "orientation()", "class.viking-vertical": "orientation() === 'vertical'" } }, ngImport: i0, template: `
-    @if (text() && orientation() === 'horizontal') {
-      <span class="viking-separator-line" aria-hidden="true"></span>
-      <span class="viking-separator-text">{{ text() }}</span>
-      <span class="viking-separator-line" aria-hidden="true"></span>
-    } @else {
-      <span class="viking-separator-line" aria-hidden="true"></span>
-    }
-  `, isInline: true, styles: [":host{display:flex;align-items:center;gap:var(--viking-space-2);width:100%}:host(.viking-vertical){width:auto;align-self:stretch}.viking-separator-line{flex:1;border-top:1px solid var(--viking-border)}:host(.viking-vertical) .viking-separator-line{flex:none;border-top:none;border-left:1px solid var(--viking-border);height:100%;min-height:var(--viking-space-3)}.viking-separator-text{font-family:var(--viking-font-family);font-size:var(--viking-font-size);color:var(--viking-text-muted);white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: VikingSeparator, decorators: [{
-            type: Component,
-            args: [{ selector: 'viking-separator', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        role: 'separator',
-                        '[attr.aria-orientation]': 'orientation()',
-                        '[class.viking-vertical]': "orientation() === 'vertical'",
-                    }, template: `
-    @if (text() && orientation() === 'horizontal') {
-      <span class="viking-separator-line" aria-hidden="true"></span>
-      <span class="viking-separator-text">{{ text() }}</span>
-      <span class="viking-separator-line" aria-hidden="true"></span>
-    } @else {
-      <span class="viking-separator-line" aria-hidden="true"></span>
-    }
-  `, styles: [":host{display:flex;align-items:center;gap:var(--viking-space-2);width:100%}:host(.viking-vertical){width:auto;align-self:stretch}.viking-separator-line{flex:1;border-top:1px solid var(--viking-border)}:host(.viking-vertical) .viking-separator-line{flex:none;border-top:none;border-left:1px solid var(--viking-border);height:100%;min-height:var(--viking-space-3)}.viking-separator-text{font-family:var(--viking-font-family);font-size:var(--viking-font-size);color:var(--viking-text-muted);white-space:nowrap}\n"] }]
-        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
 /**
  * viking-scroll-area — constrained scroll region with clinical scrollbar styling.
  */
@@ -5024,7 +5189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], dialogRef: [{ type: i0.ViewChild, args: ['dialog', { isSignal: true }] }] } });
 /**
- * viking-skeleton — loading placeholder (https://fluxui.dev/components/skeleton).
+ * viking-skeleton — loading placeholder.
  */
 class VikingSkeleton {
     shape = input('line', /* @ts-ignore */
@@ -5093,7 +5258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
 /**
- * viking-slider — range slider (https://fluxui.dev/components/slider).
+ * viking-slider — range slider.
  * ControlValueAccessor-compatible.
  */
 class VikingSlider extends VikingControl {
@@ -5178,7 +5343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 /**
- * viking-switch — toggle switch (https://fluxui.dev/components/switch).
+ * viking-switch — toggle switch.
  * ControlValueAccessor-compatible.
  */
 class VikingSwitch extends VikingControl {
@@ -5364,7 +5529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
 /**
- * viking-textarea — auto-growing textarea (https://fluxui.dev/components/textarea).
+ * viking-textarea — auto-growing textarea.
  * ControlValueAccessor-compatible.
  */
 class VikingTextarea extends VikingControl {
@@ -5510,7 +5675,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }, { type: i0.Output, args: ["pressedChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], toggled: [{ type: i0.Output, args: ["toggled"] }] } });
 /**
- * viking-time-picker — dropdown time selection (https://fluxui.dev/components/time-picker).
+ * viking-time-picker — dropdown time selection.
  * Value is a 24h HH:MM string. ControlValueAccessor-compatible.
  */
 class VikingTimePicker extends VikingControl {
@@ -5629,7 +5794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], stepMinutes: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepMinutes", required: false }] }] } });
 /**
- * viking-timeline — vertical event feed (https://fluxui.dev/components/timeline).
+ * viking-timeline — vertical event feed.
  * Compose with viking-timeline-item.
  */
 class VikingTimeline {
@@ -5706,7 +5871,7 @@ const TONE_ICONS = {
     muted: 'info',
 };
 /**
- * VikingToastService — imperative toast API (https://fluxui.dev/components/toast).
+ * VikingToastService — imperative toast API.
  * Render a single <viking-toaster> outlet near the app root.
  */
 class VikingToastService {
@@ -5814,7 +5979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
 /**
- * fluxTooltip — attribute directive tooltip (https://fluxui.dev/components/tooltip).
+ * fluxTooltip — attribute directive tooltip.
  * Shows on hover and keyboard focus; positions itself relative to the host.
  */
 class VikingTooltip {
@@ -5891,7 +6056,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { fluxTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "fluxTooltip", required: true }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }], tooltipKbd: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipKbd", required: false }] }] } });
 /**
- * viking-heading — consistent heading sizes (https://fluxui.dev/components/heading).
+ * viking-heading — consistent heading sizes.
  */
 class VikingHeading {
     size = input('base', /* @ts-ignore */
@@ -5915,7 +6080,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }] } });
 /**
- * viking-text — body text with semantic variants (https://fluxui.dev/components/text).
+ * viking-text — body text with semantic variants.
  */
 class VikingText {
     variant = input('default', /* @ts-ignore */
@@ -5945,5 +6110,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { VIKING_ICON_NAMES, VIKING_ICON_PATHS, VIKING_TABS, VIKING_TOGGLE_GROUP, VikingAccordion, VikingAccordionItem, VikingAppHeader, VikingAppSidebar, VikingAutocomplete, VikingAvatar, VikingBadge, VikingBar, VikingBrand, VikingBreadcrumbs, VikingButton, VikingButtonGroup, VikingCalendar, VikingCallout, VikingCard, VikingCardFooter, VikingCardHeader, VikingCarousel, VikingCarouselSlide, VikingChart, VikingCheckbox, VikingColorPicker, VikingCommand, VikingComposer, VikingContext, VikingControl, VikingDatePicker, VikingDropdown, VikingEditor, VikingFab, VikingField, VikingFileUpload, VikingFooter, VikingGaugeArc, VikingHeading, VikingHudPanel, VikingIcon, VikingInput, VikingKanban, VikingKbd, VikingLabel, VikingMenuItem, VikingMenubar, VikingMenubarItem, VikingMetricCard, VikingMetricRow, VikingModal, VikingNativeSelect, VikingNavbar, VikingNavbarItem, VikingNavigationMenu, VikingOtpInput, VikingPageHeader, VikingPagination, VikingPillbox, VikingPopover, VikingProfile, VikingProgress, VikingRadioGroup, VikingRingGauge, VikingScrollArea, VikingSearchPalette, VikingSelect, VikingSeparator, VikingSheet, VikingSkeleton, VikingSlider, VikingSpinner, VikingSwitch, VikingTab, VikingTabPanel, VikingTable, VikingTabs, VikingText, VikingTextarea, VikingTimePicker, VikingTimeline, VikingTimelineItem, VikingToastService, VikingToaster, VikingToggle, VikingToggleGroup, VikingTooltip, VikingUptimeBar, provideVikingCva };
+export { VIKING_ICON_NAMES, VIKING_ICON_PATHS, VIKING_TABS, VIKING_TOGGLE_GROUP, VikingAccordion, VikingAccordionItem, VikingAppHeader, VikingAppSidebar, VikingAuthPanel, VikingAutocomplete, VikingAvatar, VikingBadge, VikingBar, VikingBrand, VikingBreadcrumbs, VikingButton, VikingButtonGroup, VikingCalendar, VikingCallout, VikingCard, VikingCardFooter, VikingCardHeader, VikingCarousel, VikingCarouselSlide, VikingChart, VikingCheckbox, VikingColorPicker, VikingCommand, VikingComposer, VikingContext, VikingControl, VikingDatePicker, VikingDropdown, VikingEditor, VikingFab, VikingField, VikingFileUpload, VikingFooter, VikingGaugeArc, VikingHeading, VikingHudPanel, VikingIcon, VikingInput, VikingKanban, VikingKbd, VikingLabel, VikingMenuItem, VikingMenubar, VikingMenubarItem, VikingMetricCard, VikingMetricRow, VikingModal, VikingNativeSelect, VikingNavbar, VikingNavbarItem, VikingNavigationMenu, VikingOtpInput, VikingPageHeader, VikingPagination, VikingPillbox, VikingPopover, VikingProfile, VikingProgress, VikingRadioGroup, VikingRingGauge, VikingScrollArea, VikingSearchPalette, VikingSelect, VikingSeparator, VikingSheet, VikingSkeleton, VikingSlider, VikingSpinner, VikingSwitch, VikingTab, VikingTabPanel, VikingTable, VikingTabs, VikingText, VikingTextarea, VikingTimePicker, VikingTimeline, VikingTimelineItem, VikingToastService, VikingToaster, VikingToggle, VikingToggleGroup, VikingTooltip, VikingUptimeBar, provideVikingCva };
 //# sourceMappingURL=dataengineeringformachinelearning-viking-ui.mjs.map