@kongyo2/cards-css 0.2.0 → 0.3.0

package/dist/holo-cards.css

@@ -110,7 +110,7 @@
 .holo-card__translater,
 .holo-card__rotator {
   display: grid;
-  perspective: 600px;
+  perspective: var(--card-perspective, 600px);
   will-change: transform, box-shadow;
   transform-origin: center;
   transform-style: preserve-3d;
@@ -241,14 +241,12 @@ button.holo-card__rotator {
 .holo-card__glare {
   transform: translateZ(1.41px);
   overflow: hidden;
-  background-image:
-    radial-gradient(
-      farthest-corner circle at var(--pointer-x) var(--pointer-y),
-      hsla(0, 0%, 100%, 0.8) 10%,
-      hsla(0, 0%, 100%, 0.65) 20%,
-      hsla(0, 0%, 0%, 0.5) 90%);
+  background-image: var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, 0.8) 10%, hsla(0, 0%, 100%, 0.65) 20%, hsla(0, 0%, 0%, 0.5) 90% ) );
   opacity: calc(var(--card-opacity) * var(--hc-glare-opacity));
-  mix-blend-mode: overlay;
+  mix-blend-mode: var(--glare-blend, overlay);
+}
+.holo-card--custom-glare .holo-card__glare::after {
+  display: none !important;
 }
 .holo-card--masked .holo-card__shine,
 .holo-card--masked .holo-card__shine::before,
