@sixthshift/design-system 0.4.0 → 0.6.0

package/src/theming/tailwind.css

@@ -0,0 +1,356 @@
+/**
+ * The system's theme-independent half, CSS-first (v4) — everything a theme
+ * folder does NOT contain. A theme imports its own theme.css plus this file,
+ * and is complete:
+ *
+ *   - the component recipes (layer 2), imported first: every component's
+ *     `*.recipe.css`, each inside `@layer components`. Adding a component
+ *     adds one import line here; `check:recipes` fails the build on a recipe
+ *     nobody imports, or an import pointing at nothing.
+ *   - `@theme` tells Tailwind which utilities exist. Every semantic token
+ *     needs an entry here or its class does not compile. Component tokens do
+ *     not — layer 2 is read as plain `var()` in CSS, never through a utility.
+ *   - `@layer base` holds the few global rules the components genuinely need.
+ *     App opinions (page background, scroll behaviour) are deliberately not
+ *     here: a library has no business restyling its consumer's page.
+ *   - Stacking order, animations, and the `dark:` variant — theme-independent
+ *     by design.
+ *   - the `overrides` layer, declared last so it outranks `components` and
+ *     `utilities`: the consumer's home for component-token overrides. Naming
+ *     the four Tailwind layers too pins the whole order even when this file
+ *     loads before Tailwind's own declaration.
+ */
+
+@layer theme, base, components, utilities, overrides;
+
+@import "../components/Button/button.recipe.css";
+@import "../components/Badge/badge.recipe.css";
+@import "../components/Message/message.recipe.css";
+@import "../components/Spinner/spinner.recipe.css";
+@import "../components/Tabs/tabs.recipe.css";
+@import "../components/Toggle/toggle.recipe.css";
+@import "../components/Input/input.recipe.css";
+@import "../components/Textarea/textarea.recipe.css";
+@import "../components/SearchInput/search-input.recipe.css";
+@import "../components/Field/field.recipe.css";
+@import "../components/Checkbox/checkbox.recipe.css";
+@import "../components/RadioButton/radio-button.recipe.css";
+@import "../components/Switch/switch.recipe.css";
+@import "../components/Card/card.recipe.css";
+@import "../components/Modal/modal.recipe.css";
+@import "../components/Sheet/sheet.recipe.css";
+@import "../components/Select/select.recipe.css";
+@import "../components/TagChip/tag-chip.recipe.css";
+
+/* =============================================================================
+   3. TAILWIND THEME
+   ============================================================================= */
+
+/* Theming is a runtime variable swap, not a build-time variant, so `dark:` is
+   only here for consumers who reach for it. Components never use it. */
+@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+
+@theme inline {
+  /* Drop Tailwind's stock palette: a `bg-red-500` in component source is a
+     token that was never designed, so it should fail to compile. */
+  --color-*: initial;
+  --color-white: #ffffff;
+  --color-black: #000000;
+
+  /* Background */
+  --color-bg-strong: var(--bg-strong);
+  --color-bg-strong-hovered: var(--bg-strong-hovered);
+  --color-bg-strong-pressed: var(--bg-strong-pressed);
+  --color-bg-strong-disabled: var(--bg-strong-disabled);
+  --color-bg-normal: var(--bg-normal);
+  --color-bg-normal-hovered: var(--bg-normal-hovered);
+  --color-bg-normal-pressed: var(--bg-normal-pressed);
+  --color-bg-normal-disabled: var(--bg-normal-disabled);
+  --color-bg-subtle: var(--bg-subtle);
+  --color-bg-subtle-hovered: var(--bg-subtle-hovered);
+  --color-bg-subtle-pressed: var(--bg-subtle-pressed);
+  --color-bg-subtle-disabled: var(--bg-subtle-disabled);
+  --color-bg-brand-subtle: var(--bg-brand-subtle);
+  --color-bg-brand-subtle-hovered: var(--bg-brand-subtle-hovered);
+  --color-bg-brand-subtle-pressed: var(--bg-brand-subtle-pressed);
+  --color-bg-brand-subtle-disabled: var(--bg-brand-subtle-disabled);
+  --color-bg-brand: var(--bg-brand);
+  --color-bg-brand-hovered: var(--bg-brand-hovered);
+  --color-bg-brand-pressed: var(--bg-brand-pressed);
+  --color-bg-brand-disabled: var(--bg-brand-disabled);
+  --color-bg-brand-strong: var(--bg-brand-strong);
+  --color-bg-brand-strong-hovered: var(--bg-brand-strong-hovered);
+  --color-bg-brand-strong-pressed: var(--bg-brand-strong-pressed);
+  --color-bg-brand-strong-disabled: var(--bg-brand-strong-disabled);
+  --color-bg-success-subtle: var(--bg-success-subtle);
+  --color-bg-success-subtle-hovered: var(--bg-success-subtle-hovered);
+  --color-bg-success-subtle-pressed: var(--bg-success-subtle-pressed);
+  --color-bg-success-subtle-disabled: var(--bg-success-subtle-disabled);
+  --color-bg-success: var(--bg-success);
+  --color-bg-success-hovered: var(--bg-success-hovered);
+  --color-bg-success-pressed: var(--bg-success-pressed);
+  --color-bg-success-disabled: var(--bg-success-disabled);
+  --color-bg-success-strong: var(--bg-success-strong);
+  --color-bg-success-strong-hovered: var(--bg-success-strong-hovered);
+  --color-bg-success-strong-pressed: var(--bg-success-strong-pressed);
+  --color-bg-success-strong-disabled: var(--bg-success-strong-disabled);
+  --color-bg-warning-subtle: var(--bg-warning-subtle);
+  --color-bg-warning-subtle-hovered: var(--bg-warning-subtle-hovered);
+  --color-bg-warning-subtle-pressed: var(--bg-warning-subtle-pressed);
+  --color-bg-warning-subtle-disabled: var(--bg-warning-subtle-disabled);
+  --color-bg-warning: var(--bg-warning);
+  --color-bg-warning-hovered: var(--bg-warning-hovered);
+  --color-bg-warning-pressed: var(--bg-warning-pressed);
+  --color-bg-warning-disabled: var(--bg-warning-disabled);
+  --color-bg-warning-strong: var(--bg-warning-strong);
+  --color-bg-warning-strong-hovered: var(--bg-warning-strong-hovered);
+  --color-bg-warning-strong-pressed: var(--bg-warning-strong-pressed);
+  --color-bg-warning-strong-disabled: var(--bg-warning-strong-disabled);
+  --color-bg-danger-subtle: var(--bg-danger-subtle);
+  --color-bg-danger-subtle-hovered: var(--bg-danger-subtle-hovered);
+  --color-bg-danger-subtle-pressed: var(--bg-danger-subtle-pressed);
+  --color-bg-danger-subtle-disabled: var(--bg-danger-subtle-disabled);
+  --color-bg-danger: var(--bg-danger);
+  --color-bg-danger-hovered: var(--bg-danger-hovered);
+  --color-bg-danger-pressed: var(--bg-danger-pressed);
+  --color-bg-danger-disabled: var(--bg-danger-disabled);
+  --color-bg-danger-strong: var(--bg-danger-strong);
+  --color-bg-danger-strong-hovered: var(--bg-danger-strong-hovered);
+  --color-bg-danger-strong-pressed: var(--bg-danger-strong-pressed);
+  --color-bg-danger-strong-disabled: var(--bg-danger-strong-disabled);
+  --color-bg-overlay: var(--bg-overlay);
+
+  /* Foreground */
+  --color-fg-strong: var(--fg-strong);
+  --color-fg-strong-hovered: var(--fg-strong-hovered);
+  --color-fg-strong-pressed: var(--fg-strong-pressed);
+  --color-fg-strong-disabled: var(--fg-strong-disabled);
+  --color-fg-on-strong: var(--fg-on-strong);
+  --color-fg-on-strong-hovered: var(--fg-on-strong-hovered);
+  --color-fg-on-strong-pressed: var(--fg-on-strong-pressed);
+  --color-fg-on-strong-disabled: var(--fg-on-strong-disabled);
+  --color-fg-normal: var(--fg-normal);
+  --color-fg-normal-hovered: var(--fg-normal-hovered);
+  --color-fg-normal-pressed: var(--fg-normal-pressed);
+  --color-fg-normal-disabled: var(--fg-normal-disabled);
+  --color-fg-subtle: var(--fg-subtle);
+  --color-fg-subtle-hovered: var(--fg-subtle-hovered);
+  --color-fg-subtle-pressed: var(--fg-subtle-pressed);
+  --color-fg-subtle-disabled: var(--fg-subtle-disabled);
+  --color-fg-brand: var(--fg-brand);
+  --color-fg-brand-hovered: var(--fg-brand-hovered);
+  --color-fg-brand-pressed: var(--fg-brand-pressed);
+  --color-fg-brand-disabled: var(--fg-brand-disabled);
+  --color-fg-on-brand-subtle: var(--fg-on-brand-subtle);
+  --color-fg-on-brand-subtle-hovered: var(--fg-on-brand-subtle-hovered);
+  --color-fg-on-brand-subtle-pressed: var(--fg-on-brand-subtle-pressed);
+  --color-fg-on-brand-subtle-disabled: var(--fg-on-brand-subtle-disabled);
+  --color-fg-on-brand: var(--fg-on-brand);
+  --color-fg-on-brand-hovered: var(--fg-on-brand-hovered);
+  --color-fg-on-brand-pressed: var(--fg-on-brand-pressed);
+  --color-fg-on-brand-disabled: var(--fg-on-brand-disabled);
+  --color-fg-on-brand-strong: var(--fg-on-brand-strong);
+  --color-fg-on-brand-strong-hovered: var(--fg-on-brand-strong-hovered);
+  --color-fg-on-brand-strong-pressed: var(--fg-on-brand-strong-pressed);
+  --color-fg-on-brand-strong-disabled: var(--fg-on-brand-strong-disabled);
+  --color-fg-success: var(--fg-success);
+  --color-fg-success-hovered: var(--fg-success-hovered);
+  --color-fg-success-pressed: var(--fg-success-pressed);
+  --color-fg-success-disabled: var(--fg-success-disabled);
+  --color-fg-on-success-subtle: var(--fg-on-success-subtle);
+  --color-fg-on-success-subtle-hovered: var(--fg-on-success-subtle-hovered);
+  --color-fg-on-success-subtle-pressed: var(--fg-on-success-subtle-pressed);
+  --color-fg-on-success-subtle-disabled: var(--fg-on-success-subtle-disabled);
+  --color-fg-on-success: var(--fg-on-success);
+  --color-fg-on-success-hovered: var(--fg-on-success-hovered);
+  --color-fg-on-success-pressed: var(--fg-on-success-pressed);
+  --color-fg-on-success-disabled: var(--fg-on-success-disabled);
+  --color-fg-warning: var(--fg-warning);
+  --color-fg-warning-hovered: var(--fg-warning-hovered);
+  --color-fg-warning-pressed: var(--fg-warning-pressed);
+  --color-fg-warning-disabled: var(--fg-warning-disabled);
+  --color-fg-on-warning-subtle: var(--fg-on-warning-subtle);
+  --color-fg-on-warning-subtle-hovered: var(--fg-on-warning-subtle-hovered);
+  --color-fg-on-warning-subtle-pressed: var(--fg-on-warning-subtle-pressed);
+  --color-fg-on-warning-subtle-disabled: var(--fg-on-warning-subtle-disabled);
+  --color-fg-on-warning: var(--fg-on-warning);
+  --color-fg-on-warning-hovered: var(--fg-on-warning-hovered);
+  --color-fg-on-warning-pressed: var(--fg-on-warning-pressed);
+  --color-fg-on-warning-disabled: var(--fg-on-warning-disabled);
+  --color-fg-danger: var(--fg-danger);
+  --color-fg-danger-hovered: var(--fg-danger-hovered);
+  --color-fg-danger-pressed: var(--fg-danger-pressed);
+  --color-fg-danger-disabled: var(--fg-danger-disabled);
+  --color-fg-on-danger-subtle: var(--fg-on-danger-subtle);
+  --color-fg-on-danger-subtle-hovered: var(--fg-on-danger-subtle-hovered);
+  --color-fg-on-danger-subtle-pressed: var(--fg-on-danger-subtle-pressed);
+  --color-fg-on-danger-subtle-disabled: var(--fg-on-danger-subtle-disabled);
+  --color-fg-on-danger: var(--fg-on-danger);
+  --color-fg-on-danger-hovered: var(--fg-on-danger-hovered);
+  --color-fg-on-danger-pressed: var(--fg-on-danger-pressed);
+  --color-fg-on-danger-disabled: var(--fg-on-danger-disabled);
+
+  /* Border */
+  --color-border-strong: var(--border-strong);
+  --color-border-strong-hovered: var(--border-strong-hovered);
+  --color-border-strong-pressed: var(--border-strong-pressed);
+  --color-border-strong-disabled: var(--border-strong-disabled);
+  --color-border-normal: var(--border-normal);
+  --color-border-normal-hovered: var(--border-normal-hovered);
+  --color-border-normal-pressed: var(--border-normal-pressed);
+  --color-border-normal-disabled: var(--border-normal-disabled);
+  --color-border-subtle: var(--border-subtle);
+  --color-border-subtle-hovered: var(--border-subtle-hovered);
+  --color-border-subtle-pressed: var(--border-subtle-pressed);
+  --color-border-subtle-disabled: var(--border-subtle-disabled);
+  --color-border-brand-subtle: var(--border-brand-subtle);
+  --color-border-brand-subtle-hovered: var(--border-brand-subtle-hovered);
+  --color-border-brand-subtle-pressed: var(--border-brand-subtle-pressed);
+  --color-border-brand-subtle-disabled: var(--border-brand-subtle-disabled);
+  --color-border-brand: var(--border-brand);
+  --color-border-brand-hovered: var(--border-brand-hovered);
+  --color-border-brand-pressed: var(--border-brand-pressed);
+  --color-border-brand-disabled: var(--border-brand-disabled);
+  --color-border-brand-strong: var(--border-brand-strong);
+  --color-border-brand-strong-hovered: var(--border-brand-strong-hovered);
+  --color-border-brand-strong-pressed: var(--border-brand-strong-pressed);
+  --color-border-brand-strong-disabled: var(--border-brand-strong-disabled);
+  --color-border-success: var(--border-success);
+  --color-border-success-hovered: var(--border-success-hovered);
+  --color-border-success-pressed: var(--border-success-pressed);
+  --color-border-success-disabled: var(--border-success-disabled);
+  --color-border-warning: var(--border-warning);
+  --color-border-warning-hovered: var(--border-warning-hovered);
+  --color-border-warning-pressed: var(--border-warning-pressed);
+  --color-border-warning-disabled: var(--border-warning-disabled);
+  --color-border-danger: var(--border-danger);
+  --color-border-danger-hovered: var(--border-danger-hovered);
+  --color-border-danger-pressed: var(--border-danger-pressed);
+  --color-border-danger-disabled: var(--border-danger-disabled);
+
+  /* Interaction */
+  --color-focus-ring: var(--focus-ring);
+
+  /* Stacking order. Named tokens only — never a raw `z-[n]`.
+     `popover` and `modal` share a value on purpose: both portal to
+     `document.body`, so with equal z-index the later-appended portal paints on
+     top. A Select opened inside a Modal is appended after the Modal and lands
+     above it; a Modal opened while a popover is up is appended later and covers
+     it. Giving either a higher number breaks one of those two directions. */
+  --z-index-content-sticky: 10;
+  --z-index-app-bar: 30;
+  --z-index-sheet: 50;
+  --z-index-popover: 70;
+  --z-index-modal: 70;
+  --z-index-toast: 9999;
+
+  /* Overlay enter/exit pairs, selected by `data-state`. */
+  --animate-fade-in: fade-in 200ms ease-out forwards;
+  --animate-fade-out: fade-out 200ms ease-out forwards;
+  --animate-fade-in-slow: fade-in 300ms ease-out forwards;
+  --animate-fade-out-slow: fade-out 300ms ease-out forwards;
+  --animate-slide-up-in: slide-up-in 200ms ease-out forwards;
+  --animate-slide-up-out: slide-up-out 200ms ease-out forwards;
+  --animate-slide-right-in: slide-right-in 200ms ease-out forwards;
+  --animate-slide-right-out: slide-right-out 200ms ease-out forwards;
+  --animate-slide-left-in: slide-left-in 200ms ease-out forwards;
+  --animate-slide-left-out: slide-left-out 200ms ease-out forwards;
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  @keyframes fade-out {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 0;
+    }
+  }
+  @keyframes slide-up-in {
+    from {
+      transform: translateY(100%);
+    }
+    to {
+      transform: translateY(0);
+    }
+  }
+  @keyframes slide-up-out {
+    from {
+      transform: translateY(0);
+    }
+    to {
+      transform: translateY(100%);
+    }
+  }
+  @keyframes slide-right-in {
+    from {
+      transform: translateX(100%);
+    }
+    to {
+      transform: translateX(0);
+    }
+  }
+  @keyframes slide-right-out {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(100%);
+    }
+  }
+  @keyframes slide-left-in {
+    from {
+      transform: translateX(-100%);
+    }
+    to {
+      transform: translateX(0);
+    }
+  }
+  @keyframes slide-left-out {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(-100%);
+    }
+  }
+}
+
+/* =============================================================================
+   4. BASE LAYER
+   ============================================================================= */
+
+/* Not app styling — each of these is something the components depend on. */
+@layer base {
+  /* Tailwind's preflight defaults border-color to currentColor, so any component
+     using a bare `border` would take its border from the text colour. */
+  * {
+    @apply border-border-normal;
+  }
+
+  /* Twenty components have no focus style of their own and rely on this. */
+  :focus-visible {
+    @apply outline-hidden ring-2 ring-focus-ring ring-offset-2 ring-offset-bg-normal;
+  }
+
+  /* Honored globally rather than per component, so every animation the system
+     ships inherits it. `!important` is the point: it has to beat the animation
+     utilities on the elements themselves. */
+  @media (prefers-reduced-motion: reduce) {
+    /* biome-ignore-start lint/complexity/noImportantStyles: overriding utility-level animations is the intent */
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+    }
+    /* biome-ignore-end lint/complexity/noImportantStyles: overriding utility-level animations is the intent */
+  }
+}

