@radui/ui 0.4.0 → 0.6.0

package/dist/themes/tailwind-presets/default.css

@@ -0,0 +1,396 @@
+/* This file is generated. Edit styles/jsTokens/*.js and run
+ * `npm run generate-tailwind-preset` to regenerate it. */
+
+/* Rad UI theme for Tailwind CSS v4.
+
+ * Import after Tailwind itself:
+ *
+ *   @import "tailwindcss";
+ *   @import "@radui/ui/themes/tailwind-presets/default.css";
+
+ * Every value resolves through a `--rad-ui-*` custom property defined by the
+ * Rad UI theme CSS, so swapping themes (including dark mode) re-resolves the
+ * generated utilities without a rebuild. Opacity modifiers (`bg-gray-50/90`)
+ * are composed by Tailwind with color-mix() and need no placeholder here.
+ *
+ * `inline` is required: it inlines each value into the utilities that use it so
+ * the `--rad-ui-*` reference resolves on the element, which is what makes nested
+ * and dark themes work. Consumers wanting these as CSS variables should read the
+ * `--rad-ui-*` properties directly; they are not emitted from this file. */
+
+@theme inline {
+  --color-gray-50: oklch(from var(--rad-ui-color-gray-50) l c h);
+  --color-gray-100: oklch(from var(--rad-ui-color-gray-100) l c h);
+  --color-gray-200: oklch(from var(--rad-ui-color-gray-200) l c h);
+  --color-gray-300: oklch(from var(--rad-ui-color-gray-300) l c h);
+  --color-gray-400: oklch(from var(--rad-ui-color-gray-400) l c h);
+  --color-gray-500: oklch(from var(--rad-ui-color-gray-500) l c h);
+  --color-gray-600: oklch(from var(--rad-ui-color-gray-600) l c h);
+  --color-gray-700: oklch(from var(--rad-ui-color-gray-700) l c h);
+  --color-gray-800: oklch(from var(--rad-ui-color-gray-800) l c h);
+  --color-gray-900: oklch(from var(--rad-ui-color-gray-900) l c h);
+  --color-gray-950: oklch(from var(--rad-ui-color-gray-950) l c h);
+  --color-gray-1000: oklch(from var(--rad-ui-color-gray-1000) l c h);
+  --color-mauve-50: oklch(from var(--rad-ui-color-mauve-50) l c h);
+  --color-mauve-100: oklch(from var(--rad-ui-color-mauve-100) l c h);
+  --color-mauve-200: oklch(from var(--rad-ui-color-mauve-200) l c h);
+  --color-mauve-300: oklch(from var(--rad-ui-color-mauve-300) l c h);
+  --color-mauve-400: oklch(from var(--rad-ui-color-mauve-400) l c h);
+  --color-mauve-500: oklch(from var(--rad-ui-color-mauve-500) l c h);
+  --color-mauve-600: oklch(from var(--rad-ui-color-mauve-600) l c h);
+  --color-mauve-700: oklch(from var(--rad-ui-color-mauve-700) l c h);
+  --color-mauve-800: oklch(from var(--rad-ui-color-mauve-800) l c h);
+  --color-mauve-900: oklch(from var(--rad-ui-color-mauve-900) l c h);
+  --color-mauve-950: oklch(from var(--rad-ui-color-mauve-950) l c h);
+  --color-mauve-1000: oklch(from var(--rad-ui-color-mauve-1000) l c h);
+  --color-slate-50: oklch(from var(--rad-ui-color-slate-50) l c h);
+  --color-slate-100: oklch(from var(--rad-ui-color-slate-100) l c h);
+  --color-slate-200: oklch(from var(--rad-ui-color-slate-200) l c h);
+  --color-slate-300: oklch(from var(--rad-ui-color-slate-300) l c h);
+  --color-slate-400: oklch(from var(--rad-ui-color-slate-400) l c h);
+  --color-slate-500: oklch(from var(--rad-ui-color-slate-500) l c h);
+  --color-slate-600: oklch(from var(--rad-ui-color-slate-600) l c h);
+  --color-slate-700: oklch(from var(--rad-ui-color-slate-700) l c h);
+  --color-slate-800: oklch(from var(--rad-ui-color-slate-800) l c h);
+  --color-slate-900: oklch(from var(--rad-ui-color-slate-900) l c h);
+  --color-slate-950: oklch(from var(--rad-ui-color-slate-950) l c h);
+  --color-slate-1000: oklch(from var(--rad-ui-color-slate-1000) l c h);
+  --color-sage-50: oklch(from var(--rad-ui-color-sage-50) l c h);
+  --color-sage-100: oklch(from var(--rad-ui-color-sage-100) l c h);
+  --color-sage-200: oklch(from var(--rad-ui-color-sage-200) l c h);
+  --color-sage-300: oklch(from var(--rad-ui-color-sage-300) l c h);
+  --color-sage-400: oklch(from var(--rad-ui-color-sage-400) l c h);
+  --color-sage-500: oklch(from var(--rad-ui-color-sage-500) l c h);
+  --color-sage-600: oklch(from var(--rad-ui-color-sage-600) l c h);
+  --color-sage-700: oklch(from var(--rad-ui-color-sage-700) l c h);
+  --color-sage-800: oklch(from var(--rad-ui-color-sage-800) l c h);
+  --color-sage-900: oklch(from var(--rad-ui-color-sage-900) l c h);
+  --color-sage-950: oklch(from var(--rad-ui-color-sage-950) l c h);
+  --color-sage-1000: oklch(from var(--rad-ui-color-sage-1000) l c h);
+  --color-olive-50: oklch(from var(--rad-ui-color-olive-50) l c h);
+  --color-olive-100: oklch(from var(--rad-ui-color-olive-100) l c h);
+  --color-olive-200: oklch(from var(--rad-ui-color-olive-200) l c h);
+  --color-olive-300: oklch(from var(--rad-ui-color-olive-300) l c h);
+  --color-olive-400: oklch(from var(--rad-ui-color-olive-400) l c h);
+  --color-olive-500: oklch(from var(--rad-ui-color-olive-500) l c h);
+  --color-olive-600: oklch(from var(--rad-ui-color-olive-600) l c h);
+  --color-olive-700: oklch(from var(--rad-ui-color-olive-700) l c h);
+  --color-olive-800: oklch(from var(--rad-ui-color-olive-800) l c h);
+  --color-olive-900: oklch(from var(--rad-ui-color-olive-900) l c h);
+  --color-olive-950: oklch(from var(--rad-ui-color-olive-950) l c h);
+  --color-olive-1000: oklch(from var(--rad-ui-color-olive-1000) l c h);
+  --color-sand-50: oklch(from var(--rad-ui-color-sand-50) l c h);
+  --color-sand-100: oklch(from var(--rad-ui-color-sand-100) l c h);
+  --color-sand-200: oklch(from var(--rad-ui-color-sand-200) l c h);
+  --color-sand-300: oklch(from var(--rad-ui-color-sand-300) l c h);
+  --color-sand-400: oklch(from var(--rad-ui-color-sand-400) l c h);
+  --color-sand-500: oklch(from var(--rad-ui-color-sand-500) l c h);
+  --color-sand-600: oklch(from var(--rad-ui-color-sand-600) l c h);
+  --color-sand-700: oklch(from var(--rad-ui-color-sand-700) l c h);
+  --color-sand-800: oklch(from var(--rad-ui-color-sand-800) l c h);
+  --color-sand-900: oklch(from var(--rad-ui-color-sand-900) l c h);
+  --color-sand-950: oklch(from var(--rad-ui-color-sand-950) l c h);
+  --color-sand-1000: oklch(from var(--rad-ui-color-sand-1000) l c h);
+  --color-tomato-50: oklch(from var(--rad-ui-color-tomato-50) l c h);
+  --color-tomato-100: oklch(from var(--rad-ui-color-tomato-100) l c h);
+  --color-tomato-200: oklch(from var(--rad-ui-color-tomato-200) l c h);
+  --color-tomato-300: oklch(from var(--rad-ui-color-tomato-300) l c h);
+  --color-tomato-400: oklch(from var(--rad-ui-color-tomato-400) l c h);
+  --color-tomato-500: oklch(from var(--rad-ui-color-tomato-500) l c h);
+  --color-tomato-600: oklch(from var(--rad-ui-color-tomato-600) l c h);
+  --color-tomato-700: oklch(from var(--rad-ui-color-tomato-700) l c h);
+  --color-tomato-800: oklch(from var(--rad-ui-color-tomato-800) l c h);
+  --color-tomato-900: oklch(from var(--rad-ui-color-tomato-900) l c h);
+  --color-tomato-950: oklch(from var(--rad-ui-color-tomato-950) l c h);
+  --color-tomato-1000: oklch(from var(--rad-ui-color-tomato-1000) l c h);
+  --color-red-50: oklch(from var(--rad-ui-color-red-50) l c h);
+  --color-red-100: oklch(from var(--rad-ui-color-red-100) l c h);
+  --color-red-200: oklch(from var(--rad-ui-color-red-200) l c h);
+  --color-red-300: oklch(from var(--rad-ui-color-red-300) l c h);
+  --color-red-400: oklch(from var(--rad-ui-color-red-400) l c h);
+  --color-red-500: oklch(from var(--rad-ui-color-red-500) l c h);
+  --color-red-600: oklch(from var(--rad-ui-color-red-600) l c h);
+  --color-red-700: oklch(from var(--rad-ui-color-red-700) l c h);
+  --color-red-800: oklch(from var(--rad-ui-color-red-800) l c h);
+  --color-red-900: oklch(from var(--rad-ui-color-red-900) l c h);
+  --color-red-950: oklch(from var(--rad-ui-color-red-950) l c h);
+  --color-red-1000: oklch(from var(--rad-ui-color-red-1000) l c h);
+  --color-ruby-50: oklch(from var(--rad-ui-color-ruby-50) l c h);
+  --color-ruby-100: oklch(from var(--rad-ui-color-ruby-100) l c h);
+  --color-ruby-200: oklch(from var(--rad-ui-color-ruby-200) l c h);
+  --color-ruby-300: oklch(from var(--rad-ui-color-ruby-300) l c h);
+  --color-ruby-400: oklch(from var(--rad-ui-color-ruby-400) l c h);
+  --color-ruby-500: oklch(from var(--rad-ui-color-ruby-500) l c h);
+  --color-ruby-600: oklch(from var(--rad-ui-color-ruby-600) l c h);
+  --color-ruby-700: oklch(from var(--rad-ui-color-ruby-700) l c h);
+  --color-ruby-800: oklch(from var(--rad-ui-color-ruby-800) l c h);
+  --color-ruby-900: oklch(from var(--rad-ui-color-ruby-900) l c h);
+  --color-ruby-950: oklch(from var(--rad-ui-color-ruby-950) l c h);
+  --color-ruby-1000: oklch(from var(--rad-ui-color-ruby-1000) l c h);
+  --color-crimson-50: oklch(from var(--rad-ui-color-crimson-50) l c h);
+  --color-crimson-100: oklch(from var(--rad-ui-color-crimson-100) l c h);
+  --color-crimson-200: oklch(from var(--rad-ui-color-crimson-200) l c h);
+  --color-crimson-300: oklch(from var(--rad-ui-color-crimson-300) l c h);
+  --color-crimson-400: oklch(from var(--rad-ui-color-crimson-400) l c h);
+  --color-crimson-500: oklch(from var(--rad-ui-color-crimson-500) l c h);
+  --color-crimson-600: oklch(from var(--rad-ui-color-crimson-600) l c h);
+  --color-crimson-700: oklch(from var(--rad-ui-color-crimson-700) l c h);
+  --color-crimson-800: oklch(from var(--rad-ui-color-crimson-800) l c h);
+  --color-crimson-900: oklch(from var(--rad-ui-color-crimson-900) l c h);
+  --color-crimson-950: oklch(from var(--rad-ui-color-crimson-950) l c h);
+  --color-crimson-1000: oklch(from var(--rad-ui-color-crimson-1000) l c h);
+  --color-pink-50: oklch(from var(--rad-ui-color-pink-50) l c h);
+  --color-pink-100: oklch(from var(--rad-ui-color-pink-100) l c h);
+  --color-pink-200: oklch(from var(--rad-ui-color-pink-200) l c h);
+  --color-pink-300: oklch(from var(--rad-ui-color-pink-300) l c h);
+  --color-pink-400: oklch(from var(--rad-ui-color-pink-400) l c h);
+  --color-pink-500: oklch(from var(--rad-ui-color-pink-500) l c h);
+  --color-pink-600: oklch(from var(--rad-ui-color-pink-600) l c h);
+  --color-pink-700: oklch(from var(--rad-ui-color-pink-700) l c h);
+  --color-pink-800: oklch(from var(--rad-ui-color-pink-800) l c h);
+  --color-pink-900: oklch(from var(--rad-ui-color-pink-900) l c h);
+  --color-pink-950: oklch(from var(--rad-ui-color-pink-950) l c h);
+  --color-pink-1000: oklch(from var(--rad-ui-color-pink-1000) l c h);
+  --color-plum-50: oklch(from var(--rad-ui-color-plum-50) l c h);
+  --color-plum-100: oklch(from var(--rad-ui-color-plum-100) l c h);
+  --color-plum-200: oklch(from var(--rad-ui-color-plum-200) l c h);
+  --color-plum-300: oklch(from var(--rad-ui-color-plum-300) l c h);
+  --color-plum-400: oklch(from var(--rad-ui-color-plum-400) l c h);
+  --color-plum-500: oklch(from var(--rad-ui-color-plum-500) l c h);
+  --color-plum-600: oklch(from var(--rad-ui-color-plum-600) l c h);
+  --color-plum-700: oklch(from var(--rad-ui-color-plum-700) l c h);
+  --color-plum-800: oklch(from var(--rad-ui-color-plum-800) l c h);
+  --color-plum-900: oklch(from var(--rad-ui-color-plum-900) l c h);
+  --color-plum-950: oklch(from var(--rad-ui-color-plum-950) l c h);
+  --color-plum-1000: oklch(from var(--rad-ui-color-plum-1000) l c h);
+  --color-purple-50: oklch(from var(--rad-ui-color-purple-50) l c h);
+  --color-purple-100: oklch(from var(--rad-ui-color-purple-100) l c h);
+  --color-purple-200: oklch(from var(--rad-ui-color-purple-200) l c h);
+  --color-purple-300: oklch(from var(--rad-ui-color-purple-300) l c h);
+  --color-purple-400: oklch(from var(--rad-ui-color-purple-400) l c h);
+  --color-purple-500: oklch(from var(--rad-ui-color-purple-500) l c h);
+  --color-purple-600: oklch(from var(--rad-ui-color-purple-600) l c h);
+  --color-purple-700: oklch(from var(--rad-ui-color-purple-700) l c h);
+  --color-purple-800: oklch(from var(--rad-ui-color-purple-800) l c h);
+  --color-purple-900: oklch(from var(--rad-ui-color-purple-900) l c h);
+  --color-purple-950: oklch(from var(--rad-ui-color-purple-950) l c h);
+  --color-purple-1000: oklch(from var(--rad-ui-color-purple-1000) l c h);
+  --color-violet-50: oklch(from var(--rad-ui-color-violet-50) l c h);
+  --color-violet-100: oklch(from var(--rad-ui-color-violet-100) l c h);
+  --color-violet-200: oklch(from var(--rad-ui-color-violet-200) l c h);
+  --color-violet-300: oklch(from var(--rad-ui-color-violet-300) l c h);
+  --color-violet-400: oklch(from var(--rad-ui-color-violet-400) l c h);
+  --color-violet-500: oklch(from var(--rad-ui-color-violet-500) l c h);
+  --color-violet-600: oklch(from var(--rad-ui-color-violet-600) l c h);
+  --color-violet-700: oklch(from var(--rad-ui-color-violet-700) l c h);
+  --color-violet-800: oklch(from var(--rad-ui-color-violet-800) l c h);
+  --color-violet-900: oklch(from var(--rad-ui-color-violet-900) l c h);
+  --color-violet-950: oklch(from var(--rad-ui-color-violet-950) l c h);
+  --color-violet-1000: oklch(from var(--rad-ui-color-violet-1000) l c h);
+  --color-iris-50: oklch(from var(--rad-ui-color-iris-50) l c h);
+  --color-iris-100: oklch(from var(--rad-ui-color-iris-100) l c h);
+  --color-iris-200: oklch(from var(--rad-ui-color-iris-200) l c h);
+  --color-iris-300: oklch(from var(--rad-ui-color-iris-300) l c h);
+  --color-iris-400: oklch(from var(--rad-ui-color-iris-400) l c h);
+  --color-iris-500: oklch(from var(--rad-ui-color-iris-500) l c h);
+  --color-iris-600: oklch(from var(--rad-ui-color-iris-600) l c h);
+  --color-iris-700: oklch(from var(--rad-ui-color-iris-700) l c h);
+  --color-iris-800: oklch(from var(--rad-ui-color-iris-800) l c h);
+  --color-iris-900: oklch(from var(--rad-ui-color-iris-900) l c h);
+  --color-iris-950: oklch(from var(--rad-ui-color-iris-950) l c h);
+  --color-iris-1000: oklch(from var(--rad-ui-color-iris-1000) l c h);
+  --color-indigo-50: oklch(from var(--rad-ui-color-indigo-50) l c h);
+  --color-indigo-100: oklch(from var(--rad-ui-color-indigo-100) l c h);
+  --color-indigo-200: oklch(from var(--rad-ui-color-indigo-200) l c h);
+  --color-indigo-300: oklch(from var(--rad-ui-color-indigo-300) l c h);
+  --color-indigo-400: oklch(from var(--rad-ui-color-indigo-400) l c h);
+  --color-indigo-500: oklch(from var(--rad-ui-color-indigo-500) l c h);
+  --color-indigo-600: oklch(from var(--rad-ui-color-indigo-600) l c h);
+  --color-indigo-700: oklch(from var(--rad-ui-color-indigo-700) l c h);
+  --color-indigo-800: oklch(from var(--rad-ui-color-indigo-800) l c h);
+  --color-indigo-900: oklch(from var(--rad-ui-color-indigo-900) l c h);
+  --color-indigo-950: oklch(from var(--rad-ui-color-indigo-950) l c h);
+  --color-indigo-1000: oklch(from var(--rad-ui-color-indigo-1000) l c h);
+  --color-blue-50: oklch(from var(--rad-ui-color-blue-50) l c h);
+  --color-blue-100: oklch(from var(--rad-ui-color-blue-100) l c h);
+  --color-blue-200: oklch(from var(--rad-ui-color-blue-200) l c h);
+  --color-blue-300: oklch(from var(--rad-ui-color-blue-300) l c h);
+  --color-blue-400: oklch(from var(--rad-ui-color-blue-400) l c h);
+  --color-blue-500: oklch(from var(--rad-ui-color-blue-500) l c h);
+  --color-blue-600: oklch(from var(--rad-ui-color-blue-600) l c h);
+  --color-blue-700: oklch(from var(--rad-ui-color-blue-700) l c h);
+  --color-blue-800: oklch(from var(--rad-ui-color-blue-800) l c h);
+  --color-blue-900: oklch(from var(--rad-ui-color-blue-900) l c h);
+  --color-blue-950: oklch(from var(--rad-ui-color-blue-950) l c h);
+  --color-blue-1000: oklch(from var(--rad-ui-color-blue-1000) l c h);
+  --color-cyan-50: oklch(from var(--rad-ui-color-cyan-50) l c h);
+  --color-cyan-100: oklch(from var(--rad-ui-color-cyan-100) l c h);
+  --color-cyan-200: oklch(from var(--rad-ui-color-cyan-200) l c h);
+  --color-cyan-300: oklch(from var(--rad-ui-color-cyan-300) l c h);
+  --color-cyan-400: oklch(from var(--rad-ui-color-cyan-400) l c h);
+  --color-cyan-500: oklch(from var(--rad-ui-color-cyan-500) l c h);
+  --color-cyan-600: oklch(from var(--rad-ui-color-cyan-600) l c h);
+  --color-cyan-700: oklch(from var(--rad-ui-color-cyan-700) l c h);
+  --color-cyan-800: oklch(from var(--rad-ui-color-cyan-800) l c h);
+  --color-cyan-900: oklch(from var(--rad-ui-color-cyan-900) l c h);
+  --color-cyan-950: oklch(from var(--rad-ui-color-cyan-950) l c h);
+  --color-cyan-1000: oklch(from var(--rad-ui-color-cyan-1000) l c h);
+  --color-teal-50: oklch(from var(--rad-ui-color-teal-50) l c h);
+  --color-teal-100: oklch(from var(--rad-ui-color-teal-100) l c h);
+  --color-teal-200: oklch(from var(--rad-ui-color-teal-200) l c h);
+  --color-teal-300: oklch(from var(--rad-ui-color-teal-300) l c h);
+  --color-teal-400: oklch(from var(--rad-ui-color-teal-400) l c h);
+  --color-teal-500: oklch(from var(--rad-ui-color-teal-500) l c h);
+  --color-teal-600: oklch(from var(--rad-ui-color-teal-600) l c h);
+  --color-teal-700: oklch(from var(--rad-ui-color-teal-700) l c h);
+  --color-teal-800: oklch(from var(--rad-ui-color-teal-800) l c h);
+  --color-teal-900: oklch(from var(--rad-ui-color-teal-900) l c h);
+  --color-teal-950: oklch(from var(--rad-ui-color-teal-950) l c h);
+  --color-teal-1000: oklch(from var(--rad-ui-color-teal-1000) l c h);
+  --color-jade-50: oklch(from var(--rad-ui-color-jade-50) l c h);
+  --color-jade-100: oklch(from var(--rad-ui-color-jade-100) l c h);
+  --color-jade-200: oklch(from var(--rad-ui-color-jade-200) l c h);
+  --color-jade-300: oklch(from var(--rad-ui-color-jade-300) l c h);
+  --color-jade-400: oklch(from var(--rad-ui-color-jade-400) l c h);
+  --color-jade-500: oklch(from var(--rad-ui-color-jade-500) l c h);
+  --color-jade-600: oklch(from var(--rad-ui-color-jade-600) l c h);
+  --color-jade-700: oklch(from var(--rad-ui-color-jade-700) l c h);
+  --color-jade-800: oklch(from var(--rad-ui-color-jade-800) l c h);
+  --color-jade-900: oklch(from var(--rad-ui-color-jade-900) l c h);
+  --color-jade-950: oklch(from var(--rad-ui-color-jade-950) l c h);
+  --color-jade-1000: oklch(from var(--rad-ui-color-jade-1000) l c h);
+  --color-green-50: oklch(from var(--rad-ui-color-green-50) l c h);
+  --color-green-100: oklch(from var(--rad-ui-color-green-100) l c h);
+  --color-green-200: oklch(from var(--rad-ui-color-green-200) l c h);
+  --color-green-300: oklch(from var(--rad-ui-color-green-300) l c h);
+  --color-green-400: oklch(from var(--rad-ui-color-green-400) l c h);
+  --color-green-500: oklch(from var(--rad-ui-color-green-500) l c h);
+  --color-green-600: oklch(from var(--rad-ui-color-green-600) l c h);
+  --color-green-700: oklch(from var(--rad-ui-color-green-700) l c h);
+  --color-green-800: oklch(from var(--rad-ui-color-green-800) l c h);
+  --color-green-900: oklch(from var(--rad-ui-color-green-900) l c h);
+  --color-green-950: oklch(from var(--rad-ui-color-green-950) l c h);
+  --color-green-1000: oklch(from var(--rad-ui-color-green-1000) l c h);
+  --color-grass-50: oklch(from var(--rad-ui-color-grass-50) l c h);
+  --color-grass-100: oklch(from var(--rad-ui-color-grass-100) l c h);
+  --color-grass-200: oklch(from var(--rad-ui-color-grass-200) l c h);
+  --color-grass-300: oklch(from var(--rad-ui-color-grass-300) l c h);
+  --color-grass-400: oklch(from var(--rad-ui-color-grass-400) l c h);
+  --color-grass-500: oklch(from var(--rad-ui-color-grass-500) l c h);
+  --color-grass-600: oklch(from var(--rad-ui-color-grass-600) l c h);
+  --color-grass-700: oklch(from var(--rad-ui-color-grass-700) l c h);
+  --color-grass-800: oklch(from var(--rad-ui-color-grass-800) l c h);
+  --color-grass-900: oklch(from var(--rad-ui-color-grass-900) l c h);
+  --color-grass-950: oklch(from var(--rad-ui-color-grass-950) l c h);
+  --color-grass-1000: oklch(from var(--rad-ui-color-grass-1000) l c h);
+  --color-brown-50: oklch(from var(--rad-ui-color-brown-50) l c h);
+  --color-brown-100: oklch(from var(--rad-ui-color-brown-100) l c h);
+  --color-brown-200: oklch(from var(--rad-ui-color-brown-200) l c h);
+  --color-brown-300: oklch(from var(--rad-ui-color-brown-300) l c h);
+  --color-brown-400: oklch(from var(--rad-ui-color-brown-400) l c h);
+  --color-brown-500: oklch(from var(--rad-ui-color-brown-500) l c h);
+  --color-brown-600: oklch(from var(--rad-ui-color-brown-600) l c h);
+  --color-brown-700: oklch(from var(--rad-ui-color-brown-700) l c h);
+  --color-brown-800: oklch(from var(--rad-ui-color-brown-800) l c h);
+  --color-brown-900: oklch(from var(--rad-ui-color-brown-900) l c h);
+  --color-brown-950: oklch(from var(--rad-ui-color-brown-950) l c h);
+  --color-brown-1000: oklch(from var(--rad-ui-color-brown-1000) l c h);
+  --color-bronze-50: oklch(from var(--rad-ui-color-bronze-50) l c h);
+  --color-bronze-100: oklch(from var(--rad-ui-color-bronze-100) l c h);
+  --color-bronze-200: oklch(from var(--rad-ui-color-bronze-200) l c h);
+  --color-bronze-300: oklch(from var(--rad-ui-color-bronze-300) l c h);
+  --color-bronze-400: oklch(from var(--rad-ui-color-bronze-400) l c h);
+  --color-bronze-500: oklch(from var(--rad-ui-color-bronze-500) l c h);
+  --color-bronze-600: oklch(from var(--rad-ui-color-bronze-600) l c h);
+  --color-bronze-700: oklch(from var(--rad-ui-color-bronze-700) l c h);
+  --color-bronze-800: oklch(from var(--rad-ui-color-bronze-800) l c h);
+  --color-bronze-900: oklch(from var(--rad-ui-color-bronze-900) l c h);
+  --color-bronze-950: oklch(from var(--rad-ui-color-bronze-950) l c h);
+  --color-bronze-1000: oklch(from var(--rad-ui-color-bronze-1000) l c h);
+  --color-gold-50: oklch(from var(--rad-ui-color-gold-50) l c h);
+  --color-gold-100: oklch(from var(--rad-ui-color-gold-100) l c h);
+  --color-gold-200: oklch(from var(--rad-ui-color-gold-200) l c h);
+  --color-gold-300: oklch(from var(--rad-ui-color-gold-300) l c h);
+  --color-gold-400: oklch(from var(--rad-ui-color-gold-400) l c h);
+  --color-gold-500: oklch(from var(--rad-ui-color-gold-500) l c h);
+  --color-gold-600: oklch(from var(--rad-ui-color-gold-600) l c h);
+  --color-gold-700: oklch(from var(--rad-ui-color-gold-700) l c h);
+  --color-gold-800: oklch(from var(--rad-ui-color-gold-800) l c h);
+  --color-gold-900: oklch(from var(--rad-ui-color-gold-900) l c h);
+  --color-gold-950: oklch(from var(--rad-ui-color-gold-950) l c h);
+  --color-gold-1000: oklch(from var(--rad-ui-color-gold-1000) l c h);
+  --color-sky-50: oklch(from var(--rad-ui-color-sky-50) l c h);
+  --color-sky-100: oklch(from var(--rad-ui-color-sky-100) l c h);
+  --color-sky-200: oklch(from var(--rad-ui-color-sky-200) l c h);
+  --color-sky-300: oklch(from var(--rad-ui-color-sky-300) l c h);
+  --color-sky-400: oklch(from var(--rad-ui-color-sky-400) l c h);
+  --color-sky-500: oklch(from var(--rad-ui-color-sky-500) l c h);
+  --color-sky-600: oklch(from var(--rad-ui-color-sky-600) l c h);
+  --color-sky-700: oklch(from var(--rad-ui-color-sky-700) l c h);
+  --color-sky-800: oklch(from var(--rad-ui-color-sky-800) l c h);
+  --color-sky-900: oklch(from var(--rad-ui-color-sky-900) l c h);
+  --color-sky-950: oklch(from var(--rad-ui-color-sky-950) l c h);
+  --color-sky-1000: oklch(from var(--rad-ui-color-sky-1000) l c h);
+  --color-mint-50: oklch(from var(--rad-ui-color-mint-50) l c h);
+  --color-mint-100: oklch(from var(--rad-ui-color-mint-100) l c h);
+  --color-mint-200: oklch(from var(--rad-ui-color-mint-200) l c h);
+  --color-mint-300: oklch(from var(--rad-ui-color-mint-300) l c h);
+  --color-mint-400: oklch(from var(--rad-ui-color-mint-400) l c h);
+  --color-mint-500: oklch(from var(--rad-ui-color-mint-500) l c h);
+  --color-mint-600: oklch(from var(--rad-ui-color-mint-600) l c h);
+  --color-mint-700: oklch(from var(--rad-ui-color-mint-700) l c h);
+  --color-mint-800: oklch(from var(--rad-ui-color-mint-800) l c h);
+  --color-mint-900: oklch(from var(--rad-ui-color-mint-900) l c h);
+  --color-mint-950: oklch(from var(--rad-ui-color-mint-950) l c h);
+  --color-mint-1000: oklch(from var(--rad-ui-color-mint-1000) l c h);
+  --color-lime-50: oklch(from var(--rad-ui-color-lime-50) l c h);
+  --color-lime-100: oklch(from var(--rad-ui-color-lime-100) l c h);
+  --color-lime-200: oklch(from var(--rad-ui-color-lime-200) l c h);
+  --color-lime-300: oklch(from var(--rad-ui-color-lime-300) l c h);
+  --color-lime-400: oklch(from var(--rad-ui-color-lime-400) l c h);
+  --color-lime-500: oklch(from var(--rad-ui-color-lime-500) l c h);
+  --color-lime-600: oklch(from var(--rad-ui-color-lime-600) l c h);
+  --color-lime-700: oklch(from var(--rad-ui-color-lime-700) l c h);
+  --color-lime-800: oklch(from var(--rad-ui-color-lime-800) l c h);
+  --color-lime-900: oklch(from var(--rad-ui-color-lime-900) l c h);
+  --color-lime-950: oklch(from var(--rad-ui-color-lime-950) l c h);
+  --color-lime-1000: oklch(from var(--rad-ui-color-lime-1000) l c h);
+  --color-yellow-50: oklch(from var(--rad-ui-color-yellow-50) l c h);
+  --color-yellow-100: oklch(from var(--rad-ui-color-yellow-100) l c h);
+  --color-yellow-200: oklch(from var(--rad-ui-color-yellow-200) l c h);
+  --color-yellow-300: oklch(from var(--rad-ui-color-yellow-300) l c h);
+  --color-yellow-400: oklch(from var(--rad-ui-color-yellow-400) l c h);
+  --color-yellow-500: oklch(from var(--rad-ui-color-yellow-500) l c h);
+  --color-yellow-600: oklch(from var(--rad-ui-color-yellow-600) l c h);
+  --color-yellow-700: oklch(from var(--rad-ui-color-yellow-700) l c h);
+  --color-yellow-800: oklch(from var(--rad-ui-color-yellow-800) l c h);
+  --color-yellow-900: oklch(from var(--rad-ui-color-yellow-900) l c h);
+  --color-yellow-950: oklch(from var(--rad-ui-color-yellow-950) l c h);
+  --color-yellow-1000: oklch(from var(--rad-ui-color-yellow-1000) l c h);
+  --color-amber-50: oklch(from var(--rad-ui-color-amber-50) l c h);
+  --color-amber-100: oklch(from var(--rad-ui-color-amber-100) l c h);
+  --color-amber-200: oklch(from var(--rad-ui-color-amber-200) l c h);
+  --color-amber-300: oklch(from var(--rad-ui-color-amber-300) l c h);
+  --color-amber-400: oklch(from var(--rad-ui-color-amber-400) l c h);
+  --color-amber-500: oklch(from var(--rad-ui-color-amber-500) l c h);
+  --color-amber-600: oklch(from var(--rad-ui-color-amber-600) l c h);
+  --color-amber-700: oklch(from var(--rad-ui-color-amber-700) l c h);
+  --color-amber-800: oklch(from var(--rad-ui-color-amber-800) l c h);
+  --color-amber-900: oklch(from var(--rad-ui-color-amber-900) l c h);
+  --color-amber-950: oklch(from var(--rad-ui-color-amber-950) l c h);
+  --color-amber-1000: oklch(from var(--rad-ui-color-amber-1000) l c h);
+  --color-orange-50: oklch(from var(--rad-ui-color-orange-50) l c h);
+  --color-orange-100: oklch(from var(--rad-ui-color-orange-100) l c h);
+  --color-orange-200: oklch(from var(--rad-ui-color-orange-200) l c h);
+  --color-orange-300: oklch(from var(--rad-ui-color-orange-300) l c h);
+  --color-orange-400: oklch(from var(--rad-ui-color-orange-400) l c h);
+  --color-orange-500: oklch(from var(--rad-ui-color-orange-500) l c h);
+  --color-orange-600: oklch(from var(--rad-ui-color-orange-600) l c h);
+  --color-orange-700: oklch(from var(--rad-ui-color-orange-700) l c h);
+  --color-orange-800: oklch(from var(--rad-ui-color-orange-800) l c h);
+  --color-orange-900: oklch(from var(--rad-ui-color-orange-900) l c h);
+  --color-orange-950: oklch(from var(--rad-ui-color-orange-950) l c h);
+  --color-orange-1000: oklch(from var(--rad-ui-color-orange-1000) l c h);
+  --color-black: oklch(from var(--rad-ui-color-black) l c h);
+  --color-white: oklch(from var(--rad-ui-color-white) l c h);
+}

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@radui/ui",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "",
   "main": "dist",
   "type": "module",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -11,7 +15,8 @@
       "types": "./dist/index.d.ts"
     },
     "./themes/default.css": "./dist/themes/default.css",