@@ -307,6 +305,29 @@ button.holo-card__rotator {
 .holo-card__overlay--interactive * {
   pointer-events: auto;
 }
+.holo-card--depth .holo-card__shine {
+  transform: translateZ(calc(1px + var(--hc-depth, 0px)));
+}
+.holo-card--depth .holo-card__glare {
+  transform: translateZ(calc(1.41px + var(--hc-depth, 0px)));
+}
+.holo-card--depth .holo-card__overlay {
+  transform: translateZ(calc(2px + var(--hc-depth, 0px)));
+}
+.holo-card--depth .holo-card__layer {
+  transform: translate3d(calc(var(--pointer-dx) * var(--layer-parallax) * 1px), calc(var(--pointer-dy) * var(--layer-parallax) * 1px), calc(0.02px + var(--layer-parallax) * var(--hc-depth-layer-scale, 1) * 1px));
+}
+.holo-card--depth .holo-card__translater::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  border-radius: var(--card-radius);
+  background: transparent;
+  transform: translateZ(-1px);
+  pointer-events: none;
+  box-shadow: calc(var(--tilt-x, 0) * -0.6px) calc(var(--hc-depth, 0px) * 0.5 + var(--tilt-y, 0) * 0.6px) calc(var(--hc-depth, 0px) * 1.2 + 14px) calc(var(--hc-depth, 0px) * 0.2) rgba(0, 0, 0, var(--hc-depth-shadow, 0));
+}
 
 /* src/styles/effects/holo.css */
 .holo-card[data-effect=holo] .holo-card__shine {
@@ -392,7 +413,7 @@ button.holo-card__rotator {
 .holo-card[data-effect=holo] .holo-card__glare {
   opacity: calc(var(--card-opacity) * 0.8 * var(--hc-glare-opacity));
   filter: brightness(0.8) contrast(1.5);
-  mix-blend-mode: overlay;
+  mix-blend-mode: var(--glare-blend, overlay);
 }
 .holo-card[data-effect=holo] .holo-card__glare::after {
   content: "";
@@ -438,12 +459,7 @@ button.holo-card__rotator {
 }
 .holo-card[data-effect=reverse] .holo-card__glare {
   opacity: calc(var(--card-opacity) * var(--hc-glare-opacity));
-  background-image:
-    radial-gradient(
-      farthest-corner circle at var(--pointer-x) var(--pointer-y),
-      hsla(0, 0%, 100%, 0.8) 10%,
-      hsla(0, 0%, 100%, 0.5) 20%,
-      hsla(0, 0%, 0%, 0.75) 90%);
+  background-image: var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, 0.8) 10%, hsla(0, 0%, 100%, 0.5) 20%, hsla(0, 0%, 0%, 0.75) 90% ) );
   filter: brightness(0.7) contrast(1.5);
 }
 .holo-card[data-effect=reverse] .holo-card__glare::after {
@@ -465,24 +481,30 @@ button.holo-card__rotator {
 .holo-card[data-effect=cosmos] {
   --space: 4%;
   --angle: 82deg;
+  --cosmos-clr-1: hsl(53, 65%, 60%);
+  --cosmos-clr-2: hsl(93, 56%, 50%);
+  --cosmos-clr-3: hsl(176, 54%, 49%);
+  --cosmos-clr-4: hsl(228, 59%, 55%);
+  --cosmos-clr-5: hsl(283, 60%, 55%);
+  --cosmos-clr-6: hsl(326, 59%, 51%);
 }
 .holo-card[data-effect=cosmos] .holo-card__shine {
   background-image:
     var(--hc-cosmos-bottom),
     repeating-linear-gradient(
       var(--angle),
-      hsl(53, 65%, 60%) calc(var(--space) * 1),
-      hsl(93, 56%, 50%) calc(var(--space) * 2),
-      hsl(176, 54%, 49%) calc(var(--space) * 3),
-      hsl(228, 59%, 55%) calc(var(--space) * 4),
-      hsl(283, 60%, 55%) calc(var(--space) * 5),
-      hsl(326, 59%, 51%) calc(var(--space) * 6),
-      hsl(326, 59%, 51%) calc(var(--space) * 7),
-      hsl(283, 60%, 55%) calc(var(--space) * 8),
-      hsl(228, 59%, 55%) calc(var(--space) * 9),
-      hsl(176, 54%, 49%) calc(var(--space) * 10),
-      hsl(93, 56%, 50%) calc(var(--space) * 11),
-      hsl(53, 65%, 60%) calc(var(--space) * 12)),
+      var(--cosmos-clr-1) calc(var(--space) * 1),
+      var(--cosmos-clr-2) calc(var(--space) * 2),
+      var(--cosmos-clr-3) calc(var(--space) * 3),
+      var(--cosmos-clr-4) calc(var(--space) * 4),
+      var(--cosmos-clr-5) calc(var(--space) * 5),
+      var(--cosmos-clr-6) calc(var(--space) * 6),
+      var(--cosmos-clr-6) calc(var(--space) * 7),
+      var(--cosmos-clr-5) calc(var(--space) * 8),
+      var(--cosmos-clr-4) calc(var(--space) * 9),
+      var(--cosmos-clr-3) calc(var(--space) * 10),
+      var(--cosmos-clr-2) calc(var(--space) * 11),
+      var(--cosmos-clr-1) calc(var(--space) * 12)),
     radial-gradient(
       farthest-corner circle at var(--pointer-x) var(--pointer-y),
       hsla(180, 100%, 89%, 0.5) 5%,
@@ -507,18 +529,18 @@ button.holo-card__rotator {
     var(--hc-cosmos-middle),
     repeating-linear-gradient(
       var(--angle),
-      hsl(53, 65%, 60%) calc(var(--space) * 1),
-      hsl(93, 56%, 50%) calc(var(--space) * 2),
-      hsl(176, 54%, 49%) calc(var(--space) * 3),
-      hsl(228, 59%, 55%) calc(var(--space) * 4),
-      hsl(283, 60%, 55%) calc(var(--space) * 5),
-      hsl(326, 59%, 51%) calc(var(--space) * 6),
-      hsl(326, 59%, 51%) calc(var(--space) * 7),
-      hsl(283, 60%, 55%) calc(var(--space) * 8),
-      hsl(228, 59%, 55%) calc(var(--space) * 9),
-      hsl(176, 54%, 49%) calc(var(--space) * 10),
-      hsl(93, 56%, 50%) calc(var(--space) * 11),
-      hsl(53, 65%, 60%) calc(var(--space) * 12));
+      var(--cosmos-clr-1) calc(var(--space) * 1),
+      var(--cosmos-clr-2) calc(var(--space) * 2),
+      var(--cosmos-clr-3) calc(var(--space) * 3),
+      var(--cosmos-clr-4) calc(var(--space) * 4),
+      var(--cosmos-clr-5) calc(var(--space) * 5),
+      var(--cosmos-clr-6) calc(var(--space) * 6),
+      var(--cosmos-clr-6) calc(var(--space) * 7),
+      var(--cosmos-clr-5) calc(var(--space) * 8),
+      var(--cosmos-clr-4) calc(var(--space) * 9),
+      var(--cosmos-clr-3) calc(var(--space) * 10),
+      var(--cosmos-clr-2) calc(var(--space) * 11),
+      var(--cosmos-clr-1) calc(var(--space) * 12));
   background-blend-mode: lighten, multiply;
   background-position:
     var(--cosmosbg, center center),
@@ -538,18 +560,18 @@ button.holo-card__rotator {
     var(--hc-cosmos-top),
     repeating-linear-gradient(
       var(--angle),
-      hsl(53, 65%, 60%) calc(var(--space) * 1),
-      hsl(93, 56%, 50%) calc(var(--space) * 2),
-      hsl(176, 54%, 49%) calc(var(--space) * 3),
-      hsl(228, 59%, 55%) calc(var(--space) * 4),
-      hsl(283, 60%, 55%) calc(var(--space) * 5),
-      hsl(326, 59%, 51%) calc(var(--space) * 6),
-      hsl(326, 59%, 51%) calc(var(--space) * 7),
-      hsl(283, 60%, 55%) calc(var(--space) * 8),
-      hsl(228, 59%, 55%) calc(var(--space) * 9),
-      hsl(176, 54%, 49%) calc(var(--space) * 10),
-      hsl(93, 56%, 50%) calc(var(--space) * 11),
-      hsl(53, 65%, 60%) calc(var(--space) * 12));
+      var(--cosmos-clr-1) calc(var(--space) * 1),
+      var(--cosmos-clr-2) calc(var(--space) * 2),
+      var(--cosmos-clr-3) calc(var(--space) * 3),
+      var(--cosmos-clr-4) calc(var(--space) * 4),
+      var(--cosmos-clr-5) calc(var(--space) * 5),
+      var(--cosmos-clr-6) calc(var(--space) * 6),
+      var(--cosmos-clr-6) calc(var(--space) * 7),
+      var(--cosmos-clr-5) calc(var(--space) * 8),
+      var(--cosmos-clr-4) calc(var(--space) * 9),
+      var(--cosmos-clr-3) calc(var(--space) * 10),
+      var(--cosmos-clr-2) calc(var(--space) * 11),
+      var(--cosmos-clr-1) calc(var(--space) * 12));
   background-blend-mode: multiply, multiply;
   background-position:
     var(--cosmosbg, center center),
@@ -563,13 +585,9 @@ button.holo-card__rotator {
   mix-blend-mode: multiply;
 }
 .holo-card[data-effect=cosmos] .holo-card__glare {
-  background-image:
-    radial-gradient(
-      farthest-corner circle at var(--pointer-x) var(--pointer-y),
-      hsla(204, 100%, 95%, 0.8) 5%,
-      hsla(250, 15%, 20%, 1) 150%);
+  background-image: var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(204, 100%, 95%, 0.8) 5%, hsla(250, 15%, 20%, 1) 150% ) );
   filter: brightness(0.75) contrast(2) saturate(2);
-  mix-blend-mode: overlay;
+  mix-blend-mode: var(--glare-blend, overlay);
   opacity: calc(var(--card-opacity) * (0.25 + var(--pointer-from-center)) * var(--hc-glare-opacity));
 }
 .holo-card[data-effect=cosmos] .holo-card__glare::after {
@@ -641,21 +659,11 @@ button.holo-card__rotator {
   mix-blend-mode: saturation;
 }
 .holo-card[data-effect=glitter]:not(.holo-card--masked) .holo-card__glare {
-  background-image:
-    radial-gradient(
-      farthest-corner circle at var(--pointer-x) var(--pointer-y),
-      hsla(0, 0%, 100%, 1) 10%,
-      hsla(0, 0%, 100%, 0.85) 20%,
-      hsla(0, 0%, 0%, 0.35) 90%);
-  mix-blend-mode: multiply;
+  background-image: var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, 1) 10%, hsla(0, 0%, 100%, 0.85) 20%, hsla(0, 0%, 0%, 0.35) 90% ) );
+  mix-blend-mode: var(--glare-blend, multiply);
 }
 .holo-card--masked[data-effect=glitter] .holo-card__glare {
-  background-image:
-    radial-gradient(
-      farthest-corner circle at var(--pointer-x) var(--pointer-y),
-      hsla(50, 20%, 90%, 0.45) 0%,
-      hsla(150, 20%, 30%, 0.45) 45%,
-      hsla(0, 0%, 0%, 0.9) 120%);
+  background-image: var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(50, 20%, 90%, 0.45) 0%, hsla(150, 20%, 30%, 0.45) 45%, hsla(0, 0%, 0%, 0.9) 120% ) );
   filter: brightness(0.9) contrast(2);
 }
 .holo-card--masked[data-effect=glitter] .holo-card__glare::after {

package/dist/index.js

@@ -4,6 +4,7 @@ export { HoloCard } from "./holo-card.js";
 export { buildHoloCardElement, buildLayerElement, applyVars, normalizeMask, CLASS } from "./dom.js";
 export { generateTextures, texturesToCssVariables, grainTexture, glitterTexture, TEXTURE_VARIABLES, DEFAULT_TEXTURE_SEED, } from "./textures.js";
 export { subscribeOrientation, requestOrientationPermission, resetBaseOrientation, } from "./orientation.js";
+export { PALETTES, resolvePalette, paletteToCssVariables } from "./palette.js";
 export { getActiveCard, setActiveCard, subscribeActiveCard } from "./active-registry.js";
 export { Spring } from "./spring.js";
 export { round, clamp, adjust } from "./math.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAqB,MAAM,UAAU,CAAC;AACvH,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,oBAAoB,GAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,oBAAoB,GAGrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAE,MAAM,EAA8E,MAAM,aAAa,CAAC;AACjH,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAejD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAA8B,EAAY,EAAE;IACzE,MAAM,OAAO,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAC9C,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAoB,EAAE,UAA2B,EAAE,EAAY,EAAE,CAC9F,IAAI,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAqB,MAAM,UAAU,CAAC;AACvH,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,oBAAoB,GAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,oBAAoB,GAGrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAE,MAAM,EAA8E,MAAM,aAAa,CAAC;AACjH,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAoBjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAA8B,EAAY,EAAE;IACzE,MAAM,OAAO,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAC9C,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAoB,EAAE,UAA2B,EAAE,EAAY,EAAE,CAC9F,IAAI,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC"}

