@viraui/foundation 0.0.21 → 0.0.23

package/platforms/web/sunburst/sunburst.css

@@ -0,0 +1,231 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ * © Vira Software. All rights reserved.
+ */
+
+:root {
+  --base-1: light-dark(oklab(100% 0.0026 0.0045), oklab(15.907% 0.0034 0.0058));
+  --base-2: light-dark(oklab(96.115% 0.0026 0.0045), oklab(20.463% 0.005 0.0087));
+  --base-3: light-dark(oklab(90.67% 0.0082 0.0142), oklab(24.776% 0.008 0.0138));
+  --base-4: oklab(52.78% 0.021 0.0363);
+  --base-5: light-dark(oklab(35.232% 0.0178 0.0308), oklab(69.275% 0.0182 0.0314));
+  --base-6: light-dark(oklab(24.776% 0.008 0.0138), oklab(96.115% 0.0026 0.0045));
+  --base-7: light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045));
+  --color-acid-0: oklab(99.142% -0.01187 0.021);
+  --color-acid-5: oklab(97.931% -0.02135 0.04376);
+  --color-acid-10: oklab(96.907% -0.02396 0.05495);
+  --color-acid-20: oklab(95.151% -0.02943 0.07414);
+  --color-acid-30: oklab(90.178% -0.05766 0.10806);
+  --color-acid-40: oklab(83.326% -0.08758 0.13195);
+  --color-acid-50: oklab(75.832% -0.10561 0.13632);
+  --color-acid-60: oklab(66.848% -0.1142 0.13068);
+  --color-acid-70: oklab(56.257% -0.11118 0.1148);
+  --color-acid-80: oklab(44.67% -0.09202 0.09225);
+  --color-acid-90: oklab(37.528% -0.07805 0.07751);
+  --color-acid-100: oklab(28.806% -0.05738 0.05947);
+  --color-blue-0: oklab(96.361% -0.00505 -0.01689);
+  --color-blue-5: oklab(93.733% -0.00857 -0.02794);
+  --color-blue-10: oklab(91.556% -0.01011 -0.03852);
+  --color-blue-20: oklab(88.909% -0.01431 -0.05153);
+  --color-blue-30: oklab(84.063% -0.02551 -0.07436);
+  --color-blue-40: oklab(71.374% -0.03802 -0.13825);
+  --color-blue-50: oklab(59.596% -0.02959 -0.15968);
+  --color-blue-60: oklab(51.818% -0.02148 -0.17519);
+  --color-blue-70: oklab(46.235% -0.01538 -0.17707);
+  --color-blue-80: oklab(37.792% -0.01183 -0.15771);
+  --color-blue-90: oklab(31.932% -0.01327 -0.13671);
+  --color-blue-100: oklab(25.93% -0.01193 -0.11848);
+  --color-cyan-0: oklab(98.412% -0.01765 -0.00673);
+  --color-cyan-5: oklab(96.678% -0.02963 -0.01303);
+  --color-cyan-10: oklab(95.626% -0.04069 -0.0176);
+  --color-cyan-20: oklab(92.991% -0.05836 -0.02814);
+  --color-cyan-30: oklab(90.116% -0.0761 -0.03857);
+  --color-cyan-40: oklab(84.335% -0.09913 -0.05459);
+  --color-cyan-50: oklab(71.484% -0.10272 -0.07252);
+  --color-cyan-60: oklab(60.891% -0.0828 -0.07383);
+  --color-cyan-70: oklab(51.976% -0.06829 -0.06396);
+  --color-cyan-80: oklab(45.003% -0.05518 -0.05381);
+  --color-cyan-90: oklab(39.821% -0.04496 -0.04888);
+  --color-cyan-100: oklab(34.232% -0.03741 -0.04103);
+  --color-green-0: oklab(97.932% -0.02008 0.00496);
+  --color-green-5: oklab(96.4% -0.03325 0.00943);
+  --color-green-10: oklab(95.046% -0.04854 0.01479);
+  --color-green-20: oklab(92.626% -0.06687 0.01825);
+  --color-green-30: oklab(89.641% -0.08536 0.01928);
+  --color-green-40: oklab(81.622% -0.12353 0.02932);
+  --color-green-50: oklab(69.587% -0.14216 0.04488);
+  --color-green-60: oklab(59.597% -0.122 0.03677);
+  --color-green-70: oklab(50.813% -0.10165 0.02608);
+  --color-green-80: oklab(43.18% -0.08423 0.01958);
+  --color-green-90: oklab(37.805% -0.07168 0.01401);
+  --color-green-100: oklab(32.501% -0.06056 0.01102);
+  --color-indigo-0: oklab(97.496% 0.00231 -0.01179);
+  --color-indigo-5: oklab(93.845% 0.0053 -0.0265);
+  --color-indigo-10: oklab(91.375% 0.00816 -0.03722);
+  --color-indigo-20: oklab(87.78% 0.012 -0.05233);
+  --color-indigo-30: oklab(81.769% 0.01968 -0.07593);
+  --color-indigo-40: oklab(60.739% 0.03271 -0.15779);
+  --color-indigo-50: oklab(48.181% 0.02863 -0.19517);
+  --color-indigo-60: oklab(43.556% 0.02523 -0.19637);
+  --color-indigo-70: oklab(36.945% 0.02458 -0.16119);
+  --color-indigo-80: oklab(32.186% 0.02141 -0.13701);
+  --color-indigo-90: oklab(27.328% 0.02115 -0.10922);
+  --color-indigo-100: oklab(22.986% 0.0165 -0.0838);
+  --color-magenta-0: oklab(97.988% 0.01284 -0.00568);
+  --color-magenta-5: oklab(94.885% 0.03095 -0.01253);
+  --color-magenta-10: oklab(92.198% 0.0466 -0.01735);
+  --color-magenta-20: oklab(88.19% 0.06832 -0.02441);
+  --color-magenta-30: oklab(78.484% 0.12807 -0.03849);
+  --color-magenta-40: oklab(64.885% 0.16252 -0.03869);
+  --color-magenta-50: oklab(53.736% 0.21033 -0.02354);
+  --color-magenta-60: oklab(48.622% 0.19811 -0.00891);
+  --color-magenta-70: oklab(41.838% 0.17044 -0.00739);
+  --color-magenta-80: oklab(34.114% 0.13907 -0.00695);
+  --color-magenta-90: oklab(29.731% 0.12124 -0.00648);
+  --color-magenta-100: oklab(24.738% 0.10112 -0.0081);
+  --color-purple-0: oklab(97.685% 0.0088 -0.01114);
+  --color-purple-5: oklab(95.296% 0.01661 -0.02282);
+  --color-purple-10: oklab(92.801% 0.02688 -0.03534);
+  --color-purple-20: oklab(90.236% 0.0361 -0.04843);
+  --color-purple-30: oklab(82.676% 0.0642 -0.08713);
+  --color-purple-40: oklab(72.169% 0.10261 -0.14384);
+  --color-purple-50: oklab(62.685% 0.1297 -0.19301);
+  --color-purple-60: oklab(55.754% 0.135 -0.21337);
+  --color-purple-70: oklab(49.552% 0.12526 -0.20104);
+  --color-purple-80: oklab(43.828% 0.11011 -0.16496);
+  --color-purple-90: oklab(38.074% 0.09523 -0.13607);
+  --color-purple-100: oklab(33.244% 0.08196 -0.11514);
+  --color-red-0: oklab(97.053% 0.01236 0.00387);
+  --color-red-5: oklab(94.648% 0.02402 0.00762);
+  --color-red-10: oklab(91.415% 0.04044 0.01311);
+  --color-red-20: oklab(88.037% 0.05854 0.01947);
+  --color-red-30: oklab(80.963% 0.09631 0.03416);
+  --color-red-40: oklab(71.063% 0.15381 0.06282);
+  --color-red-50: oklab(63.683% 0.18786 0.08893);
+  --color-red-60: oklab(56.466% 0.17343 0.08438);
+  --color-red-70: oklab(49.476% 0.15547 0.07692);
+  --color-red-80: oklab(43.589% 0.13627 0.06717);
+  --color-red-90: oklab(38.02% 0.11499 0.05535);
+  --color-red-100: oklab(32.559% 0.09518 0.04479);
+  --color-salmon-0: oklab(97.252% 0.00709 0.00635);
+  --color-salmon-5: oklab(94.153% 0.01755 0.01388);
+  --color-salmon-10: oklab(91.64% 0.02402 0.02021);
+  --color-salmon-20: oklab(87.513% 0.03701 0.03026);
+  --color-salmon-30: oklab(79.295% 0.06643 0.05368);
+  --color-salmon-40: oklab(71.063% 0.09953 0.07665);
+  --color-salmon-50: oklab(62.038% 0.12337 0.0942);
+  --color-salmon-60: oklab(56.248% 0.12273 0.09533);
+  --color-salmon-70: oklab(49.255% 0.10977 0.08569);
+  --color-salmon-80: oklab(41.192% 0.09231 0.06968);
+  --color-salmon-90: oklab(35.273% 0.0755 0.05757);
+  --color-salmon-100: oklab(29.119% 0.06033 0.04566);
+  --color-slate-0: oklab(98.415% -0.00129 -0.00316);
+  --color-slate-5: oklab(96.826% -0.00258 -0.00635);
+  --color-slate-10: oklab(94.283% -0.00453 -0.01119);
+  --color-slate-20: oklab(91.648% -0.00345 -0.01518);
+  --color-slate-30: oklab(86.898% -0.00584 -0.01897);
+  --color-slate-40: oklab(71.067% -0.00803 -0.03418);
+  --color-slate-50: oklab(55.514% -0.00777 -0.0394);
+  --color-slate-60: oklab(44.553% -0.00824 -0.03653);
+  --color-slate-70: oklab(37.17% -0.00862 -0.0382);
+  --color-slate-80: oklab(27.95% -0.00638 -0.03629);
+  --color-slate-90: oklab(23.146% -0.00279 -0.03089);
+  --color-slate-100: oklab(19.152% -0.0029 -0.02607);
+  --color-stone-0: oklab(96.115% 0 0);
+  --color-stone-5: oklab(94.611% 0 0);
+  --color-stone-10: oklab(92.191% 0 0);
+  --color-stone-20: oklab(90.67% 0 0);
+  --color-stone-30: oklab(85.451% 0 0);
+  --color-stone-40: oklab(69.275% 0 0);
+  --color-stone-50: oklab(52.78% 0 0);
+  --color-stone-60: oklab(42.761% 0 0);
+  --color-stone-70: oklab(35.232% 0 0);
+  --color-stone-80: oklab(24.776% 0 0);
+  --color-stone-90: oklab(20.463% 0 0);
+  --color-stone-100: oklab(15.907% 0 0);
+  --color-yellow-0: oklab(98.688% -0.00197 0.02131);
+  --color-yellow-5: oklab(97.14% -0.00368 0.04111);
+  --color-yellow-10: oklab(96.211% -0.00529 0.05656);
+  --color-yellow-20: oklab(94.427% -0.00844 0.08625);
+  --color-yellow-30: oklab(90.86% -0.00597 0.12233);
+  --color-yellow-40: oklab(83.387% 0.00688 0.142);
+  --color-yellow-50: oklab(76.859% 0.0561 0.15481);
+  --color-yellow-60: oklab(69.894% 0.10696 0.14168);
+  --color-yellow-70: oklab(62.573% 0.10037 0.12679);
+  --color-yellow-80: oklab(55.669% 0.08751 0.11282);
+  --color-yellow-90: oklab(47.31% 0.06716 0.09596);
+  --color-yellow-100: oklab(40.681% 0.05631 0.08253);
+  --global-foreground: var(--base-7);
+  --global-background: light-dark(oklab(96.115% 0.0026 0.0045), oklab(0% 0.002 0.0035));
+  --global-primary: #ff8636;
+  --global-muted: light-dark(var(--base-4), var(--base-5));
+  --global-interactive-text: var(--base-6);
+  --global-disabled-foreground: var(--base-4);
+  --global-disabled-background: light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.1), oklab(from oklab(93% 0.006 0.0104) l a b / 0.07));
+  --global-contrast: light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.13), oklab(from oklab(93% 0.006 0.0104) l a b / 0.1));
+  --global-outline: var(--global-foreground);
+  --highlight-gray: light-dark(var(--color-stone-60), var(--color-stone-40));
+  --highlight-slate: light-dark(var(--color-slate-60), var(--color-slate-40));
+  --highlight-yellow: light-dark(var(--color-yellow-70), var(--color-yellow-40));
+  --highlight-green: light-dark(var(--color-green-70), var(--color-green-40));
+  --highlight-blue: light-dark(var(--color-blue-50), var(--color-blue-40));
+  --highlight-red: light-dark(var(--color-red-70), var(--color-red-40));
+  --highlight-cyan: light-dark(var(--color-cyan-60), var(--color-cyan-40));
+  --highlight-purple: light-dark(var(--color-purple-60), var(--color-purple-40));
+  --highlight-indigo: light-dark(var(--color-indigo-50), var(--color-indigo-40));
+  --highlight-acid: light-dark(var(--color-acid-60), var(--color-acid-40));
+  --highlight-salmon: light-dark(var(--color-salmon-40), var(--color-salmon-30));
+  --highlight-magenta: light-dark(var(--color-magenta-60), var(--color-magenta-30));
+  --duration-instant: 0.10s;
+  --duration-fast: 0.20s;
+  --duration-normal: 0.30s;
+  --duration-slow: 0.60s;
+  --duration-slowest: 1.00s;
+  --easing-standard: cubic-bezier(0.3, 0.07, 0.34, 1);
+  --easing-entrance: cubic-bezier(0, 0, 0.34, 1);
+  --easing-exit: cubic-bezier(0.3, 0.07, 1, 1);
+  --easing-elastic: linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%);
+  --easing-wiggle: linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0);
+  --radius-x-small: 0.3125rem;
+  --radius-small: 0.625rem;
+  --radius-medium: 1.25rem;
+  --radius-large: 1.875rem;
+  --radius-x-large: 2.5rem;
+  --radius-2x-large: 3.75rem;
+  --radius-infinite: 625rem;
+  --corner-shape-enable: ;
+  --corner-shape-squircle: superellipse(1.8);
+  --space-2x-small: 0.125rem;
+  --space-x-small: 0.25rem;
+  --space-small: 0.7rem;
+  --space-medium: 1.2rem;
+  --space-large: 1.5rem;
+  --space-x-large: 2rem;
+  --space-2x-large: 2.5rem;
+  --space-wide: 3.5rem;
+  --space-x-wide: 4.5rem;
+  --space-2x-wide: 6rem;
+  --font-heading-typescale: 1.314;
+  --font-scale-display: 6.25rem;
+  --font-scale-h1: 3rem;
+  --font-scale-h2: 2.5rem;
+  --font-scale-h3: 2.0625rem;
+  --font-scale-h4: 1.75rem;
+  --font-scale-h5: 1.4375rem;
+  --font-scale-h6: 1.1875rem;
+  --font-scale-body-x-large: 1.75rem;
+  --font-scale-body-large: 1.4375rem;
+  --font-scale-body-medium: 1rem;
+  --font-scale-body-small: 0.875rem;
+  --font-scale-body-x-small: 0.75rem;
+  --font-family-heading: Merriweather Variable;
+  --font-family-body: Arial;
+  --font-family-mono: monospace;
+  --font-leading-x-small: 1;
+  --font-leading-small: 1.2;
+  --font-leading-standard: 1.5;
+  --font-leading-large: 1.8;
+  --vibrancy-enable: ;
+  --vibrancy-blur: 10;
+  --vibrancy-brightness: 180%;
+}