-    "./themes/tailwind-presets/default.js": "./dist/themes/tailwind-presets/default.js",
+    "./themes/baremetal.css": "./dist/themes/baremetal.css",
+    "./themes/tailwind-presets/default.css": "./dist/themes/tailwind-presets/default.css",
     "./Accordion": {
       "import": "./dist/components/Accordion.js",
       "require": "./dist/components/Accordion.cjs",
@@ -47,6 +52,11 @@
       "require": "./dist/components/BlockQuote.cjs",
       "types": "./dist/components/BlockQuote.d.ts"
     },
+    "./Breadcrumb": {
+      "import": "./dist/components/Breadcrumb.js",
+      "require": "./dist/components/Breadcrumb.cjs",
+      "types": "./dist/components/Breadcrumb.d.ts"
+    },
     "./Button": {
       "import": "./dist/components/Button.js",
       "require": "./dist/components/Button.cjs",
@@ -92,6 +102,11 @@
       "require": "./dist/components/Combobox.cjs",
       "types": "./dist/components/Combobox.d.ts"
     },
+    "./Command": {
+      "import": "./dist/components/Command.js",
+      "require": "./dist/components/Command.cjs",
+      "types": "./dist/components/Command.d.ts"
+    },
     "./ContextMenu": {
       "import": "./dist/components/ContextMenu.js",
       "require": "./dist/components/ContextMenu.cjs",
@@ -112,6 +127,11 @@
       "require": "./dist/components/Disclosure.cjs",
       "types": "./dist/components/Disclosure.d.ts"
     },