package/dist/palette.js

@@ -0,0 +1,189 @@
+/** Built-in foil colour schemes, keyed by {@link PalettePreset}. */
+export const PALETTES = {
+    rainbow: {
+        sunpillars: [
+            "hsl(2, 100%, 73%)",
+            "hsl(53, 100%, 69%)",
+            "hsl(93, 100%, 69%)",
+            "hsl(176, 100%, 76%)",
+            "hsl(228, 100%, 74%)",
+            "hsl(283, 100%, 73%)",
+        ],
+        spectrum: ["#f80e35", "#eedf10", "#21e985", "#0dbde9", "#c929f1"],
+        cosmos: [
+            "hsl(53, 65%, 60%)",
+            "hsl(93, 56%, 50%)",
+            "hsl(176, 54%, 49%)",
+            "hsl(228, 59%, 55%)",
+            "hsl(283, 60%, 55%)",
+            "hsl(326, 59%, 51%)",
+        ],
+    },
+    gold: {
+        sunpillars: [
+            "hsl(45, 100%, 80%)",
+            "hsl(38, 100%, 68%)",
+            "hsl(50, 100%, 78%)",
+            "hsl(33, 95%, 62%)",
+            "hsl(48, 100%, 85%)",
+            "hsl(40, 100%, 70%)",
+        ],
+        spectrum: ["#8c5a12", "#ffd24a", "#fff0b0", "#e0962a", "#6b3f06"],
+        cosmos: [
+            "hsl(45, 80%, 65%)",
+            "hsl(40, 75%, 58%)",
+            "hsl(36, 70%, 52%)",
+            "hsl(50, 85%, 70%)",
+            "hsl(33, 65%, 48%)",
+            "hsl(28, 70%, 55%)",
+        ],
+        edge: "hsl(45, 100%, 78%)",
+        glow: "hsl(45, 100%, 80%)",
+    },
+    aurora: {
+        sunpillars: [
+            "hsl(150, 90%, 72%)",
+            "hsl(170, 85%, 68%)",
+            "hsl(190, 90%, 72%)",
+            "hsl(260, 85%, 78%)",
+            "hsl(140, 80%, 70%)",
+            "hsl(200, 90%, 74%)",
+        ],
+        spectrum: ["#10b981", "#34d399", "#a7f3d0", "#22d3ee", "#8b5cf6"],
+        cosmos: [
+            "hsl(160, 60%, 55%)",
+            "hsl(180, 55%, 50%)",
+            "hsl(200, 60%, 55%)",
+            "hsl(260, 55%, 58%)",
+            "hsl(150, 55%, 52%)",
+            "hsl(290, 50%, 55%)",
+        ],
+        edge: "hsl(160, 90%, 80%)",
+        glow: "hsl(170, 100%, 85%)",
+    },
+    ruby: {
+        sunpillars: [
+            "hsl(350, 100%, 75%)",
+            "hsl(330, 100%, 72%)",
+            "hsl(10, 100%, 72%)",
+            "hsl(300, 90%, 72%)",
+            "hsl(355, 100%, 80%)",
+            "hsl(20, 100%, 70%)",
+        ],
+        spectrum: ["#e11d48", "#fb7185", "#fecdd3", "#f43f5e", "#9f1239"],
+        cosmos: [
+            "hsl(350, 65%, 58%)",
+            "hsl(330, 60%, 55%)",
+            "hsl(10, 65%, 58%)",
+            "hsl(300, 55%, 55%)",
+            "hsl(355, 60%, 52%)",
+            "hsl(20, 60%, 55%)",
+        ],
+        edge: "hsl(350, 100%, 82%)",
+        glow: "hsl(345, 100%, 85%)",
+    },
+    sapphire: {
+        sunpillars: [
+            "hsl(210, 100%, 75%)",
+            "hsl(190, 100%, 72%)",
+            "hsl(230, 100%, 76%)",
+            "hsl(170, 90%, 70%)",
+            "hsl(250, 90%, 78%)",
+            "hsl(200, 100%, 74%)",
+        ],
+        spectrum: ["#1d4ed8", "#3b82f6", "#bfdbfe", "#06b6d4", "#4338ca"],
+        cosmos: [
+            "hsl(210, 65%, 58%)",
+            "hsl(190, 60%, 55%)",
+            "hsl(230, 60%, 58%)",
+            "hsl(170, 55%, 52%)",
+            "hsl(250, 55%, 58%)",
+            "hsl(200, 60%, 55%)",
+        ],
+        edge: "hsl(205, 100%, 80%)",
+        glow: "hsl(200, 100%, 85%)",
+    },
+    mono: {
+        sunpillars: [
+            "hsl(0, 0%, 92%)",
+            "hsl(0, 0%, 82%)",
+            "hsl(0, 0%, 96%)",
+            "hsl(0, 0%, 78%)",
+            "hsl(0, 0%, 88%)",
+            "hsl(0, 0%, 84%)",
+        ],
+        spectrum: ["#9ca3af", "#e5e7eb", "#ffffff", "#d1d5db", "#6b7280"],
+        cosmos: [
+            "hsl(0, 0%, 75%)",
+            "hsl(0, 0%, 68%)",
+            "hsl(0, 0%, 82%)",
+            "hsl(0, 0%, 62%)",
+            "hsl(0, 0%, 78%)",
+            "hsl(0, 0%, 70%)",
+        ],
+        edge: "hsl(0, 0%, 90%)",
+        glow: "hsl(0, 0%, 92%)",
+    },
+};
+/** Merge a palette's `preset` base with its explicit overrides into a flat scheme. */
+export const resolvePalette = (palette) => {
+    const base = palette.preset ? PALETTES[palette.preset] : undefined;
+    const merged = { ...base, ...palette };
+    delete merged.preset;
+    return merged;
+};
+const SPECTRUM_VARS = ["--red", "--yellow", "--green", "--blue", "--violet"];
+/** Every CSS custom property the palette can own — used to clear stale values when swapping palettes. */
+export const PALETTE_VARIABLES = [
+    "--sunpillar-1",
+    "--sunpillar-2",
+    "--sunpillar-3",
+    "--sunpillar-4",
+    "--sunpillar-5",
+    "--sunpillar-6",
+    ...SPECTRUM_VARS,
+    "--cosmos-clr-1",
+    "--cosmos-clr-2",
+    "--cosmos-clr-3",
+    "--cosmos-clr-4",
+    "--cosmos-clr-5",
+    "--cosmos-clr-6",
+    "--card-edge",
+    "--card-back",
+    "--card-glow",
+];
+const cycleInto = (vars, prefix, count, colors) => {
+    if (colors.length === 0) {
+        return;
+    }
+    for (let i = 0; i < count; i += 1) {
+        vars[`${prefix}${i + 1}`] = colors[i % colors.length];
+    }
+};
+/** Convert a (resolved or raw) palette into the CSS custom properties it drives. */
+export const paletteToCssVariables = (palette) => {
+    const resolved = resolvePalette(palette);
+    const vars = {};
+    if (resolved.sunpillars) {
+        cycleInto(vars, "--sunpillar-", 6, resolved.sunpillars);
+    }
+    if (resolved.spectrum && resolved.spectrum.length > 0) {
+        SPECTRUM_VARS.forEach((name, i) => {
+            vars[name] = resolved.spectrum[i % resolved.spectrum.length];
+        });
+    }
+    if (resolved.cosmos) {
+        cycleInto(vars, "--cosmos-clr-", 6, resolved.cosmos);
+    }
+    if (resolved.edge) {
+        vars["--card-edge"] = resolved.edge;
+    }
+    if (resolved.back) {
+        vars["--card-back"] = resolved.back;
+    }
+    if (resolved.glow) {
+        vars["--card-glow"] = resolved.glow;
+    }
+    return vars;
+};
+//# sourceMappingURL=palette.js.map

