@austencloud/backgrounds 0.1.0

package/dist/card/element/background-card-element.js

@@ -0,0 +1,267 @@
+/**
+ * background-card-element.ts - <background-card> Custom Element
+ *
+ * Interactive background selection card. Framework-agnostic.
+ *
+ * Attributes: type, label, gradient, accent-color, selected, disabled,
+ *             tilt-degrees, glow-size
+ *
+ * Events: background-select ({ type: string })
+ *
+ * Slot: default — icon content (light DOM, inherits consumer CSS).
+ *       Falls back to SVG from the registry when no slot content provided.
+ *
+ * Shadow DOM with open mode. Parts exposed for ::part() styling.
+ */
+import { BACKGROUND_CARD_STYLES } from "./background-card-styles.js";
+import { getCardMetadata } from "../domain/background-card-constants.js";
+import { attachTiltEffect } from "../effects/tilt-effect.js";
+import { attachCursorGlowEffect } from "../effects/cursor-glow-effect.js";
+import { createSpring } from "../effects/spring.js";
+const OBSERVED_ATTRS = [
+    "type",
+    "label",
+    "gradient",
+    "accent-color",
+    "selected",
+    "disabled",
+    "tilt-degrees",
+    "glow-size",
+];
+export class BackgroundCardElement extends HTMLElement {
+    static get observedAttributes() {
+        return OBSERVED_ATTRS;
+    }
+    // ── Shadow DOM refs ──────────────────────────────────
+    _shadow;
+    _fillEl;
+    _glowEl;
+    _iconEl;
+    _fallbackIcon;
+    _nameEl;
+    _ringEl;
+    // ── Effect handles ───────────────────────────────────
+    _tiltHandle = null;
+    _glowHandle = null;
+    _spring = null;
+    constructor() {
+        super();
+        this._shadow = this.attachShadow({ mode: "open" });
+    }
+    // ── Lifecycle ────────────────────────────────────────
+    connectedCallback() {
+        this._buildDOM();
+        this._applyAttributes();
+        this._attachEffects();
+        this._attachInteraction();
+        // ARIA defaults
+        if (!this.hasAttribute("role")) {
+            this.setAttribute("role", "radio");
+        }
+        if (!this.hasAttribute("tabindex")) {
+            this.setAttribute("tabindex", "0");
+        }
+        this._syncAriaChecked();
+    }
+    disconnectedCallback() {
+        this._tiltHandle?.destroy();
+        this._glowHandle?.destroy();
+        this._spring?.destroy();
+        this._tiltHandle = null;
+        this._glowHandle = null;
+        this._spring = null;
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (oldValue === newValue)
+            return;
+        switch (name) {
+            case "type":
+                this._applyTypeDefaults();
+                break;
+            case "label":
+                this._updateLabel();
+                break;
+            case "gradient":
+                this._updateGradient();
+                break;
+            case "accent-color":
+                this._updateAccent();
+                break;
+            case "selected":
+                this._syncAriaChecked();
+                break;
+            case "disabled":
+                this._syncDisabled();
+                break;
+            // tilt-degrees and glow-size only apply at connect time
+        }
+    }
+    // ── DOM construction ─────────────────────────────────
+    _buildDOM() {
+        const style = document.createElement("style");
+        style.textContent = BACKGROUND_CARD_STYLES;
+        this._fillEl = document.createElement("div");
+        this._fillEl.className = "card-fill";
+        this._fillEl.setAttribute("part", "fill");
+        this._glowEl = document.createElement("div");
+        this._glowEl.className = "glow-layer";
+        this._glowEl.setAttribute("part", "glow");
+        this._iconEl = document.createElement("div");
+        this._iconEl.className = "card-icon";
+        this._iconEl.setAttribute("part", "icon");
+        const slot = document.createElement("slot");
+        this._fallbackIcon = document.createElement("span");
+        this._fallbackIcon.className = "fallback-icon";
+        slot.appendChild(this._fallbackIcon);
+        this._iconEl.appendChild(slot);
+        const labelDiv = document.createElement("div");
+        labelDiv.className = "card-label";
+        labelDiv.setAttribute("part", "label");
+        this._nameEl = document.createElement("span");
+        this._nameEl.className = "card-name";
+        labelDiv.appendChild(this._nameEl);
+        this._ringEl = document.createElement("div");
+        this._ringEl.className = "selection-ring";
+        this._ringEl.setAttribute("part", "ring");
+        this._shadow.append(style, this._fillEl, this._glowEl, this._iconEl, labelDiv, this._ringEl);
+    }
+    // ── Attribute application ────────────────────────────
+    _applyAttributes() {
+        this._applyTypeDefaults();
+        this._updateGradient();
+        this._updateAccent();
+        this._updateLabel();
+        this._syncAriaChecked();
+        this._syncDisabled();
+    }
+    /**
+     * When `type` is set, pull defaults from the registry for any
+     * attribute the consumer hasn't explicitly overridden.
+     */
+    _applyTypeDefaults() {
+        const type = this.getAttribute("type");
+        if (!type)
+            return;
+        const meta = getCardMetadata(type);
+        if (!meta)
+            return;
+        // Only set aria-label if consumer hasn't set one
+        if (!this.hasAttribute("aria-label")) {
+            this.setAttribute("aria-label", `${meta.label} background`);
+        }
+        this._updateGradient();
+        this._updateAccent();
+        this._updateLabel();
+        this._updateFallbackIcon();
+    }
+    _updateGradient() {
+        const explicit = this.getAttribute("gradient");
+        if (explicit) {
+            this.style.setProperty("--card-gradient", explicit);
+            return;
+        }
+        const meta = this._getMeta();
+        if (meta) {
+            this.style.setProperty("--card-gradient", meta.gradient);
+        }
+    }
+    _updateAccent() {
+        const explicit = this.getAttribute("accent-color");
+        if (explicit) {
+            this.style.setProperty("--card-accent", explicit);
+            return;
+        }
+        const meta = this._getMeta();
+        if (meta) {
+            this.style.setProperty("--card-accent", meta.accentColor);
+        }
+    }
+    _updateLabel() {
+        if (!this._nameEl)
+            return;
+        const explicit = this.getAttribute("label");
+        if (explicit) {
+            this._nameEl.textContent = explicit;
+            return;
+        }
+        const meta = this._getMeta();
+        this._nameEl.textContent = meta?.label ?? "";
+    }
+    _updateFallbackIcon() {
+        if (!this._fallbackIcon)
+            return;
+        const meta = this._getMeta();
+        this._fallbackIcon.innerHTML = meta?.iconSvg ?? "";
+    }
+    _syncAriaChecked() {
+        this.setAttribute("aria-checked", this.hasAttribute("selected") ? "true" : "false");
+    }
+    _syncDisabled() {
+        if (this.hasAttribute("disabled")) {
+            this.setAttribute("tabindex", "-1");
+        }
+        else {
+            this.setAttribute("tabindex", "0");
+        }
+    }
+    _getMeta() {
+        const type = this.getAttribute("type");
+        return type ? getCardMetadata(type) : undefined;
+    }
+    // ── Effects ──────────────────────────────────────────
+    _attachEffects() {
+        const tiltDeg = parseFloat(this.getAttribute("tilt-degrees") ?? "4");
+        this._tiltHandle = attachTiltEffect(this, {
+            maxDegrees: isNaN(tiltDeg) ? 4 : tiltDeg,
+            perspective: 800,
+        });
+        const glowSize = parseFloat(this.getAttribute("glow-size") ?? "120");
+        this._glowHandle = attachCursorGlowEffect(this, {
+            size: isNaN(glowSize) ? 120 : glowSize,
+        });
+        this._spring = createSpring(1, { stiffness: 300, damping: 15 });
+        this._spring.onUpdate((value) => {
+            this.style.setProperty("--card-scale", String(value));
+        });
+    }
+    // ── Interaction ──────────────────────────────────────
+    _attachInteraction() {
+        this.addEventListener("click", this._handleActivation);
+        this.addEventListener("keydown", this._handleKeydown);
+    }
+    _handleActivation = () => {
+        if (this.hasAttribute("disabled"))
+            return;
+        // Spring pulse
+        if (this._spring) {
+            this._spring.target = 1.06;
+            setTimeout(() => {
+                if (this._spring)
+                    this._spring.target = 1;
+            }, 150);
+        }
+        const type = this.getAttribute("type") ?? "";
+        this.dispatchEvent(new CustomEvent("background-select", {
+            bubbles: true,
+            composed: true,
+            detail: { type },
+        }));
+    };
+    _handleKeydown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            this._handleActivation();
+        }
+    };
+}
+/**
+ * Register the <background-card> custom element.
+ * Safe to call multiple times — only registers once.
+ * Call this in your app's entry point or top-level component.
+ */
+export function registerBackgroundCard() {
+    if (!customElements.get("background-card")) {
+        customElements.define("background-card", BackgroundCardElement);
+    }
+}
+//# sourceMappingURL=background-card-element.js.map

