@ecopages/radiant-ui 0.1.0-beta.0 → 0.1.0-beta.2

package/dist/styles/tokens/presets/colors/index.css

@@ -1,4 +1,446 @@
-@import './glacier.css';
-@import './aurora.css';
-@import './basalt.css';
-@import './ember.css';
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+html[data-rui-colors='glacier'], html:not([data-rui-colors]) {
+  --gray-50: var(--color-glacier-white-50);
+  --gray-100: var(--color-glacier-white-100);
+  --gray-200: var(--color-glacier-white-200);
+  --gray-300: var(--color-glacier-white-300);
+  --gray-400: var(--color-glacier-white-400);
+  --gray-500: var(--color-glacier-white-500);
+  --gray-600: var(--color-glacier-white-600);
+  --gray-700: var(--color-glacier-white-700);
+  --gray-800: var(--color-glacier-white-800);
+  --gray-900: var(--color-glacier-white-900);
+  --gray-950: var(--color-glacier-white-950);
+  --primary: var(--color-night-sky-500);
+  --on-primary: var(--color-glacier-white-50);
+  --primary-container: var(--color-night-sky-100);
+  --on-primary-container: var(--color-night-sky-900);
+  --primary-light: var(--color-night-sky-400);
+  --primary-dark: var(--color-night-sky-700);
+  --secondary: var(--color-scarlet-500);
+  --on-secondary: var(--color-glacier-white-50);
+  --secondary-container: var(--color-scarlet-100);
+  --on-secondary-container: var(--color-scarlet-900);
+  --secondary-light: var(--color-scarlet-400);
+  --secondary-dark: var(--color-scarlet-700);
+  --tertiary: var(--color-navy-blue-700);
+  --on-tertiary: var(--color-glacier-white-50);
+  --tertiary-container: var(--color-night-sky-100);
+  --on-tertiary-container: var(--color-navy-blue-700);
+  --error: var(--color-scarlet-600);
+  --on-error: var(--color-glacier-white-50);
+  --error-container: var(--color-scarlet-100);
+  --on-error-container: var(--color-scarlet-900);
+  --error-light: var(--color-scarlet-400);
+  --error-dark: var(--color-scarlet-800);
+  --success: var(--color-night-sky-600);
+  --on-success: var(--color-glacier-white-50);
+  --success-container: var(--color-night-sky-100);
+  --on-success-container: var(--color-night-sky-900);
+  --success-light: var(--color-night-sky-400);
+  --success-dark: var(--color-night-sky-800);
+  --neutral: var(--color-glacier-white-500);
+  --surface: var(--color-glacier-white-100);
+  --on-surface: var(--color-glacier-white-900);
+  --surface-container-lowest: var(--color-glacier-white-100);
+  --on-surface-container-lowest: var(--color-glacier-white-900);
+  --surface-container-low: var(--color-glacier-white-200);
+  --on-surface-container-low: var(--color-glacier-white-900);
+  --surface-container: var(--color-glacier-white-300);
+  --on-surface-container: var(--color-glacier-white-900);
+  --surface-container-high: var(--color-glacier-white-400);
+  --on-surface-container-high: var(--color-glacier-white-900);
+  --surface-container-highest: var(--color-glacier-white-500);
+  --on-surface-container-highest: var(--color-glacier-white-950);
+  --background: var(--color-glacier-white-50);
+  --on-background: var(--color-glacier-white-900);
+  --border: var(--color-glacier-white-900);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border: color-mix(in oklab, var(--color-glacier-white-900) 15%, transparent);
+  }
+  --focus-ring: var(--color-night-sky-500);
+  --link: var(--color-navy-blue-700);
+  --overlay: oklch(0% 0 0 / 0.45);
+  --background-code: var(--color-glacier-white-100);
+  --on-background-code: var(--color-laser-lemon-800);
+}
+html.dark[data-rui-colors='glacier'], html.dark:not([data-rui-colors]) {
+  --primary: var(--color-night-sky-400);
+  --on-primary: var(--color-glacier-white-950);
+  --primary-container: var(--color-night-sky-800);
+  --on-primary-container: var(--color-night-sky-50);
+  --primary-light: var(--color-night-sky-300);
+  --primary-dark: var(--color-night-sky-600);
+  --secondary: var(--color-scarlet-500);
+  --on-secondary: var(--color-glacier-white-950);
+  --secondary-container: var(--color-scarlet-800);
+  --on-secondary-container: var(--color-scarlet-100);
+  --secondary-light: var(--color-scarlet-400);
+  --secondary-dark: var(--color-scarlet-700);
+  --tertiary: var(--color-navy-blue-400);
+  --on-tertiary: var(--color-glacier-white-950);
+  --tertiary-container: var(--color-night-sky-800);
+  --on-tertiary-container: var(--color-navy-blue-400);
+  --error: var(--color-scarlet-500);
+  --on-error: var(--color-glacier-white-950);
+  --error-container: var(--color-scarlet-800);
+  --on-error-container: var(--color-scarlet-100);
+  --success: var(--color-night-sky-400);
+  --on-success: var(--color-glacier-white-950);
+  --success-container: var(--color-night-sky-800);
+  --on-success-container: var(--color-night-sky-100);
+  --surface: var(--color-glacier-white-900);
+  --on-surface: var(--color-glacier-white-50);
+  --surface-container-lowest: var(--color-glacier-white-950);
+  --on-surface-container-lowest: var(--color-glacier-white-50);
+  --surface-container-low: var(--color-glacier-white-900);
+  --on-surface-container-low: var(--color-glacier-white-50);
+  --surface-container: var(--color-glacier-white-800);
+  --on-surface-container: var(--color-glacier-white-50);
+  --surface-container-high: var(--color-glacier-white-700);
+  --on-surface-container-high: var(--color-glacier-white-50);
+  --surface-container-highest: var(--color-glacier-white-600);
+  --on-surface-container-highest: var(--color-glacier-white-50);
+  --background: var(--color-glacier-white-950);
+  --on-background: var(--color-glacier-white-50);
+  --border: var(--color-glacier-white-50);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border: color-mix(in oklab, var(--color-glacier-white-50) 18%, transparent);
+  }
+  --focus-ring: var(--color-night-sky-400);
+  --link: var(--color-navy-blue-400);
+  --overlay: oklch(0% 0 0 / 0.65);
+  --background-code: var(--color-glacier-white-900);
+  --on-background-code: var(--color-laser-lemon-300);
+}
+html[data-rui-colors='aurora'] {
+  --gray-50: var(--color-pale-sky-50);
+  --gray-100: var(--color-pale-sky-100);
+  --gray-200: var(--color-pale-sky-200);
+  --gray-300: var(--color-pale-sky-300);
+  --gray-400: var(--color-pale-sky-400);
+  --gray-500: var(--color-pale-sky-500);
+  --gray-600: var(--color-pale-sky-600);
+  --gray-700: var(--color-pale-sky-700);
+  --gray-800: var(--color-pale-sky-800);
+  --gray-900: var(--color-pale-sky-900);
+  --gray-950: var(--color-pale-sky-950);
+  --primary: var(--color-havelock-blue-800);
+  --on-primary: var(--color-white);
+  --primary-container: var(--color-havelock-blue-100);
+  --on-primary-container: var(--color-havelock-blue-800);
+  --primary-light: var(--color-havelock-blue-500);
+  --primary-dark: var(--color-havelock-blue-900);
+  --secondary: var(--color-hit-pink-600);
+  --on-secondary: var(--color-black);
+  --secondary-container: var(--color-hit-pink-100);
+  --on-secondary-container: var(--color-hit-pink-800);
+  --secondary-light: var(--color-hit-pink-400);
+  --secondary-dark: var(--color-hit-pink-800);
+  --tertiary: var(--color-fruit-salad-700);
+  --on-tertiary: var(--color-white);
+  --tertiary-container: var(--color-fruit-salad-100);
+  --on-tertiary-container: var(--color-fruit-salad-800);
+  --error: var(--color-cardinal-600);
+  --on-error: var(--color-white);
+  --error-container: var(--color-cardinal-100);
+  --on-error-container: var(--color-cardinal-800);
+  --error-light: var(--color-cardinal-400);
+  --error-dark: var(--color-cardinal-800);
+  --success: var(--color-fruit-salad-600);
+  --on-success: var(--color-white);
+  --success-container: var(--color-fruit-salad-100);
+  --on-success-container: var(--color-fruit-salad-800);
+  --success-light: var(--color-fruit-salad-400);
+  --success-dark: var(--color-fruit-salad-800);
+  --neutral: var(--color-pale-sky-500);
+  --surface: var(--color-pale-sky-50);
+  --on-surface: var(--color-black);
+  --surface-container-lowest: var(--color-pale-sky-100);
+  --on-surface-container-lowest: var(--color-black);
+  --surface-container-low: var(--color-pale-sky-200);
+  --on-surface-container-low: var(--color-black);
+  --surface-container: var(--color-pale-sky-300);
+  --on-surface-container: var(--color-black);
+  --surface-container-high: var(--color-pale-sky-400);
+  --on-surface-container-high: var(--color-black);
+  --surface-container-highest: var(--color-pale-sky-500);
+  --on-surface-container-highest: var(--color-black);
+  --background: var(--color-white);
+  --on-background: var(--color-black);
+  --border: var(--color-pale-sky-400);
+  --focus-ring: var(--color-havelock-blue-500);
+  --link: var(--color-havelock-blue-700);
+  --overlay: oklch(0% 0 0 / 0.4);
+  --background-code: var(--color-pale-sky-900);
+  --on-background-code: var(--color-fruit-salad-300);
+}
+html.dark[data-rui-colors='aurora'] {
+  --primary: var(--color-havelock-blue-200);
+  --on-primary: var(--color-black);
+  --primary-container: var(--color-havelock-blue-800);
+  --on-primary-container: var(--color-havelock-blue-50);
+  --primary-light: var(--color-havelock-blue-300);
+  --primary-dark: var(--color-havelock-blue-900);
+  --secondary: var(--color-hit-pink-200);
+  --on-secondary: var(--color-black);
+  --secondary-container: var(--color-hit-pink-800);
+  --on-secondary-container: var(--color-hit-pink-50);
+  --tertiary: var(--color-fruit-salad-200);
+  --on-tertiary: var(--color-black);
+  --tertiary-container: var(--color-fruit-salad-800);
+  --on-tertiary-container: var(--color-fruit-salad-50);
+  --error: var(--color-cardinal-200);
+  --on-error: var(--color-black);
+  --error-container: var(--color-cardinal-800);
+  --on-error-container: var(--color-cardinal-50);
+  --success: var(--color-fruit-salad-200);
+  --on-success: var(--color-black);
+  --success-container: var(--color-fruit-salad-800);
+  --on-success-container: var(--color-fruit-salad-50);
+  --surface: var(--color-pale-sky-975);
+  --on-surface: var(--color-white);
+  --surface-container-lowest: var(--color-pale-sky-950);
+  --on-surface-container-lowest: var(--color-white);
+  --surface-container-low: var(--color-pale-sky-900);
+  --on-surface-container-low: var(--color-white);
+  --surface-container: var(--color-pale-sky-800);
+  --on-surface-container: var(--color-white);
+  --surface-container-high: var(--color-pale-sky-700);
+  --on-surface-container-high: var(--color-white);
+  --surface-container-highest: var(--color-pale-sky-600);
+  --on-surface-container-highest: var(--color-white);
+  --background: var(--color-black);
+  --on-background: var(--color-white);
+  --border: var(--color-pale-sky-700);
+  --focus-ring: var(--color-havelock-blue-400);
+  --link: var(--color-havelock-blue-300);
+  --overlay: oklch(0% 0 0 / 0.6);
+  --background-code: var(--color-pale-sky-950);
+  --on-background-code: var(--color-fruit-salad-200);
+}
+html[data-rui-colors='basalt'] {
+  --gray-50: var(--color-basalt-50);
+  --gray-100: var(--color-basalt-100);
+  --gray-200: var(--color-basalt-200);
+  --gray-300: var(--color-basalt-300);
+  --gray-400: var(--color-basalt-400);
+  --gray-500: var(--color-basalt-500);
+  --gray-600: var(--color-basalt-600);
+  --gray-700: var(--color-basalt-700);
+  --gray-800: var(--color-basalt-800);
+  --gray-900: var(--color-basalt-900);
+  --gray-950: var(--color-basalt-950);
+  --primary: var(--color-carbon-blue-500);
+  --on-primary: var(--color-white);
+  --primary-container: var(--color-carbon-blue-100);
+  --on-primary-container: var(--color-carbon-blue-800);
+  --primary-light: var(--color-carbon-blue-400);
+  --primary-dark: var(--color-carbon-blue-700);
+  --secondary: var(--color-carbon-teal-600);
+  --on-secondary: var(--color-white);
+  --secondary-container: var(--color-basalt-200);
+  --on-secondary-container: var(--color-basalt-900);
+  --secondary-light: var(--color-carbon-teal-400);
+  --secondary-dark: var(--color-basalt-800);
+  --tertiary: var(--color-basalt-700);
+  --on-tertiary: var(--color-white);
+  --tertiary-container: var(--color-basalt-200);
+  --on-tertiary-container: var(--color-basalt-900);
+  --error: var(--color-carbon-red-600);
+  --on-error: var(--color-white);
+  --error-container: var(--color-carbon-red-100);
+  --on-error-container: var(--color-carbon-red-800);
+  --error-light: var(--color-carbon-red-500);
+  --error-dark: var(--color-carbon-red-800);
+  --success: var(--color-carbon-teal-600);
+  --on-success: var(--color-white);
+  --success-container: var(--color-basalt-200);
+  --on-success-container: var(--color-basalt-900);
+  --success-light: var(--color-carbon-teal-400);
+  --success-dark: var(--color-basalt-800);
+  --neutral: var(--color-basalt-500);
+  --surface: var(--color-basalt-100);
+  --on-surface: var(--color-basalt-900);
+  --surface-container-lowest: var(--color-basalt-100);
+  --on-surface-container-lowest: var(--color-basalt-900);
+  --surface-container-low: var(--color-basalt-200);
+  --on-surface-container-low: var(--color-basalt-900);
+  --surface-container: var(--color-basalt-300);
+  --on-surface-container: var(--color-basalt-900);
+  --surface-container-high: var(--color-basalt-400);
+  --on-surface-container-high: var(--color-basalt-950);
+  --surface-container-highest: var(--color-basalt-500);
+  --on-surface-container-highest: var(--color-basalt-950);
+  --background: var(--color-basalt-50);
+  --on-background: var(--color-basalt-900);
+  --border: var(--color-basalt-400);
+  --focus-ring: var(--color-carbon-blue-500);
+  --link: var(--color-carbon-blue-600);
+  --overlay: oklch(0% 0 0 / 0.5);
+  --background-code: var(--color-basalt-900);
+  --on-background-code: var(--color-carbon-teal-400);
+}
+html.dark[data-rui-colors='basalt'] {
+  --primary: var(--color-carbon-blue-400);
+  --on-primary: var(--color-basalt-950);
+  --primary-container: var(--color-carbon-blue-800);
+  --on-primary-container: var(--color-carbon-blue-100);
+  --primary-light: var(--color-carbon-blue-300);
+  --primary-dark: var(--color-carbon-blue-700);
+  --secondary: var(--color-carbon-teal-400);
+  --on-secondary: var(--color-basalt-950);
+  --secondary-container: var(--color-basalt-800);
+  --on-secondary-container: var(--color-basalt-100);
+  --tertiary: var(--color-basalt-300);
+  --on-tertiary: var(--color-basalt-950);
+  --tertiary-container: var(--color-basalt-800);
+  --on-tertiary-container: var(--color-basalt-100);
+  --error: var(--color-carbon-red-500);
+  --on-error: var(--color-basalt-950);
+  --error-container: var(--color-carbon-red-800);
+  --on-error-container: var(--color-carbon-red-100);
+  --success: var(--color-carbon-teal-400);
+  --on-success: var(--color-basalt-950);
+  --success-container: var(--color-basalt-800);
+  --on-success-container: var(--color-basalt-100);
+  --surface: var(--color-basalt-975);
+  --on-surface: var(--color-basalt-50);
+  --surface-container-lowest: var(--color-basalt-950);
+  --on-surface-container-lowest: var(--color-basalt-50);
+  --surface-container-low: var(--color-basalt-900);
+  --on-surface-container-low: var(--color-basalt-50);
+  --surface-container: var(--color-basalt-800);
+  --on-surface-container: var(--color-basalt-50);
+  --surface-container-high: var(--color-basalt-700);
+  --on-surface-container-high: var(--color-basalt-50);
+  --surface-container-highest: var(--color-basalt-600);
+  --on-surface-container-highest: var(--color-basalt-50);
+  --background: var(--color-basalt-950);
+  --on-background: var(--color-basalt-50);
+  --border: var(--color-basalt-700);
+  --focus-ring: var(--color-carbon-blue-400);
+  --link: var(--color-carbon-blue-400);
+  --overlay: oklch(0% 0 0 / 0.7);
+  --background-code: var(--color-basalt-975);
+  --on-background-code: var(--color-carbon-teal-400);
+}
+html[data-rui-colors='ember'] {
+  --gray-50: var(--color-glacier-white-50);
+  --gray-100: var(--color-glacier-white-100);
+  --gray-200: var(--color-glacier-white-200);
+  --gray-300: var(--color-glacier-white-300);
+  --gray-400: var(--color-glacier-white-400);
+  --gray-500: var(--color-glacier-white-500);
+  --gray-600: var(--color-glacier-white-600);
+  --gray-700: var(--color-glacier-white-700);
+  --gray-800: var(--color-glacier-white-800);
+  --gray-900: var(--color-glacier-white-900);
+  --gray-950: var(--color-glacier-white-950);
+  --primary: var(--color-scarlet-600);
+  --on-primary: var(--color-glacier-white-50);
+  --primary-container: var(--color-scarlet-100);
+  --on-primary-container: var(--color-scarlet-900);
+  --primary-light: var(--color-scarlet-400);
+  --primary-dark: var(--color-scarlet-800);
+  --secondary: var(--color-night-sky-600);
+  --on-secondary: var(--color-glacier-white-50);
+  --secondary-container: var(--color-night-sky-100);
+  --on-secondary-container: var(--color-night-sky-900);
+  --secondary-light: var(--color-night-sky-400);
+  --secondary-dark: var(--color-night-sky-800);
+  --tertiary: var(--color-laser-lemon-800);
+  --on-tertiary: var(--color-glacier-white-50);
+  --tertiary-container: var(--color-glacier-white-200);
+  --on-tertiary-container: var(--color-glacier-white-900);
+  --error: var(--color-scarlet-700);
+  --on-error: var(--color-glacier-white-50);
+  --error-container: var(--color-scarlet-100);
+  --on-error-container: var(--color-scarlet-900);
+  --error-light: var(--color-scarlet-500);
+  --error-dark: var(--color-scarlet-900);
+  --success: var(--color-night-sky-600);
+  --on-success: var(--color-glacier-white-50);
+  --success-container: var(--color-night-sky-100);
+  --on-success-container: var(--color-night-sky-900);
+  --success-light: var(--color-night-sky-400);
+  --success-dark: var(--color-night-sky-800);
+  --neutral: var(--color-glacier-white-500);
+  --surface: var(--color-glacier-white-100);
+  --on-surface: var(--color-glacier-white-900);
+  --surface-container-lowest: var(--color-glacier-white-100);
+  --on-surface-container-lowest: var(--color-glacier-white-900);
+  --surface-container-low: var(--color-glacier-white-200);
+  --on-surface-container-low: var(--color-glacier-white-900);
+  --surface-container: var(--color-glacier-white-300);
+  --on-surface-container: var(--color-glacier-white-900);
+  --surface-container-high: var(--color-glacier-white-400);
+  --on-surface-container-high: var(--color-glacier-white-900);
+  --surface-container-highest: var(--color-glacier-white-500);
+  --on-surface-container-highest: var(--color-glacier-white-950);
+  --background: var(--color-glacier-white-50);
+  --on-background: var(--color-glacier-white-900);
+  --border: var(--color-glacier-white-900);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border: color-mix(in oklab, var(--color-glacier-white-900) 12%, transparent);
+  }
+  --focus-ring: var(--color-scarlet-500);
+  --link: var(--color-scarlet-700);
+  --overlay: oklch(0% 0 0 / 0.42);
+  --background-code: var(--color-glacier-white-100);
+  --on-background-code: var(--color-scarlet-800);
+}
+html.dark[data-rui-colors='ember'] {
+  --primary: var(--color-scarlet-400);
+  --on-primary: var(--color-glacier-white-950);
+  --primary-container: var(--color-scarlet-800);
+  --on-primary-container: var(--color-scarlet-100);
+  --primary-light: var(--color-scarlet-300);
+  --primary-dark: var(--color-scarlet-800);
+  --secondary: var(--color-night-sky-400);
+  --on-secondary: var(--color-glacier-white-950);
+  --secondary-container: var(--color-night-sky-800);
+  --on-secondary-container: var(--color-night-sky-100);
+  --secondary-light: var(--color-night-sky-300);
+  --secondary-dark: var(--color-night-sky-700);
+  --tertiary: var(--color-laser-lemon-300);
+  --on-tertiary: var(--color-glacier-white-950);
+  --tertiary-container: var(--color-glacier-white-800);
+  --on-tertiary-container: var(--color-laser-lemon-300);
+  --error: var(--color-scarlet-500);
+  --on-error: var(--color-glacier-white-950);
+  --error-container: var(--color-scarlet-800);
+  --on-error-container: var(--color-scarlet-100);
+  --error-light: var(--color-scarlet-400);
+  --error-dark: var(--color-scarlet-900);
+  --success: var(--color-night-sky-400);
+  --on-success: var(--color-glacier-white-950);
+  --success-container: var(--color-night-sky-800);
+  --on-success-container: var(--color-night-sky-100);
+  --success-light: var(--color-night-sky-300);
+  --success-dark: var(--color-night-sky-700);
+  --neutral: var(--color-glacier-white-500);
+  --surface: var(--color-glacier-white-900);
+  --on-surface: var(--color-glacier-white-50);
+  --surface-container-lowest: var(--color-glacier-white-950);
+  --on-surface-container-lowest: var(--color-glacier-white-50);
+  --surface-container-low: var(--color-glacier-white-900);
+  --on-surface-container-low: var(--color-glacier-white-50);
+  --surface-container: var(--color-glacier-white-800);
+  --on-surface-container: var(--color-glacier-white-50);
+  --surface-container-high: var(--color-glacier-white-700);
+  --on-surface-container-high: var(--color-glacier-white-50);
+  --surface-container-highest: var(--color-glacier-white-600);
+  --on-surface-container-highest: var(--color-glacier-white-50);
+  --background: var(--color-glacier-white-950);
+  --on-background: var(--color-glacier-white-50);
+  --border: var(--color-glacier-white-50);
+  @supports (color: color-mix(in lab, red, red)) {
+    --border: color-mix(in oklab, var(--color-glacier-white-50) 16%, transparent);
+  }
+  --focus-ring: var(--color-scarlet-400);
+  --link: var(--color-scarlet-400);
+  --overlay: oklch(0% 0 0 / 0.62);
+  --background-code: var(--color-glacier-white-900);
+  --on-background-code: var(--color-scarlet-300);
+}