package/dist/palette.js.map

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

package/dist-types/dom.d.ts

@@ -18,9 +18,12 @@ export declare const CLASS: {
     readonly loading: "holo-card--loading";
     readonly masked: "holo-card--masked";
     readonly maskCard: "holo-card--mask-card";
+    readonly depth: "holo-card--depth";
+    readonly customGlare: "holo-card--custom-glare";
     readonly overlayInteractive: "holo-card__overlay--interactive";
 };
 export declare const applyVars: (element: HTMLElement, vars: CssVars | undefined) => void;
+export declare const cssUrl: (value: string) => string;
 export interface ResolvedMask {
     image: string | undefined;
     size: string | undefined;

package/dist-types/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAe,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE7G,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;CAoBR,CAAC;AASX,eAAO,MAAM,SAAS,GAAI,SAAS,WAAW,EAAE,MAAM,OAAO,GAAG,SAAS,KAAG,IAQ3E,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,EAAE,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,GAAG,WAAW,GAAG,SAAS,KAAG,YAAY,GAAG,IAerF,CAAC;AAcF,eAAO,MAAM,iBAAiB,GAAI,KAAK,QAAQ,EAAE,OAAO,gBAAgB,KAAG,WA6B1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,qBAAqB,KAAG,WAmFrE,CAAC"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,OAAO,EAAe,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE7G,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;CAsBR,CAAC;AASX,eAAO,MAAM,SAAS,GAAI,SAAS,WAAW,EAAE,MAAM,OAAO,GAAG,SAAS,KAAG,IAQ3E,CAAC;AAIF,eAAO,MAAM,MAAM,GAAI,OAAO,MAAM,KAAG,MAA6E,CAAC;AAErH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,EAAE,WAAW,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,GAAG,WAAW,GAAG,SAAS,KAAG,YAAY,GAAG,IAerF,CAAC;AAcF,eAAO,MAAM,iBAAiB,GAAI,KAAK,QAAQ,EAAE,OAAO,gBAAgB,KAAG,WA6B1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,qBAAqB,KAAG,WAmFrE,CAAC"}