package/platforms/web/sunburst/sunburst.json

@@ -0,0 +1,226 @@
+{
+  "base-1": "light-dark(oklab(100% 0.0026 0.0045), oklab(15.907% 0.0034 0.0058))",
+  "base-2": "light-dark(oklab(96.115% 0.0026 0.0045), oklab(20.463% 0.005 0.0087))",
+  "base-3": "light-dark(oklab(90.67% 0.0082 0.0142), oklab(24.776% 0.008 0.0138))",
+  "base-4": "oklab(52.78% 0.021 0.0363)",
+  "base-5": "light-dark(oklab(35.232% 0.0178 0.0308), oklab(69.275% 0.0182 0.0314))",
+  "base-6": "light-dark(oklab(24.776% 0.008 0.0138), oklab(96.115% 0.0026 0.0045))",
+  "base-7": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
+  "color-acid-0": "oklab(99.142% -0.01187 0.021)",
+  "color-acid-5": "oklab(97.931% -0.02135 0.04376)",
+  "color-acid-10": "oklab(96.907% -0.02396 0.05495)",
+  "color-acid-20": "oklab(95.151% -0.02943 0.07414)",
+  "color-acid-30": "oklab(90.178% -0.05766 0.10806)",
+  "color-acid-40": "oklab(83.326% -0.08758 0.13195)",
+  "color-acid-50": "oklab(75.832% -0.10561 0.13632)",
+  "color-acid-60": "oklab(66.848% -0.1142 0.13068)",
+  "color-acid-70": "oklab(56.257% -0.11118 0.1148)",
+  "color-acid-80": "oklab(44.67% -0.09202 0.09225)",
+  "color-acid-90": "oklab(37.528% -0.07805 0.07751)",
+  "color-acid-100": "oklab(28.806% -0.05738 0.05947)",
+  "color-blue-0": "oklab(96.361% -0.00505 -0.01689)",
+  "color-blue-5": "oklab(93.733% -0.00857 -0.02794)",
+  "color-blue-10": "oklab(91.556% -0.01011 -0.03852)",
+  "color-blue-20": "oklab(88.909% -0.01431 -0.05153)",
+  "color-blue-30": "oklab(84.063% -0.02551 -0.07436)",
+  "color-blue-40": "oklab(71.374% -0.03802 -0.13825)",
+  "color-blue-50": "oklab(59.596% -0.02959 -0.15968)",
+  "color-blue-60": "oklab(51.818% -0.02148 -0.17519)",
+  "color-blue-70": "oklab(46.235% -0.01538 -0.17707)",
+  "color-blue-80": "oklab(37.792% -0.01183 -0.15771)",
+  "color-blue-90": "oklab(31.932% -0.01327 -0.13671)",
+  "color-blue-100": "oklab(25.93% -0.01193 -0.11848)",
+  "color-cyan-0": "oklab(98.412% -0.01765 -0.00673)",
+  "color-cyan-5": "oklab(96.678% -0.02963 -0.01303)",
+  "color-cyan-10": "oklab(95.626% -0.04069 -0.0176)",
+  "color-cyan-20": "oklab(92.991% -0.05836 -0.02814)",
+  "color-cyan-30": "oklab(90.116% -0.0761 -0.03857)",
+  "color-cyan-40": "oklab(84.335% -0.09913 -0.05459)",
+  "color-cyan-50": "oklab(71.484% -0.10272 -0.07252)",
+  "color-cyan-60": "oklab(60.891% -0.0828 -0.07383)",
+  "color-cyan-70": "oklab(51.976% -0.06829 -0.06396)",
+  "color-cyan-80": "oklab(45.003% -0.05518 -0.05381)",
+  "color-cyan-90": "oklab(39.821% -0.04496 -0.04888)",
+  "color-cyan-100": "oklab(34.232% -0.03741 -0.04103)",
+  "color-green-0": "oklab(97.932% -0.02008 0.00496)",
+  "color-green-5": "oklab(96.4% -0.03325 0.00943)",
+  "color-green-10": "oklab(95.046% -0.04854 0.01479)",
+  "color-green-20": "oklab(92.626% -0.06687 0.01825)",
+  "color-green-30": "oklab(89.641% -0.08536 0.01928)",
+  "color-green-40": "oklab(81.622% -0.12353 0.02932)",
+  "color-green-50": "oklab(69.587% -0.14216 0.04488)",
+  "color-green-60": "oklab(59.597% -0.122 0.03677)",
+  "color-green-70": "oklab(50.813% -0.10165 0.02608)",
+  "color-green-80": "oklab(43.18% -0.08423 0.01958)",
+  "color-green-90": "oklab(37.805% -0.07168 0.01401)",
+  "color-green-100": "oklab(32.501% -0.06056 0.01102)",
+  "color-indigo-0": "oklab(97.496% 0.00231 -0.01179)",
+  "color-indigo-5": "oklab(93.845% 0.0053 -0.0265)",
+  "color-indigo-10": "oklab(91.375% 0.00816 -0.03722)",
+  "color-indigo-20": "oklab(87.78% 0.012 -0.05233)",
+  "color-indigo-30": "oklab(81.769% 0.01968 -0.07593)",
+  "color-indigo-40": "oklab(60.739% 0.03271 -0.15779)",
+  "color-indigo-50": "oklab(48.181% 0.02863 -0.19517)",
+  "color-indigo-60": "oklab(43.556% 0.02523 -0.19637)",
+  "color-indigo-70": "oklab(36.945% 0.02458 -0.16119)",
+  "color-indigo-80": "oklab(32.186% 0.02141 -0.13701)",
+  "color-indigo-90": "oklab(27.328% 0.02115 -0.10922)",
+  "color-indigo-100": "oklab(22.986% 0.0165 -0.0838)",
+  "color-magenta-0": "oklab(97.988% 0.01284 -0.00568)",
+  "color-magenta-5": "oklab(94.885% 0.03095 -0.01253)",
+  "color-magenta-10": "oklab(92.198% 0.0466 -0.01735)",
+  "color-magenta-20": "oklab(88.19% 0.06832 -0.02441)",
+  "color-magenta-30": "oklab(78.484% 0.12807 -0.03849)",
+  "color-magenta-40": "oklab(64.885% 0.16252 -0.03869)",
+  "color-magenta-50": "oklab(53.736% 0.21033 -0.02354)",
+  "color-magenta-60": "oklab(48.622% 0.19811 -0.00891)",
+  "color-magenta-70": "oklab(41.838% 0.17044 -0.00739)",
+  "color-magenta-80": "oklab(34.114% 0.13907 -0.00695)",
+  "color-magenta-90": "oklab(29.731% 0.12124 -0.00648)",
+  "color-magenta-100": "oklab(24.738% 0.10112 -0.0081)",
+  "color-purple-0": "oklab(97.685% 0.0088 -0.01114)",
+  "color-purple-5": "oklab(95.296% 0.01661 -0.02282)",
+  "color-purple-10": "oklab(92.801% 0.02688 -0.03534)",
+  "color-purple-20": "oklab(90.236% 0.0361 -0.04843)",
+  "color-purple-30": "oklab(82.676% 0.0642 -0.08713)",
+  "color-purple-40": "oklab(72.169% 0.10261 -0.14384)",
+  "color-purple-50": "oklab(62.685% 0.1297 -0.19301)",
+  "color-purple-60": "oklab(55.754% 0.135 -0.21337)",
+  "color-purple-70": "oklab(49.552% 0.12526 -0.20104)",
+  "color-purple-80": "oklab(43.828% 0.11011 -0.16496)",
+  "color-purple-90": "oklab(38.074% 0.09523 -0.13607)",
+  "color-purple-100": "oklab(33.244% 0.08196 -0.11514)",
+  "color-red-0": "oklab(97.053% 0.01236 0.00387)",
+  "color-red-5": "oklab(94.648% 0.02402 0.00762)",
+  "color-red-10": "oklab(91.415% 0.04044 0.01311)",
+  "color-red-20": "oklab(88.037% 0.05854 0.01947)",
+  "color-red-30": "oklab(80.963% 0.09631 0.03416)",
+  "color-red-40": "oklab(71.063% 0.15381 0.06282)",
+  "color-red-50": "oklab(63.683% 0.18786 0.08893)",
+  "color-red-60": "oklab(56.466% 0.17343 0.08438)",
+  "color-red-70": "oklab(49.476% 0.15547 0.07692)",
+  "color-red-80": "oklab(43.589% 0.13627 0.06717)",
+  "color-red-90": "oklab(38.02% 0.11499 0.05535)",
+  "color-red-100": "oklab(32.559% 0.09518 0.04479)",
+  "color-salmon-0": "oklab(97.252% 0.00709 0.00635)",
+  "color-salmon-5": "oklab(94.153% 0.01755 0.01388)",
+  "color-salmon-10": "oklab(91.64% 0.02402 0.02021)",
+  "color-salmon-20": "oklab(87.513% 0.03701 0.03026)",
+  "color-salmon-30": "oklab(79.295% 0.06643 0.05368)",
+  "color-salmon-40": "oklab(71.063% 0.09953 0.07665)",
+  "color-salmon-50": "oklab(62.038% 0.12337 0.0942)",
+  "color-salmon-60": "oklab(56.248% 0.12273 0.09533)",
+  "color-salmon-70": "oklab(49.255% 0.10977 0.08569)",
+  "color-salmon-80": "oklab(41.192% 0.09231 0.06968)",
+  "color-salmon-90": "oklab(35.273% 0.0755 0.05757)",
+  "color-salmon-100": "oklab(29.119% 0.06033 0.04566)",
+  "color-slate-0": "oklab(98.415% -0.00129 -0.00316)",
+  "color-slate-5": "oklab(96.826% -0.00258 -0.00635)",
+  "color-slate-10": "oklab(94.283% -0.00453 -0.01119)",
+  "color-slate-20": "oklab(91.648% -0.00345 -0.01518)",
+  "color-slate-30": "oklab(86.898% -0.00584 -0.01897)",
+  "color-slate-40": "oklab(71.067% -0.00803 -0.03418)",
+  "color-slate-50": "oklab(55.514% -0.00777 -0.0394)",
+  "color-slate-60": "oklab(44.553% -0.00824 -0.03653)",
+  "color-slate-70": "oklab(37.17% -0.00862 -0.0382)",
+  "color-slate-80": "oklab(27.95% -0.00638 -0.03629)",
+  "color-slate-90": "oklab(23.146% -0.00279 -0.03089)",
+  "color-slate-100": "oklab(19.152% -0.0029 -0.02607)",
+  "color-stone-0": "oklab(96.115% 0 0)",
+  "color-stone-5": "oklab(94.611% 0 0)",
+  "color-stone-10": "oklab(92.191% 0 0)",
+  "color-stone-20": "oklab(90.67% 0 0)",
+  "color-stone-30": "oklab(85.451% 0 0)",
+  "color-stone-40": "oklab(69.275% 0 0)",
+  "color-stone-50": "oklab(52.78% 0 0)",
+  "color-stone-60": "oklab(42.761% 0 0)",
+  "color-stone-70": "oklab(35.232% 0 0)",
+  "color-stone-80": "oklab(24.776% 0 0)",
+  "color-stone-90": "oklab(20.463% 0 0)",
+  "color-stone-100": "oklab(15.907% 0 0)",
+  "color-yellow-0": "oklab(98.688% -0.00197 0.02131)",
+  "color-yellow-5": "oklab(97.14% -0.00368 0.04111)",
+  "color-yellow-10": "oklab(96.211% -0.00529 0.05656)",
+  "color-yellow-20": "oklab(94.427% -0.00844 0.08625)",
+  "color-yellow-30": "oklab(90.86% -0.00597 0.12233)",
+  "color-yellow-40": "oklab(83.387% 0.00688 0.142)",
+  "color-yellow-50": "oklab(76.859% 0.0561 0.15481)",
+  "color-yellow-60": "oklab(69.894% 0.10696 0.14168)",
+  "color-yellow-70": "oklab(62.573% 0.10037 0.12679)",
+  "color-yellow-80": "oklab(55.669% 0.08751 0.11282)",
+  "color-yellow-90": "oklab(47.31% 0.06716 0.09596)",
+  "color-yellow-100": "oklab(40.681% 0.05631 0.08253)",
+  "global-foreground": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
+  "global-background": "light-dark(oklab(96.115% 0.0026 0.0045), oklab(0% 0.002 0.0035))",
+  "global-primary": "#ff8636",
+  "global-muted": "light-dark(oklab(52.78% 0.021 0.0363), light-dark(oklab(35.232% 0.0178 0.0308), oklab(69.275% 0.0182 0.0314)))",
+  "global-interactive-text": "light-dark(oklab(24.776% 0.008 0.0138), oklab(96.115% 0.0026 0.0045))",
+  "global-disabled-foreground": "oklab(52.78% 0.021 0.0363)",
+  "global-disabled-background": "light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.1), oklab(from oklab(93% 0.006 0.0104) l a b / 0.07))",
+  "global-contrast": "light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.13), oklab(from oklab(93% 0.006 0.0104) l a b / 0.1))",
+  "global-outline": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
+  "highlight-gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
+  "highlight-slate": "light-dark(oklab(44.553% -0.00824 -0.03653), oklab(71.067% -0.00803 -0.03418))",
+  "highlight-yellow": "light-dark(oklab(62.573% 0.10037 0.12679), oklab(83.387% 0.00688 0.142))",
+  "highlight-green": "light-dark(oklab(50.813% -0.10165 0.02608), oklab(81.622% -0.12353 0.02932))",
+  "highlight-blue": "light-dark(oklab(59.596% -0.02959 -0.15968), oklab(71.374% -0.03802 -0.13825))",
+  "highlight-red": "light-dark(oklab(49.476% 0.15547 0.07692), oklab(71.063% 0.15381 0.06282))",
+  "highlight-cyan": "light-dark(oklab(60.891% -0.0828 -0.07383), oklab(84.335% -0.09913 -0.05459))",
+  "highlight-purple": "light-dark(oklab(55.754% 0.135 -0.21337), oklab(72.169% 0.10261 -0.14384))",
+  "highlight-indigo": "light-dark(oklab(48.181% 0.02863 -0.19517), oklab(60.739% 0.03271 -0.15779))",
+  "highlight-acid": "light-dark(oklab(66.848% -0.1142 0.13068), oklab(83.326% -0.08758 0.13195))",
+  "highlight-salmon": "light-dark(oklab(71.063% 0.09953 0.07665), oklab(79.295% 0.06643 0.05368))",
+  "highlight-magenta": "light-dark(oklab(48.622% 0.19811 -0.00891), oklab(78.484% 0.12807 -0.03849))",
+  "duration-instant": "0.10s",
+  "duration-fast": "0.20s",
+  "duration-normal": "0.30s",
+  "duration-slow": "0.60s",
+  "duration-slowest": "1.00s",
+  "easing-standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
+  "easing-entrance": "cubic-bezier(0, 0, 0.34, 1)",
+  "easing-exit": "cubic-bezier(0.3, 0.07, 1, 1)",
+  "easing-elastic": "linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%)",
+  "easing-wiggle": "linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0)",
+  "radius-x-small": "0.3125rem",
+  "radius-small": "0.625rem",
+  "radius-medium": "1.25rem",
+  "radius-large": "1.875rem",
+  "radius-x-large": "2.5rem",
+  "radius-2x-large": "3.75rem",
+  "radius-infinite": "625rem",
+  "corner-shape-enable": "",
+  "corner-shape-squircle": "superellipse(1.8)",
+  "space-2x-small": "0.125rem",
+  "space-x-small": "0.25rem",
+  "space-small": "0.7rem",
+  "space-medium": "1.2rem",
+  "space-large": "1.5rem",
+  "space-x-large": "2rem",
+  "space-2x-large": "2.5rem",
+  "space-wide": "3.5rem",
+  "space-x-wide": "4.5rem",
+  "space-2x-wide": "6rem",
+  "font-heading-typescale": 1.314,
+  "font-scale-display": "6.25rem",
+  "font-scale-h1": "3rem",
+  "font-scale-h2": "2.5rem",
+  "font-scale-h3": "2.0625rem",
+  "font-scale-h4": "1.75rem",
+  "font-scale-h5": "1.4375rem",
+  "font-scale-h6": "1.1875rem",
+  "font-scale-body-x-large": "1.75rem",
+  "font-scale-body-large": "1.4375rem",
+  "font-scale-body-medium": "1rem",
+  "font-scale-body-small": "0.875rem",
+  "font-scale-body-x-small": "0.75rem",
+  "font-family-heading": "Merriweather Variable",
+  "font-family-body": "Arial",
+  "font-family-mono": "monospace",
+  "font-leading-x-small": 1,
+  "font-leading-small": 1.2,
+  "font-leading-standard": 1.5,
+  "font-leading-large": 1.8,
+  "vibrancy-enable": "",
+  "vibrancy-blur": 10,
+  "vibrancy-brightness": "180%"
+}

