haus-tokens 4.2.0 → 5.1.0

package/README.md

@@ -16,40 +16,41 @@ npm install haus-tokens
 ```
 
 ```ts
-import 'haus-tokens/primitives.css'
-import 'haus-tokens/semantics.css'
-import 'haus-tokens/motion.css'
+import 'haus-tokens/index.css'
 ```
 
-Load them in that order: `primitives` declares raw values, `semantics` gives
-them meaning, `motion` adds duration and easing. All three are wrapped in
-`@layer haus.*`, so your own styles win without a specificity fight.
+`index.css` loads the layer order, then `primitives`, `brand`, `semantics` and
+`motion`, in the order they have to load. They are exported individually too,
+and replacing `brand.css` is the documented case, but leave one out and every
+role that reads it drops silently. All of them are wrapped in `@layer haus.*`,
+so your own styles win without a specificity fight.
 
-## The two layers
+## The layers
 
 ```
-primitives.css   --aronia-500: oklch(52% 0.138 300)
+primitives.css   --haus-aronia-500: oklch(52% 0.138 300)
                         ↓
-semantics.css    --color-primary-default: var(--aronia-500)
+brand.css        --haus-brand-primary-default: var(--haus-aronia-500)
                         ↓
-your component   background: var(--color-primary-default)
+semantics.css    --haus-color-primary-default: var(--haus-brand-primary-default)
+                        ↓
+your component   background: var(--haus-color-primary-default)
 ```
 
-A primitive is a raw value with no opinion; a semantic token carries the
-decision. Components read the semantic layer for colour, type, spacing, radius,
+A primitive is a raw value with no opinion; the brand says which primitive each
+role takes; a semantic token carries the decision. Components read the semantic layer for colour, type, spacing, radius,
 elevation and motion, and reaching past it is what makes a theme swap
 impossible later.
 
-Two kinds of primitive read are documented rather than hidden. Sizes: 31
+Two kinds of primitive read are documented rather than hidden. Sizes: 28
 declarations across the haus components take a size off the space ladder, on
 `height`, `width`, `min-*`/`max-*` and `transform` offsets, because a size is a
 value rather than a role. They are the avatar sizes, the checkbox and radio
-boxes, the toggle track and thumb, and a few min/max bounds. And 41 read a primitive that has no semantic
-alias because the primitive's own name already is the role: 32 read
-`--haus-font-sans`, five a control height, three `--haus-icon-sm` and one
-`--haus-tracking-normal`. A font family is not a role and there is no honest
-alias to invent for it. No component reads a colour, radius, shadow, stacking or
-motion primitive, and a test in `haus-components` holds that line.
+boxes, the toggle track and thumb, and a few min/max bounds. And 31 read a
+primitive that has no semantic alias because the primitive's own name already is
+the role: thirteen control heights and eighteen icon sizes. No component reads a
+colour, radius, shadow, stacking or motion primitive, and a test in
+`haus-components` holds that line.
 
 That second number went 61 to 77 when the six overlay components landed, then
 **77 to 41 at the 1.0 cut**, and the fall is the part worth reading. `Popover`
@@ -58,7 +59,9 @@ primitives had no role between them, and a product wanting the stacking order
 had to read `primitives.css` for it, which is why drift and vault each settled
 one for themselves. haus#27 put the ladders in `primitives.css` and the names in
 `semantics.css`. **No component declaration changed**: the same reads resolve
-one layer higher.
+one layer higher. It fell again when typeface became a brand entry and the 32
+`--haus-font-sans` reads became role reads, and rose with IconButton and the
+themed Select. `tokens.test.ts` in `haus-components` carries the whole ledger.
 
 ## Typed constants
 
@@ -161,8 +164,9 @@ a scale while still appearing to be on it.
 **Which files you pass as `upstream` decides the question.** Include `brand.css`
 and you are asking *do I restate anything haus ships, its colour choices
 included*. Leave it out and you are asking *do I restate anything structural*,
-with your palette treated as your business. Against drift the two answers are 143
-and 89, and the 54 in the gap are exactly its brand.
+with your palette treated as your business. Against drift, while it still
+consumed haus, the two answers were 143 and 89, and the 54 in the gap were
+exactly its brand.
 
 Overriding a role is fine and several consumers should. Overriding it to our
 value is the thing this reports.

package/dist/brand.css

@@ -191,11 +191,11 @@
        were 180px, 260px and 340px hardcoded in Popover.module.css, read by
        nothing that could theme them. A brand entry for the same reason, since a
        panel width is a proportion of the product's layout, and four steps because
-       the Listbox popup a two-line option row needs is wider than a form panel. */
+       the Select popup a two-line option row needs is wider than a form panel. */
     --haus-brand-popover-width-sm:  var(--haus-panel-width-sm);    /* 180px: a short action menu      */
     --haus-brand-popover-width-md:  var(--haus-panel-width-md);    /* 260px: the default              */
     --haus-brand-popover-width-lg:  var(--haus-panel-width-lg);    /* 340px: a panel holding a form   */
-    --haus-brand-popover-width-xl:  var(--haus-panel-width-xl);    /* 420px: Listbox two-line rows    */
+    --haus-brand-popover-width-xl:  var(--haus-panel-width-xl);    /* 420px: Select two-line rows    */
 
     /* ── Typeface ────────────────────────────────────────────────────────── */
     /* haus#54. Until now `--haus-font-sans` and `--haus-font-mono` were

package/dist/index.cjs

@@ -261,7 +261,9 @@ var tokens = {
     "10": "2.5rem",
     "12": "3rem",
     "16": "4rem",
-    "20": "5rem"
+    "20": "5rem",
+    px: "1px",
+    "0-5": "0.125rem"
   },
   radius: {
     none: "0",

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/brand.ts","../src/index.ts"],"names":[],"mappings":"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","file":"index.cjs","sourcesContent":["/* ─── haus / primitives ──────────────────────────────────────────────────────\n   Raw values only. No component or semantic meaning.\n   Nothing outside this file should define raw values.\n   Components must never reference these directly. Use semantics.css.\n\n   GENERATED FROM src/tokens.json. Do not edit.\n   Regenerate with `npm run tokens`; `npm run tokens:check` fails CI if stale.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n/**\n * The entries every brand must supply, generated from brand.css.\n *\n * A brand file is CSS, so this cannot check it directly. What it does check is\n * the object form: build a brand in TypeScript, satisfy this type, and a missing\n * or misspelled role is a compile error rather than an unresolved var() that\n * drops a declaration with no warning at all.\n */\nexport interface BrandMapBase {\n  '--haus-brand-surface-default': string\n  '--haus-brand-surface-subtle': string\n  '--haus-brand-surface-raised': string\n  '--haus-brand-surface-overlay': string\n  '--haus-brand-surface-sunken': string\n  '--haus-brand-surface-inverse': string\n  '--haus-brand-surface-disabled': string\n  '--haus-brand-surface-inverse-hover': string\n  '--haus-brand-ink-primary': string\n  '--haus-brand-ink-secondary': string\n  '--haus-brand-ink-tertiary': string\n  '--haus-brand-ink-disabled': string\n  '--haus-brand-ink-inverse': string\n  '--haus-brand-ink-link': string\n  '--haus-brand-ink-on-primary': string\n  '--haus-brand-border-subtle': string\n  '--haus-brand-border-default': string\n  '--haus-brand-border-strong': string\n  '--haus-brand-border-disabled': string\n  '--haus-brand-border-inverse': string\n  '--haus-brand-border-inverse-hover': string\n  '--haus-brand-primary-default': string\n  '--haus-brand-primary-hover': string\n  '--haus-brand-primary-pressed': string\n  '--haus-brand-primary-subtle': string\n  '--haus-brand-primary-on-subtle': string\n  '--haus-brand-primary-disabled': string\n  '--haus-brand-backdrop': string\n}\n\n/**\n * The optional half: info, success, warning and error.\n *\n * A product whose statuses are not those four semantics omits this tier and\n * inherits haus's from :root, because custom properties inherit and a named\n * brand only overrides what it declares. Optional here, and all-or-nothing per\n * ramp in brand.test.ts, which types cannot express.\n */\nexport interface BrandMapFeedback {\n  '--haus-brand-info-subtle': string\n  '--haus-brand-info-border': string\n  '--haus-brand-info-default': string\n  '--haus-brand-info-on-subtle': string\n  '--haus-brand-info-on-default': string\n  '--haus-brand-info-emphasis': string\n  '--haus-brand-success-subtle': string\n  '--haus-brand-success-border': string\n  '--haus-brand-success-default': string\n  '--haus-brand-success-on-subtle': string\n  '--haus-brand-success-on-default': string\n  '--haus-brand-success-solid': string\n  '--haus-brand-success-emphasis': string\n  '--haus-brand-warning-subtle': string\n  '--haus-brand-warning-border': string\n  '--haus-brand-warning-default': string\n  '--haus-brand-warning-on-subtle': string\n  '--haus-brand-warning-on-default': string\n  '--haus-brand-warning-solid': string\n  '--haus-brand-warning-emphasis': string\n  '--haus-brand-error-subtle': string\n  '--haus-brand-error-border': string\n  '--haus-brand-error-default': string\n  '--haus-brand-error-on-subtle': string\n  '--haus-brand-error-on-default': string\n  '--haus-brand-error-emphasis': string\n}\n\n/**\n * The other optional half: what a product re-decides that is not a colour.\n *\n * Radius, elevation, modal width and typeface, taken from what drift and vault\n * actually changed. Not z-index, opacity, border-width or spacing: nobody\n * re-decides those, and the overrides that looked like it were the literal\n * values of haus's own primitives typed out. All-or-nothing per group, in\n * brand.test.ts.\n */\nexport interface BrandMapForm {\n  '--haus-brand-radius-control': string\n  '--haus-brand-radius-surface': string\n  '--haus-brand-radius-overlay': string\n  '--haus-brand-radius-marker': string\n  '--haus-brand-elevation-raised': string\n  '--haus-brand-elevation-floating': string\n  '--haus-brand-elevation-overlay': string\n  '--haus-brand-modal-width-sm': string\n  '--haus-brand-modal-width-md': string\n  '--haus-brand-modal-width-lg': string\n  '--haus-brand-modal-width-xl': string\n  '--haus-brand-popover-width-sm': string\n  '--haus-brand-popover-width-md': string\n  '--haus-brand-popover-width-lg': string\n  '--haus-brand-popover-width-xl': string\n  '--haus-brand-font-sans': string\n  '--haus-brand-font-mono': string\n}\n\n/** A complete brand: the base tier, and as much of the optional tiers as applies. */\nexport type BrandMap = BrandMapBase & Partial<BrandMapFeedback> & Partial<BrandMapForm>\n\n/** The role names themselves, for anyone generating a brand rather than writing one. */\nexport const brandRoles = [\n  '--haus-brand-surface-default',\n  '--haus-brand-surface-subtle',\n  '--haus-brand-surface-raised',\n  '--haus-brand-surface-overlay',\n  '--haus-brand-surface-sunken',\n  '--haus-brand-surface-inverse',\n  '--haus-brand-surface-disabled',\n  '--haus-brand-surface-inverse-hover',\n  '--haus-brand-ink-primary',\n  '--haus-brand-ink-secondary',\n  '--haus-brand-ink-tertiary',\n  '--haus-brand-ink-disabled',\n  '--haus-brand-ink-inverse',\n  '--haus-brand-ink-link',\n  '--haus-brand-ink-on-primary',\n  '--haus-brand-border-subtle',\n  '--haus-brand-border-default',\n  '--haus-brand-border-strong',\n  '--haus-brand-border-disabled',\n  '--haus-brand-border-inverse',\n  '--haus-brand-border-inverse-hover',\n  '--haus-brand-primary-default',\n  '--haus-brand-primary-hover',\n  '--haus-brand-primary-pressed',\n  '--haus-brand-primary-subtle',\n  '--haus-brand-primary-on-subtle',\n  '--haus-brand-primary-disabled',\n  '--haus-brand-backdrop',\n  '--haus-brand-info-subtle',\n  '--haus-brand-info-border',\n  '--haus-brand-info-default',\n  '--haus-brand-info-on-subtle',\n  '--haus-brand-info-on-default',\n  '--haus-brand-info-emphasis',\n  '--haus-brand-success-subtle',\n  '--haus-brand-success-border',\n  '--haus-brand-success-default',\n  '--haus-brand-success-on-subtle',\n  '--haus-brand-success-on-default',\n  '--haus-brand-success-solid',\n  '--haus-brand-success-emphasis',\n  '--haus-brand-warning-subtle',\n  '--haus-brand-warning-border',\n  '--haus-brand-warning-default',\n  '--haus-brand-warning-on-subtle',\n  '--haus-brand-warning-on-default',\n  '--haus-brand-warning-solid',\n  '--haus-brand-warning-emphasis',\n  '--haus-brand-error-subtle',\n  '--haus-brand-error-border',\n  '--haus-brand-error-default',\n  '--haus-brand-error-on-subtle',\n  '--haus-brand-error-on-default',\n  '--haus-brand-error-emphasis',\n  '--haus-brand-radius-control',\n  '--haus-brand-radius-surface',\n  '--haus-brand-radius-overlay',\n  '--haus-brand-radius-marker',\n  '--haus-brand-elevation-raised',\n  '--haus-brand-elevation-floating',\n  '--haus-brand-elevation-overlay',\n  '--haus-brand-modal-width-sm',\n  '--haus-brand-modal-width-md',\n  '--haus-brand-modal-width-lg',\n  '--haus-brand-modal-width-xl',\n  '--haus-brand-popover-width-sm',\n  '--haus-brand-popover-width-md',\n  '--haus-brand-popover-width-lg',\n  '--haus-brand-popover-width-xl',\n  '--haus-brand-font-sans',\n  '--haus-brand-font-mono',\n] as const\n\n/** The required half. A brand supplying fewer than these renders unstyled. */\nexport const brandRolesBase = [\n  '--haus-brand-surface-default',\n  '--haus-brand-surface-subtle',\n  '--haus-brand-surface-raised',\n  '--haus-brand-surface-overlay',\n  '--haus-brand-surface-sunken',\n  '--haus-brand-surface-inverse',\n  '--haus-brand-surface-disabled',\n  '--haus-brand-surface-inverse-hover',\n  '--haus-brand-ink-primary',\n  '--haus-brand-ink-secondary',\n  '--haus-brand-ink-tertiary',\n  '--haus-brand-ink-disabled',\n  '--haus-brand-ink-inverse',\n  '--haus-brand-ink-link',\n  '--haus-brand-ink-on-primary',\n  '--haus-brand-border-subtle',\n  '--haus-brand-border-default',\n  '--haus-brand-border-strong',\n  '--haus-brand-border-disabled',\n  '--haus-brand-border-inverse',\n  '--haus-brand-border-inverse-hover',\n  '--haus-brand-primary-default',\n  '--haus-brand-primary-hover',\n  '--haus-brand-primary-pressed',\n  '--haus-brand-primary-subtle',\n  '--haus-brand-primary-on-subtle',\n  '--haus-brand-primary-disabled',\n  '--haus-brand-backdrop',\n] as const\n\n/** The optional colour half, grouped by the ramp that has to be complete or absent. */\nexport const brandRolesFeedback = [\n  '--haus-brand-info-subtle',\n  '--haus-brand-info-border',\n  '--haus-brand-info-default',\n  '--haus-brand-info-on-subtle',\n  '--haus-brand-info-on-default',\n  '--haus-brand-info-emphasis',\n  '--haus-brand-success-subtle',\n  '--haus-brand-success-border',\n  '--haus-brand-success-default',\n  '--haus-brand-success-on-subtle',\n  '--haus-brand-success-on-default',\n  '--haus-brand-success-solid',\n  '--haus-brand-success-emphasis',\n  '--haus-brand-warning-subtle',\n  '--haus-brand-warning-border',\n  '--haus-brand-warning-default',\n  '--haus-brand-warning-on-subtle',\n  '--haus-brand-warning-on-default',\n  '--haus-brand-warning-solid',\n  '--haus-brand-warning-emphasis',\n  '--haus-brand-error-subtle',\n  '--haus-brand-error-border',\n  '--haus-brand-error-default',\n  '--haus-brand-error-on-subtle',\n  '--haus-brand-error-on-default',\n  '--haus-brand-error-emphasis',\n] as const\n\n/** The optional non-colour half: radius, elevation, modal width and typeface. */\nexport const brandRolesForm = [\n  '--haus-brand-radius-control',\n  '--haus-brand-radius-surface',\n  '--haus-brand-radius-overlay',\n  '--haus-brand-radius-marker',\n  '--haus-brand-elevation-raised',\n  '--haus-brand-elevation-floating',\n  '--haus-brand-elevation-overlay',\n  '--haus-brand-modal-width-sm',\n  '--haus-brand-modal-width-md',\n  '--haus-brand-modal-width-lg',\n  '--haus-brand-modal-width-xl',\n  '--haus-brand-popover-width-sm',\n  '--haus-brand-popover-width-md',\n  '--haus-brand-popover-width-lg',\n  '--haus-brand-popover-width-xl',\n  '--haus-brand-font-sans',\n  '--haus-brand-font-mono',\n] as const\n","/* ─── haus / tokens ──────────────────────────────────────────────────────────\n   Typed constants for the primitive layer.\n\n   The CSS custom properties are the runtime form; this exists for the places\n   they cannot reach: @media conditions, build config, style-in-JS. Semantic\n   tokens are deliberately absent: their whole job is to be swappable at\n   runtime, which freezing them into a constant would defeat.\n\n   GENERATED FROM src/tokens.json. Do not edit.\n   Regenerate with `npm run tokens`; `npm run tokens:check` fails CI if stale.\n   ─────────────────────────────────────────────────────────────────────────── */\n\nexport const tokens = {\n  color: {\n    aronia: {\n      \"100\": \"oklch(97% 0.012 300)\",\n      \"200\": \"oklch(92% 0.028 300)\",\n      \"300\": \"oklch(84% 0.058 300)\",\n      \"400\": \"oklch(72% 0.100 300)\",\n      \"500\": \"oklch(52% 0.138 300)\",\n      \"600\": \"oklch(43% 0.125 300)\",\n      \"700\": \"oklch(35% 0.105 300)\",\n      \"800\": \"oklch(26% 0.080 300)\",\n      \"850\": \"oklch(22% 0.066 300)\",\n      \"900\": \"oklch(18% 0.052 300)\",\n      \"950\": \"oklch(12% 0.032 300)\",\n    },\n    damson: {\n      \"0\": \"oklch(100% 0 0)\",\n      \"50\": \"oklch(99% 0.003 290)\",\n      \"100\": \"oklch(97% 0.006 290)\",\n      \"200\": \"oklch(93% 0.008 290)\",\n      \"300\": \"oklch(86% 0.010 290)\",\n      \"400\": \"oklch(74% 0.010 290)\",\n      \"500\": \"oklch(60% 0.008 290)\",\n      \"600\": \"oklch(48% 0.007 290)\",\n      \"700\": \"oklch(37% 0.006 290)\",\n      \"800\": \"oklch(27% 0.005 290)\",\n      \"900\": \"oklch(18% 0.003 290)\",\n      \"950\": \"oklch(11% 0.002 290)\",\n    },\n    elderberry: {\n      \"100\": \"oklch(97% 0.020 265)\",\n      \"200\": \"oklch(93% 0.040 265)\",\n      \"500\": \"oklch(55% 0.200 265)\",\n      \"700\": \"oklch(42% 0.160 265)\",\n      \"900\": \"oklch(30% 0.120 265)\",\n    },\n    greengage: {\n      \"100\": \"oklch(97% 0.030 148)\",\n      \"200\": \"oklch(93% 0.055 148)\",\n      \"500\": \"oklch(58% 0.185 148)\",\n      \"700\": \"oklch(45% 0.150 148)\",\n      \"900\": \"oklch(33% 0.110 148)\",\n    },\n    mango: {\n      \"100\": \"oklch(97% 0.025 65)\",\n      \"200\": \"oklch(93% 0.045 65)\",\n      \"500\": \"oklch(60% 0.175 65)\",\n      \"700\": \"oklch(47% 0.142 65)\",\n      \"900\": \"oklch(38% 0.110 65)\",\n    },\n    cherry: {\n      \"100\": \"oklch(97% 0.030 27)\",\n      \"200\": \"oklch(93% 0.055 27)\",\n      \"500\": \"oklch(58% 0.200 27)\",\n      \"700\": \"oklch(44% 0.168 27)\",\n      \"900\": \"oklch(33% 0.110 27)\",\n    },\n  },\n  font: {\n    // family removed with haus#54; it is a brand entry now, not a primitive.\n    size: {\n      \"11\": \"0.6875rem\",\n      \"12\": \"0.75rem\",\n      \"13\": \"0.8125rem\",\n      \"14\": \"0.875rem\",\n      \"16\": \"1rem\",\n      \"20\": \"1.25rem\",\n      \"24\": \"1.5rem\",\n      \"28\": \"1.75rem\",\n      \"30\": \"1.875rem\",\n    },\n    weight: {\n      regular: 400,\n      medium: 500,\n      semibold: 600,\n      bold: 700,\n    },\n    lineHeight: {\n      tight: 1.15,\n      tighter: 1.2,\n      snug: 1.25,\n      compact: 1.3,\n      normal: 1.4,\n      relaxed: 1.5,\n      loose: 1.6,\n    },\n    tracking: {\n      tightest: \"-0.03em\",\n      tighter: \"-0.02em\",\n      tight: \"-0.01em\",\n      normal: \"0em\",\n      wide: \"0.02em\",\n      wider: \"0.04em\",\n      widest: \"0.08em\",\n    },\n  },\n  spacing: {\n    \"1\": \"0.25rem\",\n    \"2\": \"0.5rem\",\n    \"3\": \"0.75rem\",\n    \"4\": \"1rem\",\n    \"5\": \"1.25rem\",\n    \"6\": \"1.5rem\",\n    \"7\": \"1.75rem\",\n    \"8\": \"2rem\",\n    \"10\": \"2.5rem\",\n    \"12\": \"3rem\",\n    \"16\": \"4rem\",\n    \"20\": \"5rem\",\n  },\n  radius: {\n    none: \"0\",\n    sm: \"0.25rem\",\n    md: \"0.5rem\",\n    lg: \"0.75rem\",\n    xl: \"1rem\",\n    \"2xl\": \"1.5rem\",\n    full: \"9999px\",\n  },\n  duration: {\n    instant: \"50ms\",\n    fast: \"100ms\",\n    normal: \"200ms\",\n    moderate: \"300ms\",\n    slow: \"500ms\",\n    reduced: \"0ms\",\n  },\n  easing: {\n    enter: \"cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    exit: \"cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    move: \"cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n    spring: \"cubic-bezier(0.34, 1.56, 0.64, 1.00)\",\n    linear: \"linear\",\n  },\n  motion: {\n    \"fade-in\": \"200ms cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    \"fade-out\": \"100ms cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    \"slide-in\": \"300ms cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    \"slide-out\": \"100ms cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    micro: \"100ms cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n    interactive: \"200ms cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n  },\n  shadow: {\n    none: \"none\",\n    sm: \"0 1px 2px oklch(18% 0.003 290 / 0.06)\",\n    md: \"0 4px 6px -1px oklch(18% 0.003 290 / 0.10), 0 2px 4px -2px oklch(18% 0.003 290 / 0.10)\",\n    lg: \"0 10px 15px -3px oklch(18% 0.003 290 / 0.10), 0 4px 6px -4px oklch(18% 0.003 290 / 0.07)\",\n    xl: \"0 20px 25px -5px oklch(18% 0.003 290 / 0.10), 0 8px 10px -6px oklch(18% 0.003 290 / 0.10)\",\n  },\n  controlHeight: {\n    xs: \"1.5rem\",\n    sm: \"1.75rem\",\n    md: \"2.25rem\",\n    lg: \"2.75rem\",\n  },\n  zIndex: {\n    \"0\": 0,\n    \"10\": 10,\n    \"100\": 100,\n    \"200\": 200,\n    \"300\": 300,\n    \"400\": 400,\n    \"500\": 500,\n    \"600\": 600,\n  },\n  borderWidth: {\n    \"1\": \"1px\",\n    \"2\": \"2px\",\n  },\n  opacity: {\n    \"40\": 0.4,\n    \"60\": 0.6,\n  },\n  iconSize: {\n    xs: \"0.75rem\",\n    sm: \"1rem\",\n    md: \"1.25rem\",\n    lg: \"1.5rem\",\n    xl: \"2rem\",\n  },\n  breakpoint: {\n    sm: \"640px\",\n    md: \"768px\",\n    lg: \"1024px\",\n    xl: \"1280px\",\n    \"2xl\": \"1536px\",\n  },\n} as const\n\nexport type Tokens = typeof tokens\n\n/* The brand map's type and role list, generated from brand.css. Re-exported here\n   so a consumer has one entry point rather than two. */\nexport type { BrandMap, BrandMapBase, BrandMapFeedback, BrandMapForm } from './brand'\nexport { brandRoles, brandRolesBase, brandRolesFeedback, brandRolesForm } from './brand'\n"]}
+{"version":3,"sources":["../src/brand.ts","../src/index.ts"],"names":[],"mappings":"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","file":"index.cjs","sourcesContent":["/* ─── haus / primitives ──────────────────────────────────────────────────────\n   Raw values only. No component or semantic meaning.\n   Nothing outside this file should define raw values.\n   Components must never reference these directly. Use semantics.css.\n\n   GENERATED FROM src/tokens.json. Do not edit.\n   Regenerate with `npm run tokens`; `npm run tokens:check` fails CI if stale.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n/**\n * The entries every brand must supply, generated from brand.css.\n *\n * A brand file is CSS, so this cannot check it directly. What it does check is\n * the object form: build a brand in TypeScript, satisfy this type, and a missing\n * or misspelled role is a compile error rather than an unresolved var() that\n * drops a declaration with no warning at all.\n */\nexport interface BrandMapBase {\n  '--haus-brand-surface-default': string\n  '--haus-brand-surface-subtle': string\n  '--haus-brand-surface-raised': string\n  '--haus-brand-surface-overlay': string\n  '--haus-brand-surface-sunken': string\n  '--haus-brand-surface-inverse': string\n  '--haus-brand-surface-disabled': string\n  '--haus-brand-surface-inverse-hover': string\n  '--haus-brand-ink-primary': string\n  '--haus-brand-ink-secondary': string\n  '--haus-brand-ink-tertiary': string\n  '--haus-brand-ink-disabled': string\n  '--haus-brand-ink-inverse': string\n  '--haus-brand-ink-link': string\n  '--haus-brand-ink-on-primary': string\n  '--haus-brand-border-subtle': string\n  '--haus-brand-border-default': string\n  '--haus-brand-border-strong': string\n  '--haus-brand-border-disabled': string\n  '--haus-brand-border-inverse': string\n  '--haus-brand-border-inverse-hover': string\n  '--haus-brand-primary-default': string\n  '--haus-brand-primary-hover': string\n  '--haus-brand-primary-pressed': string\n  '--haus-brand-primary-subtle': string\n  '--haus-brand-primary-on-subtle': string\n  '--haus-brand-primary-disabled': string\n  '--haus-brand-backdrop': string\n}\n\n/**\n * The optional half: info, success, warning and error.\n *\n * A product whose statuses are not those four semantics omits this tier and\n * inherits haus's from :root, because custom properties inherit and a named\n * brand only overrides what it declares. Optional here, and all-or-nothing per\n * ramp in brand.test.ts, which types cannot express.\n */\nexport interface BrandMapFeedback {\n  '--haus-brand-info-subtle': string\n  '--haus-brand-info-border': string\n  '--haus-brand-info-default': string\n  '--haus-brand-info-on-subtle': string\n  '--haus-brand-info-on-default': string\n  '--haus-brand-info-emphasis': string\n  '--haus-brand-success-subtle': string\n  '--haus-brand-success-border': string\n  '--haus-brand-success-default': string\n  '--haus-brand-success-on-subtle': string\n  '--haus-brand-success-on-default': string\n  '--haus-brand-success-solid': string\n  '--haus-brand-success-emphasis': string\n  '--haus-brand-warning-subtle': string\n  '--haus-brand-warning-border': string\n  '--haus-brand-warning-default': string\n  '--haus-brand-warning-on-subtle': string\n  '--haus-brand-warning-on-default': string\n  '--haus-brand-warning-solid': string\n  '--haus-brand-warning-emphasis': string\n  '--haus-brand-error-subtle': string\n  '--haus-brand-error-border': string\n  '--haus-brand-error-default': string\n  '--haus-brand-error-on-subtle': string\n  '--haus-brand-error-on-default': string\n  '--haus-brand-error-emphasis': string\n}\n\n/**\n * The other optional half: what a product re-decides that is not a colour.\n *\n * Radius, elevation, modal width and typeface, taken from what drift and vault\n * actually changed. Not z-index, opacity, border-width or spacing: nobody\n * re-decides those, and the overrides that looked like it were the literal\n * values of haus's own primitives typed out. All-or-nothing per group, in\n * brand.test.ts.\n */\nexport interface BrandMapForm {\n  '--haus-brand-radius-control': string\n  '--haus-brand-radius-surface': string\n  '--haus-brand-radius-overlay': string\n  '--haus-brand-radius-marker': string\n  '--haus-brand-elevation-raised': string\n  '--haus-brand-elevation-floating': string\n  '--haus-brand-elevation-overlay': string\n  '--haus-brand-modal-width-sm': string\n  '--haus-brand-modal-width-md': string\n  '--haus-brand-modal-width-lg': string\n  '--haus-brand-modal-width-xl': string\n  '--haus-brand-popover-width-sm': string\n  '--haus-brand-popover-width-md': string\n  '--haus-brand-popover-width-lg': string\n  '--haus-brand-popover-width-xl': string\n  '--haus-brand-font-sans': string\n  '--haus-brand-font-mono': string\n}\n\n/** A complete brand: the base tier, and as much of the optional tiers as applies. */\nexport type BrandMap = BrandMapBase & Partial<BrandMapFeedback> & Partial<BrandMapForm>\n\n/** The role names themselves, for anyone generating a brand rather than writing one. */\nexport const brandRoles = [\n  '--haus-brand-surface-default',\n  '--haus-brand-surface-subtle',\n  '--haus-brand-surface-raised',\n  '--haus-brand-surface-overlay',\n  '--haus-brand-surface-sunken',\n  '--haus-brand-surface-inverse',\n  '--haus-brand-surface-disabled',\n  '--haus-brand-surface-inverse-hover',\n  '--haus-brand-ink-primary',\n  '--haus-brand-ink-secondary',\n  '--haus-brand-ink-tertiary',\n  '--haus-brand-ink-disabled',\n  '--haus-brand-ink-inverse',\n  '--haus-brand-ink-link',\n  '--haus-brand-ink-on-primary',\n  '--haus-brand-border-subtle',\n  '--haus-brand-border-default',\n  '--haus-brand-border-strong',\n  '--haus-brand-border-disabled',\n  '--haus-brand-border-inverse',\n  '--haus-brand-border-inverse-hover',\n  '--haus-brand-primary-default',\n  '--haus-brand-primary-hover',\n  '--haus-brand-primary-pressed',\n  '--haus-brand-primary-subtle',\n  '--haus-brand-primary-on-subtle',\n  '--haus-brand-primary-disabled',\n  '--haus-brand-backdrop',\n  '--haus-brand-info-subtle',\n  '--haus-brand-info-border',\n  '--haus-brand-info-default',\n  '--haus-brand-info-on-subtle',\n  '--haus-brand-info-on-default',\n  '--haus-brand-info-emphasis',\n  '--haus-brand-success-subtle',\n  '--haus-brand-success-border',\n  '--haus-brand-success-default',\n  '--haus-brand-success-on-subtle',\n  '--haus-brand-success-on-default',\n  '--haus-brand-success-solid',\n  '--haus-brand-success-emphasis',\n  '--haus-brand-warning-subtle',\n  '--haus-brand-warning-border',\n  '--haus-brand-warning-default',\n  '--haus-brand-warning-on-subtle',\n  '--haus-brand-warning-on-default',\n  '--haus-brand-warning-solid',\n  '--haus-brand-warning-emphasis',\n  '--haus-brand-error-subtle',\n  '--haus-brand-error-border',\n  '--haus-brand-error-default',\n  '--haus-brand-error-on-subtle',\n  '--haus-brand-error-on-default',\n  '--haus-brand-error-emphasis',\n  '--haus-brand-radius-control',\n  '--haus-brand-radius-surface',\n  '--haus-brand-radius-overlay',\n  '--haus-brand-radius-marker',\n  '--haus-brand-elevation-raised',\n  '--haus-brand-elevation-floating',\n  '--haus-brand-elevation-overlay',\n  '--haus-brand-modal-width-sm',\n  '--haus-brand-modal-width-md',\n  '--haus-brand-modal-width-lg',\n  '--haus-brand-modal-width-xl',\n  '--haus-brand-popover-width-sm',\n  '--haus-brand-popover-width-md',\n  '--haus-brand-popover-width-lg',\n  '--haus-brand-popover-width-xl',\n  '--haus-brand-font-sans',\n  '--haus-brand-font-mono',\n] as const\n\n/** The required half. A brand supplying fewer than these renders unstyled. */\nexport const brandRolesBase = [\n  '--haus-brand-surface-default',\n  '--haus-brand-surface-subtle',\n  '--haus-brand-surface-raised',\n  '--haus-brand-surface-overlay',\n  '--haus-brand-surface-sunken',\n  '--haus-brand-surface-inverse',\n  '--haus-brand-surface-disabled',\n  '--haus-brand-surface-inverse-hover',\n  '--haus-brand-ink-primary',\n  '--haus-brand-ink-secondary',\n  '--haus-brand-ink-tertiary',\n  '--haus-brand-ink-disabled',\n  '--haus-brand-ink-inverse',\n  '--haus-brand-ink-link',\n  '--haus-brand-ink-on-primary',\n  '--haus-brand-border-subtle',\n  '--haus-brand-border-default',\n  '--haus-brand-border-strong',\n  '--haus-brand-border-disabled',\n  '--haus-brand-border-inverse',\n  '--haus-brand-border-inverse-hover',\n  '--haus-brand-primary-default',\n  '--haus-brand-primary-hover',\n  '--haus-brand-primary-pressed',\n  '--haus-brand-primary-subtle',\n  '--haus-brand-primary-on-subtle',\n  '--haus-brand-primary-disabled',\n  '--haus-brand-backdrop',\n] as const\n\n/** The optional colour half, grouped by the ramp that has to be complete or absent. */\nexport const brandRolesFeedback = [\n  '--haus-brand-info-subtle',\n  '--haus-brand-info-border',\n  '--haus-brand-info-default',\n  '--haus-brand-info-on-subtle',\n  '--haus-brand-info-on-default',\n  '--haus-brand-info-emphasis',\n  '--haus-brand-success-subtle',\n  '--haus-brand-success-border',\n  '--haus-brand-success-default',\n  '--haus-brand-success-on-subtle',\n  '--haus-brand-success-on-default',\n  '--haus-brand-success-solid',\n  '--haus-brand-success-emphasis',\n  '--haus-brand-warning-subtle',\n  '--haus-brand-warning-border',\n  '--haus-brand-warning-default',\n  '--haus-brand-warning-on-subtle',\n  '--haus-brand-warning-on-default',\n  '--haus-brand-warning-solid',\n  '--haus-brand-warning-emphasis',\n  '--haus-brand-error-subtle',\n  '--haus-brand-error-border',\n  '--haus-brand-error-default',\n  '--haus-brand-error-on-subtle',\n  '--haus-brand-error-on-default',\n  '--haus-brand-error-emphasis',\n] as const\n\n/** The optional non-colour half: radius, elevation, modal width and typeface. */\nexport const brandRolesForm = [\n  '--haus-brand-radius-control',\n  '--haus-brand-radius-surface',\n  '--haus-brand-radius-overlay',\n  '--haus-brand-radius-marker',\n  '--haus-brand-elevation-raised',\n  '--haus-brand-elevation-floating',\n  '--haus-brand-elevation-overlay',\n  '--haus-brand-modal-width-sm',\n  '--haus-brand-modal-width-md',\n  '--haus-brand-modal-width-lg',\n  '--haus-brand-modal-width-xl',\n  '--haus-brand-popover-width-sm',\n  '--haus-brand-popover-width-md',\n  '--haus-brand-popover-width-lg',\n  '--haus-brand-popover-width-xl',\n  '--haus-brand-font-sans',\n  '--haus-brand-font-mono',\n] as const\n","/* ─── haus / tokens ──────────────────────────────────────────────────────────\n   Typed constants for the primitive layer.\n\n   The CSS custom properties are the runtime form; this exists for the places\n   they cannot reach: @media conditions, build config, style-in-JS. Semantic\n   tokens are deliberately absent: their whole job is to be swappable at\n   runtime, which freezing them into a constant would defeat.\n\n   GENERATED FROM src/tokens.json. Do not edit.\n   Regenerate with `npm run tokens`; `npm run tokens:check` fails CI if stale.\n   ─────────────────────────────────────────────────────────────────────────── */\n\nexport const tokens = {\n  color: {\n    aronia: {\n      \"100\": \"oklch(97% 0.012 300)\",\n      \"200\": \"oklch(92% 0.028 300)\",\n      \"300\": \"oklch(84% 0.058 300)\",\n      \"400\": \"oklch(72% 0.100 300)\",\n      \"500\": \"oklch(52% 0.138 300)\",\n      \"600\": \"oklch(43% 0.125 300)\",\n      \"700\": \"oklch(35% 0.105 300)\",\n      \"800\": \"oklch(26% 0.080 300)\",\n      \"850\": \"oklch(22% 0.066 300)\",\n      \"900\": \"oklch(18% 0.052 300)\",\n      \"950\": \"oklch(12% 0.032 300)\",\n    },\n    damson: {\n      \"0\": \"oklch(100% 0 0)\",\n      \"50\": \"oklch(99% 0.003 290)\",\n      \"100\": \"oklch(97% 0.006 290)\",\n      \"200\": \"oklch(93% 0.008 290)\",\n      \"300\": \"oklch(86% 0.010 290)\",\n      \"400\": \"oklch(74% 0.010 290)\",\n      \"500\": \"oklch(60% 0.008 290)\",\n      \"600\": \"oklch(48% 0.007 290)\",\n      \"700\": \"oklch(37% 0.006 290)\",\n      \"800\": \"oklch(27% 0.005 290)\",\n      \"900\": \"oklch(18% 0.003 290)\",\n      \"950\": \"oklch(11% 0.002 290)\",\n    },\n    elderberry: {\n      \"100\": \"oklch(97% 0.020 265)\",\n      \"200\": \"oklch(93% 0.040 265)\",\n      \"500\": \"oklch(55% 0.200 265)\",\n      \"700\": \"oklch(42% 0.160 265)\",\n      \"900\": \"oklch(30% 0.120 265)\",\n    },\n    greengage: {\n      \"100\": \"oklch(97% 0.030 148)\",\n      \"200\": \"oklch(93% 0.055 148)\",\n      \"500\": \"oklch(58% 0.185 148)\",\n      \"700\": \"oklch(45% 0.150 148)\",\n      \"900\": \"oklch(33% 0.110 148)\",\n    },\n    mango: {\n      \"100\": \"oklch(97% 0.025 65)\",\n      \"200\": \"oklch(93% 0.045 65)\",\n      \"500\": \"oklch(60% 0.175 65)\",\n      \"700\": \"oklch(47% 0.142 65)\",\n      \"900\": \"oklch(38% 0.110 65)\",\n    },\n    cherry: {\n      \"100\": \"oklch(97% 0.030 27)\",\n      \"200\": \"oklch(93% 0.055 27)\",\n      \"500\": \"oklch(58% 0.200 27)\",\n      \"700\": \"oklch(44% 0.168 27)\",\n      \"900\": \"oklch(33% 0.110 27)\",\n    },\n  },\n  font: {\n    // family removed with haus#54; it is a brand entry now, not a primitive.\n    size: {\n      \"11\": \"0.6875rem\",\n      \"12\": \"0.75rem\",\n      \"13\": \"0.8125rem\",\n      \"14\": \"0.875rem\",\n      \"16\": \"1rem\",\n      \"20\": \"1.25rem\",\n      \"24\": \"1.5rem\",\n      \"28\": \"1.75rem\",\n      \"30\": \"1.875rem\",\n    },\n    weight: {\n      regular: 400,\n      medium: 500,\n      semibold: 600,\n      bold: 700,\n    },\n    lineHeight: {\n      tight: 1.15,\n      tighter: 1.2,\n      snug: 1.25,\n      compact: 1.3,\n      normal: 1.4,\n      relaxed: 1.5,\n      loose: 1.6,\n    },\n    tracking: {\n      tightest: \"-0.03em\",\n      tighter: \"-0.02em\",\n      tight: \"-0.01em\",\n      normal: \"0em\",\n      wide: \"0.02em\",\n      wider: \"0.04em\",\n      widest: \"0.08em\",\n    },\n  },\n  spacing: {\n    \"1\": \"0.25rem\",\n    \"2\": \"0.5rem\",\n    \"3\": \"0.75rem\",\n    \"4\": \"1rem\",\n    \"5\": \"1.25rem\",\n    \"6\": \"1.5rem\",\n    \"7\": \"1.75rem\",\n    \"8\": \"2rem\",\n    \"10\": \"2.5rem\",\n    \"12\": \"3rem\",\n    \"16\": \"4rem\",\n    \"20\": \"5rem\",\n    px: \"1px\",\n    \"0-5\": \"0.125rem\",\n  },\n  radius: {\n    none: \"0\",\n    sm: \"0.25rem\",\n    md: \"0.5rem\",\n    lg: \"0.75rem\",\n    xl: \"1rem\",\n    \"2xl\": \"1.5rem\",\n    full: \"9999px\",\n  },\n  duration: {\n    instant: \"50ms\",\n    fast: \"100ms\",\n    normal: \"200ms\",\n    moderate: \"300ms\",\n    slow: \"500ms\",\n    reduced: \"0ms\",\n  },\n  easing: {\n    enter: \"cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    exit: \"cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    move: \"cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n    spring: \"cubic-bezier(0.34, 1.56, 0.64, 1.00)\",\n    linear: \"linear\",\n  },\n  motion: {\n    \"fade-in\": \"200ms cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    \"fade-out\": \"100ms cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    \"slide-in\": \"300ms cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    \"slide-out\": \"100ms cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    micro: \"100ms cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n    interactive: \"200ms cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n  },\n  shadow: {\n    none: \"none\",\n    sm: \"0 1px 2px oklch(18% 0.003 290 / 0.06)\",\n    md: \"0 4px 6px -1px oklch(18% 0.003 290 / 0.10), 0 2px 4px -2px oklch(18% 0.003 290 / 0.10)\",\n    lg: \"0 10px 15px -3px oklch(18% 0.003 290 / 0.10), 0 4px 6px -4px oklch(18% 0.003 290 / 0.07)\",\n    xl: \"0 20px 25px -5px oklch(18% 0.003 290 / 0.10), 0 8px 10px -6px oklch(18% 0.003 290 / 0.10)\",\n  },\n  controlHeight: {\n    xs: \"1.5rem\",\n    sm: \"1.75rem\",\n    md: \"2.25rem\",\n    lg: \"2.75rem\",\n  },\n  zIndex: {\n    \"0\": 0,\n    \"10\": 10,\n    \"100\": 100,\n    \"200\": 200,\n    \"300\": 300,\n    \"400\": 400,\n    \"500\": 500,\n    \"600\": 600,\n  },\n  borderWidth: {\n    \"1\": \"1px\",\n    \"2\": \"2px\",\n  },\n  opacity: {\n    \"40\": 0.4,\n    \"60\": 0.6,\n  },\n  iconSize: {\n    xs: \"0.75rem\",\n    sm: \"1rem\",\n    md: \"1.25rem\",\n    lg: \"1.5rem\",\n    xl: \"2rem\",\n  },\n  breakpoint: {\n    sm: \"640px\",\n    md: \"768px\",\n    lg: \"1024px\",\n    xl: \"1280px\",\n    \"2xl\": \"1536px\",\n  },\n} as const\n\nexport type Tokens = typeof tokens\n\n/* The brand map's type and role list, generated from brand.css. Re-exported here\n   so a consumer has one entry point rather than two. */\nexport type { BrandMap, BrandMapBase, BrandMapFeedback, BrandMapForm } from './brand'\nexport { brandRoles, brandRolesBase, brandRolesFeedback, brandRolesForm } from './brand'\n"]}

package/dist/index.d.cts

@@ -219,6 +219,8 @@ declare const tokens: {
         readonly "12": "3rem";
         readonly "16": "4rem";
         readonly "20": "5rem";
+        readonly px: "1px";
+        readonly "0-5": "0.125rem";
     };
     readonly radius: {
         readonly none: "0";

package/dist/index.d.ts

@@ -219,6 +219,8 @@ declare const tokens: {
         readonly "12": "3rem";
         readonly "16": "4rem";
         readonly "20": "5rem";
+        readonly px: "1px";
+        readonly "0-5": "0.125rem";
     };
     readonly radius: {
         readonly none: "0";

package/dist/index.js

@@ -259,7 +259,9 @@ var tokens = {
     "10": "2.5rem",
     "12": "3rem",
     "16": "4rem",
-    "20": "5rem"
+    "20": "5rem",
+    px: "1px",
+    "0-5": "0.125rem"
   },
   radius: {
     none: "0",

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/brand.ts","../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/* ─── haus / primitives ──────────────────────────────────────────────────────\n   Raw values only. No component or semantic meaning.\n   Nothing outside this file should define raw values.\n   Components must never reference these directly. Use semantics.css.\n\n   GENERATED FROM src/tokens.json. Do not edit.\n   Regenerate with `npm run tokens`; `npm run tokens:check` fails CI if stale.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n/**\n * The entries every brand must supply, generated from brand.css.\n *\n * A brand file is CSS, so this cannot check it directly. What it does check is\n * the object form: build a brand in TypeScript, satisfy this type, and a missing\n * or misspelled role is a compile error rather than an unresolved var() that\n * drops a declaration with no warning at all.\n */\nexport interface BrandMapBase {\n  '--haus-brand-surface-default': string\n  '--haus-brand-surface-subtle': string\n  '--haus-brand-surface-raised': string\n  '--haus-brand-surface-overlay': string\n  '--haus-brand-surface-sunken': string\n  '--haus-brand-surface-inverse': string\n  '--haus-brand-surface-disabled': string\n  '--haus-brand-surface-inverse-hover': string\n  '--haus-brand-ink-primary': string\n  '--haus-brand-ink-secondary': string\n  '--haus-brand-ink-tertiary': string\n  '--haus-brand-ink-disabled': string\n  '--haus-brand-ink-inverse': string\n  '--haus-brand-ink-link': string\n  '--haus-brand-ink-on-primary': string\n  '--haus-brand-border-subtle': string\n  '--haus-brand-border-default': string\n  '--haus-brand-border-strong': string\n  '--haus-brand-border-disabled': string\n  '--haus-brand-border-inverse': string\n  '--haus-brand-border-inverse-hover': string\n  '--haus-brand-primary-default': string\n  '--haus-brand-primary-hover': string\n  '--haus-brand-primary-pressed': string\n  '--haus-brand-primary-subtle': string\n  '--haus-brand-primary-on-subtle': string\n  '--haus-brand-primary-disabled': string\n  '--haus-brand-backdrop': string\n}\n\n/**\n * The optional half: info, success, warning and error.\n *\n * A product whose statuses are not those four semantics omits this tier and\n * inherits haus's from :root, because custom properties inherit and a named\n * brand only overrides what it declares. Optional here, and all-or-nothing per\n * ramp in brand.test.ts, which types cannot express.\n */\nexport interface BrandMapFeedback {\n  '--haus-brand-info-subtle': string\n  '--haus-brand-info-border': string\n  '--haus-brand-info-default': string\n  '--haus-brand-info-on-subtle': string\n  '--haus-brand-info-on-default': string\n  '--haus-brand-info-emphasis': string\n  '--haus-brand-success-subtle': string\n  '--haus-brand-success-border': string\n  '--haus-brand-success-default': string\n  '--haus-brand-success-on-subtle': string\n  '--haus-brand-success-on-default': string\n  '--haus-brand-success-solid': string\n  '--haus-brand-success-emphasis': string\n  '--haus-brand-warning-subtle': string\n  '--haus-brand-warning-border': string\n  '--haus-brand-warning-default': string\n  '--haus-brand-warning-on-subtle': string\n  '--haus-brand-warning-on-default': string\n  '--haus-brand-warning-solid': string\n  '--haus-brand-warning-emphasis': string\n  '--haus-brand-error-subtle': string\n  '--haus-brand-error-border': string\n  '--haus-brand-error-default': string\n  '--haus-brand-error-on-subtle': string\n  '--haus-brand-error-on-default': string\n  '--haus-brand-error-emphasis': string\n}\n\n/**\n * The other optional half: what a product re-decides that is not a colour.\n *\n * Radius, elevation, modal width and typeface, taken from what drift and vault\n * actually changed. Not z-index, opacity, border-width or spacing: nobody\n * re-decides those, and the overrides that looked like it were the literal\n * values of haus's own primitives typed out. All-or-nothing per group, in\n * brand.test.ts.\n */\nexport interface BrandMapForm {\n  '--haus-brand-radius-control': string\n  '--haus-brand-radius-surface': string\n  '--haus-brand-radius-overlay': string\n  '--haus-brand-radius-marker': string\n  '--haus-brand-elevation-raised': string\n  '--haus-brand-elevation-floating': string\n  '--haus-brand-elevation-overlay': string\n  '--haus-brand-modal-width-sm': string\n  '--haus-brand-modal-width-md': string\n  '--haus-brand-modal-width-lg': string\n  '--haus-brand-modal-width-xl': string\n  '--haus-brand-popover-width-sm': string\n  '--haus-brand-popover-width-md': string\n  '--haus-brand-popover-width-lg': string\n  '--haus-brand-popover-width-xl': string\n  '--haus-brand-font-sans': string\n  '--haus-brand-font-mono': string\n}\n\n/** A complete brand: the base tier, and as much of the optional tiers as applies. */\nexport type BrandMap = BrandMapBase & Partial<BrandMapFeedback> & Partial<BrandMapForm>\n\n/** The role names themselves, for anyone generating a brand rather than writing one. */\nexport const brandRoles = [\n  '--haus-brand-surface-default',\n  '--haus-brand-surface-subtle',\n  '--haus-brand-surface-raised',\n  '--haus-brand-surface-overlay',\n  '--haus-brand-surface-sunken',\n  '--haus-brand-surface-inverse',\n  '--haus-brand-surface-disabled',\n  '--haus-brand-surface-inverse-hover',\n  '--haus-brand-ink-primary',\n  '--haus-brand-ink-secondary',\n  '--haus-brand-ink-tertiary',\n  '--haus-brand-ink-disabled',\n  '--haus-brand-ink-inverse',\n  '--haus-brand-ink-link',\n  '--haus-brand-ink-on-primary',\n  '--haus-brand-border-subtle',\n  '--haus-brand-border-default',\n  '--haus-brand-border-strong',\n  '--haus-brand-border-disabled',\n  '--haus-brand-border-inverse',\n  '--haus-brand-border-inverse-hover',\n  '--haus-brand-primary-default',\n  '--haus-brand-primary-hover',\n  '--haus-brand-primary-pressed',\n  '--haus-brand-primary-subtle',\n  '--haus-brand-primary-on-subtle',\n  '--haus-brand-primary-disabled',\n  '--haus-brand-backdrop',\n  '--haus-brand-info-subtle',\n  '--haus-brand-info-border',\n  '--haus-brand-info-default',\n  '--haus-brand-info-on-subtle',\n  '--haus-brand-info-on-default',\n  '--haus-brand-info-emphasis',\n  '--haus-brand-success-subtle',\n  '--haus-brand-success-border',\n  '--haus-brand-success-default',\n  '--haus-brand-success-on-subtle',\n  '--haus-brand-success-on-default',\n  '--haus-brand-success-solid',\n  '--haus-brand-success-emphasis',\n  '--haus-brand-warning-subtle',\n  '--haus-brand-warning-border',\n  '--haus-brand-warning-default',\n  '--haus-brand-warning-on-subtle',\n  '--haus-brand-warning-on-default',\n  '--haus-brand-warning-solid',\n  '--haus-brand-warning-emphasis',\n  '--haus-brand-error-subtle',\n  '--haus-brand-error-border',\n  '--haus-brand-error-default',\n  '--haus-brand-error-on-subtle',\n  '--haus-brand-error-on-default',\n  '--haus-brand-error-emphasis',\n  '--haus-brand-radius-control',\n  '--haus-brand-radius-surface',\n  '--haus-brand-radius-overlay',\n  '--haus-brand-radius-marker',\n  '--haus-brand-elevation-raised',\n  '--haus-brand-elevation-floating',\n  '--haus-brand-elevation-overlay',\n  '--haus-brand-modal-width-sm',\n  '--haus-brand-modal-width-md',\n  '--haus-brand-modal-width-lg',\n  '--haus-brand-modal-width-xl',\n  '--haus-brand-popover-width-sm',\n  '--haus-brand-popover-width-md',\n  '--haus-brand-popover-width-lg',\n  '--haus-brand-popover-width-xl',\n  '--haus-brand-font-sans',\n  '--haus-brand-font-mono',\n] as const\n\n/** The required half. A brand supplying fewer than these renders unstyled. */\nexport const brandRolesBase = [\n  '--haus-brand-surface-default',\n  '--haus-brand-surface-subtle',\n  '--haus-brand-surface-raised',\n  '--haus-brand-surface-overlay',\n  '--haus-brand-surface-sunken',\n  '--haus-brand-surface-inverse',\n  '--haus-brand-surface-disabled',\n  '--haus-brand-surface-inverse-hover',\n  '--haus-brand-ink-primary',\n  '--haus-brand-ink-secondary',\n  '--haus-brand-ink-tertiary',\n  '--haus-brand-ink-disabled',\n  '--haus-brand-ink-inverse',\n  '--haus-brand-ink-link',\n  '--haus-brand-ink-on-primary',\n  '--haus-brand-border-subtle',\n  '--haus-brand-border-default',\n  '--haus-brand-border-strong',\n  '--haus-brand-border-disabled',\n  '--haus-brand-border-inverse',\n  '--haus-brand-border-inverse-hover',\n  '--haus-brand-primary-default',\n  '--haus-brand-primary-hover',\n  '--haus-brand-primary-pressed',\n  '--haus-brand-primary-subtle',\n  '--haus-brand-primary-on-subtle',\n  '--haus-brand-primary-disabled',\n  '--haus-brand-backdrop',\n] as const\n\n/** The optional colour half, grouped by the ramp that has to be complete or absent. */\nexport const brandRolesFeedback = [\n  '--haus-brand-info-subtle',\n  '--haus-brand-info-border',\n  '--haus-brand-info-default',\n  '--haus-brand-info-on-subtle',\n  '--haus-brand-info-on-default',\n  '--haus-brand-info-emphasis',\n  '--haus-brand-success-subtle',\n  '--haus-brand-success-border',\n  '--haus-brand-success-default',\n  '--haus-brand-success-on-subtle',\n  '--haus-brand-success-on-default',\n  '--haus-brand-success-solid',\n  '--haus-brand-success-emphasis',\n  '--haus-brand-warning-subtle',\n  '--haus-brand-warning-border',\n  '--haus-brand-warning-default',\n  '--haus-brand-warning-on-subtle',\n  '--haus-brand-warning-on-default',\n  '--haus-brand-warning-solid',\n  '--haus-brand-warning-emphasis',\n  '--haus-brand-error-subtle',\n  '--haus-brand-error-border',\n  '--haus-brand-error-default',\n  '--haus-brand-error-on-subtle',\n  '--haus-brand-error-on-default',\n  '--haus-brand-error-emphasis',\n] as const\n\n/** The optional non-colour half: radius, elevation, modal width and typeface. */\nexport const brandRolesForm = [\n  '--haus-brand-radius-control',\n  '--haus-brand-radius-surface',\n  '--haus-brand-radius-overlay',\n  '--haus-brand-radius-marker',\n  '--haus-brand-elevation-raised',\n  '--haus-brand-elevation-floating',\n  '--haus-brand-elevation-overlay',\n  '--haus-brand-modal-width-sm',\n  '--haus-brand-modal-width-md',\n  '--haus-brand-modal-width-lg',\n  '--haus-brand-modal-width-xl',\n  '--haus-brand-popover-width-sm',\n  '--haus-brand-popover-width-md',\n  '--haus-brand-popover-width-lg',\n  '--haus-brand-popover-width-xl',\n  '--haus-brand-font-sans',\n  '--haus-brand-font-mono',\n] as const\n","/* ─── haus / tokens ──────────────────────────────────────────────────────────\n   Typed constants for the primitive layer.\n\n   The CSS custom properties are the runtime form; this exists for the places\n   they cannot reach: @media conditions, build config, style-in-JS. Semantic\n   tokens are deliberately absent: their whole job is to be swappable at\n   runtime, which freezing them into a constant would defeat.\n\n   GENERATED FROM src/tokens.json. Do not edit.\n   Regenerate with `npm run tokens`; `npm run tokens:check` fails CI if stale.\n   ─────────────────────────────────────────────────────────────────────────── */\n\nexport const tokens = {\n  color: {\n    aronia: {\n      \"100\": \"oklch(97% 0.012 300)\",\n      \"200\": \"oklch(92% 0.028 300)\",\n      \"300\": \"oklch(84% 0.058 300)\",\n      \"400\": \"oklch(72% 0.100 300)\",\n      \"500\": \"oklch(52% 0.138 300)\",\n      \"600\": \"oklch(43% 0.125 300)\",\n      \"700\": \"oklch(35% 0.105 300)\",\n      \"800\": \"oklch(26% 0.080 300)\",\n      \"850\": \"oklch(22% 0.066 300)\",\n      \"900\": \"oklch(18% 0.052 300)\",\n      \"950\": \"oklch(12% 0.032 300)\",\n    },\n    damson: {\n      \"0\": \"oklch(100% 0 0)\",\n      \"50\": \"oklch(99% 0.003 290)\",\n      \"100\": \"oklch(97% 0.006 290)\",\n      \"200\": \"oklch(93% 0.008 290)\",\n      \"300\": \"oklch(86% 0.010 290)\",\n      \"400\": \"oklch(74% 0.010 290)\",\n      \"500\": \"oklch(60% 0.008 290)\",\n      \"600\": \"oklch(48% 0.007 290)\",\n      \"700\": \"oklch(37% 0.006 290)\",\n      \"800\": \"oklch(27% 0.005 290)\",\n      \"900\": \"oklch(18% 0.003 290)\",\n      \"950\": \"oklch(11% 0.002 290)\",\n    },\n    elderberry: {\n      \"100\": \"oklch(97% 0.020 265)\",\n      \"200\": \"oklch(93% 0.040 265)\",\n      \"500\": \"oklch(55% 0.200 265)\",\n      \"700\": \"oklch(42% 0.160 265)\",\n      \"900\": \"oklch(30% 0.120 265)\",\n    },\n    greengage: {\n      \"100\": \"oklch(97% 0.030 148)\",\n      \"200\": \"oklch(93% 0.055 148)\",\n      \"500\": \"oklch(58% 0.185 148)\",\n      \"700\": \"oklch(45% 0.150 148)\",\n      \"900\": \"oklch(33% 0.110 148)\",\n    },\n    mango: {\n      \"100\": \"oklch(97% 0.025 65)\",\n      \"200\": \"oklch(93% 0.045 65)\",\n      \"500\": \"oklch(60% 0.175 65)\",\n      \"700\": \"oklch(47% 0.142 65)\",\n      \"900\": \"oklch(38% 0.110 65)\",\n    },\n    cherry: {\n      \"100\": \"oklch(97% 0.030 27)\",\n      \"200\": \"oklch(93% 0.055 27)\",\n      \"500\": \"oklch(58% 0.200 27)\",\n      \"700\": \"oklch(44% 0.168 27)\",\n      \"900\": \"oklch(33% 0.110 27)\",\n    },\n  },\n  font: {\n    // family removed with haus#54; it is a brand entry now, not a primitive.\n    size: {\n      \"11\": \"0.6875rem\",\n      \"12\": \"0.75rem\",\n      \"13\": \"0.8125rem\",\n      \"14\": \"0.875rem\",\n      \"16\": \"1rem\",\n      \"20\": \"1.25rem\",\n      \"24\": \"1.5rem\",\n      \"28\": \"1.75rem\",\n      \"30\": \"1.875rem\",\n    },\n    weight: {\n      regular: 400,\n      medium: 500,\n      semibold: 600,\n      bold: 700,\n    },\n    lineHeight: {\n      tight: 1.15,\n      tighter: 1.2,\n      snug: 1.25,\n      compact: 1.3,\n      normal: 1.4,\n      relaxed: 1.5,\n      loose: 1.6,\n    },\n    tracking: {\n      tightest: \"-0.03em\",\n      tighter: \"-0.02em\",\n      tight: \"-0.01em\",\n      normal: \"0em\",\n      wide: \"0.02em\",\n      wider: \"0.04em\",\n      widest: \"0.08em\",\n    },\n  },\n  spacing: {\n    \"1\": \"0.25rem\",\n    \"2\": \"0.5rem\",\n    \"3\": \"0.75rem\",\n    \"4\": \"1rem\",\n    \"5\": \"1.25rem\",\n    \"6\": \"1.5rem\",\n    \"7\": \"1.75rem\",\n    \"8\": \"2rem\",\n    \"10\": \"2.5rem\",\n    \"12\": \"3rem\",\n    \"16\": \"4rem\",\n    \"20\": \"5rem\",\n  },\n  radius: {\n    none: \"0\",\n    sm: \"0.25rem\",\n    md: \"0.5rem\",\n    lg: \"0.75rem\",\n    xl: \"1rem\",\n    \"2xl\": \"1.5rem\",\n    full: \"9999px\",\n  },\n  duration: {\n    instant: \"50ms\",\n    fast: \"100ms\",\n    normal: \"200ms\",\n    moderate: \"300ms\",\n    slow: \"500ms\",\n    reduced: \"0ms\",\n  },\n  easing: {\n    enter: \"cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    exit: \"cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    move: \"cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n    spring: \"cubic-bezier(0.34, 1.56, 0.64, 1.00)\",\n    linear: \"linear\",\n  },\n  motion: {\n    \"fade-in\": \"200ms cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    \"fade-out\": \"100ms cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    \"slide-in\": \"300ms cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    \"slide-out\": \"100ms cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    micro: \"100ms cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n    interactive: \"200ms cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n  },\n  shadow: {\n    none: \"none\",\n    sm: \"0 1px 2px oklch(18% 0.003 290 / 0.06)\",\n    md: \"0 4px 6px -1px oklch(18% 0.003 290 / 0.10), 0 2px 4px -2px oklch(18% 0.003 290 / 0.10)\",\n    lg: \"0 10px 15px -3px oklch(18% 0.003 290 / 0.10), 0 4px 6px -4px oklch(18% 0.003 290 / 0.07)\",\n    xl: \"0 20px 25px -5px oklch(18% 0.003 290 / 0.10), 0 8px 10px -6px oklch(18% 0.003 290 / 0.10)\",\n  },\n  controlHeight: {\n    xs: \"1.5rem\",\n    sm: \"1.75rem\",\n    md: \"2.25rem\",\n    lg: \"2.75rem\",\n  },\n  zIndex: {\n    \"0\": 0,\n    \"10\": 10,\n    \"100\": 100,\n    \"200\": 200,\n    \"300\": 300,\n    \"400\": 400,\n    \"500\": 500,\n    \"600\": 600,\n  },\n  borderWidth: {\n    \"1\": \"1px\",\n    \"2\": \"2px\",\n  },\n  opacity: {\n    \"40\": 0.4,\n    \"60\": 0.6,\n  },\n  iconSize: {\n    xs: \"0.75rem\",\n    sm: \"1rem\",\n    md: \"1.25rem\",\n    lg: \"1.5rem\",\n    xl: \"2rem\",\n  },\n  breakpoint: {\n    sm: \"640px\",\n    md: \"768px\",\n    lg: \"1024px\",\n    xl: \"1280px\",\n    \"2xl\": \"1536px\",\n  },\n} as const\n\nexport type Tokens = typeof tokens\n\n/* The brand map's type and role list, generated from brand.css. Re-exported here\n   so a consumer has one entry point rather than two. */\nexport type { BrandMap, BrandMapBase, BrandMapFeedback, BrandMapForm } from './brand'\nexport { brandRoles, brandRolesBase, brandRolesFeedback, brandRolesForm } from './brand'\n"]}
+{"version":3,"sources":["../src/brand.ts","../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/* ─── haus / primitives ──────────────────────────────────────────────────────\n   Raw values only. No component or semantic meaning.\n   Nothing outside this file should define raw values.\n   Components must never reference these directly. Use semantics.css.\n\n   GENERATED FROM src/tokens.json. Do not edit.\n   Regenerate with `npm run tokens`; `npm run tokens:check` fails CI if stale.\n   ─────────────────────────────────────────────────────────────────────────── */\n\n/**\n * The entries every brand must supply, generated from brand.css.\n *\n * A brand file is CSS, so this cannot check it directly. What it does check is\n * the object form: build a brand in TypeScript, satisfy this type, and a missing\n * or misspelled role is a compile error rather than an unresolved var() that\n * drops a declaration with no warning at all.\n */\nexport interface BrandMapBase {\n  '--haus-brand-surface-default': string\n  '--haus-brand-surface-subtle': string\n  '--haus-brand-surface-raised': string\n  '--haus-brand-surface-overlay': string\n  '--haus-brand-surface-sunken': string\n  '--haus-brand-surface-inverse': string\n  '--haus-brand-surface-disabled': string\n  '--haus-brand-surface-inverse-hover': string\n  '--haus-brand-ink-primary': string\n  '--haus-brand-ink-secondary': string\n  '--haus-brand-ink-tertiary': string\n  '--haus-brand-ink-disabled': string\n  '--haus-brand-ink-inverse': string\n  '--haus-brand-ink-link': string\n  '--haus-brand-ink-on-primary': string\n  '--haus-brand-border-subtle': string\n  '--haus-brand-border-default': string\n  '--haus-brand-border-strong': string\n  '--haus-brand-border-disabled': string\n  '--haus-brand-border-inverse': string\n  '--haus-brand-border-inverse-hover': string\n  '--haus-brand-primary-default': string\n  '--haus-brand-primary-hover': string\n  '--haus-brand-primary-pressed': string\n  '--haus-brand-primary-subtle': string\n  '--haus-brand-primary-on-subtle': string\n  '--haus-brand-primary-disabled': string\n  '--haus-brand-backdrop': string\n}\n\n/**\n * The optional half: info, success, warning and error.\n *\n * A product whose statuses are not those four semantics omits this tier and\n * inherits haus's from :root, because custom properties inherit and a named\n * brand only overrides what it declares. Optional here, and all-or-nothing per\n * ramp in brand.test.ts, which types cannot express.\n */\nexport interface BrandMapFeedback {\n  '--haus-brand-info-subtle': string\n  '--haus-brand-info-border': string\n  '--haus-brand-info-default': string\n  '--haus-brand-info-on-subtle': string\n  '--haus-brand-info-on-default': string\n  '--haus-brand-info-emphasis': string\n  '--haus-brand-success-subtle': string\n  '--haus-brand-success-border': string\n  '--haus-brand-success-default': string\n  '--haus-brand-success-on-subtle': string\n  '--haus-brand-success-on-default': string\n  '--haus-brand-success-solid': string\n  '--haus-brand-success-emphasis': string\n  '--haus-brand-warning-subtle': string\n  '--haus-brand-warning-border': string\n  '--haus-brand-warning-default': string\n  '--haus-brand-warning-on-subtle': string\n  '--haus-brand-warning-on-default': string\n  '--haus-brand-warning-solid': string\n  '--haus-brand-warning-emphasis': string\n  '--haus-brand-error-subtle': string\n  '--haus-brand-error-border': string\n  '--haus-brand-error-default': string\n  '--haus-brand-error-on-subtle': string\n  '--haus-brand-error-on-default': string\n  '--haus-brand-error-emphasis': string\n}\n\n/**\n * The other optional half: what a product re-decides that is not a colour.\n *\n * Radius, elevation, modal width and typeface, taken from what drift and vault\n * actually changed. Not z-index, opacity, border-width or spacing: nobody\n * re-decides those, and the overrides that looked like it were the literal\n * values of haus's own primitives typed out. All-or-nothing per group, in\n * brand.test.ts.\n */\nexport interface BrandMapForm {\n  '--haus-brand-radius-control': string\n  '--haus-brand-radius-surface': string\n  '--haus-brand-radius-overlay': string\n  '--haus-brand-radius-marker': string\n  '--haus-brand-elevation-raised': string\n  '--haus-brand-elevation-floating': string\n  '--haus-brand-elevation-overlay': string\n  '--haus-brand-modal-width-sm': string\n  '--haus-brand-modal-width-md': string\n  '--haus-brand-modal-width-lg': string\n  '--haus-brand-modal-width-xl': string\n  '--haus-brand-popover-width-sm': string\n  '--haus-brand-popover-width-md': string\n  '--haus-brand-popover-width-lg': string\n  '--haus-brand-popover-width-xl': string\n  '--haus-brand-font-sans': string\n  '--haus-brand-font-mono': string\n}\n\n/** A complete brand: the base tier, and as much of the optional tiers as applies. */\nexport type BrandMap = BrandMapBase & Partial<BrandMapFeedback> & Partial<BrandMapForm>\n\n/** The role names themselves, for anyone generating a brand rather than writing one. */\nexport const brandRoles = [\n  '--haus-brand-surface-default',\n  '--haus-brand-surface-subtle',\n  '--haus-brand-surface-raised',\n  '--haus-brand-surface-overlay',\n  '--haus-brand-surface-sunken',\n  '--haus-brand-surface-inverse',\n  '--haus-brand-surface-disabled',\n  '--haus-brand-surface-inverse-hover',\n  '--haus-brand-ink-primary',\n  '--haus-brand-ink-secondary',\n  '--haus-brand-ink-tertiary',\n  '--haus-brand-ink-disabled',\n  '--haus-brand-ink-inverse',\n  '--haus-brand-ink-link',\n  '--haus-brand-ink-on-primary',\n  '--haus-brand-border-subtle',\n  '--haus-brand-border-default',\n  '--haus-brand-border-strong',\n  '--haus-brand-border-disabled',\n  '--haus-brand-border-inverse',\n  '--haus-brand-border-inverse-hover',\n  '--haus-brand-primary-default',\n  '--haus-brand-primary-hover',\n  '--haus-brand-primary-pressed',\n  '--haus-brand-primary-subtle',\n  '--haus-brand-primary-on-subtle',\n  '--haus-brand-primary-disabled',\n  '--haus-brand-backdrop',\n  '--haus-brand-info-subtle',\n  '--haus-brand-info-border',\n  '--haus-brand-info-default',\n  '--haus-brand-info-on-subtle',\n  '--haus-brand-info-on-default',\n  '--haus-brand-info-emphasis',\n  '--haus-brand-success-subtle',\n  '--haus-brand-success-border',\n  '--haus-brand-success-default',\n  '--haus-brand-success-on-subtle',\n  '--haus-brand-success-on-default',\n  '--haus-brand-success-solid',\n  '--haus-brand-success-emphasis',\n  '--haus-brand-warning-subtle',\n  '--haus-brand-warning-border',\n  '--haus-brand-warning-default',\n  '--haus-brand-warning-on-subtle',\n  '--haus-brand-warning-on-default',\n  '--haus-brand-warning-solid',\n  '--haus-brand-warning-emphasis',\n  '--haus-brand-error-subtle',\n  '--haus-brand-error-border',\n  '--haus-brand-error-default',\n  '--haus-brand-error-on-subtle',\n  '--haus-brand-error-on-default',\n  '--haus-brand-error-emphasis',\n  '--haus-brand-radius-control',\n  '--haus-brand-radius-surface',\n  '--haus-brand-radius-overlay',\n  '--haus-brand-radius-marker',\n  '--haus-brand-elevation-raised',\n  '--haus-brand-elevation-floating',\n  '--haus-brand-elevation-overlay',\n  '--haus-brand-modal-width-sm',\n  '--haus-brand-modal-width-md',\n  '--haus-brand-modal-width-lg',\n  '--haus-brand-modal-width-xl',\n  '--haus-brand-popover-width-sm',\n  '--haus-brand-popover-width-md',\n  '--haus-brand-popover-width-lg',\n  '--haus-brand-popover-width-xl',\n  '--haus-brand-font-sans',\n  '--haus-brand-font-mono',\n] as const\n\n/** The required half. A brand supplying fewer than these renders unstyled. */\nexport const brandRolesBase = [\n  '--haus-brand-surface-default',\n  '--haus-brand-surface-subtle',\n  '--haus-brand-surface-raised',\n  '--haus-brand-surface-overlay',\n  '--haus-brand-surface-sunken',\n  '--haus-brand-surface-inverse',\n  '--haus-brand-surface-disabled',\n  '--haus-brand-surface-inverse-hover',\n  '--haus-brand-ink-primary',\n  '--haus-brand-ink-secondary',\n  '--haus-brand-ink-tertiary',\n  '--haus-brand-ink-disabled',\n  '--haus-brand-ink-inverse',\n  '--haus-brand-ink-link',\n  '--haus-brand-ink-on-primary',\n  '--haus-brand-border-subtle',\n  '--haus-brand-border-default',\n  '--haus-brand-border-strong',\n  '--haus-brand-border-disabled',\n  '--haus-brand-border-inverse',\n  '--haus-brand-border-inverse-hover',\n  '--haus-brand-primary-default',\n  '--haus-brand-primary-hover',\n  '--haus-brand-primary-pressed',\n  '--haus-brand-primary-subtle',\n  '--haus-brand-primary-on-subtle',\n  '--haus-brand-primary-disabled',\n  '--haus-brand-backdrop',\n] as const\n\n/** The optional colour half, grouped by the ramp that has to be complete or absent. */\nexport const brandRolesFeedback = [\n  '--haus-brand-info-subtle',\n  '--haus-brand-info-border',\n  '--haus-brand-info-default',\n  '--haus-brand-info-on-subtle',\n  '--haus-brand-info-on-default',\n  '--haus-brand-info-emphasis',\n  '--haus-brand-success-subtle',\n  '--haus-brand-success-border',\n  '--haus-brand-success-default',\n  '--haus-brand-success-on-subtle',\n  '--haus-brand-success-on-default',\n  '--haus-brand-success-solid',\n  '--haus-brand-success-emphasis',\n  '--haus-brand-warning-subtle',\n  '--haus-brand-warning-border',\n  '--haus-brand-warning-default',\n  '--haus-brand-warning-on-subtle',\n  '--haus-brand-warning-on-default',\n  '--haus-brand-warning-solid',\n  '--haus-brand-warning-emphasis',\n  '--haus-brand-error-subtle',\n  '--haus-brand-error-border',\n  '--haus-brand-error-default',\n  '--haus-brand-error-on-subtle',\n  '--haus-brand-error-on-default',\n  '--haus-brand-error-emphasis',\n] as const\n\n/** The optional non-colour half: radius, elevation, modal width and typeface. */\nexport const brandRolesForm = [\n  '--haus-brand-radius-control',\n  '--haus-brand-radius-surface',\n  '--haus-brand-radius-overlay',\n  '--haus-brand-radius-marker',\n  '--haus-brand-elevation-raised',\n  '--haus-brand-elevation-floating',\n  '--haus-brand-elevation-overlay',\n  '--haus-brand-modal-width-sm',\n  '--haus-brand-modal-width-md',\n  '--haus-brand-modal-width-lg',\n  '--haus-brand-modal-width-xl',\n  '--haus-brand-popover-width-sm',\n  '--haus-brand-popover-width-md',\n  '--haus-brand-popover-width-lg',\n  '--haus-brand-popover-width-xl',\n  '--haus-brand-font-sans',\n  '--haus-brand-font-mono',\n] as const\n","/* ─── haus / tokens ──────────────────────────────────────────────────────────\n   Typed constants for the primitive layer.\n\n   The CSS custom properties are the runtime form; this exists for the places\n   they cannot reach: @media conditions, build config, style-in-JS. Semantic\n   tokens are deliberately absent: their whole job is to be swappable at\n   runtime, which freezing them into a constant would defeat.\n\n   GENERATED FROM src/tokens.json. Do not edit.\n   Regenerate with `npm run tokens`; `npm run tokens:check` fails CI if stale.\n   ─────────────────────────────────────────────────────────────────────────── */\n\nexport const tokens = {\n  color: {\n    aronia: {\n      \"100\": \"oklch(97% 0.012 300)\",\n      \"200\": \"oklch(92% 0.028 300)\",\n      \"300\": \"oklch(84% 0.058 300)\",\n      \"400\": \"oklch(72% 0.100 300)\",\n      \"500\": \"oklch(52% 0.138 300)\",\n      \"600\": \"oklch(43% 0.125 300)\",\n      \"700\": \"oklch(35% 0.105 300)\",\n      \"800\": \"oklch(26% 0.080 300)\",\n      \"850\": \"oklch(22% 0.066 300)\",\n      \"900\": \"oklch(18% 0.052 300)\",\n      \"950\": \"oklch(12% 0.032 300)\",\n    },\n    damson: {\n      \"0\": \"oklch(100% 0 0)\",\n      \"50\": \"oklch(99% 0.003 290)\",\n      \"100\": \"oklch(97% 0.006 290)\",\n      \"200\": \"oklch(93% 0.008 290)\",\n      \"300\": \"oklch(86% 0.010 290)\",\n      \"400\": \"oklch(74% 0.010 290)\",\n      \"500\": \"oklch(60% 0.008 290)\",\n      \"600\": \"oklch(48% 0.007 290)\",\n      \"700\": \"oklch(37% 0.006 290)\",\n      \"800\": \"oklch(27% 0.005 290)\",\n      \"900\": \"oklch(18% 0.003 290)\",\n      \"950\": \"oklch(11% 0.002 290)\",\n    },\n    elderberry: {\n      \"100\": \"oklch(97% 0.020 265)\",\n      \"200\": \"oklch(93% 0.040 265)\",\n      \"500\": \"oklch(55% 0.200 265)\",\n      \"700\": \"oklch(42% 0.160 265)\",\n      \"900\": \"oklch(30% 0.120 265)\",\n    },\n    greengage: {\n      \"100\": \"oklch(97% 0.030 148)\",\n      \"200\": \"oklch(93% 0.055 148)\",\n      \"500\": \"oklch(58% 0.185 148)\",\n      \"700\": \"oklch(45% 0.150 148)\",\n      \"900\": \"oklch(33% 0.110 148)\",\n    },\n    mango: {\n      \"100\": \"oklch(97% 0.025 65)\",\n      \"200\": \"oklch(93% 0.045 65)\",\n      \"500\": \"oklch(60% 0.175 65)\",\n      \"700\": \"oklch(47% 0.142 65)\",\n      \"900\": \"oklch(38% 0.110 65)\",\n    },\n    cherry: {\n      \"100\": \"oklch(97% 0.030 27)\",\n      \"200\": \"oklch(93% 0.055 27)\",\n      \"500\": \"oklch(58% 0.200 27)\",\n      \"700\": \"oklch(44% 0.168 27)\",\n      \"900\": \"oklch(33% 0.110 27)\",\n    },\n  },\n  font: {\n    // family removed with haus#54; it is a brand entry now, not a primitive.\n    size: {\n      \"11\": \"0.6875rem\",\n      \"12\": \"0.75rem\",\n      \"13\": \"0.8125rem\",\n      \"14\": \"0.875rem\",\n      \"16\": \"1rem\",\n      \"20\": \"1.25rem\",\n      \"24\": \"1.5rem\",\n      \"28\": \"1.75rem\",\n      \"30\": \"1.875rem\",\n    },\n    weight: {\n      regular: 400,\n      medium: 500,\n      semibold: 600,\n      bold: 700,\n    },\n    lineHeight: {\n      tight: 1.15,\n      tighter: 1.2,\n      snug: 1.25,\n      compact: 1.3,\n      normal: 1.4,\n      relaxed: 1.5,\n      loose: 1.6,\n    },\n    tracking: {\n      tightest: \"-0.03em\",\n      tighter: \"-0.02em\",\n      tight: \"-0.01em\",\n      normal: \"0em\",\n      wide: \"0.02em\",\n      wider: \"0.04em\",\n      widest: \"0.08em\",\n    },\n  },\n  spacing: {\n    \"1\": \"0.25rem\",\n    \"2\": \"0.5rem\",\n    \"3\": \"0.75rem\",\n    \"4\": \"1rem\",\n    \"5\": \"1.25rem\",\n    \"6\": \"1.5rem\",\n    \"7\": \"1.75rem\",\n    \"8\": \"2rem\",\n    \"10\": \"2.5rem\",\n    \"12\": \"3rem\",\n    \"16\": \"4rem\",\n    \"20\": \"5rem\",\n    px: \"1px\",\n    \"0-5\": \"0.125rem\",\n  },\n  radius: {\n    none: \"0\",\n    sm: \"0.25rem\",\n    md: \"0.5rem\",\n    lg: \"0.75rem\",\n    xl: \"1rem\",\n    \"2xl\": \"1.5rem\",\n    full: \"9999px\",\n  },\n  duration: {\n    instant: \"50ms\",\n    fast: \"100ms\",\n    normal: \"200ms\",\n    moderate: \"300ms\",\n    slow: \"500ms\",\n    reduced: \"0ms\",\n  },\n  easing: {\n    enter: \"cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    exit: \"cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    move: \"cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n    spring: \"cubic-bezier(0.34, 1.56, 0.64, 1.00)\",\n    linear: \"linear\",\n  },\n  motion: {\n    \"fade-in\": \"200ms cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    \"fade-out\": \"100ms cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    \"slide-in\": \"300ms cubic-bezier(0.00, 0.00, 0.20, 1.00)\",\n    \"slide-out\": \"100ms cubic-bezier(0.40, 0.00, 1.00, 1.00)\",\n    micro: \"100ms cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n    interactive: \"200ms cubic-bezier(0.40, 0.00, 0.20, 1.00)\",\n  },\n  shadow: {\n    none: \"none\",\n    sm: \"0 1px 2px oklch(18% 0.003 290 / 0.06)\",\n    md: \"0 4px 6px -1px oklch(18% 0.003 290 / 0.10), 0 2px 4px -2px oklch(18% 0.003 290 / 0.10)\",\n    lg: \"0 10px 15px -3px oklch(18% 0.003 290 / 0.10), 0 4px 6px -4px oklch(18% 0.003 290 / 0.07)\",\n    xl: \"0 20px 25px -5px oklch(18% 0.003 290 / 0.10), 0 8px 10px -6px oklch(18% 0.003 290 / 0.10)\",\n  },\n  controlHeight: {\n    xs: \"1.5rem\",\n    sm: \"1.75rem\",\n    md: \"2.25rem\",\n    lg: \"2.75rem\",\n  },\n  zIndex: {\n    \"0\": 0,\n    \"10\": 10,\n    \"100\": 100,\n    \"200\": 200,\n    \"300\": 300,\n    \"400\": 400,\n    \"500\": 500,\n    \"600\": 600,\n  },\n  borderWidth: {\n    \"1\": \"1px\",\n    \"2\": \"2px\",\n  },\n  opacity: {\n    \"40\": 0.4,\n    \"60\": 0.6,\n  },\n  iconSize: {\n    xs: \"0.75rem\",\n    sm: \"1rem\",\n    md: \"1.25rem\",\n    lg: \"1.5rem\",\n    xl: \"2rem\",\n  },\n  breakpoint: {\n    sm: \"640px\",\n    md: \"768px\",\n    lg: \"1024px\",\n    xl: \"1280px\",\n    \"2xl\": \"1536px\",\n  },\n} as const\n\nexport type Tokens = typeof tokens\n\n/* The brand map's type and role list, generated from brand.css. Re-exported here\n   so a consumer has one entry point rather than two. */\nexport type { BrandMap, BrandMapBase, BrandMapFeedback, BrandMapForm } from './brand'\nexport { brandRoles, brandRolesBase, brandRolesFeedback, brandRolesForm } from './brand'\n"]}

package/dist/primitives.css

@@ -100,18 +100,20 @@
     --haus-tracking-widest:    0.08em;   /* label-xs */
 
     /* ── Spacing scale (4px base) ────────────────────────────────────────────── */
-    --haus-space-1:   0.25rem;   /* 4px */
-    --haus-space-2:   0.5rem;   /* 8px */
-    --haus-space-3:   0.75rem;   /* 12px */
-    --haus-space-4:   1rem;   /* 16px */
-    --haus-space-5:   1.25rem;   /* 20px */
-    --haus-space-6:   1.5rem;   /* 24px */
-    --haus-space-7:   1.75rem;   /* 28px */
-    --haus-space-8:   2rem;   /* 32px */
-    --haus-space-10:  2.5rem;   /* 40px */
-    --haus-space-12:  3rem;   /* 48px */
-    --haus-space-16:  4rem;   /* 64px */
-    --haus-space-20:  5rem;   /* 80px */
+    --haus-space-1:    0.25rem;   /* 4px */
+    --haus-space-2:    0.5rem;   /* 8px */
+    --haus-space-3:    0.75rem;   /* 12px */
+    --haus-space-4:    1rem;   /* 16px */
+    --haus-space-5:    1.25rem;   /* 20px */
+    --haus-space-6:    1.5rem;   /* 24px */
+    --haus-space-7:    1.75rem;   /* 28px */
+    --haus-space-8:    2rem;   /* 32px */
+    --haus-space-10:   2.5rem;   /* 40px */
+    --haus-space-12:   3rem;   /* 48px */
+    --haus-space-16:   4rem;   /* 64px */
+    --haus-space-20:   5rem;   /* 80px */
+    --haus-space-px:   1px;   /* 1px. A hairline: optical padding inside a small control, where a 4px step is too much. */
+    --haus-space-0-5:  0.125rem;   /* 2px. Half a step, for the same optical case. */
 
     /* ── Radius ──────────────────────────────────────────────────────────────── */
     --haus-radius-none:  0;
@@ -171,11 +173,11 @@
     --haus-overlay-width-xl:  56rem;   /* 896px, Modal xl. Wide dashboards and side-by-side previews. Added when a second consumer's four-step scale met haus's three: the fourth is haus's now rather than the consumer's. */
 
     /* ── Panel widths ────────────────────────────────────────────────────────── */
-    /* The popover-scale sibling of overlay widths: Popover and the Listbox popup. A brand entry too, for the same reason, read through --haus-popover-width-*. */
+    /* The popover-scale sibling of overlay widths: Popover and the Select popup. A brand entry too, for the same reason, read through --haus-popover-width-*. */
     --haus-panel-width-sm:  11.25rem;   /* 180px, Popover sm. A short action menu. */
     --haus-panel-width-md:  16.25rem;   /* 260px, Popover md, the default. */
     --haus-panel-width-lg:  21.25rem;   /* 340px, Popover lg. A panel holding a form. */
-    --haus-panel-width-xl:  26.25rem;   /* 420px, Popover xl. The two-line option rows a Listbox draws. */
+    --haus-panel-width-xl:  26.25rem;   /* 420px, Popover xl. The two-line option rows a Select draws. */
 
     /* ── Component geometry ──────────────────────────────────────────────────── */
     /* On no ladder and not spacing. Literals inside components until haus#53 put width and height into the hardcoded-value rule. */

package/dist/semantics.css

@@ -6,28 +6,31 @@
    radius, elevation and motion. Two kinds of primitive read remain in the
    components, both deliberate:
 
-   · 29 declarations take a size off the space ladder, on height, width,
+   · 28 declarations take a size off the space ladder, on height, width,
      min/max and transform offsets: the avatar sizes and its status dot, the
      checkbox and radio boxes, the toggle track and thumb and the thumb's
-     travel, the modal's max height, the toast and modal entry offsets, the
-     textarea's minimum height and the select chevron's offset. A size is a
+     travel, the modal's max height, the toast and modal entry offsets, and the
+     textarea's minimum height. A size is a
      value, not a role, and calling a 16px checkbox --haus-space-inset-md
      would say something untrue.
-   · 22 read a primitive that has no alias here because its own name already
-     is the role: five control heights and seventeen icon sizes (five
-     --haus-icon-sm, six --haus-icon-lg, six --haus-icon-xs). Button used to
+   · 31 read a primitive that has no alias here because its own name already
+     is the role: thirteen control heights and eighteen icon sizes (six
+     --haus-icon-sm, seven --haus-icon-lg, five --haus-icon-xs). Button used to
      read --haus-tracking-normal here too; haus#37 moved it onto
-     --haus-type-label-tracking, so tracking is a role everywhere and no
-     component reads the tracking ladder. haus#43 added the icon reads: the
+     --haus-type-label-md-tracking, so tracking is a role everywhere and no
+     component reads the tracking ladder. haus#43 added the first icon reads: the
      chevron and the two close buttons bind their box and glyph to the icon
      scale rather than a raw size.
 
      This was 54 until haus#54, which took the 32 --haus-font-sans reads out of
      this count: typeface became brandable, so the font role now lives in this
      file (reading --haus-brand-font-sans) rather than being a primitive the
-     components reach for, and a role read is not a primitive read. (The header
-     read 50 here until haus#54, stale since haus#55's Spinner took the icon
-     reads from thirteen to seventeen; corrected in the same pass.)
+     components reach for, and a role read is not a primitive read. haus#55's
+     Spinner took the icon reads from thirteen to seventeen; haus#58 and haus#61
+     added IconButton's and Select's control heights and boxes, to 31; and
+     decision 0025 retired the native select, whose four reads left with it, to
+     28; and IconButton's lg size, level with a default Button, took it to 31.
+     tokens.test.ts holds the ledger.
 
      This was 71 before haus#27. Stacking, border width and opacity used to be
      primitives wearing role names, so a product that wanted the stacking order
@@ -169,10 +172,10 @@
        of. Caption is the role they were reaching for: 11px, regular, normal
        tracking, the voice a control explains itself in. The colour is not part
        of it, so a hint stays ink-secondary and an error message error. */
-    --haus-type-caption-size:      var(--haus-text-11);
-    --haus-type-caption-weight:    var(--haus-weight-regular);
-    --haus-type-caption-leading:   var(--haus-leading-normal);
-    --haus-type-caption-tracking:  var(--haus-tracking-normal);
+    --haus-type-label-caption-size:      var(--haus-text-11);
+    --haus-type-label-caption-weight:    var(--haus-weight-regular);
+    --haus-type-label-caption-leading:   var(--haus-leading-normal);
+    --haus-type-label-caption-tracking:  var(--haus-tracking-normal);
 
     --haus-type-label-sm-size:     var(--haus-text-12);
     --haus-type-label-sm-weight:   var(--haus-weight-medium);
@@ -214,15 +217,15 @@
        The text above a form control is its own typographic role, and it sets
        all four properties, so it is a role of the ordinary shape rather than
        another exception. */
-    --haus-type-field-label-size:     var(--haus-text-12);
-    --haus-type-field-label-weight:   var(--haus-weight-semibold);
-    --haus-type-field-label-leading:  var(--haus-leading-normal);
-    --haus-type-field-label-tracking: var(--haus-tracking-wide);
+    --haus-type-label-field-size:     var(--haus-text-12);
+    --haus-type-label-field-weight:   var(--haus-weight-semibold);
+    --haus-type-label-field-leading:  var(--haus-leading-normal);
+    --haus-type-label-field-tracking: var(--haus-tracking-wide);
 
-    --haus-type-label-size:        var(--haus-text-13);
-    --haus-type-label-weight:      var(--haus-weight-medium);
-    --haus-type-label-leading:     var(--haus-leading-normal);
-    --haus-type-label-tracking:    var(--haus-tracking-normal);
+    --haus-type-label-md-size:        var(--haus-text-13);
+    --haus-type-label-md-weight:      var(--haus-weight-medium);
+    --haus-type-label-md-leading:     var(--haus-leading-normal);
+    --haus-type-label-md-tracking:    var(--haus-tracking-normal);
 
     --haus-type-body-sm-size:      var(--haus-text-13);
     --haus-type-body-sm-weight:    var(--haus-weight-regular);
@@ -376,7 +379,7 @@
     --haus-modal-width-xl: var(--haus-brand-modal-width-xl);
 
     /* Popover width, the popover-scale sibling of modal width. Read by Popover
-       and by the Listbox popup; themeable through the brand entry above. */
+       and by the Select popup; themeable through the brand entry above. */
     --haus-popover-width-sm: var(--haus-brand-popover-width-sm);
     --haus-popover-width-md: var(--haus-brand-popover-width-md);
     --haus-popover-width-lg: var(--haus-brand-popover-width-lg);

package/dist/tokens.json

@@ -365,6 +365,14 @@
       "$value": "5rem",
       "$description": "80px"
     },
+    "px": {
+      "$value": "1px",
+      "$description": "1px. A hairline: optical padding inside a small control, where a 4px step is too much."
+    },
+    "0-5": {
+      "$value": "0.125rem",
+      "$description": "2px. Half a step, for the same optical case."
+    },
     "$type": "dimension"
   },
   "semantic": {
@@ -914,7 +922,7 @@
   },
   "panelWidth": {
     "$type": "dimension",
-    "$description": "How wide a small floating panel is allowed to get: Popover, and the themed popup a Listbox opens. The popover-scale sibling of overlayWidth, kept separate because a popover holding a form is a different order of size from a modal, and read through --haus-popover-width-* in semantics.css the way overlayWidth is read through --haus-modal-width-*.",
+    "$description": "How wide a small floating panel is allowed to get: Popover, and the themed popup a Select opens. The popover-scale sibling of overlayWidth, kept separate because a popover holding a form is a different order of size from a modal, and read through --haus-popover-width-* in semantics.css the way overlayWidth is read through --haus-modal-width-*.",
     "sm": {
       "$value": "11.25rem",
       "$description": "180px, Popover sm. A short action menu."
@@ -929,7 +937,7 @@
     },
     "xl": {
       "$value": "26.25rem",
-      "$description": "420px, Popover xl. The two-line option rows a Listbox draws."
+      "$description": "420px, Popover xl. The two-line option rows a Select draws."
     }
   },
   "size": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haus-tokens",
-  "version": "4.2.0",
+  "version": "5.1.0",
   "description": "haus design tokens: OKLCH colour, type, spacing, radius, shadow and motion, as W3C-DTCG JSON, CSS custom properties, and typed JS constants.",
   "license": "MIT",
   "engines": {