package/dist-types/holo-card.d.ts

@@ -1,10 +1,11 @@
-import type { CssVars, HoloCardOptions, HoloLayerOptions, VisualOptions } from "./types.js";
+import type { CssVars, DepthOptions, GlareOptions, GyroscopeOptions, HoloCardOptions, HoloLayerOptions, PaletteOptions, VisualOptions } from "./types.js";
 export declare class HoloCard {
     readonly element: HTMLElement;
     private readonly rotator;
     private frontElement;
     private layersElement;
     private readonly options;
+    private gyroConfig;
     private readonly springRotate;
     private readonly springGlare;
     private readonly springBackground;
@@ -42,6 +43,9 @@ export declare class HoloCard {
     private unsubscribeOrientation;
     constructor(element: HTMLElement, options?: HoloCardOptions);
     private applyVisual;
+    private applyPalette;
+    private applyGlare;
+    private applyDepth;
     private applyStaticStyles;
     private enableInteractive;
     private parallaxBackground;
@@ -78,6 +82,22 @@ export declare class HoloCard {
     setVars(vars: CssVars): void;
     /** Update fine-grained visual controls at runtime. */
     setVisual(visual: VisualOptions): void;
+    /**
+     * Swap the foil colour palette / theme at runtime. This is a full replacement:
+     * any palette variable not present in `palette` reverts to its default.
+     */
+    setPalette(palette: PaletteOptions): void;
+    /**
+     * Update the dynamic glare (reflected light) at runtime. The image / shape /
+     * blend are replaced wholesale — omit them to return to the effect's built-in
+     * glare. `opacity` is shared with `visual.glareOpacity` and only changes when
+     * provided.
+     */
+    setGlare(glare: GlareOptions): void;
+    /** Toggle or tune the foil 3D depth / extrusion at runtime. */
+    setDepth(depth: boolean | DepthOptions): void;
+    /** Update the gyroscope physical-behaviour tuning at runtime. */
+    setGyroscope(gyroscope: boolean | GyroscopeOptions): void;
     /**
      * Insert an extra layer between the artwork and the foil at runtime, returning
      * the created element. Requires the card to have a `.holo-card__front`.

package/dist-types/holo-card.d.ts.map

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

package/dist-types/index.d.ts

@@ -4,10 +4,11 @@ export { HoloCard } from "./holo-card.js";
 export { buildHoloCardElement, buildLayerElement, applyVars, normalizeMask, CLASS, type ResolvedMask } from "./dom.js";
 export { generateTextures, texturesToCssVariables, grainTexture, glitterTexture, TEXTURE_VARIABLES, DEFAULT_TEXTURE_SEED, type Textures, type TextureOptions, } from "./textures.js";
 export { subscribeOrientation, requestOrientationPermission, resetBaseOrientation, type Orientation, type RelativeOrientation, } from "./orientation.js";
+export { PALETTES, resolvePalette, paletteToCssVariables } from "./palette.js";
 export { getActiveCard, setActiveCard, subscribeActiveCard } from "./active-registry.js";
 export { Spring, type SpringValue, type SpringOpts, type SpringSetOpts, type SpringDynamics } from "./spring.js";
 export { round, clamp, adjust } from "./math.js";
-export type { HoloEffect, HoloCardOptions, CreateHoloCardOptions, HoloContent, CssVars, SpringTuning, PhysicsOptions, ShowcaseOptions, VisualOptions, MaskOptions, HoloLayerOptions, } from "./types.js";
+export type { HoloEffect, HoloCardOptions, CreateHoloCardOptions, HoloContent, CssVars, SpringTuning, PhysicsOptions, ShowcaseOptions, VisualOptions, MaskOptions, HoloLayerOptions, PaletteOptions, PalettePreset, GlareOptions, GyroscopeOptions, DepthOptions, } from "./types.js";
 export declare const createHoloCard: (options: CreateHoloCardOptions) => HoloCard;
 export declare const attachHoloCard: (element: HTMLElement, options?: HoloCardOptions) => HoloCard;
 //# sourceMappingURL=index.d.ts.map

package/dist-types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvH,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,QAAQ,EACb,KAAK,cAAc,GACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,oBAAoB,EACpB,KAAK,WAAW,EAChB,KAAK,mBAAmB,GACzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACjH,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACjD,YAAY,EACV,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,aAAa,EACb,WAAW,EACX,gBAAgB,GACjB,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,cAAc,GAAI,SAAS,qBAAqB,KAAG,QAG/D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,EAAE,UAAS,eAAoB,KAAG,QACrD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvH,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,QAAQ,EACb,KAAK,cAAc,GACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,oBAAoB,EACpB,KAAK,WAAW,EAChB,KAAK,mBAAmB,GACzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACjH,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACjD,YAAY,EACV,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,cAAc,GAAI,SAAS,qBAAqB,KAAG,QAG/D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,EAAE,UAAS,eAAoB,KAAG,QACrD,CAAC"}

package/dist-types/palette.d.ts

@@ -0,0 +1,10 @@
+import type { PaletteOptions, PalettePreset } from "./types.js";
+/** Built-in foil colour schemes, keyed by {@link PalettePreset}. */
+export declare const PALETTES: Record<PalettePreset, PaletteOptions>;
+/** Merge a palette's `preset` base with its explicit overrides into a flat scheme. */
+export declare const resolvePalette: (palette: PaletteOptions) => PaletteOptions;
+/** Every CSS custom property the palette can own — used to clear stale values when swapping palettes. */
+export declare const PALETTE_VARIABLES: string[];
+/** Convert a (resolved or raw) palette into the CSS custom properties it drives. */
+export declare const paletteToCssVariables: (palette: PaletteOptions) => Record<string, string>;
+//# sourceMappingURL=palette.d.ts.map

package/dist-types/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../src/palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhE,oEAAoE;AACpE,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,aAAa,EAAE,cAAc,CA6H1D,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,cAAc,GAAI,SAAS,cAAc,KAAG,cAKxD,CAAC;AAIF,yGAAyG;AACzG,eAAO,MAAM,iBAAiB,EAAE,MAAM,EAiBrC,CAAC;AAWF,oFAAoF;AACpF,eAAO,MAAM,qBAAqB,GAAI,SAAS,cAAc,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAwBpF,CAAC"}