@kongyo2/cards-css 0.2.1 → 0.3.1

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/spring.js

@@ -1,5 +1,7 @@
 import { loop, now } from "./ticker.js";
 import { Subscribers } from "./subscribers.js";
+const MAX_FRAME_DELTA = 2;
+const clampFrameDelta = (dt) => Math.max(0, Math.min(dt, MAX_FRAME_DELTA));
 const tickScalar = (ctx, axis, lastValue, currentValue, targetValue) => {
     const delta = targetValue - currentValue;
     const velocity = (currentValue - lastValue) / (ctx.dt || 1 / 60);
@@ -51,7 +53,8 @@ export class Spring {
     cancelTask = false;
     task = null;
     lastTime = 0;
-    currentToken = null;
+    settlePromise = null;
+    settleResolve = null;
     subscribers = new Subscribers(() => this.value);
     constructor(value, opts = {}) {
         this.value = value;
@@ -73,7 +76,6 @@ export class Spring {
     }
     set(newValue, opts = {}) {
         this.targetValue = newValue;
-        const token = (this.currentToken = {});
         if (opts.hard || (this.stiffness >= 1 && this.damping >= 1)) {
             this.cancelTask = true;
             if (this.task) {
@@ -84,6 +86,7 @@ export class Spring {
             this.lastValue = newValue;
             this.value = newValue;
             this.notify();
+            this.resolveSettle();
             return Promise.resolve();
         }
         if (opts.soft) {
@@ -91,11 +94,10 @@ export class Spring {
             this.invMassRecoveryRate = 1 / (rate * 60);
             this.invMass = 0;
         }
-        let handle = this.task;
-        if (!handle) {
+        if (!this.task) {
             this.lastTime = now();
             this.cancelTask = false;
-            handle = loop((time) => {
+            this.task = loop((time) => {
                 if (this.cancelTask) {
                     this.cancelTask = false;
                     this.task = null;
@@ -109,7 +111,7 @@ export class Spring {
                     precision: this.precision,
                     axes: this.axes,
                     settled: true,
-                    dt: ((time - this.lastTime) * 60) / 1000,
+                    dt: clampFrameDelta(((time - this.lastTime) * 60) / 1000),
                 };
                 const next = tick(ctx, this.lastValue, this.value, this.targetValue);
                 this.lastTime = time;
@@ -118,19 +120,29 @@ export class Spring {
                 this.notify();
                 if (ctx.settled) {
                     this.task = null;
+                    this.resolveSettle();
                 }
                 return !ctx.settled;
             });
-            this.task = handle;
         }
-        return new Promise((fulfil) => {
-            void handle.promise.then(() => (token === this.currentToken ? fulfil() : undefined));
-        });
+        if (!this.settlePromise) {
+            this.settlePromise = new Promise((resolve) => {
+                this.settleResolve = resolve;
+            });
+        }
+        return this.settlePromise;
+    }
+    resolveSettle() {
+        const resolve = this.settleResolve;
+        this.settlePromise = null;
+        this.settleResolve = null;
+        resolve?.();
     }
     destroy() {
         this.cancelTask = true;
         this.task?.abort();
         this.task = null;
+        this.resolveSettle();
         this.subscribers.clear();
     }
 }

package/dist/spring.js.map

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

package/dist/ticker.js

@@ -5,9 +5,8 @@ const raf = typeof requestAnimationFrame !== "undefined"
 const tasks = new Set();
 const runTasks = (time) => {
     tasks.forEach((task) => {
-        if (!task.c(time)) {
+        if (!task(time)) {
             tasks.delete(task);
-            task.f();
         }
     });
     if (tasks.size !== 0) {
@@ -15,17 +14,13 @@ const runTasks = (time) => {
     }
 };
 export const loop = (callback) => {
-    let task;
     if (tasks.size === 0) {
         raf(runTasks);
     }
+    tasks.add(callback);
     return {
-        promise: new Promise((fulfil) => {
-            task = { c: callback, f: fulfil };
-            tasks.add(task);
-        }),
         abort: () => {
-            tasks.delete(task);
+            tasks.delete(callback);
         },
     };
 };

package/dist/ticker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ticker.js","sourceRoot":"","sources":["../src/ticker.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,GAAG,GAAG,GAAW,EAAE,CAAC,CAAC,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAEvG,MAAM,GAAG,GACP,OAAO,qBAAqB,KAAK,WAAW;IAC1C,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAYrD,MAAM,KAAK,GAAG,IAAI,GAAG,EAAQ,CAAC;AAE9B,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAQ,EAAE;IACtC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YAClB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACnB,IAAI,CAAC,CAAC,EAAE,CAAC;QACX,CAAC;IACH,CAAC,CAAC,CAAC;IACH,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACrB,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,QAAmC,EAAc,EAAE;IACtE,IAAI,IAAU,CAAC;IACf,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACrB,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChB,CAAC;IACD,OAAO;QACL,OAAO,EAAE,IAAI,OAAO,CAAO,CAAC,MAAM,EAAE,EAAE;YACpC,IAAI,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;YAClC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,CAAC;QACF,KAAK,EAAE,GAAG,EAAE;YACV,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ticker.js","sourceRoot":"","sources":["../src/ticker.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,GAAG,GAAG,GAAW,EAAE,CAAC,CAAC,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAEvG,MAAM,GAAG,GACP,OAAO,qBAAqB,KAAK,WAAW;IAC1C,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAQrD,MAAM,KAAK,GAAG,IAAI,GAAG,EAAQ,CAAC;AAE9B,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAQ,EAAE;IACtC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAChB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC,CAAC;IACH,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACrB,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,QAAc,EAAc,EAAE;IACjD,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACrB,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChB,CAAC;IACD,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACpB,OAAO;QACL,KAAK,EAAE,GAAG,EAAE;YACV,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist-types/dom.d.ts

@@ -18,6 +18,8 @@ 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;

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;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"}
+{"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"}