package/dist/card/element/background-card-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-card-element.js","sourceRoot":"","sources":["../../../src/card/element/background-card-element.ts"],"names":[],"mappings":"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"}

package/dist/card/element/background-card-styles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * background-card-styles.ts - Shadow DOM CSS for <background-card>
+ *
+ * Ported from the working Ringmaster BackgroundCard.svelte CSS.
+ * Uses :host for the outer element, ::slotted for light DOM icon content,
+ * and ::part attributes for consumer-side style overrides.
+ */
+export declare const BACKGROUND_CARD_STYLES = "\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    aspect-ratio: 4 / 3;\n    min-height: 80px;\n    border-radius: 12px;\n    overflow: hidden;\n    cursor: pointer;\n    contain: layout style;\n\n    transform:\n      perspective(var(--rot-perspective, 800px))\n      rotateX(var(--rot-x, 0deg))\n      rotateY(var(--rot-y, 0deg))\n      scale(var(--card-scale, 1));\n    transform-style: preserve-3d;\n    will-change: transform;\n\n    border: 1.5px solid rgba(255, 255, 255, 0.12);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n\n    transition:\n      border-color 0.25s ease,\n      box-shadow 0.25s ease,\n      opacity 0.3s ease;\n\n    /* Dimmed by default (not selected) */\n    opacity: 0.55;\n  }\n\n  :host(:hover),\n  :host(:focus-visible) {\n    opacity: 0.85;\n  }\n\n  :host([selected]) {\n    opacity: 1;\n    border-color: var(--card-accent, #818cf8);\n    box-shadow:\n      0 2px 8px rgba(0, 0, 0, 0.3),\n      0 0 0 2px color-mix(in srgb, var(--card-accent, #818cf8) 30%, transparent),\n      0 4px 20px color-mix(in srgb, var(--card-accent, #818cf8) 25%, transparent);\n  }\n\n  :host(:focus-visible) {\n    outline: 2px solid var(--card-accent, #818cf8);\n    outline-offset: 3px;\n  }\n\n  :host(:active) {\n    transition-duration: 0.1s;\n  }\n\n  :host([disabled]) {\n    opacity: 0.3;\n    pointer-events: none;\n    cursor: default;\n  }\n\n  /* \u2500\u2500 Gradient fill \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .card-fill {\n    position: absolute;\n    inset: 0;\n    background: var(--card-gradient);\n    z-index: 0;\n  }\n\n  /* \u2500\u2500 Cursor glow layer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .glow-layer {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    pointer-events: none;\n    opacity: var(--glow-opacity, 0);\n    background: radial-gradient(\n      circle var(--glow-size, 120px) at var(--glow-x, 50%) var(--glow-y, 50%),\n      rgba(255, 255, 255, 0.25) 0%,\n      transparent 100%\n    );\n    transition: opacity 0.3s ease;\n  }\n\n  /* \u2500\u2500 Icon area \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .card-icon {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    z-index: 2;\n    font-size: 1.25rem;\n    color: white;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));\n    transform: translate(\n      calc(var(--tilt-x, 0) * 3px),\n      calc(var(--tilt-y, 0) * 3px)\n    );\n    pointer-events: none;\n    line-height: 1;\n  }\n\n  /* Fallback SVG icon sizing */\n  .fallback-icon svg {\n    width: 1.25em;\n    height: 1.25em;\n    display: block;\n  }\n\n  /* Slotted light DOM icon inherits consumer styles */\n  ::slotted(*) {\n    font-size: inherit;\n    color: inherit;\n    line-height: inherit;\n  }\n\n  /* \u2500\u2500 Label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .card-label {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 2;\n    padding: 8px 12px;\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.55));\n    pointer-events: none;\n    transform: translate(\n      calc(var(--tilt-x, 0) * -2px),\n      calc(var(--tilt-y, 0) * -2px)\n    );\n  }\n\n  .card-name {\n    font-size: 0.8125rem;\n    font-weight: 600;\n    line-height: 1.3;\n    color: white;\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);\n  }\n\n  /* \u2500\u2500 Selection ring \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  .selection-ring {\n    position: absolute;\n    inset: -1px;\n    z-index: 3;\n    border-radius: inherit;\n    border: 2px solid var(--card-accent, #818cf8);\n    pointer-events: none;\n    animation: ring-pulse 2s ease-in-out infinite;\n    display: none;\n  }\n\n  :host([selected]) .selection-ring {\n    display: block;\n  }\n\n  @keyframes ring-pulse {\n    0%, 100% {\n      box-shadow: 0 0 6px color-mix(in srgb, var(--card-accent, #818cf8) 40%, transparent);\n    }\n    50% {\n      box-shadow: 0 0 14px color-mix(in srgb, var(--card-accent, #818cf8) 60%, transparent);\n    }\n  }\n\n  /* \u2500\u2500 Accessibility: reduced motion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  @media (prefers-reduced-motion: reduce) {\n    :host {\n      transform: none;\n      transition:\n        opacity 0.15s ease,\n        border-color 0.15s ease;\n    }\n\n    .card-icon,\n    .card-label {\n      transform: none;\n    }\n\n    .selection-ring {\n      animation: none;\n      box-shadow: 0 0 8px color-mix(in srgb, var(--card-accent, #818cf8) 50%, transparent);\n    }\n\n    .glow-layer {\n      display: none;\n    }\n  }\n\n  /* \u2500\u2500 Accessibility: high contrast \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  @media (prefers-contrast: high) {\n    :host {\n      border: 2px solid rgba(255, 255, 255, 0.4);\n    }\n\n    :host([selected]) {\n      border: 3px solid var(--card-accent, #818cf8);\n    }\n  }\n\n  @media (prefers-contrast: high) and (prefers-color-scheme: light) {\n    :host {\n      border: 2px solid rgba(0, 0, 0, 0.4);\n    }\n  }\n";
+//# sourceMappingURL=background-card-styles.d.ts.map