package/platforms/web/sunburst/types.d.ts

@@ -0,0 +1,35 @@
+export type ThemeTypes = {
+  base: '1' | '2' | '3' | '4' | '5' | '6' | '7';
+  color: {
+    acid: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    blue: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    cyan: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    green: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    indigo: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    magenta: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    purple: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    red: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    salmon: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    slate: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    stone: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+    yellow: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
+  };
+  global: 'foreground' | 'background' | 'primary' | 'muted' | 'interactive-text' | 'disabled-foreground' | 'disabled-background' | 'contrast' | 'outline';
+  highlight: 'gray' | 'slate' | 'yellow' | 'green' | 'blue' | 'red' | 'cyan' | 'purple' | 'indigo' | 'acid' | 'salmon' | 'magenta';
+  duration: 'instant' | 'fast' | 'normal' | 'slow' | 'slowest';
+  easing: 'standard' | 'entrance' | 'exit' | 'elastic' | 'wiggle';
+  radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'infinite';
+  corner: {
+    shape: 'enable' | 'squircle';
+  };
+  space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
+  font: {
+    scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
+    family: 'heading' | 'body' | 'mono';
+    leading: 'x-small' | 'small' | 'standard' | 'large';
+  };
+  vibrancy: 'enable' | 'blur' | 'brightness';
+  colors: 'acid' | 'blue' | 'cyan' | 'green' | 'indigo' | 'magenta' | 'purple' | 'red' | 'salmon' | 'slate' | 'stone' | 'yellow';
+};
+
+export type ThemeGroupName = keyof ThemeTypes;