package/dist/styles/tokens/radius/default.css

@@ -1,34 +1,20 @@
-/**
- * Default radius pack.
- */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 :root {
-	--border-radius-none: 0;
-	--border-radius-xs: 0.125rem;
-	--border-radius-sm: 0.25rem;
-	--border-radius-md: 0.375rem;
-	--border-radius-lg: 0.5rem;
-	--border-radius-xl: 0.75rem;
-	--border-radius-2xl: 1rem;
-	--border-radius-3xl: 1.5rem;
-	--border-radius-full: 9999px;
-
-	--radius-control: var(--border-radius-sm);
-	--radius-container: var(--border-radius-md);
-	--radius-pill: var(--border-radius-full);
+  --border-radius-none: 0;
+  --border-radius-xs: 0.125rem;
+  --border-radius-sm: 0.25rem;
+  --border-radius-md: 0.375rem;
+  --border-radius-lg: 0.5rem;
+  --border-radius-xl: 0.75rem;
+  --border-radius-2xl: 1rem;
+  --border-radius-3xl: 1.5rem;
+  --border-radius-full: 9999px;
+  --radius-control: var(--border-radius-sm);
+  --radius-container: var(--border-radius-md);
+  --radius-pill: var(--border-radius-full);
 }
-
-@theme {
-	--radius-none: var(--border-radius-none);
-	--radius-xs: var(--border-radius-xs);
-	--radius-sm: var(--border-radius-sm);
-	--radius-md: var(--border-radius-md);
-	--radius-lg: var(--border-radius-lg);
-	--radius-xl: var(--border-radius-xl);
-	--radius-2xl: var(--border-radius-2xl);
-	--radius-3xl: var(--border-radius-3xl);
-	--radius-full: var(--border-radius-full);
-	--radius-control: var(--radius-control);
-	--radius-container: var(--radius-container);
-	--radius-pill: var(--radius-pill);
-	--radius-button: var(--radius-control);
+:root, :host {
+  --radius-control: var(--radius-control);
+  --radius-container: var(--radius-container);
+  --radius-pill: var(--radius-pill);
 }

package/dist/styles/tokens/radius/edgy.css

@@ -1,35 +1,20 @@
-/**
- * Sharp radius pack ? square corners (public name; token file `edgy.css`).
- * Controls and containers use 0 radius; pills stay fully rounded.
- */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 :root {
-	--border-radius-none: 0;
-	--border-radius-xs: 0;
-	--border-radius-sm: 0;
-	--border-radius-md: 0;
-	--border-radius-lg: 0;
-	--border-radius-xl: 0;
-	--border-radius-2xl: 0;
-	--border-radius-3xl: 0;
-	--border-radius-full: 9999px;
-
-	--radius-control: 0;
-	--radius-container: 0;
-	--radius-pill: var(--border-radius-full);
+  --border-radius-none: 0;
+  --border-radius-xs: 0;
+  --border-radius-sm: 0;
+  --border-radius-md: 0;
+  --border-radius-lg: 0;
+  --border-radius-xl: 0;
+  --border-radius-2xl: 0;
+  --border-radius-3xl: 0;
+  --border-radius-full: 9999px;
+  --radius-control: 0;
+  --radius-container: 0;
+  --radius-pill: var(--border-radius-full);
 }
-
-@theme {
-	--radius-none: var(--border-radius-none);
-	--radius-xs: var(--border-radius-xs);
-	--radius-sm: var(--border-radius-sm);
-	--radius-md: var(--border-radius-md);
-	--radius-lg: var(--border-radius-lg);
-	--radius-xl: var(--border-radius-xl);
-	--radius-2xl: var(--border-radius-2xl);
-	--radius-3xl: var(--border-radius-3xl);
-	--radius-full: var(--border-radius-full);
-	--radius-control: var(--radius-control);
-	--radius-container: var(--radius-container);
-	--radius-pill: var(--radius-pill);
-	--radius-button: var(--radius-control);
+:root, :host {
+  --radius-control: var(--radius-control);
+  --radius-container: var(--radius-container);
+  --radius-pill: var(--radius-pill);
 }

package/dist/styles/tokens/radius/sharp.css

@@ -1,2 +1,20 @@
-/** Alias: sharp = edgy (square corners). */
-@import './edgy.css';
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+:root {
+  --border-radius-none: 0;
+  --border-radius-xs: 0;
+  --border-radius-sm: 0;
+  --border-radius-md: 0;
+  --border-radius-lg: 0;
+  --border-radius-xl: 0;
+  --border-radius-2xl: 0;
+  --border-radius-3xl: 0;
+  --border-radius-full: 9999px;
+  --radius-control: 0;
+  --radius-container: 0;
+  --radius-pill: var(--border-radius-full);
+}
+:root, :host {
+  --radius-control: var(--radius-control);
+  --radius-container: var(--radius-container);
+  --radius-pill: var(--radius-pill);
+}

package/dist/styles/tokens/radius/soft.css

@@ -1,34 +1,20 @@
-/**
- * Soft radius pack — generous rounding.
- */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 :root {
-	--border-radius-none: 0;
-	--border-radius-xs: 0.25rem;
-	--border-radius-sm: 0.5rem;
-	--border-radius-md: 0.75rem;
-	--border-radius-lg: 1rem;
-	--border-radius-xl: 1.25rem;
-	--border-radius-2xl: 1.5rem;
-	--border-radius-3xl: 2rem;
-	--border-radius-full: 9999px;
-
-	--radius-control: var(--border-radius-md);
-	--radius-container: var(--border-radius-lg);
-	--radius-pill: var(--border-radius-full);
+  --border-radius-none: 0;
+  --border-radius-xs: 0.25rem;
+  --border-radius-sm: 0.5rem;
+  --border-radius-md: 0.75rem;
+  --border-radius-lg: 1rem;
+  --border-radius-xl: 1.25rem;
+  --border-radius-2xl: 1.5rem;
+  --border-radius-3xl: 2rem;
+  --border-radius-full: 9999px;
+  --radius-control: var(--border-radius-md);
+  --radius-container: var(--border-radius-lg);
+  --radius-pill: var(--border-radius-full);
 }
-
-@theme {
-	--radius-none: var(--border-radius-none);
-	--radius-xs: var(--border-radius-xs);
-	--radius-sm: var(--border-radius-sm);
-	--radius-md: var(--border-radius-md);
-	--radius-lg: var(--border-radius-lg);
-	--radius-xl: var(--border-radius-xl);
-	--radius-2xl: var(--border-radius-2xl);
-	--radius-3xl: var(--border-radius-3xl);
-	--radius-full: var(--border-radius-full);
-	--radius-control: var(--radius-control);
-	--radius-container: var(--radius-container);
-	--radius-pill: var(--radius-pill);
-	--radius-button: var(--radius-control);
+:root, :host {
+  --radius-control: var(--radius-control);
+  --radius-container: var(--radius-container);
+  --radius-pill: var(--radius-pill);
 }