package/dist/card/element/background-card-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-card-styles.d.ts","sourceRoot":"","sources":["../../../src/card/element/background-card-styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,sBAAsB,85LAoNlC,CAAC"}

package/dist/card/element/background-card-styles.js

@@ -0,0 +1,221 @@
+/**
+ * background-card-styles.ts - Shadow DOM CSS for <background-card>
+ *
+ * Ported from the working Ringmaster BackgroundCard.svelte CSS.
+ * Uses :host for the outer element, ::slotted for light DOM icon content,
+ * and ::part attributes for consumer-side style overrides.
+ */
+export const BACKGROUND_CARD_STYLES = /* css */ `
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    aspect-ratio: 4 / 3;
+    min-height: 80px;
+    border-radius: 12px;
+    overflow: hidden;
+    cursor: pointer;
+    contain: layout style;
+
+    transform:
+      perspective(var(--rot-perspective, 800px))
+      rotateX(var(--rot-x, 0deg))
+      rotateY(var(--rot-y, 0deg))
+      scale(var(--card-scale, 1));
+    transform-style: preserve-3d;
+    will-change: transform;
+
+    border: 1.5px solid rgba(255, 255, 255, 0.12);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+
+    transition:
+      border-color 0.25s ease,
+      box-shadow 0.25s ease,
+      opacity 0.3s ease;
+
+    /* Dimmed by default (not selected) */
+    opacity: 0.55;
+  }
+
+  :host(:hover),
+  :host(:focus-visible) {
+    opacity: 0.85;
+  }
+
+  :host([selected]) {
+    opacity: 1;
+    border-color: var(--card-accent, #818cf8);
+    box-shadow:
+      0 2px 8px rgba(0, 0, 0, 0.3),
+      0 0 0 2px color-mix(in srgb, var(--card-accent, #818cf8) 30%, transparent),
+      0 4px 20px color-mix(in srgb, var(--card-accent, #818cf8) 25%, transparent);
+  }
+
+  :host(:focus-visible) {
+    outline: 2px solid var(--card-accent, #818cf8);
+    outline-offset: 3px;
+  }
+
+  :host(:active) {
+    transition-duration: 0.1s;
+  }
+
+  :host([disabled]) {
+    opacity: 0.3;
+    pointer-events: none;
+    cursor: default;
+  }
+
+  /* ── Gradient fill ────────────────────────────────── */
+
+  .card-fill {
+    position: absolute;
+    inset: 0;
+    background: var(--card-gradient);
+    z-index: 0;
+  }
+
+  /* ── Cursor glow layer ────────────────────────────── */
+
+  .glow-layer {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    pointer-events: none;
+    opacity: var(--glow-opacity, 0);
+    background: radial-gradient(
+      circle var(--glow-size, 120px) at var(--glow-x, 50%) var(--glow-y, 50%),
+      rgba(255, 255, 255, 0.25) 0%,
+      transparent 100%
+    );
+    transition: opacity 0.3s ease;
+  }
+
+  /* ── Icon area ────────────────────────────────────── */
+
+  .card-icon {
+    position: absolute;
+    top: 12px;
+    left: 12px;
+    z-index: 2;
+    font-size: 1.25rem;
+    color: white;
+    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
+    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
+    transform: translate(
+      calc(var(--tilt-x, 0) * 3px),
+      calc(var(--tilt-y, 0) * 3px)
+    );
+    pointer-events: none;
+    line-height: 1;
+  }
+
+  /* Fallback SVG icon sizing */
+  .fallback-icon svg {
+    width: 1.25em;
+    height: 1.25em;
+    display: block;
+  }
+
+  /* Slotted light DOM icon inherits consumer styles */
+  ::slotted(*) {
+    font-size: inherit;
+    color: inherit;
+    line-height: inherit;
+  }
+
+  /* ── Label ────────────────────────────────────────── */
+
+  .card-label {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 2;
+    padding: 8px 12px;
+    background: linear-gradient(transparent, rgba(0, 0, 0, 0.55));
+    pointer-events: none;
+    transform: translate(
+      calc(var(--tilt-x, 0) * -2px),
+      calc(var(--tilt-y, 0) * -2px)
+    );
+  }
+
+  .card-name {
+    font-size: 0.8125rem;
+    font-weight: 600;
+    line-height: 1.3;
+    color: white;
+    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
+  }
+
+  /* ── Selection ring ───────────────────────────────── */
+
+  .selection-ring {
+    position: absolute;
+    inset: -1px;
+    z-index: 3;
+    border-radius: inherit;
+    border: 2px solid var(--card-accent, #818cf8);
+    pointer-events: none;
+    animation: ring-pulse 2s ease-in-out infinite;
+    display: none;
+  }
+
+  :host([selected]) .selection-ring {
+    display: block;
+  }
+
+  @keyframes ring-pulse {
+    0%, 100% {
+      box-shadow: 0 0 6px color-mix(in srgb, var(--card-accent, #818cf8) 40%, transparent);
+    }
+    50% {
+      box-shadow: 0 0 14px color-mix(in srgb, var(--card-accent, #818cf8) 60%, transparent);
+    }
+  }
+
+  /* ── Accessibility: reduced motion ────────────────── */
+
+  @media (prefers-reduced-motion: reduce) {
+    :host {
+      transform: none;
+      transition:
+        opacity 0.15s ease,
+        border-color 0.15s ease;
+    }
+
+    .card-icon,
+    .card-label {
+      transform: none;
+    }
+
+    .selection-ring {
+      animation: none;
+      box-shadow: 0 0 8px color-mix(in srgb, var(--card-accent, #818cf8) 50%, transparent);
+    }
+
+    .glow-layer {
+      display: none;
+    }
+  }
+
+  /* ── Accessibility: high contrast ─────────────────── */
+
+  @media (prefers-contrast: high) {
+    :host {
+      border: 2px solid rgba(255, 255, 255, 0.4);
+    }
+
+    :host([selected]) {
+      border: 3px solid var(--card-accent, #818cf8);
+    }
+  }
+
+  @media (prefers-contrast: high) and (prefers-color-scheme: light) {
+    :host {
+      border: 2px solid rgba(0, 0, 0, 0.4);
+    }
+  }
+`;
+//# sourceMappingURL=background-card-styles.js.map