+    "./Drawer": {
+      "import": "./dist/components/Drawer.js",
+      "require": "./dist/components/Drawer.cjs",
+      "types": "./dist/components/Drawer.d.ts"
+    },
     "./DropdownMenu": {
       "import": "./dist/components/DropdownMenu.js",
       "require": "./dist/components/DropdownMenu.cjs",
@@ -122,6 +142,11 @@
       "require": "./dist/components/Em.cjs",
       "types": "./dist/components/Em.d.ts"
     },
+    "./Fieldset": {
+      "import": "./dist/components/Fieldset.js",
+      "require": "./dist/components/Fieldset.cjs",
+      "types": "./dist/components/Fieldset.d.ts"
+    },
     "./Heading": {
       "import": "./dist/components/Heading.js",
       "require": "./dist/components/Heading.cjs",
@@ -142,6 +167,11 @@
       "require": "./dist/components/Link.cjs",
       "types": "./dist/components/Link.d.ts"
     },
+    "./LiveRegion": {
+      "import": "./dist/components/LiveRegion.js",
+      "require": "./dist/components/LiveRegion.cjs",
+      "types": "./dist/components/LiveRegion.d.ts"
+    },
     "./Menubar": {
       "import": "./dist/components/Menubar.js",
       "require": "./dist/components/Menubar.cjs",
@@ -162,6 +192,11 @@
       "require": "./dist/components/NumberField.cjs",
       "types": "./dist/components/NumberField.d.ts"
     },