package/platforms/web/vira/css.d.ts

@@ -1,5 +1,7 @@
 declare module '@viraui/foundation/vira.css';
 declare module '@viraui/foundation/web.css';
+declare module '@viraui/foundation/sunburst.css';
+declare module '@viraui/foundation/cinder.css';
 
 /** @deprecated Use `@viraui/foundation/vira.css` instead. */
 declare module '@viraui/foundation/vira/css';

package/platforms/web/vira/types.d.ts

@@ -1,6 +1,5 @@
 export type ThemeTypes = {
   base: '1' | '2' | '3' | '4' | '5' | '6' | '7';
-  breakpoint: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
   color: {
     acid: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
     blue: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
@@ -15,12 +14,14 @@ export type ThemeTypes = {
     stone: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
     yellow: '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
   };
-  global: 'foreground' | 'background' | 'primary' | 'muted' | 'interactive-text' | 'disabled-foreground' | 'disabled-background' | 'contrast';
+  global: 'foreground' | 'background' | 'primary' | 'muted' | 'interactive-text' | 'disabled-foreground' | 'disabled-background' | 'contrast' | 'outline';
   highlight: 'gray' | 'slate' | 'yellow' | 'green' | 'blue' | 'red' | 'cyan' | 'purple' | 'indigo' | 'acid' | 'salmon' | 'magenta';
   duration: 'instant' | 'fast' | 'normal' | 'slow' | 'slowest';
   easing: 'standard' | 'entrance' | 'exit' | 'elastic' | 'wiggle';
   radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'infinite';
-  corner: 'shape';
+  corner: {
+    shape: 'enable' | 'squircle';
+  };
   space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
   font: {
     scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';

package/platforms/web/vira/vira-nested.json

@@ -8,13 +8,6 @@
     "6": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
     "7": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))"
   },