package/dist/card/element/background-card-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-card-styles.js","sourceRoot":"","sources":["../../../src/card/element/background-card-styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoN/C,CAAC"}

package/dist/card.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @austencloud/backgrounds/card
+ *
+ * Framework-agnostic <background-card> Custom Element for background selection.
+ * Separate entry point — tree-shakeable from the canvas rendering code.
+ *
+ * Usage:
+ *   import { registerBackgroundCard } from '@austencloud/backgrounds/card';
+ *   registerBackgroundCard(); // defines <background-card> once
+ */
+export { BackgroundCardElement, registerBackgroundCard, } from "./card/element/background-card-element.js";
+export { BACKGROUND_CARD_REGISTRY, getCardMetadata, } from "./card/domain/background-card-constants.js";
+export type { BackgroundCardMetadata, BackgroundCardSelectDetail, } from "./card/domain/background-card-types.js";
+export { attachTiltEffect } from "./card/effects/tilt-effect.js";
+export type { TiltEffectOptions, TiltEffectHandle, } from "./card/effects/tilt-effect.js";
+export { attachCursorGlowEffect } from "./card/effects/cursor-glow-effect.js";
+export type { CursorGlowEffectOptions, CursorGlowEffectHandle, } from "./card/effects/cursor-glow-effect.js";
+export { createSpring } from "./card/effects/spring.js";
+export type { Spring, SpringOptions, } from "./card/effects/spring.js";
+//# sourceMappingURL=card.d.ts.map

