@weasel-js/theme 1.9.3 → 1.10.0

package/dist/{chunk-7FYXA7TA.js → chunk-JX2OC444.js}

@@ -1,4 +1,5 @@
-import { themeAxes, fullSelection, selectionKey, resolveTheme, themeChain, isByAxis, generate, DEFAULT_CONSTRAINTS } from './chunk-NUILKH2Z.js';
+import { isByAxis } from './chunk-P5F3GZV6.js';
+import { isPlainObject } from '@weasel-js/registry';
 
 // src/generated/themes.ts
 var THEMES = {
@@ -62,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",
@@ -121,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",
@@ -145,24 +148,31 @@ var THEMES = {
         "--wzl-slider-thumb-size": "8px",
         "--wzl-slider-track-slop": "6px",
         "--wzl-slider-thumb-slop": "6px",
-        "--wzl-slider-track-mix": "18%",
-        "--wzl-slider-thumb-mix": "70%",
+        "--wzl-slider-track-mix": "40%",
+        "--wzl-slider-thumb-mix": "100%",
         "--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",
@@ -240,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",
@@ -299,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",
@@ -323,24 +335,31 @@ var THEMES = {
         "--wzl-slider-thumb-size": "8px",
         "--wzl-slider-track-slop": "6px",
         "--wzl-slider-thumb-slop": "6px",
-        "--wzl-slider-track-mix": "18%",
-        "--wzl-slider-thumb-mix": "70%",
+        "--wzl-slider-track-mix": "40%",
+        "--wzl-slider-thumb-mix": "100%",
         "--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",
@@ -418,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",
@@ -477,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",
@@ -501,24 +522,31 @@ var THEMES = {
         "--wzl-slider-thumb-size": "8px",
         "--wzl-slider-track-slop": "6px",
         "--wzl-slider-thumb-slop": "6px",
-        "--wzl-slider-track-mix": "18%",
-        "--wzl-slider-thumb-mix": "70%",
+        "--wzl-slider-track-mix": "40%",
+        "--wzl-slider-thumb-mix": "100%",
         "--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",
@@ -596,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",
@@ -655,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",
@@ -684,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",
@@ -774,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",
@@ -833,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",
@@ -862,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",
@@ -952,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",
@@ -1011,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",
@@ -1040,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",
@@ -1433,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": {
@@ -1778,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",
@@ -2012,14 +2078,30 @@ var THEME_SOURCES = {
         "description": "How far past a range thumb's edge a press still grabs the thumb rather than landing on the track. Sits over the track's own slop."
       },
       "slider-track-mix": {
-        "value": "18%",
-        "type": "dimension",
-        "description": "Accent proportion in a range track, as a color-mix percentage \u2014 not a color. Mixed into a real property, never into another custom property."
+        "by": "mode",
+        "dark": {
+          "value": "40%",
+          "type": "dimension",
+          "description": "Proportion of accent-fg in a range track, as a color-mix percentage \u2014 not a color. Mixed into a real property, never into another custom property. Higher in dark mode, where a light tint of the accent sinks into the surface."
+        },
+        "light": {
+          "value": "18%",
+          "type": "dimension",
+          "description": "Proportion of accent-fg in a range track, as a color-mix percentage \u2014 not a color."
+        }
       },
       "slider-thumb-mix": {
-        "value": "70%",
-        "type": "dimension",
-        "description": "Accent proportion in a range thumb, as a color-mix percentage \u2014 not a color."
+        "by": "mode",
+        "dark": {
+          "value": "100%",
+          "type": "dimension",
+          "description": "Proportion of accent-fg in a range thumb, as a color-mix percentage \u2014 not a color. Solid in dark mode."
+        },
+        "light": {
+          "value": "70%",
+          "type": "dimension",
+          "description": "Proportion of accent-fg in a range thumb, as a color-mix percentage \u2014 not a color."
+        }
       },
       "handle-size": {
         "value": "9px",
@@ -2036,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",
@@ -2066,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",
@@ -2092,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,
@@ -2753,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": {
@@ -3019,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}",
@@ -3212,14 +3343,30 @@ var BAKED_THEMES = {
         "description": "How far past a range thumb's edge a press still grabs the thumb rather than landing on the track. Sits over the track's own slop."
       },
       "slider-track-mix": {
-        "type": "dimension",
-        "value": "18%",
-        "description": "Accent proportion in a range track, as a color-mix percentage \u2014 not a color. Mixed into a real property, never into another custom property."
+        "by": "mode",
+        "dark": {
+          "type": "dimension",
+          "value": "40%",
+          "description": "Proportion of accent-fg in a range track, as a color-mix percentage \u2014 not a color. Mixed into a real property, never into another custom property. Higher in dark mode, where a light tint of the accent sinks into the surface."
+        },
+        "light": {
+          "type": "dimension",
+          "value": "18%",
+          "description": "Proportion of accent-fg in a range track, as a color-mix percentage \u2014 not a color."
+        }
       },
       "slider-thumb-mix": {
-        "type": "dimension",
-        "value": "70%",
-        "description": "Accent proportion in a range thumb, as a color-mix percentage \u2014 not a color."
+        "by": "mode",
+        "dark": {
+          "type": "dimension",
+          "value": "100%",
+          "description": "Proportion of accent-fg in a range thumb, as a color-mix percentage \u2014 not a color. Solid in dark mode."
+        },
+        "light": {
+          "type": "dimension",
+          "value": "70%",
+          "description": "Proportion of accent-fg in a range thumb, as a color-mix percentage \u2014 not a color."
+        }
       },
       "handle-size": {
         "type": "dimension",
@@ -3236,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}",
@@ -3266,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",
@@ -3292,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",
@@ -3492,9 +3677,7 @@ var BAKED_THEMES = {
     }
   }
 };
-
-// src/theme.ts
-var isPinObject = (v) => typeof v === "object" && v !== null && !Array.isArray(v) && "value" in v;
+var isPinObject = (v) => isPlainObject(v) && "value" in v;
 function toRaw(v) {
   if (isByAxis(v)) {
     const out = { by: v.by };
@@ -3535,99 +3718,6 @@ function defineTheme(input) {
   };
 }
 
-// src/applyTheme.ts
-var STYLE_ID = "wzl-themes";
-var emitted = /* @__PURE__ */ new Map();
-var sheet = null;
-var styleEl = null;
-function canAdopt() {
-  return typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype && Array.isArray(document.adoptedStyleSheets);
-}
-function flushRules() {
-  const css = [...emitted.values()].join("\n");
-  if (canAdopt()) {
-    if (!sheet) {
-      sheet = new CSSStyleSheet();
-      document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
-    }
-    sheet.replaceSync(css);
-    return;
-  }
-  if (!styleEl) {
-    styleEl = document.createElement("style");
-    styleEl.id = STYLE_ID;
-    document.head.appendChild(styleEl);
-  }
-  styleEl.textContent = css;
-}
-function applyTheme(el, theme, selection = {}) {
-  if (typeof document === "undefined") return;
-  const axes = themeAxes(theme);
-  const sel = fullSelection(axes, selection);
-  const key = `${theme.name}::${selectionKey(axes, sel)}`;
-  const body = Object.entries(resolveTheme(theme, sel)).map(([name, value]) => `${name}: ${value};`).join(" ");
-  const attrs = Object.keys(axes).map((a) => `[data-wzl-${a}='${sel[a]}']`).join("");
-  const rule = `[data-wzl-theme='${theme.name}']${attrs} { ${body} }`;
-  if (emitted.get(key) !== rule) {
-    emitted.set(key, rule);
-    flushRules();
-  }
-  el.setAttribute("data-wzl-theme", theme.name);
-  for (const a of Object.keys(axes)) el.setAttribute(`data-wzl-${a}`, sel[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-7FYXA7TA.js.map
-//# sourceMappingURL=chunk-7FYXA7TA.js.map
+export { BAKED_THEMES, THEMES, THEME_SOURCES, defineTheme, weaselTheme };
+//# sourceMappingURL=chunk-JX2OC444.js.map
+//# sourceMappingURL=chunk-JX2OC444.js.map