+    "./Popover": {
+      "import": "./dist/components/Popover.js",
+      "require": "./dist/components/Popover.cjs",
+      "types": "./dist/components/Popover.d.ts"
+    },
     "./Progress": {
       "import": "./dist/components/Progress.js",
       "require": "./dist/components/Progress.cjs",
@@ -262,11 +297,21 @@
       "require": "./dist/components/TextArea.cjs",
       "types": "./dist/components/TextArea.d.ts"
     },
+    "./TextField": {
+      "import": "./dist/components/TextField.js",
+      "require": "./dist/components/TextField.cjs",
+      "types": "./dist/components/TextField.d.ts"
+    },
     "./Theme": {
       "import": "./dist/components/Theme.js",
       "require": "./dist/components/Theme.cjs",
       "types": "./dist/components/Theme.d.ts"
     },
+    "./Toast": {
+      "import": "./dist/components/Toast.js",
+      "require": "./dist/components/Toast.cjs",
+      "types": "./dist/components/Toast.d.ts"
+    },
     "./Toggle": {
       "import": "./dist/components/Toggle.js",
       "require": "./dist/components/Toggle.cjs",
@@ -310,6 +355,7 @@
     "test:storybook:e2e": "playwright test -c playwright.storybook.config.ts",
     "test:storybook:e2e:ci": "npm run build-storybook && npm run test:storybook:e2e",
     "coverage": "jest --coverage",
+    "coverage:ci": "jest --coverage --config jest.coverage-ci.config.ts",
     "changeset": "changeset",
     "version-packages": "changeset version",
     "prerelease:enter": "changeset pre enter next",
@@ -327,7 +373,7 @@
     "build-css": "rollup -c rollup-css.config.js",
     "generate-tokens": "tsx ./src/tokenGen/index.js",
     "generate-tokens:watch": "tsx watch ./src/tokenGen/index.js",
-    "bundle-tokens": "rollup --config rollup-tokens.config.js",
+    "bundle-tokens": "tsx ./scripts/generate-tailwind-preset.ts --out dist/themes/tailwind-presets",
     "compile-components": "rollup -c rollup.config.cjs",
     "process-components": "node scripts/process-components.cjs",
     "prebuild": "npm run test && npm run clean",
@@ -339,6 +385,10 @@
     "compile-components:esbuild": "node build-components.cjs",
     "check:types": "tsc --noEmit",
     "check:exports": "node scripts/generate-exports.cjs --check",
+    "check:docs-snippets": "node scripts/check-docs-snippets.mjs",
+    "check:clarity": "node scripts/clarity-audit.cjs",
+    "check:theme-coverage": "node scripts/theme-coverage.cjs",
+    "check:api-surface": "node scripts/check-public-api-surface.mjs --check",
     "validate:changesets": "node scripts/validate-changesets.mjs",
     "build-components:esbuild": "npm run compile-components:esbuild && npm run process-components",
     "build:esbuild": "npm run prebuild && npm run build:css && npm run build-components:esbuild",
@@ -348,7 +398,10 @@
     "lint:staged": "lint-staged",
     "update-rad": "npm update @radui/ui",
     "setup:dependencies": "npm install --force",
-    "setup": "npm run setup:dependencies"
+    "setup": "npm run setup:dependencies",
+    "prepare": "husky install",
+    "check:docs-examples": "pnpm --dir docs check:examples",
+    "generate-tailwind-preset": "tsx ./scripts/generate-tailwind-preset.ts"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
@@ -374,7 +427,7 @@
   "devDependencies": {
     "@axe-core/playwright": "^4.10.2",
     "@babel/eslint-parser": "7.26.10",
-    "@babel/preset-env": "7.29.0",
+    "@babel/preset-env": "7.29.3",
     "@babel/preset-react": "7.22.15",
     "@babel/preset-typescript": "^7.24.7",
     "babel-loader": "^10.0.0",
@@ -385,18 +438,19 @@
     "@rollup/plugin-node-resolve": "16.0.3",
     "@rollup/plugin-terser": "1.0.0",
     "@rollup/plugin-typescript": "11.1.6",
-    "@storybook/addon-a11y": "10.3.4",
-    "@storybook/addon-links": "10.3.4",
-    "@storybook/react-webpack5": "10.3.4",
+    "@storybook/addon-a11y": "10.3.6",
+    "@storybook/addon-links": "10.3.6",
+    "@storybook/react-webpack5": "10.3.6",
     "@storybook/testing-library": "0.2.2",
+    "@tailwindcss/postcss": "^4.1.11",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.0.0",
     "@types/jest": "^30.0.0",
     "@types/react": "^18.3.1",
-    "autoprefixer": "10.4.15",
+    "@types/react-dom": "^18.3.7",
     "axe-core": "^4.10.3",
     "babel-plugin-module-resolver": "5.0.2",
-    "esbuild": "^0.25.6",
+    "esbuild": "^0.28.0",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.39.4",
     "eslint": "^9.39.4",
@@ -406,45 +460,44 @@
     "eslint-plugin-n": "16.6.2",
     "eslint-plugin-promise": "6.6.0",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "7.1.1",
     "husky": "8.0.3",
     "jest": "30.3.0",
     "jest-environment-jsdom": "30.3.0",
     "lint-staged": "^16.1.2",
     "lucide-react": "^0.575.0",
     "mkdirp": "^3.0.1",
-    "postcss": "8.5.8",
+    "postcss": "8.5.26",
     "postcss-loader": "^8.1.1",
-    "rimraf": "6.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "6.1.1",
     "rollup": "4.60.0",
     "rollup-plugin-banner2": "1.3.0",
     "rollup-plugin-dts": "^6.2.1",
     "rollup-plugin-postcss": "^4.0.2",
     "sass": "^1.77.2",
     "sass-loader": "16.0.4",
-    "storybook": "10.3.4",
+    "storybook": "10.3.6",
     "stylelint": "^17.7.0",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-config-standard-scss": "^17.0.0",
     "stylelint-config-tailwindcss": "^0.0.7",
-    "tailwindcss": "3.4.1",
+    "tailwindcss": "^4.1.11",
     "ts-jest": "29.4.9",
     "ts-node": "^10.9.2",
     "tsx": "^4.21.0",
     "typescript": "5.8.3",
-    "eslint-plugin-storybook": "10.3.4",
-    "@storybook/addon-docs": "10.3.4"
+    "eslint-plugin-storybook": "10.3.6",
+    "@storybook/addon-docs": "10.3.6"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
-    "clsx": "^2.1.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-remove-scroll": "^2.7.2"
+    "clsx": "^2.1.1"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
   },
   "overrides": {
     "eslint-config-standard": {