package/dist/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,EACL,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,2CAA2C,CAAC;AAInD,OAAO,EACL,wBAAwB,EACxB,eAAe,GAChB,MAAM,4CAA4C,CAAC;AAEpD,YAAY,EACV,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,wCAAwC,CAAC;AAIhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EACV,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,YAAY,EACV,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,YAAY,EACV,MAAM,EACN,aAAa,GACd,MAAM,0BAA0B,CAAC"}

package/dist/card.js

@@ -0,0 +1,19 @@
+/**
+ * @austencloud/backgrounds/card
+ *
+ * Framework-agnostic <background-card> Custom Element for background selection.
+ * Separate entry point — tree-shakeable from the canvas rendering code.
+ *
+ * Usage:
+ *   import { registerBackgroundCard } from '@austencloud/backgrounds/card';
+ *   registerBackgroundCard(); // defines <background-card> once
+ */
+// ── Custom Element ───────────────────────────────────────────────────────────
+export { BackgroundCardElement, registerBackgroundCard, } from "./card/element/background-card-element.js";
+// ── Domain ───────────────────────────────────────────────────────────────────
+export { BACKGROUND_CARD_REGISTRY, getCardMetadata, } from "./card/domain/background-card-constants.js";
+// ── Effects (standalone, usable outside the card) ────────────────────────────
+export { attachTiltEffect } from "./card/effects/tilt-effect.js";
+export { attachCursorGlowEffect } from "./card/effects/cursor-glow-effect.js";
+export { createSpring } from "./card/effects/spring.js";
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../src/card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,gFAAgF;AAEhF,OAAO,EACL,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,2CAA2C,CAAC;AAEnD,gFAAgF;AAEhF,OAAO,EACL,wBAAwB,EACxB,eAAe,GAChB,MAAM,4CAA4C,CAAC;AAOpD,gFAAgF;AAEhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAM9E,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/core/contracts/IBackgroundConfigurationService.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Service for managing background configuration and quality detection
+ */
+import type { QualityLevel, QualityConfig, QualitySettings } from "../domain/types.js";
+export interface IBackgroundConfigurationService {
+    /**
+     * Detects the appropriate quality level based on device capabilities
+     */
+    detectAppropriateQuality(): QualityLevel;
+    /**
+     * Get configuration for a specific quality level
+     */
+    getQualityConfig(quality: QualityLevel): QualityConfig;
+    /**
+     * Get optimized configuration for a specific quality level
+     */
+    getOptimizedConfig(quality: QualityLevel): {
+        config: {
+            core: {
+                background: {
+                    gradientStops: ReadonlyArray<{
+                        position: number;
+                        color: string;
+                    }>;
+                };
+            };
+            nightSky: unknown;
+        };
+        qualitySettings: QualitySettings;
+    };
+    /**
+     * Gets normalized configuration with quality adjustments
+     */
+    getQualityAdjustedConfig<T extends Record<string, unknown>>(baseConfig: T, quality: QualityLevel): T & {
+        quality: QualityConfig;
+    };
+    /**
+     * Creates a bounded random value within min/max range
+     */
+    createBoundedRandom(min: number, max: number): () => number;
+    /**
+     * Gets a random color from an array of colors
+     */
+    getRandomColor(colors: string[]): string;
+}
+//# sourceMappingURL=IBackgroundConfigurationService.d.ts.map