package/src/{theme/schema.ts → theming/vocabulary.ts}

@@ -1,12 +1,12 @@
 /**
- * Theme Schema
+ * Token naming vocabulary
  *
  * The naming convention for design tokens, as types and as data:
  *
  *   {context}-[on-]{intent}[-{weight}][-{state}]
  *
- * src/theme/tokens.css is the only place tokens are defined, and nothing derives
- * TypeScript from it. These types describe the *shape* a token name can take
+ * The theme sources (src/theme/<name>/ plus src/theming/tailwind.css) are the only place
+ * tokens are defined, and nothing derives TypeScript from them. These types describe the *shape* a token name can take
  * rather than enumerating the names that happen to exist today, which is why the
  * vocabulary below is the thing to edit when the system grows a new axis.
  *

package/dist/theme/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Theme Exports
- *
- * The token naming vocabulary and its types. Token *values* live in
- * src/theme/tokens.css and are read from the stylesheet, not from here.
- */
-export type { BgToken, BorderToken, ColorMode, ColorModeSchema, ColorToken, Context, CSSVarName, Feedback, FgToken, HexValue, Hierarchy, Intent, Semantic, StandaloneToken, State, ThemeSchema, TokenName, Weight, } from "./schema.js";
-export { contexts, cssVar, feedback, hierarchy, intents, semantics, standaloneTokens, states, weights, } from "./schema.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EACV,OAAO,EACP,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EACV,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,SAAS,EACT,MAAM,GACP,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,GACR,MAAM,UAAU,CAAC"}

