@ariaui/tokens 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,390 @@
+/**
+ * Primitive OKLCH color scales sourced from Tailwind CSS v4.
+ * Values are bare OKLCH channels: "L C H" (no oklch() wrapper).
+ * Usage: `oklch(${primitives.zinc[500]} / <alpha>)`
+ */
+declare const primitives: {
+    readonly zinc: {
+        readonly 50: "98.5% 0 0";
+        readonly 100: "96.7% 0.001 285";
+        readonly 200: "92% 0.004 286";
+        readonly 300: "87.1% 0.006 286";
+        readonly 400: "71.2% 0.013 286";
+        readonly 500: "55.2% 0.014 286";
+        readonly 600: "44.2% 0.015 286";
+        readonly 700: "37% 0.012 286";
+        readonly 800: "27.4% 0.006 286";
+        readonly 900: "21% 0.006 286";
+        readonly 950: "14.1% 0.004 286";
+    };
+    readonly neutral: {
+        readonly 50: "98.5% 0 0";
+        readonly 100: "97% 0 0";
+        readonly 200: "92.2% 0 0";
+        readonly 300: "87% 0 0";
+        readonly 400: "70.8% 0 0";
+        readonly 500: "55.6% 0 0";
+        readonly 600: "43.9% 0 0";
+        readonly 700: "37.1% 0 0";
+        readonly 800: "26.9% 0 0";
+        readonly 900: "20.5% 0 0";
+        readonly 950: "14.5% 0 0";
+    };
+    readonly violet: {
+        readonly 50: "96.9% 0.016 294";
+        readonly 100: "94.3% 0.029 295";
+        readonly 200: "89.4% 0.055 293";
+        readonly 300: "81.1% 0.101 294";
+        readonly 400: "70.9% 0.159 294";
+        readonly 500: "60.6% 0.219 293";
+        readonly 600: "54.1% 0.247 293";
+        readonly 700: "49.1% 0.241 293";
+        readonly 800: "43.2% 0.211 293";
+        readonly 900: "38% 0.178 294";
+        readonly 950: "28.3% 0.135 291";
+    };
+    readonly red: {
+        readonly 50: "97.1% 0.013 17";
+        readonly 100: "93.6% 0.031 18";
+        readonly 200: "88.5% 0.059 18";
+        readonly 300: "80.8% 0.104 20";
+        readonly 400: "71.1% 0.166 22";
+        readonly 500: "63.7% 0.208 25";
+        readonly 600: "57.7% 0.215 27";
+        readonly 700: "50.5% 0.191 28";
+        readonly 800: "44.4% 0.161 27";
+        readonly 900: "39.6% 0.133 26";
+        readonly 950: "25.8% 0.089 26";
+    };
+    readonly green: {
+        readonly 50: "98.2% 0.018 156";
+        readonly 100: "96.2% 0.043 157";
+        readonly 200: "92.5% 0.081 156";
+        readonly 300: "87.1% 0.136 155";
+        readonly 400: "80% 0.182 152";
+        readonly 500: "72.3% 0.192 150";
+        readonly 600: "62.7% 0.17 149";
+        readonly 700: "52.7% 0.137 150";
+        readonly 800: "44.8% 0.108 151";
+        readonly 900: "39.3% 0.09 153";
+        readonly 950: "26.6% 0.063 153";
+    };
+    readonly amber: {
+        readonly 50: "98.7% 0.021 95";
+        readonly 100: "96.2% 0.058 96";
+        readonly 200: "92.4% 0.115 96";
+        readonly 300: "87.9% 0.153 92";
+        readonly 400: "83.7% 0.164 84";
+        readonly 500: "76.9% 0.165 70";
+        readonly 600: "66.6% 0.157 58";
+        readonly 700: "55.5% 0.146 49";
+        readonly 800: "47.3% 0.125 46";
+        readonly 900: "41.4% 0.105 46";
+        readonly 950: "27.9% 0.074 46";
+    };
+    readonly brand: {
+        readonly 50: "96.9% 0.016 294";
+        readonly 100: "94.3% 0.029 295";
+        readonly 200: "89.4% 0.055 293";
+        readonly 300: "81.1% 0.101 294";
+        readonly 400: "70.9% 0.159 294";
+        readonly 500: "60.6% 0.219 293";
+        readonly 600: "54.1% 0.247 293";
+        readonly 700: "49.1% 0.241 293";
+        readonly 800: "43.2% 0.211 293";
+        readonly 900: "38% 0.178 294";
+        readonly 950: "28.3% 0.135 291";
+    };
+    readonly orange: {
+        readonly 50: "98% 0.016 74";
+        readonly 100: "95.4% 0.037 75";
+        readonly 200: "90.1% 0.073 71";
+        readonly 300: "83.7% 0.117 66";
+        readonly 400: "75.8% 0.159 56";
+        readonly 500: "70.5% 0.187 48";
+        readonly 600: "64.6% 0.194 41";
+        readonly 700: "55.3% 0.174 38";
+        readonly 800: "47% 0.143 37";
+        readonly 900: "40.8% 0.116 38";
+        readonly 950: "26.6% 0.076 36";
+    };
+    readonly yellow: {
+        readonly 50: "98.7% 0.026 102";
+        readonly 100: "97.3% 0.069 103";
+        readonly 200: "94.5% 0.124 102";
+        readonly 300: "90.5% 0.166 98";
+        readonly 400: "86.1% 0.173 92";
+        readonly 500: "79.5% 0.162 86";
+        readonly 600: "68.1% 0.142 76";
+        readonly 700: "55.4% 0.121 66";
+        readonly 800: "47.6% 0.103 62";
+        readonly 900: "42.1% 0.09 58";
+        readonly 950: "28.6% 0.064 54";
+    };
+    readonly lime: {
+        readonly 50: "98.6% 0.031 121";
+        readonly 100: "96.7% 0.066 122";
+        readonly 200: "93.8% 0.122 124";
+        readonly 300: "89.7% 0.179 127";
+        readonly 400: "84.9% 0.207 129";
+        readonly 500: "76.8% 0.204 131";
+        readonly 600: "64.8% 0.175 132";
+        readonly 700: "53.2% 0.141 132";
+        readonly 800: "45.3% 0.113 131";
+        readonly 900: "40.5% 0.096 131";
+        readonly 950: "27.4% 0.069 132";
+    };
+    readonly emerald: {
+        readonly 50: "97.9% 0.021 166";
+        readonly 100: "95% 0.051 163";
+        readonly 200: "90.5% 0.089 164";
+        readonly 300: "84.5% 0.13 165";
+        readonly 400: "77.3% 0.153 163";
+        readonly 500: "69.6% 0.149 162";
+        readonly 600: "59.6% 0.127 163";
+        readonly 700: "50.8% 0.105 166";
+        readonly 800: "43.2% 0.086 167";
+        readonly 900: "37.8% 0.073 169";
+        readonly 950: "26.2% 0.049 173";
+    };
+    readonly teal: {
+        readonly 50: "98.4% 0.014 181";
+        readonly 100: "95.3% 0.05 181";
+        readonly 200: "91% 0.093 180";
+        readonly 300: "85.5% 0.125 181";
+        readonly 400: "78.5% 0.133 182";
+        readonly 500: "70.4% 0.123 183";
+        readonly 600: "60% 0.104 185";
+        readonly 700: "51.1% 0.086 186";
+        readonly 800: "43.7% 0.071 188";
+        readonly 900: "38.6% 0.059 188";
+        readonly 950: "27.7% 0.045 193";
+    };
+    readonly cyan: {
+        readonly 50: "98.4% 0.019 201";
+        readonly 100: "95.6% 0.044 203";
+        readonly 200: "91.7% 0.077 205";
+        readonly 300: "86.5% 0.115 207";
+        readonly 400: "79.7% 0.134 212";
+        readonly 500: "71.5% 0.126 215";
+        readonly 600: "60.9% 0.111 222";
+        readonly 700: "52% 0.094 223";
+        readonly 800: "45% 0.077 224";
+        readonly 900: "39.8% 0.066 227";
+        readonly 950: "30.2% 0.054 230";
+    };
+    readonly sky: {
+        readonly 50: "97.7% 0.012 237";
+        readonly 100: "95.1% 0.025 237";
+        readonly 200: "90.1% 0.055 231";
+        readonly 300: "82.8% 0.101 230";
+        readonly 400: "75.4% 0.139 233";
+        readonly 500: "68.5% 0.148 237";
+        readonly 600: "58.8% 0.139 242";
+        readonly 700: "50% 0.119 243";
+        readonly 800: "44.3% 0.1 241";
+        readonly 900: "39.1% 0.085 241";
+        readonly 950: "29.3% 0.063 243";
+    };
+    readonly blue: {
+        readonly 50: "97% 0.014 255";
+        readonly 100: "93.2% 0.032 256";
+        readonly 200: "88.2% 0.057 254";
+        readonly 300: "80.9% 0.096 252";
+        readonly 400: "71.4% 0.143 255";
+        readonly 500: "62.3% 0.188 260";
+        readonly 600: "54.6% 0.215 263";
+        readonly 700: "48.8% 0.217 264";
+        readonly 800: "42.4% 0.181 266";
+        readonly 900: "37.9% 0.138 266";
+        readonly 950: "28.2% 0.087 268";
+    };
+    readonly indigo: {
+        readonly 50: "96.2% 0.018 272";
+        readonly 100: "93% 0.033 273";
+        readonly 200: "87% 0.062 274";
+        readonly 300: "78.5% 0.104 275";
+        readonly 400: "68% 0.158 277";
+        readonly 500: "58.5% 0.204 277";
+        readonly 600: "51.1% 0.23 277";
+        readonly 700: "45.7% 0.215 277";
+        readonly 800: "39.8% 0.177 277";
+        readonly 900: "35.9% 0.135 279";
+        readonly 950: "25.7% 0.086 281";
+    };
+    readonly purple: {
+        readonly 50: "97.7% 0.014 308";
+        readonly 100: "94.6% 0.033 307";
+        readonly 200: "90.2% 0.06 307";
+        readonly 300: "82.7% 0.108 306";
+        readonly 400: "72.2% 0.177 306";
+        readonly 500: "62.7% 0.233 304";
+        readonly 600: "55.8% 0.252 302";
+        readonly 700: "49.6% 0.237 302";
+        readonly 800: "43.8% 0.198 304";
+        readonly 900: "38.1% 0.166 305";
+        readonly 950: "29.1% 0.143 303";
+    };
+    readonly fuchsia: {
+        readonly 50: "97.7% 0.017 320";
+        readonly 100: "95.2% 0.036 319";
+        readonly 200: "90.3% 0.073 320";
+        readonly 300: "83.3% 0.132 321";
+        readonly 400: "74.8% 0.207 322";
+        readonly 500: "66.7% 0.259 322";
+        readonly 600: "59.1% 0.257 323";
+        readonly 700: "51.8% 0.226 324";
+        readonly 800: "45.2% 0.192 325";
+        readonly 900: "40.1% 0.16 326";
+        readonly 950: "29.3% 0.131 326";
+    };
+    readonly pink: {
+        readonly 50: "97.1% 0.014 343";
+        readonly 100: "94.8% 0.028 342";
+        readonly 200: "89.9% 0.059 343";
+        readonly 300: "82.3% 0.11 346";
+        readonly 400: "72.5% 0.175 350";
+        readonly 500: "65.6% 0.212 354";
+        readonly 600: "59.2% 0.218 1";
+        readonly 700: "52.5% 0.199 4";
+        readonly 800: "45.9% 0.17 4";
+        readonly 900: "40.8% 0.144 2";
+        readonly 950: "28.4% 0.105 4";
+    };
+    readonly rose: {
+        readonly 50: "96.9% 0.015 12";
+        readonly 100: "94.1% 0.03 13";
+        readonly 200: "89.2% 0.056 10";
+        readonly 300: "81% 0.106 12";
+        readonly 400: "71.9% 0.169 13";
+        readonly 500: "64.5% 0.215 16";
+        readonly 600: "58.6% 0.222 18";
+        readonly 700: "51.4% 0.198 17";
+        readonly 800: "45.5% 0.171 14";
+        readonly 900: "41% 0.15 10";
+        readonly 950: "27.1% 0.101 12";
+    };
+    readonly slate: {
+        readonly 50: "98.4% 0.003 248";
+        readonly 100: "96.8% 0.007 248";
+        readonly 200: "92.9% 0.013 256";
+        readonly 300: "86.9% 0.02 253";
+        readonly 400: "71.1% 0.035 257";
+        readonly 500: "55.4% 0.041 257";
+        readonly 600: "44.6% 0.037 257";
+        readonly 700: "37.2% 0.039 257";
+        readonly 800: "27.9% 0.037 260";
+        readonly 900: "20.8% 0.04 266";
+        readonly 950: "12.9% 0.041 265";
+    };
+    readonly gray: {
+        readonly 50: "98.5% 0.002 248";
+        readonly 100: "96.7% 0.003 265";
+        readonly 200: "92.8% 0.006 265";
+        readonly 300: "87.2% 0.009 258";
+        readonly 400: "71.4% 0.019 261";
+        readonly 500: "55.1% 0.023 264";
+        readonly 600: "44.6% 0.026 257";
+        readonly 700: "37.3% 0.031 260";
+        readonly 800: "27.8% 0.03 257";
+        readonly 900: "21% 0.032 265";
+        readonly 950: "13% 0.027 262";
+    };
+    readonly stone: {
+        readonly 50: "98.5% 0.001 106";
+        readonly 100: "97% 0.001 106";
+        readonly 200: "92.3% 0.003 49";
+        readonly 300: "86.9% 0.004 56";
+        readonly 400: "71.6% 0.009 56";
+        readonly 500: "55.3% 0.012 58";
+        readonly 600: "44.4% 0.01 74";
+        readonly 700: "37.4% 0.009 68";
+        readonly 800: "26.8% 0.006 34";
+        readonly 900: "21.6% 0.006 56";
+        readonly 950: "14.7% 0.004 49";
+    };
+    readonly taupe: {
+        readonly 50: "98.6% 0.002 68";
+        readonly 100: "96% 0.002 17";
+        readonly 200: "92.2% 0.005 34";
+        readonly 300: "86.8% 0.007 39";
+        readonly 400: "71.4% 0.014 41";
+        readonly 500: "54.7% 0.021 43";
+        readonly 600: "43.8% 0.017 39";
+        readonly 700: "36.7% 0.016 36";
+        readonly 800: "26.8% 0.011 36";
+        readonly 900: "21.4% 0.009 43";
+        readonly 950: "14.7% 0.004 49";
+    };
+    readonly mauve: {
+        readonly 50: "98.5% 0 90";
+        readonly 100: "96% 0.003 326";
+        readonly 200: "92.2% 0.005 326";
+        readonly 300: "86.5% 0.012 326";
+        readonly 400: "71.1% 0.019 323";
+        readonly 500: "54.2% 0.034 323";
+        readonly 600: "43.5% 0.029 322";
+        readonly 700: "36.4% 0.029 324";
+        readonly 800: "26.3% 0.024 320";
+        readonly 900: "21.2% 0.019 322";
+        readonly 950: "14.5% 0.008 326";
+    };
+    readonly mist: {
+        readonly 50: "98.7% 0.002 197";
+        readonly 100: "96.3% 0.002 197";
+        readonly 200: "92.5% 0.005 214";
+        readonly 300: "87.2% 0.007 220";
+        readonly 400: "72.3% 0.014 214";
+        readonly 500: "56% 0.021 214";
+        readonly 600: "45% 0.017 213";
+        readonly 700: "37.8% 0.015 216";
+        readonly 800: "27.5% 0.011 217";
+        readonly 900: "21.8% 0.008 224";
+        readonly 950: "14.8% 0.004 229";
+    };
+    readonly olive: {
+        readonly 50: "98.8% 0.003 106";
+        readonly 100: "96.6% 0.005 106";
+        readonly 200: "93% 0.007 107";
+        readonly 300: "88% 0.011 107";
+        readonly 400: "73.7% 0.021 107";
+        readonly 500: "58% 0.031 107";
+        readonly 600: "46.6% 0.025 107";
+        readonly 700: "39.4% 0.023 107";
+        readonly 800: "28.6% 0.016 107";
+        readonly 900: "22.8% 0.013 107";
+        readonly 950: "15.3% 0.006 107";
+    };
+};
+type PrimitiveScale = typeof primitives;
+/** Single-value base colors referenced by semantic tokens. */
+declare const base: Record<string, string>;
+
+declare const light: Record<string, string>;
+declare const dark: Record<string, string>;
+
+/**
+ * Untitled UI PRO v7 typographic scale.
+ *
+ * Two groups:
+ *  - display-* — headings (H1–H6). Tight line height, slightly negative tracking.
+ *  - text-*    — body copy, labels, UI elements. Generous line height, normal tracking.
+ *
+ * All sizes are rem (base 16 px). Line heights are absolute rem so they stay
+ * stable across responsive-font-size tricks.
+ */
+interface TypeStep {
+    /** Font size in rem */
+    size: string;
+    /** Line height in rem */
+    lineHeight: string;
+    /** Letter spacing (em) */
+    letterSpacing: string;
+    /** Recommended font weight for the role */
+    fontWeight?: string;
+}
+declare const typeScale: Record<string, TypeStep>;
+
+declare function generateCSS(): string;
+
+export { type PrimitiveScale, type TypeStep, base, dark, generateCSS, light, primitives, typeScale };

package/dist/index.js

@@ -0,0 +1,16 @@
+import {
+  base,
+  dark,
+  generateCSS,
+  light,
+  primitives,
+  typeScale
+} from "./chunk-LG37RUFG.js";
+export {
+  base,
+  dark,
+  generateCSS,
+  light,
+  primitives,
+  typeScale
+};