package/dist/core/contracts/IBackgroundConfigurationService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IBackgroundConfigurationService.d.ts","sourceRoot":"","sources":["../../../src/core/contracts/IBackgroundConfigurationService.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvF,MAAM,WAAW,+BAA+B;IAC9C;;OAEG;IACH,wBAAwB,IAAI,YAAY,CAAC;IAEzC;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,YAAY,GAAG,aAAa,CAAC;IAEvD;;OAEG;IACH,kBAAkB,CAAC,OAAO,EAAE,YAAY,GAAG;QACzC,MAAM,EAAE;YACN,IAAI,EAAE;gBAAE,UAAU,EAAE;oBAAE,aAAa,EAAE,aAAa,CAAC;wBAAE,QAAQ,EAAE,MAAM,CAAC;wBAAC,KAAK,EAAE,MAAM,CAAA;qBAAE,CAAC,CAAA;iBAAE,CAAA;aAAE,CAAC;YAC5F,QAAQ,EAAE,OAAO,CAAC;SACnB,CAAC;QACF,eAAe,EAAE,eAAe,CAAC;KAClC,CAAC;IAEF;;OAEG;IACH,wBAAwB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACxD,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,YAAY,GACpB,CAAC,GAAG;QAAE,OAAO,EAAE,aAAa,CAAA;KAAE,CAAC;IAElC;;OAEG;IACH,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,MAAM,CAAC;IAE5D;;OAEG;IACH,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;CAC1C"}

package/dist/core/contracts/IBackgroundConfigurationService.js

@@ -0,0 +1,5 @@
+/**
+ * Service for managing background configuration and quality detection
+ */
+export {};
+//# sourceMappingURL=IBackgroundConfigurationService.js.map

package/dist/core/contracts/IBackgroundConfigurationService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IBackgroundConfigurationService.js","sourceRoot":"","sources":["../../../src/core/contracts/IBackgroundConfigurationService.ts"],"names":[],"mappings":"AAAA;;GAEG"}