package/dist/theme/index.js

@@ -1,8 +0,0 @@
-/**
- * Theme Exports
- *
- * The token naming vocabulary and its types. Token *values* live in
- * src/theme/tokens.css and are read from the stylesheet, not from here.
- */
-export { contexts, cssVar, feedback, hierarchy, intents, semantics, standaloneTokens, states, weights, } from "./schema.js";
-//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAuBH,OAAO,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,GACR,MAAM,UAAU,CAAC"}

package/dist/theme/schema.d.ts.map

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

package/dist/theme/schema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../src/theme/schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAYH,gFAAgF;AAChF,aAAa;AACb,gFAAgF;AAEhF,gDAAgD;AAChD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAU,CAAC;AAGxD,0CAA0C;AAC1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAGjE,mCAAmC;AACnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAC;AAGlE,oBAAoB;AACpB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,SAAS,EAAE,GAAG,QAAQ,CAAU,CAAC;AAG9D,gFAAgF;AAChF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU,CAAC;AAGnE,8DAA8D;AAC9D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAGrD,yBAAyB;AACzB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAU,CAAC;AAGlE,0DAA0D;AAC1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,YAAY,CAAU,CAAC;AAiDxD,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,kCAAkC;AAClC,MAAM,UAAU,MAAM,CAAC,KAAiB;IACtC,OAAO,SAAS,KAAK,GAAG,CAAC;AAC3B,CAAC"}