-  "breakpoint": {
-    "extra-small": "30em",
-    "small": "48em",
-    "medium": "60em",
-    "large": "80em",
-    "extra-large": "100em"
-  },
   "color": {
     "acid": {
       "0": "oklab(99.142% -0.01187 0.021)",
@@ -187,13 +180,14 @@
   },
   "global": {
     "foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
-    "background": "light-dark(oklab(94.611% 0 0), oklab(0% 0 0))",
+    "background": "light-dark(oklab(93.1% 0 0), oklab(0% 0 0))",
     "primary": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
     "muted": "light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0))",
     "interactive-text": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
     "disabled-foreground": "oklab(52.78% 0 0)",
     "disabled-background": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.1), oklab(from oklab(100% 0 0) l a b / 0.07))",
-    "contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.13), oklab(from oklab(100% 0 0) l a b / 0.09))"
+    "contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.13), oklab(from oklab(100% 0 0) l a b / 0.09))",
+    "outline": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))"
   },
   "highlight": {
     "gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
@@ -226,14 +220,17 @@
   "radius": {
     "x-small": "0.25rem",
     "small": "0.5rem",
-    "medium": "1rem",
+    "medium": "0.75rem",
     "large": "1.5rem",
     "x-large": "2rem",
     "2x-large": "3rem",
     "infinite": "625rem"
   },
   "corner": {
-    "shape": "squircle"
+    "shape": {
+      "enable": "",
+      "squircle": "superellipse(1.8)"
+    }
   },
   "space": {
     "2x-small": "0.125rem",

package/platforms/web/vira/vira.css

@@ -11,11 +11,6 @@
   --base-5: light-dark(var(--color-stone-70), var(--color-stone-40));
   --base-6: light-dark(var(--color-stone-80), var(--color-stone-0));
   --base-7: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
-  --breakpoint-extra-small: 30em;
-  --breakpoint-small: 48em;
-  --breakpoint-medium: 60em;
-  --breakpoint-large: 80em;
-  --breakpoint-extra-large: 100em;
   --color-acid-0: oklab(99.142% -0.01187 0.021);
   --color-acid-5: oklab(97.931% -0.02135 0.04376);
   --color-acid-10: oklab(96.907% -0.02396 0.05495);
@@ -161,13 +156,14 @@
   --color-yellow-90: oklab(47.31% 0.06716 0.09596);
   --color-yellow-100: oklab(40.681% 0.05631 0.08253);
   --global-foreground: var(--base-7);
-  --global-background: light-dark(oklab(94.611% 0 0), oklab(0% 0 0));
+  --global-background: light-dark(oklab(93.1% 0 0), oklab(0% 0 0));
   --global-primary: var(--base-7);
   --global-muted: light-dark(oklab(from var(--base-5) l a b / 0.9), oklab(from var(--base-5) l a b / 1));
   --global-interactive-text: var(--base-6);
   --global-disabled-foreground: var(--base-4);
   --global-disabled-background: light-dark(oklab(from oklab(0% 0 0) l a b / 0.1), oklab(from oklab(100% 0 0) l a b / 0.07));
   --global-contrast: light-dark(oklab(from oklab(0% 0 0) l a b / 0.13), oklab(from oklab(100% 0 0) l a b / 0.09));
+  --global-outline: var(--global-foreground);
   --highlight-gray: light-dark(var(--color-stone-60), var(--color-stone-40));
   --highlight-slate: light-dark(var(--color-slate-60), var(--color-slate-40));
   --highlight-yellow: light-dark(var(--color-yellow-70), var(--color-yellow-40));
@@ -192,12 +188,13 @@
   --easing-wiggle: linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0);
   --radius-x-small: 0.25rem;
   --radius-small: 0.5rem;
-  --radius-medium: 1rem;
+  --radius-medium: 0.75rem;
   --radius-large: 1.5rem;
   --radius-x-large: 2rem;
   --radius-2x-large: 3rem;
   --radius-infinite: 625rem;
-  --corner-shape: squircle;
+  --corner-shape-enable: ;
+  --corner-shape-squircle: superellipse(1.8);
   --space-2x-small: 0.125rem;
   --space-x-small: 0.25rem;
   --space-small: 0.5rem;