@weasel-js/theme 1.9.4 → 1.10.0

package/dist/{chunk-EFGZ56CE.js → chunk-JX2OC444.js}

@@ -1,4 +1,4 @@
-import { themeAxes, fullSelection, resolveTheme, themeChain, isByAxis, generate, DEFAULT_CONSTRAINTS } from './chunk-7LCRXZDY.js';
+import { isByAxis } from './chunk-P5F3GZV6.js';
 import { isPlainObject } from '@weasel-js/registry';
 
 // src/generated/themes.ts
@@ -63,6 +63,7 @@ var THEMES = {
         "--wzl-secondary-fg": "#dc9d15",
         "--wzl-fg-inverse": "#0e0f12",
         "--wzl-shadow": "rgba(0, 0, 0, 0.6)",
+        "--wzl-scrim": "rgba(0, 0, 0, 0.4)",
         "--wzl-code-keyword": "#955cf9",
         "--wzl-code-string": "#48e628",
         "--wzl-code-number": "#e69628",
@@ -122,6 +123,7 @@ var THEMES = {
         "--wzl-fg-on-accent": "#f5f5f6",
         "--wzl-line": "rgba(230, 231, 233, 0.2)",
         "--wzl-line-strong": "rgba(230, 231, 233, 0.4)",
+        "--wzl-border-on-sunken": "rgba(230, 231, 233, 0.12)",
         "--wzl-curve-color": "#8c94ee",
         "--wzl-accent-hover": "#8c94ee",
         "--wzl-secondary": "#dc9d15",
@@ -151,19 +153,26 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-handle-dot-size": "8px",
+        "--wzl-handle-dot-size-sm": "7px",
         "--wzl-checker-a": "#25272c",
         "--wzl-checker-b": "#181a1e",
         "--wzl-checker-size": "8px",
         "--wzl-workspace-surface": "#0e0f12",
         "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
         "--wzl-field-pad-x": "8px",
+        "--wzl-gloss": "0",
         "--wzl-font-size": "13px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
         "--wzl-z-toolbar": "10",
         "--wzl-z-overlay": "20",
-        "--wzl-z-modal": "30",
+        "--wzl-z-hud": "900",
+        "--wzl-z-modal": "1000",
+        "--wzl-z-toast": "1100",
+        "--wzl-z-popover": "1200",
+        "--wzl-z-drag": "10000",
         "--wzl-leading-tight": "1",
         "--wzl-leading-snug": "1.2",
         "--wzl-leading": "1.4",
@@ -241,6 +250,7 @@ var THEMES = {
         "--wzl-secondary-fg": "#dc9d15",
         "--wzl-fg-inverse": "#0e0f12",
         "--wzl-shadow": "rgba(0, 0, 0, 0.6)",
+        "--wzl-scrim": "rgba(0, 0, 0, 0.4)",
         "--wzl-code-keyword": "#955cf9",
         "--wzl-code-string": "#48e628",
         "--wzl-code-number": "#e69628",
@@ -300,6 +310,7 @@ var THEMES = {
         "--wzl-fg-on-accent": "#f5f5f6",
         "--wzl-line": "rgba(230, 231, 233, 0.2)",
         "--wzl-line-strong": "rgba(230, 231, 233, 0.4)",
+        "--wzl-border-on-sunken": "rgba(230, 231, 233, 0.12)",
         "--wzl-curve-color": "#8c94ee",
         "--wzl-accent-hover": "#8c94ee",
         "--wzl-secondary": "#dc9d15",
@@ -329,19 +340,26 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-handle-dot-size": "8px",
+        "--wzl-handle-dot-size-sm": "7px",
         "--wzl-checker-a": "#25272c",
         "--wzl-checker-b": "#181a1e",
         "--wzl-checker-size": "8px",
         "--wzl-workspace-surface": "#0e0f12",
         "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
         "--wzl-field-pad-x": "8px",
+        "--wzl-gloss": "0",
         "--wzl-font-size": "15px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
         "--wzl-z-toolbar": "10",
         "--wzl-z-overlay": "20",
-        "--wzl-z-modal": "30",
+        "--wzl-z-hud": "900",
+        "--wzl-z-modal": "1000",
+        "--wzl-z-toast": "1100",
+        "--wzl-z-popover": "1200",
+        "--wzl-z-drag": "10000",
         "--wzl-leading-tight": "1",
         "--wzl-leading-snug": "1.2",
         "--wzl-leading": "1.4",
@@ -419,6 +437,7 @@ var THEMES = {
         "--wzl-secondary-fg": "#dc9d15",
         "--wzl-fg-inverse": "#0e0f12",
         "--wzl-shadow": "rgba(0, 0, 0, 0.6)",
+        "--wzl-scrim": "rgba(0, 0, 0, 0.4)",
         "--wzl-code-keyword": "#955cf9",
         "--wzl-code-string": "#48e628",
         "--wzl-code-number": "#e69628",
@@ -478,6 +497,7 @@ var THEMES = {
         "--wzl-fg-on-accent": "#f5f5f6",
         "--wzl-line": "rgba(230, 231, 233, 0.2)",
         "--wzl-line-strong": "rgba(230, 231, 233, 0.4)",
+        "--wzl-border-on-sunken": "rgba(230, 231, 233, 0.12)",
         "--wzl-curve-color": "#8c94ee",
         "--wzl-accent-hover": "#8c94ee",
         "--wzl-secondary": "#dc9d15",
@@ -507,19 +527,26 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-handle-dot-size": "8px",
+        "--wzl-handle-dot-size-sm": "7px",
         "--wzl-checker-a": "#25272c",
         "--wzl-checker-b": "#181a1e",
         "--wzl-checker-size": "8px",
         "--wzl-workspace-surface": "#0e0f12",
         "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
         "--wzl-field-pad-x": "8px",
+        "--wzl-gloss": "0",
         "--wzl-font-size": "18px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
         "--wzl-z-toolbar": "10",
         "--wzl-z-overlay": "20",
-        "--wzl-z-modal": "30",
+        "--wzl-z-hud": "900",
+        "--wzl-z-modal": "1000",
+        "--wzl-z-toast": "1100",
+        "--wzl-z-popover": "1200",
+        "--wzl-z-drag": "10000",
         "--wzl-leading-tight": "1",
         "--wzl-leading-snug": "1.2",
         "--wzl-leading": "1.4",
@@ -597,6 +624,7 @@ var THEMES = {
         "--wzl-secondary-fg": "#016458",
         "--wzl-fg-inverse": "#f5f5f6",
         "--wzl-shadow": "rgba(0, 0, 0, 0.18)",
+        "--wzl-scrim": "rgba(0, 0, 0, 0.4)",
         "--wzl-code-keyword": "#6d28d9",
         "--wzl-code-string": "#15803d",
         "--wzl-code-number": "#b45309",
@@ -656,6 +684,7 @@ var THEMES = {
         "--wzl-fg-on-accent": "#f5f5f6",
         "--wzl-line": "rgba(14, 15, 18, 0.2)",
         "--wzl-line-strong": "rgba(14, 15, 18, 0.4)",
+        "--wzl-border-on-sunken": "rgba(14, 15, 18, 0.12)",
         "--wzl-curve-color": "#6366f1",
         "--wzl-accent-hover": "#6366f1",
         "--wzl-secondary": "#3ee1cb",
@@ -685,19 +714,26 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-handle-dot-size": "8px",
+        "--wzl-handle-dot-size-sm": "7px",
         "--wzl-checker-a": "#c9cbcf",
         "--wzl-checker-b": "#f5f5f6",
         "--wzl-checker-size": "8px",
         "--wzl-workspace-surface": "#c9cbcf",
         "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
         "--wzl-field-pad-x": "8px",
+        "--wzl-gloss": "0",
         "--wzl-font-size": "13px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
         "--wzl-z-toolbar": "10",
         "--wzl-z-overlay": "20",
-        "--wzl-z-modal": "30",
+        "--wzl-z-hud": "900",
+        "--wzl-z-modal": "1000",
+        "--wzl-z-toast": "1100",
+        "--wzl-z-popover": "1200",
+        "--wzl-z-drag": "10000",
         "--wzl-leading-tight": "1",
         "--wzl-leading-snug": "1.2",
         "--wzl-leading": "1.4",
@@ -775,6 +811,7 @@ var THEMES = {
         "--wzl-secondary-fg": "#016458",
         "--wzl-fg-inverse": "#f5f5f6",
         "--wzl-shadow": "rgba(0, 0, 0, 0.18)",
+        "--wzl-scrim": "rgba(0, 0, 0, 0.4)",
         "--wzl-code-keyword": "#6d28d9",
         "--wzl-code-string": "#15803d",
         "--wzl-code-number": "#b45309",
@@ -834,6 +871,7 @@ var THEMES = {
         "--wzl-fg-on-accent": "#f5f5f6",
         "--wzl-line": "rgba(14, 15, 18, 0.2)",
         "--wzl-line-strong": "rgba(14, 15, 18, 0.4)",
+        "--wzl-border-on-sunken": "rgba(14, 15, 18, 0.12)",
         "--wzl-curve-color": "#6366f1",
         "--wzl-accent-hover": "#6366f1",
         "--wzl-secondary": "#3ee1cb",
@@ -863,19 +901,26 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-handle-dot-size": "8px",
+        "--wzl-handle-dot-size-sm": "7px",
         "--wzl-checker-a": "#c9cbcf",
         "--wzl-checker-b": "#f5f5f6",
         "--wzl-checker-size": "8px",
         "--wzl-workspace-surface": "#c9cbcf",
         "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
         "--wzl-field-pad-x": "8px",
+        "--wzl-gloss": "0",
         "--wzl-font-size": "15px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
         "--wzl-z-toolbar": "10",
         "--wzl-z-overlay": "20",
-        "--wzl-z-modal": "30",
+        "--wzl-z-hud": "900",
+        "--wzl-z-modal": "1000",
+        "--wzl-z-toast": "1100",
+        "--wzl-z-popover": "1200",
+        "--wzl-z-drag": "10000",
         "--wzl-leading-tight": "1",
         "--wzl-leading-snug": "1.2",
         "--wzl-leading": "1.4",
@@ -953,6 +998,7 @@ var THEMES = {
         "--wzl-secondary-fg": "#016458",
         "--wzl-fg-inverse": "#f5f5f6",
         "--wzl-shadow": "rgba(0, 0, 0, 0.18)",
+        "--wzl-scrim": "rgba(0, 0, 0, 0.4)",
         "--wzl-code-keyword": "#6d28d9",
         "--wzl-code-string": "#15803d",
         "--wzl-code-number": "#b45309",
@@ -1012,6 +1058,7 @@ var THEMES = {
         "--wzl-fg-on-accent": "#f5f5f6",
         "--wzl-line": "rgba(14, 15, 18, 0.2)",
         "--wzl-line-strong": "rgba(14, 15, 18, 0.4)",
+        "--wzl-border-on-sunken": "rgba(14, 15, 18, 0.12)",
         "--wzl-curve-color": "#6366f1",
         "--wzl-accent-hover": "#6366f1",
         "--wzl-secondary": "#3ee1cb",
@@ -1041,19 +1088,26 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-handle-dot-size": "8px",
+        "--wzl-handle-dot-size-sm": "7px",
         "--wzl-checker-a": "#c9cbcf",
         "--wzl-checker-b": "#f5f5f6",
         "--wzl-checker-size": "8px",
         "--wzl-workspace-surface": "#c9cbcf",
         "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
         "--wzl-field-pad-x": "8px",
+        "--wzl-gloss": "0",
         "--wzl-font-size": "18px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
         "--wzl-z-toolbar": "10",
         "--wzl-z-overlay": "20",
-        "--wzl-z-modal": "30",
+        "--wzl-z-hud": "900",
+        "--wzl-z-modal": "1000",
+        "--wzl-z-toast": "1100",
+        "--wzl-z-popover": "1200",
+        "--wzl-z-drag": "10000",
         "--wzl-leading-tight": "1",
         "--wzl-leading-snug": "1.2",
         "--wzl-leading": "1.4",
@@ -1434,6 +1488,11 @@ var THEME_SOURCES = {
           "type": "color"
         }
       },
+      "scrim": {
+        "value": "rgba(0, 0, 0, 0.4)",
+        "type": "color",
+        "description": "What a modal dims the page behind it with."
+      },
       "code-keyword": {
         "by": "mode",
         "dark": {
@@ -1779,6 +1838,12 @@ var THEME_SOURCES = {
         "alpha": 0.4,
         "description": "Axes and emphasized dividers."
       },
+      "border-on-sunken": {
+        "value": "{fg}",
+        "type": "color",
+        "alpha": 0.12,
+        "description": "The edge of a box filled with surface-sunken. Stepped from the text color, because light mode's border is the sunken fill's own gray."
+      },
       "curve-color": {
         "value": "{accent-strong}",
         "type": "color",
@@ -2053,6 +2118,16 @@ var THEME_SOURCES = {
         "type": "dimension",
         "description": "A handle that is a category of its own rather than one of a row \u2014 a curve's endpoint. Larger so it separates from the handles it sits in line with."
       },
+      "handle-dot-size": {
+        "value": "8px",
+        "type": "dimension",
+        "description": "Diameter of a round handle \u2014 a plain anchor on a curve. Its own rank beside handle-size, because a circle and a diamond of one edge do not read as one size."
+      },
+      "handle-dot-size-sm": {
+        "value": "7px",
+        "type": "dimension",
+        "description": "A round handle that belongs to another point \u2014 a bezier control handle at the end of its stem."
+      },
       "checker-a": {
         "value": "{border}",
         "type": "color",
@@ -2083,6 +2158,11 @@ var THEME_SOURCES = {
         "type": "dimension",
         "description": "Horizontal padding inside a boxed field. Pairs with --wzl-field-h, which is a container override and has no :root default."
       },
+      "gloss": {
+        "value": 0,
+        "type": "number",
+        "description": "How much glass a boxed button and a selected segment wear, from 0 to 1: at 0 a flat fill, at 1 the full ramp, specular gloss, rim, and drop shadow."
+      },
       "glass-blur": {
         "value": "3px",
         "type": "dimension",
@@ -2109,15 +2189,38 @@ var THEME_SOURCES = {
       },
       "z-toolbar": {
         "value": 10,
-        "type": "number"
+        "type": "number",
+        "description": "Chrome pinned over a workspace."
       },
       "z-overlay": {
         "value": 20,
-        "type": "number"
+        "type": "number",
+        "description": "A panel or readout floating over the chrome."
+      },
+      "z-hud": {
+        "value": 900,
+        "type": "number",
+        "description": "Debug readouts, over the app and under anything modal."
       },
       "z-modal": {
-        "value": 30,
-        "type": "number"
+        "value": 1e3,
+        "type": "number",
+        "description": "A dialog or lightbox and its scrim."
+      },
+      "z-toast": {
+        "value": 1100,
+        "type": "number",
+        "description": "Toasts, which stay readable over a dialog."
+      },
+      "z-popover": {
+        "value": 1200,
+        "type": "number",
+        "description": "Tooltips and callouts, which a dialog or a toast can open."
+      },
+      "z-drag": {
+        "value": 1e4,
+        "type": "number",
+        "description": "A drag ghost, over everything it can be dragged across."
       },
       "leading-tight": {
         "value": 1,
@@ -2770,6 +2873,11 @@ var BAKED_THEMES = {
           "value": "rgba(0, 0, 0, 0.18)"
         }
       },
+      "scrim": {
+        "type": "color",
+        "value": "rgba(0, 0, 0, 0.4)",
+        "description": "What a modal dims the page behind it with."
+      },
       "code-keyword": {
         "by": "mode",
         "dark": {
@@ -3036,6 +3144,12 @@ var BAKED_THEMES = {
         "alpha": 0.4,
         "description": "Axes and emphasized dividers."
       },
+      "border-on-sunken": {
+        "type": "color",
+        "value": "{fg}",
+        "alpha": 0.12,
+        "description": "The edge of a box filled with surface-sunken. Stepped from the text color, because light mode's border is the sunken fill's own gray."
+      },
       "curve-color": {
         "type": "color",
         "value": "{accent-strong}",
@@ -3269,6 +3383,16 @@ var BAKED_THEMES = {
         "value": "10px",
         "description": "A handle that is a category of its own rather than one of a row \u2014 a curve's endpoint. Larger so it separates from the handles it sits in line with."
       },
+      "handle-dot-size": {
+        "type": "dimension",
+        "value": "8px",
+        "description": "Diameter of a round handle \u2014 a plain anchor on a curve. Its own rank beside handle-size, because a circle and a diamond of one edge do not read as one size."
+      },
+      "handle-dot-size-sm": {
+        "type": "dimension",
+        "value": "7px",
+        "description": "A round handle that belongs to another point \u2014 a bezier control handle at the end of its stem."
+      },
       "checker-a": {
         "type": "color",
         "value": "{border}",
@@ -3299,6 +3423,11 @@ var BAKED_THEMES = {
         "value": "8px",
         "description": "Horizontal padding inside a boxed field. Pairs with --wzl-field-h, which is a container override and has no :root default."
       },
+      "gloss": {
+        "type": "number",
+        "value": 0,
+        "description": "How much glass a boxed button and a selected segment wear, from 0 to 1: at 0 a flat fill, at 1 the full ramp, specular gloss, rim, and drop shadow."
+      },
       "glass-blur": {
         "type": "dimension",
         "value": "3px",
@@ -3325,15 +3454,38 @@ var BAKED_THEMES = {
       },
       "z-toolbar": {
         "type": "number",
-        "value": 10
+        "value": 10,
+        "description": "Chrome pinned over a workspace."
       },
       "z-overlay": {
         "type": "number",
-        "value": 20
+        "value": 20,
+        "description": "A panel or readout floating over the chrome."
+      },
+      "z-hud": {
+        "type": "number",
+        "value": 900,
+        "description": "Debug readouts, over the app and under anything modal."
       },
       "z-modal": {
         "type": "number",
-        "value": 30
+        "value": 1e3,
+        "description": "A dialog or lightbox and its scrim."
+      },
+      "z-toast": {
+        "type": "number",
+        "value": 1100,
+        "description": "Toasts, which stay readable over a dialog."
+      },
+      "z-popover": {
+        "type": "number",
+        "value": 1200,
+        "description": "Tooltips and callouts, which a dialog or a toast can open."
+      },
+      "z-drag": {
+        "type": "number",
+        "value": 1e4,
+        "description": "A drag ghost, over everything it can be dragged across."
       },
       "leading-tight": {
         "type": "number",
@@ -3566,148 +3718,6 @@ function defineTheme(input) {
   };
 }
 
-// src/themeSheet.ts
-var STYLE_ID = "wzl-themes";
-var sheets = /* @__PURE__ */ new WeakMap();
-function styleRootOf(el) {
-  const root = el.getRootNode();
-  return root instanceof (el.ownerDocument.defaultView?.ShadowRoot ?? ShadowRoot) ? root : el.ownerDocument;
-}
-var documentOf = (root) => "host" in root ? root.ownerDocument : root;
-var only = (id) => id === 0 ? "" : `:where([data-wzl-variant='${id}'])`;
-function write(root, held) {
-  const css = [...held.rules].flatMap(([selector, variants]) => (
-    // The bare rule first: it matches a variant's elements too, and the variant's has to win the tie.
-    [...variants].sort((a, b) => a.id - b.id).map((v) => `${selector}${only(v.id)} { ${v.body} }`)
-  )).join("\n");
-  const win = documentOf(root).defaultView;
-  const Sheet = win?.CSSStyleSheet;
-  if (Sheet && "replaceSync" in Sheet.prototype && Array.isArray(root.adoptedStyleSheets)) {
-    if (!held.sheet) {
-      held.sheet = new Sheet();
-      root.adoptedStyleSheets = [...root.adoptedStyleSheets, held.sheet];
-    }
-    held.sheet.replaceSync(css);
-    return;
-  }
-  if (!held.styleEl) {
-    held.styleEl = documentOf(root).createElement("style");
-    held.styleEl.id = STYLE_ID;
-    ("host" in root ? root : root.head).appendChild(held.styleEl);
-  }
-  held.styleEl.textContent = css;
-}
-function holdRule(root, selector, body) {
-  let held = sheets.get(root);
-  if (!held) sheets.set(root, held = { rules: /* @__PURE__ */ new Map(), sheet: null, styleEl: null });
-  const variants = held.rules.get(selector) ?? [];
-  let variant = variants.find((v) => v.body === body);
-  if (variant) {
-    variant.holds++;
-  } else {
-    let id = 0;
-    while (variants.some((v) => v.id === id)) id++;
-    variant = { id, body, holds: 1 };
-    held.rules.set(selector, [...variants, variant]);
-    write(root, held);
-  }
-  const mine = variant;
-  const sheet = held;
-  let released = false;
-  return {
-    variant: mine.id,
-    release: () => {
-      if (released) return;
-      released = true;
-      if (--mine.holds > 0) return;
-      const left = (sheet.rules.get(selector) ?? []).filter((v) => v !== mine);
-      if (left.length > 0) sheet.rules.set(selector, left);
-      else sheet.rules.delete(selector);
-      write(root, sheet);
-    }
-  };
-}
-
-// src/applyTheme.ts
-var holds = /* @__PURE__ */ new WeakMap();
-function applyTheme(el, theme, selection = {}) {
-  if (typeof document === "undefined") return () => {
-  };
-  const axes = themeAxes(theme);
-  const sel = fullSelection(axes, selection);
-  const body = Object.entries(resolveTheme(theme, sel)).map(([name, value]) => `${name}: ${value};`).join(" ");
-  const names = Object.keys(axes);
-  const selector = `[data-wzl-theme='${theme.name}']${names.map((a) => `[data-wzl-${a}='${sel[a]}']`).join("")}`;
-  const { variant, release: releaseRule } = holdRule(styleRootOf(el), selector, body);
-  holds.get(el)?.();
-  el.setAttribute("data-wzl-theme", theme.name);
-  for (const a of names) el.setAttribute(`data-wzl-${a}`, sel[a]);
-  if (variant === 0) el.removeAttribute("data-wzl-variant");
-  else el.setAttribute("data-wzl-variant", String(variant));
-  const letGo = () => {
-    holds.delete(el);
-    releaseRule();
-  };
-  holds.set(el, letGo);
-  return () => {
-    if (holds.get(el) !== letGo) return;
-    letGo();
-    for (const a of ["theme", "variant", ...names]) el.removeAttribute(`data-wzl-${a}`);
-  };
-}
-
-// src/colorMode.ts
-function isColorModePreference(v) {
-  return v === "auto" || v === "light" || v === "dark";
-}
-
-// src/colorList.ts
-var wrap = (i, n) => (Math.trunc(i) % n + n) % n;
-var generated = /* @__PURE__ */ new Map();
-function generatedColors({ generate: g }) {
-  const key = JSON.stringify([g.count, g.gates ?? {}]);
-  let colors = generated.get(key);
-  if (!colors) {
-    const palette = generate({ ...DEFAULT_CONSTRAINTS, ...g.gates, count: g.count, anchors: [] });
-    colors = palette.swatches.map((s) => s.hex.toLowerCase());
-    generated.set(key, colors);
-  }
-  return colors;
-}
-function rampSteps(theme, ramp) {
-  for (const t of themeChain(theme).reverse()) {
-    const steps = t.ramps?.[ramp];
-    if (steps) return steps;
-  }
-  throw new Error(`Theme "${theme.name}" has no ramp "${ramp}"`);
-}
-function themeTones(theme) {
-  for (const t of themeChain(theme).reverse()) if (t.tones) return t.tones;
-  return { ramp: "swatch" };
-}
-var fallback;
-var defaultContext = () => fallback ??= { theme: weaselTheme, resolved: resolveTheme(weaselTheme) };
-function pickStep(list, i, theme) {
-  const steps = rampSteps(theme, list.ramp);
-  return steps[wrap(i, steps.length)];
-}
-function colorAt(list, i, ctx = defaultContext()) {
-  if (typeof list === "function") return list(i);
-  if ("ramp" in list) return ctx.resolved[`--wzl-${list.ramp}-${pickStep(list, i, ctx.theme)}`];
-  const colors = "generate" in list ? generatedColors(list) : list;
-  if (colors.length === 0) throw new Error("colorAt: empty color list");
-  return colors[wrap(i, colors.length)];
-}
-function colorCssAt(list, i, ctx = defaultContext()) {
-  if (typeof list !== "function" && "ramp" in list) return `var(--wzl-${list.ramp}-${pickStep(list, i, ctx.theme)})`;
-  return colorAt(list, i, ctx);
-}
-function colorCount(list, ctx = defaultContext()) {
-  if (typeof list === "function") return void 0;
-  if ("ramp" in list) return rampSteps(ctx.theme, list.ramp).length;
-  return "generate" in list ? list.generate.count : list.length;
-}
-
-export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, colorAt, colorCount, colorCssAt, defineTheme, isColorModePreference, rampSteps, themeTones, weaselTheme };
-//# sourceMappingURL=chunk-EFGZ56CE.js.map
-//# sourceMappingURL=chunk-EFGZ56CE.js.map
+export { BAKED_THEMES, THEMES, THEME_SOURCES, defineTheme, weaselTheme };
+//# sourceMappingURL=chunk-JX2OC444.js.map
+//# sourceMappingURL=chunk-JX2OC444.js.map