package/src/theme/index.ts

@@ -1,39 +0,0 @@
-/**
- * Theme Exports
- *
- * The token naming vocabulary and its types. Token *values* live in
- * src/theme/tokens.css and are read from the stylesheet, not from here.
- */
-
-export type {
-  BgToken,
-  BorderToken,
-  ColorMode,
-  ColorModeSchema,
-  ColorToken,
-  Context,
-  CSSVarName,
-  Feedback,
-  FgToken,
-  HexValue,
-  Hierarchy,
-  Intent,
-  Semantic,
-  StandaloneToken,
-  State,
-  ThemeSchema,
-  TokenName,
-  Weight,
-} from "./schema";
-
-export {
-  contexts,
-  cssVar,
-  feedback,
-  hierarchy,
-  intents,
-  semantics,
-  standaloneTokens,
-  states,
-  weights,
-} from "./schema";

package/src/theme/recipes/index.css

@@ -1,28 +0,0 @@
-/**
- * Tier 3 — the component recipes.
- *
- * One file per component, aggregated here so `tokens.css` has a single import
- * and adding a component does not touch a file anyone else is editing. Each
- * recipe maps `(variant, intent, state)` to a semantic token; see button.css
- * for the pattern and the reasoning behind `@layer components`.
- */
-@import "./button.css";
-@import "./badge.css";
-@import "./message.css";
-@import "./spinner.css";
-@import "./tabs.css";
-@import "./toggle.css";
-
-/* Form controls and surfaces — the components consumers most often restyle. */
-@import "./input.css";
-@import "./textarea.css";
-@import "./search-input.css";
-@import "./field.css";
-@import "./checkbox.css";
-@import "./radio-button.css";
-@import "./switch.css";
-@import "./card.css";
-@import "./modal.css";
-@import "./sheet.css";
-@import "./select.css";
-@import "./tag-chip.css";