@react-spectrum/s2 3.0.0-nightly-a626c2596-240926 → 3.0.0-nightly-d57bd8d90-240927

package/style/dist/main.cjs

@@ -1,17 +1,18 @@
-var $b3643cb9d2948e30$exports = require("./style-macro.cjs");
+var $7dddb03c6ef7d79c$exports = require("./spectrum-theme.cjs");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "baseColor", () => $7dddb03c6ef7d79c$export$49bbad2a916ab57c);
-$parcel$export(module.exports, "lightDark", () => $7dddb03c6ef7d79c$export$d19e682d444755ed);
-$parcel$export(module.exports, "fontRelative", () => $7dddb03c6ef7d79c$export$ba024f4caf693d15);
-$parcel$export(module.exports, "edgeToText", () => $7dddb03c6ef7d79c$export$17b63977b35bb6d2);
-$parcel$export(module.exports, "space", () => $7dddb03c6ef7d79c$export$a941ed4b947d12f8);
-$parcel$export(module.exports, "size", () => $7dddb03c6ef7d79c$export$346677f925de839c);
-$parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$export$1d567c320f4763bc);
+$parcel$export(module.exports, "focusRing", () => $68f77cfae04dca88$export$8e24544ddba725ee);
+$parcel$export(module.exports, "baseColor", () => $7dddb03c6ef7d79c$exports.baseColor);
+$parcel$export(module.exports, "edgeToText", () => $7dddb03c6ef7d79c$exports.edgeToText);
+$parcel$export(module.exports, "fontRelative", () => $7dddb03c6ef7d79c$exports.fontRelative);
+$parcel$export(module.exports, "lightDark", () => $7dddb03c6ef7d79c$exports.lightDark);
+$parcel$export(module.exports, "size", () => $7dddb03c6ef7d79c$exports.size);
+$parcel$export(module.exports, "space", () => $7dddb03c6ef7d79c$exports.space);
+$parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$exports.style);
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -23,1962 +24,15 @@ $parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$export$1d567c320
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $7dddb03c6ef7d79c$var$pxToRem(px) {
-    if (typeof px === 'string') px = parseFloat(px);
-    return px / 16 + 'rem';
-}
-const $7dddb03c6ef7d79c$var$color = {
-    transparent: 'transparent',
-    black: 'black',
-    white: 'white',
-    "gray-25": "light-dark(rgb(255, 255, 255), rgb(17, 17, 17))",
-    "gray-50": "light-dark(rgb(248, 248, 248), rgb(27, 27, 27))",
-    "gray-75": "light-dark(rgb(243, 243, 243), rgb(34, 34, 34))",
-    "gray-100": "light-dark(rgb(233, 233, 233), rgb(44, 44, 44))",
-    "gray-200": "light-dark(rgb(225, 225, 225), rgb(50, 50, 50))",
-    "gray-300": "light-dark(rgb(218, 218, 218), rgb(57, 57, 57))",
-    "gray-400": "light-dark(rgb(198, 198, 198), rgb(68, 68, 68))",
-    "gray-500": "light-dark(rgb(143, 143, 143), rgb(109, 109, 109))",
-    "gray-600": "light-dark(rgb(113, 113, 113), rgb(138, 138, 138))",
-    "gray-700": "light-dark(rgb(80, 80, 80), rgb(175, 175, 175))",
-    "gray-800": "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
-    "gray-900": "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
-    "gray-1000": "light-dark(rgb(0, 0, 0), rgb(255, 255, 255))",
-    "blue-100": "light-dark(rgb(245, 249, 255), rgb(14, 23, 63))",
-    "blue-200": "light-dark(rgb(229, 240, 254), rgb(15, 28, 82))",
-    "blue-300": "light-dark(rgb(203, 226, 254), rgb(12, 33, 117))",
-    "blue-400": "light-dark(rgb(172, 207, 253), rgb(18, 45, 154))",
-    "blue-500": "light-dark(rgb(142, 185, 252), rgb(26, 58, 195))",
-    "blue-600": "light-dark(rgb(114, 158, 253), rgb(37, 73, 229))",
-    "blue-700": "light-dark(rgb(93, 137, 255), rgb(52, 91, 248))",
-    "blue-800": "light-dark(rgb(75, 117, 255), rgb(69, 110, 254))",
-    "blue-900": "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
-    "blue-1000": "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
-    "blue-1100": "light-dark(rgb(29, 62, 207), rgb(124, 169, 252))",
-    "blue-1200": "light-dark(rgb(21, 50, 173), rgb(152, 192, 252))",
-    "blue-1300": "light-dark(rgb(16, 40, 140), rgb(181, 213, 253))",
-    "blue-1400": "light-dark(rgb(12, 31, 105), rgb(213, 231, 254))",
-    "blue-1500": "light-dark(rgb(14, 24, 67), rgb(238, 245, 255))",
-    "blue-1600": "light-dark(rgb(7, 11, 30), rgb(255, 255, 255))",
-    "red-100": "light-dark(rgb(255, 246, 245), rgb(54, 10, 3))",
-    "red-200": "light-dark(rgb(255, 235, 232), rgb(68, 13, 5))",
-    "red-300": "light-dark(rgb(255, 214, 209), rgb(87, 17, 7))",
-    "red-400": "light-dark(rgb(255, 188, 180), rgb(115, 24, 11))",
-    "red-500": "light-dark(rgb(255, 157, 145), rgb(147, 31, 17))",
-    "red-600": "light-dark(rgb(255, 118, 101), rgb(177, 38, 23))",
-    "red-700": "light-dark(rgb(255, 81, 61), rgb(205, 46, 29))",
-    "red-800": "light-dark(rgb(240, 56, 35), rgb(230, 54, 35))",
-    "red-900": "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
-    "red-1000": "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
-    "red-1100": "light-dark(rgb(156, 33, 19), rgb(255, 134, 120))",
-    "red-1200": "light-dark(rgb(129, 27, 14), rgb(255, 167, 157))",
-    "red-1300": "light-dark(rgb(104, 21, 10), rgb(255, 196, 189))",
-    "red-1400": "light-dark(rgb(80, 16, 6), rgb(255, 222, 219))",
-    "red-1500": "light-dark(rgb(59, 11, 4), rgb(255, 242, 240))",
-    "red-1600": "light-dark(rgb(29, 5, 2), rgb(255, 255, 255))",
-    "orange-100": "light-dark(rgb(255, 246, 231), rgb(49, 16, 0))",
-    "orange-200": "light-dark(rgb(255, 236, 207), rgb(61, 21, 0))",
-    "orange-300": "light-dark(rgb(255, 218, 158), rgb(80, 27, 0))",
-    "orange-400": "light-dark(rgb(255, 193, 94), rgb(106, 36, 0))",
-    "orange-500": "light-dark(rgb(255, 162, 19), rgb(135, 47, 0))",
-    "orange-600": "light-dark(rgb(252, 125, 0), rgb(162, 59, 0))",
-    "orange-700": "light-dark(rgb(232, 106, 0), rgb(185, 73, 0))",
-    "orange-800": "light-dark(rgb(212, 91, 0), rgb(205, 86, 0))",
-    "orange-900": "light-dark(rgb(194, 78, 0), rgb(224, 100, 0))",
-    "orange-1000": "light-dark(rgb(167, 62, 0), rgb(243, 117, 0))",
-    "orange-1100": "light-dark(rgb(144, 51, 0), rgb(255, 137, 0))",
-    "orange-1200": "light-dark(rgb(118, 41, 0), rgb(255, 173, 45))",
-    "orange-1300": "light-dark(rgb(95, 32, 0), rgb(255, 201, 116))",
-    "orange-1400": "light-dark(rgb(73, 24, 0), rgb(255, 225, 178))",
-    "orange-1500": "light-dark(rgb(52, 18, 0), rgb(255, 243, 225))",
-    "orange-1600": "light-dark(rgb(25, 8, 0), rgb(255, 255, 255))",
-    "yellow-100": "light-dark(rgb(255, 248, 204), rgb(37, 23, 0))",
-    "yellow-200": "light-dark(rgb(255, 241, 151), rgb(47, 29, 0))",
-    "yellow-300": "light-dark(rgb(255, 222, 44), rgb(61, 39, 0))",
-    "yellow-400": "light-dark(rgb(245, 199, 0), rgb(83, 52, 0))",
-    "yellow-500": "light-dark(rgb(230, 175, 0), rgb(107, 67, 0))",
-    "yellow-600": "light-dark(rgb(210, 149, 0), rgb(130, 82, 0))",
-    "yellow-700": "light-dark(rgb(193, 131, 0), rgb(151, 97, 0))",
-    "yellow-800": "light-dark(rgb(175, 116, 0), rgb(169, 110, 0))",
-    "yellow-900": "light-dark(rgb(158, 102, 0), rgb(186, 124, 0))",
-    "yellow-1000": "light-dark(rgb(134, 85, 0), rgb(203, 141, 0))",
-    "yellow-1100": "light-dark(rgb(114, 72, 0), rgb(218, 159, 0))",
-    "yellow-1200": "light-dark(rgb(93, 59, 0), rgb(235, 183, 0))",
-    "yellow-1300": "light-dark(rgb(75, 47, 0), rgb(249, 206, 0))",
-    "yellow-1400": "light-dark(rgb(56, 35, 0), rgb(255, 230, 86))",
-    "yellow-1500": "light-dark(rgb(40, 25, 0), rgb(255, 246, 195))",
-    "yellow-1600": "light-dark(rgb(18, 11, 0), rgb(255, 255, 255))",
-    "chartreuse-100": "light-dark(rgb(246, 251, 222), rgb(23, 28, 0))",
-    "chartreuse-200": "light-dark(rgb(234, 246, 173), rgb(30, 36, 0))",
-    "chartreuse-300": "light-dark(rgb(208, 236, 70), rgb(39, 47, 0))",
-    "chartreuse-400": "light-dark(rgb(182, 219, 0), rgb(53, 63, 0))",
-    "chartreuse-500": "light-dark(rgb(163, 196, 0), rgb(68, 82, 0))",
-    "chartreuse-600": "light-dark(rgb(143, 172, 0), rgb(83, 100, 0))",
-    "chartreuse-700": "light-dark(rgb(128, 153, 0), rgb(97, 116, 0))",
-    "chartreuse-800": "light-dark(rgb(114, 137, 0), rgb(109, 131, 0))",
-    "chartreuse-900": "light-dark(rgb(102, 122, 0), rgb(122, 147, 0))",
-    "chartreuse-1000": "light-dark(rgb(86, 103, 0), rgb(136, 164, 0))",
-    "chartreuse-1100": "light-dark(rgb(73, 87, 0), rgb(151, 181, 0))",
-    "chartreuse-1200": "light-dark(rgb(60, 71, 0), rgb(169, 203, 0))",
-    "chartreuse-1300": "light-dark(rgb(47, 57, 0), rgb(187, 225, 0))",
-    "chartreuse-1400": "light-dark(rgb(35, 43, 0), rgb(219, 240, 117))",
-    "chartreuse-1500": "light-dark(rgb(25, 30, 0), rgb(242, 249, 206))",
-    "chartreuse-1600": "light-dark(rgb(11, 14, 0), rgb(255, 255, 255))",
-    "celery-100": "light-dark(rgb(235, 255, 220), rgb(11, 31, 0))",
-    "celery-200": "light-dark(rgb(197, 255, 156), rgb(15, 38, 0))",
-    "celery-300": "light-dark(rgb(157, 247, 92), rgb(21, 51, 1))",
-    "celery-400": "light-dark(rgb(129, 228, 58), rgb(31, 67, 4))",
-    "celery-500": "light-dark(rgb(110, 206, 42), rgb(41, 86, 8))",
-    "celery-600": "light-dark(rgb(93, 180, 31), rgb(50, 105, 11))",
-    "celery-700": "light-dark(rgb(82, 161, 25), rgb(60, 122, 15))",
-    "celery-800": "light-dark(rgb(72, 144, 20), rgb(69, 138, 19))",
-    "celery-900": "light-dark(rgb(64, 129, 17), rgb(78, 154, 23))",
-    "celery-1000": "light-dark(rgb(52, 109, 12), rgb(88, 172, 28))",
-    "celery-1100": "light-dark(rgb(44, 92, 9), rgb(100, 190, 35))",
-    "celery-1200": "light-dark(rgb(35, 75, 6), rgb(116, 213, 46))",
-    "celery-1300": "light-dark(rgb(27, 60, 3), rgb(136, 234, 65))",
-    "celery-1400": "light-dark(rgb(19, 46, 0), rgb(170, 251, 112))",
-    "celery-1500": "light-dark(rgb(12, 33, 0), rgb(222, 255, 198))",
-    "celery-1600": "light-dark(rgb(4, 15, 0), rgb(255, 255, 255))",
-    "green-100": "light-dark(rgb(237, 252, 241), rgb(0, 30, 23))",
-    "green-200": "light-dark(rgb(215, 247, 225), rgb(0, 38, 29))",
-    "green-300": "light-dark(rgb(173, 238, 197), rgb(0, 51, 38))",
-    "green-400": "light-dark(rgb(107, 227, 162), rgb(0, 68, 48))",
-    "green-500": "light-dark(rgb(43, 209, 125), rgb(2, 87, 58))",
-    "green-600": "light-dark(rgb(18, 184, 103), rgb(3, 106, 67))",
-    "green-700": "light-dark(rgb(11, 164, 93), rgb(4, 124, 75))",
-    "green-800": "light-dark(rgb(7, 147, 85), rgb(6, 140, 82))",
-    "green-900": "light-dark(rgb(5, 131, 78), rgb(9, 157, 89))",
-    "green-1000": "light-dark(rgb(3, 110, 69), rgb(14, 175, 98))",
-    "green-1100": "light-dark(rgb(2, 93, 60), rgb(24, 193, 110))",
-    "green-1200": "light-dark(rgb(1, 76, 52), rgb(57, 215, 134))",
-    "green-1300": "light-dark(rgb(0, 61, 44), rgb(126, 231, 172))",
-    "green-1400": "light-dark(rgb(0, 46, 34), rgb(189, 241, 208))",
-    "green-1500": "light-dark(rgb(0, 33, 25), rgb(229, 250, 236))",
-    "green-1600": "light-dark(rgb(0, 15, 12), rgb(255, 255, 255))",
-    "seafoam-100": "light-dark(rgb(235, 251, 246), rgb(0, 30, 27))",
-    "seafoam-200": "light-dark(rgb(211, 246, 234), rgb(0, 39, 35))",
-    "seafoam-300": "light-dark(rgb(169, 237, 216), rgb(0, 50, 44))",
-    "seafoam-400": "light-dark(rgb(92, 225, 194), rgb(0, 67, 59))",
-    "seafoam-500": "light-dark(rgb(16, 207, 169), rgb(2, 86, 75))",
-    "seafoam-600": "light-dark(rgb(13, 181, 149), rgb(4, 105, 89))",
-    "seafoam-700": "light-dark(rgb(11, 162, 134), rgb(6, 122, 103))",
-    "seafoam-800": "light-dark(rgb(9, 144, 120), rgb(8, 138, 116))",
-    "seafoam-900": "light-dark(rgb(7, 129, 109), rgb(10, 154, 128))",
-    "seafoam-1000": "light-dark(rgb(5, 108, 92), rgb(12, 173, 142))",
-    "seafoam-1100": "light-dark(rgb(3, 92, 80), rgb(14, 190, 156))",
-    "seafoam-1200": "light-dark(rgb(1, 75, 67), rgb(29, 214, 176))",
-    "seafoam-1300": "light-dark(rgb(0, 60, 54), rgb(122, 229, 203))",
-    "seafoam-1400": "light-dark(rgb(0, 46, 40), rgb(186, 241, 222))",
-    "seafoam-1500": "light-dark(rgb(0, 33, 29), rgb(229, 249, 243))",
-    "seafoam-1600": "light-dark(rgb(0, 15, 14), rgb(255, 255, 255))",
-    "cyan-100": "light-dark(rgb(238, 250, 254), rgb(0, 29, 39))",
-    "cyan-200": "light-dark(rgb(217, 244, 253), rgb(0, 36, 49))",
-    "cyan-300": "light-dark(rgb(183, 231, 252), rgb(0, 48, 65))",
-    "cyan-400": "light-dark(rgb(138, 213, 255), rgb(0, 64, 88))",
-    "cyan-500": "light-dark(rgb(92, 192, 255), rgb(0, 82, 113))",
-    "cyan-600": "light-dark(rgb(48, 167, 254), rgb(3, 99, 140))",
-    "cyan-700": "light-dark(rgb(29, 149, 231), rgb(8, 115, 168))",
-    "cyan-800": "light-dark(rgb(18, 134, 205), rgb(15, 128, 194))",
-    "cyan-900": "light-dark(rgb(11, 120, 179), rgb(24, 142, 220))",
-    "cyan-1000": "light-dark(rgb(4, 102, 145), rgb(38, 159, 244))",
-    "cyan-1100": "light-dark(rgb(0, 87, 121), rgb(63, 177, 255))",
-    "cyan-1200": "light-dark(rgb(0, 71, 98), rgb(107, 199, 255))",
-    "cyan-1300": "light-dark(rgb(0, 57, 78), rgb(152, 219, 255))",
-    "cyan-1400": "light-dark(rgb(0, 43, 59), rgb(195, 236, 252))",
-    "cyan-1500": "light-dark(rgb(0, 31, 43), rgb(230, 248, 253))",
-    "cyan-1600": "light-dark(rgb(0, 14, 20), rgb(255, 255, 255))",
-    "indigo-100": "light-dark(rgb(247, 248, 255), rgb(30, 0, 93))",
-    "indigo-200": "light-dark(rgb(235, 238, 255), rgb(35, 0, 110))",
-    "indigo-300": "light-dark(rgb(216, 222, 255), rgb(47, 0, 140))",
-    "indigo-400": "light-dark(rgb(192, 201, 255), rgb(62, 12, 174))",
-    "indigo-500": "light-dark(rgb(167, 178, 255), rgb(79, 30, 209))",
-    "indigo-600": "light-dark(rgb(145, 151, 254), rgb(95, 52, 235))",
-    "indigo-700": "light-dark(rgb(132, 128, 254), rgb(109, 75, 248))",
-    "indigo-800": "light-dark(rgb(122, 106, 253), rgb(119, 97, 252))",
-    "indigo-900": "light-dark(rgb(113, 85, 250), rgb(128, 119, 254))",
-    "indigo-1000": "light-dark(rgb(99, 56, 238), rgb(139, 141, 254))",
-    "indigo-1100": "light-dark(rgb(84, 36, 219), rgb(153, 161, 255))",
-    "indigo-1200": "light-dark(rgb(69, 19, 191), rgb(176, 186, 255))",
-    "indigo-1300": "light-dark(rgb(55, 6, 160), rgb(199, 208, 255))",
-    "indigo-1400": "light-dark(rgb(42, 0, 129), rgb(223, 228, 255))",
-    "indigo-1500": "light-dark(rgb(31, 0, 98), rgb(243, 244, 255))",
-    "indigo-1600": "light-dark(rgb(17, 0, 54), rgb(255, 255, 255))",
-    "purple-100": "light-dark(rgb(251, 247, 254), rgb(41, 0, 79))",
-    "purple-200": "light-dark(rgb(244, 235, 252), rgb(50, 0, 96))",
-    "purple-300": "light-dark(rgb(235, 218, 249), rgb(64, 0, 122))",
-    "purple-400": "light-dark(rgb(221, 193, 246), rgb(83, 0, 159))",
-    "purple-500": "light-dark(rgb(208, 167, 243), rgb(107, 6, 195))",
-    "purple-600": "light-dark(rgb(191, 138, 238), rgb(130, 34, 215))",
-    "purple-700": "light-dark(rgb(178, 114, 235), rgb(148, 62, 224))",
-    "purple-800": "light-dark(rgb(166, 92, 231), rgb(161, 84, 229))",
-    "purple-900": "light-dark(rgb(154, 71, 226), rgb(173, 105, 233))",
-    "purple-1000": "light-dark(rgb(134, 40, 217), rgb(186, 127, 237))",
-    "purple-1100": "light-dark(rgb(115, 13, 204), rgb(197, 149, 240))",
-    "purple-1200": "light-dark(rgb(93, 0, 177), rgb(212, 176, 244))",
-    "purple-1300": "light-dark(rgb(75, 0, 144), rgb(225, 201, 247))",
-    "purple-1400": "light-dark(rgb(59, 0, 111), rgb(238, 224, 250))",
-    "purple-1500": "light-dark(rgb(44, 0, 84), rgb(248, 243, 253))",
-    "purple-1600": "light-dark(rgb(23, 0, 45), rgb(255, 255, 255))",
-    "fuchsia-100": "light-dark(rgb(254, 246, 255), rgb(50, 0, 61))",
-    "fuchsia-200": "light-dark(rgb(253, 233, 255), rgb(61, 0, 74))",
-    "fuchsia-300": "light-dark(rgb(250, 211, 255), rgb(79, 0, 95))",
-    "fuchsia-400": "light-dark(rgb(247, 181, 255), rgb(102, 9, 120))",
-    "fuchsia-500": "light-dark(rgb(243, 147, 255), rgb(127, 23, 146))",
-    "fuchsia-600": "light-dark(rgb(236, 105, 255), rgb(151, 38, 170))",
-    "fuchsia-700": "light-dark(rgb(223, 77, 245), rgb(173, 51, 192))",
-    "fuchsia-800": "light-dark(rgb(200, 68, 220), rgb(192, 64, 212))",
-    "fuchsia-900": "light-dark(rgb(181, 57, 200), rgb(213, 73, 235))",
-    "fuchsia-1000": "light-dark(rgb(156, 40, 175), rgb(232, 91, 253))",
-    "fuchsia-1100": "light-dark(rgb(135, 27, 154), rgb(240, 122, 255))",
-    "fuchsia-1200": "light-dark(rgb(113, 15, 131), rgb(245, 159, 255))",
-    "fuchsia-1300": "light-dark(rgb(92, 4, 109), rgb(248, 191, 255))",
-    "fuchsia-1400": "light-dark(rgb(72, 0, 88), rgb(251, 219, 255))",
-    "fuchsia-1500": "light-dark(rgb(54, 0, 66), rgb(253, 241, 255))",
-    "fuchsia-1600": "light-dark(rgb(29, 0, 35), rgb(255, 255, 255))",
-    "magenta-100": "light-dark(rgb(255, 245, 248), rgb(59, 0, 22))",
-    "magenta-200": "light-dark(rgb(255, 232, 240), rgb(74, 0, 27))",
-    "magenta-300": "light-dark(rgb(255, 213, 227), rgb(93, 0, 34))",
-    "magenta-400": "light-dark(rgb(255, 185, 208), rgb(123, 0, 45))",
-    "magenta-500": "light-dark(rgb(255, 152, 187), rgb(152, 7, 60))",
-    "magenta-600": "light-dark(rgb(255, 112, 159), rgb(181, 19, 76))",
-    "magenta-700": "light-dark(rgb(255, 72, 133), rgb(207, 31, 92))",
-    "magenta-800": "light-dark(rgb(240, 45, 110), rgb(231, 41, 105))",
-    "magenta-900": "light-dark(rgb(217, 35, 97), rgb(255, 51, 119))",
-    "magenta-1000": "light-dark(rgb(186, 22, 80), rgb(255, 96, 149))",
-    "magenta-1100": "light-dark(rgb(163, 5, 62), rgb(255, 128, 171))",
-    "magenta-1200": "light-dark(rgb(136, 0, 51), rgb(255, 163, 194))",
-    "magenta-1300": "light-dark(rgb(111, 0, 40), rgb(255, 193, 214))",
-    "magenta-1400": "light-dark(rgb(86, 0, 30), rgb(255, 220, 232))",
-    "magenta-1500": "light-dark(rgb(64, 0, 22), rgb(255, 241, 246))",
-    "magenta-1600": "light-dark(rgb(35, 0, 12), rgb(255, 255, 255))",
-    "pink-100": "light-dark(rgb(255, 246, 252), rgb(58, 0, 37))",
-    "pink-200": "light-dark(rgb(255, 232, 247), rgb(71, 0, 44))",
-    "pink-300": "light-dark(rgb(255, 211, 240), rgb(90, 0, 57))",
-    "pink-400": "light-dark(rgb(255, 181, 230), rgb(115, 7, 75))",
-    "pink-500": "light-dark(rgb(255, 148, 219), rgb(143, 18, 97))",
-    "pink-600": "light-dark(rgb(255, 103, 204), rgb(171, 29, 119))",
-    "pink-700": "light-dark(rgb(242, 76, 184), rgb(196, 39, 138))",
-    "pink-800": "light-dark(rgb(228, 52, 163), rgb(220, 47, 156))",
-    "pink-900": "light-dark(rgb(206, 42, 146), rgb(236, 67, 175))",
-    "pink-1000": "light-dark(rgb(176, 31, 123), rgb(251, 90, 196))",
-    "pink-1100": "light-dark(rgb(152, 22, 104), rgb(255, 122, 210))",
-    "pink-1200": "light-dark(rgb(128, 12, 85), rgb(255, 159, 223))",
-    "pink-1300": "light-dark(rgb(105, 3, 68), rgb(255, 191, 234))",
-    "pink-1400": "light-dark(rgb(83, 0, 53), rgb(255, 219, 243))",
-    "pink-1500": "light-dark(rgb(62, 0, 39), rgb(255, 241, 250))",
-    "pink-1600": "light-dark(rgb(33, 0, 21), rgb(255, 255, 255))",
-    "turquoise-100": "light-dark(rgb(238, 251, 251), rgb(0, 30, 33))",
-    "turquoise-200": "light-dark(rgb(209, 245, 245), rgb(0, 37, 41))",
-    "turquoise-300": "light-dark(rgb(169, 236, 237), rgb(0, 49, 54))",
-    "turquoise-400": "light-dark(rgb(111, 221, 228), rgb(0, 66, 72))",
-    "turquoise-500": "light-dark(rgb(39, 202, 216), rgb(3, 84, 92))",
-    "turquoise-600": "light-dark(rgb(15, 177, 192), rgb(5, 103, 112))",
-    "turquoise-700": "light-dark(rgb(12, 158, 171), rgb(7, 120, 131))",
-    "turquoise-800": "light-dark(rgb(10, 141, 153), rgb(9, 135, 147))",
-    "turquoise-900": "light-dark(rgb(8, 126, 137), rgb(11, 151, 164))",
-    "turquoise-1000": "light-dark(rgb(5, 107, 116), rgb(13, 168, 182))",
-    "turquoise-1100": "light-dark(rgb(3, 90, 98), rgb(16, 186, 202))",
-    "turquoise-1200": "light-dark(rgb(1, 74, 81), rgb(64, 208, 220))",
-    "turquoise-1300": "light-dark(rgb(0, 59, 65), rgb(128, 225, 231))",
-    "turquoise-1400": "light-dark(rgb(0, 44, 49), rgb(183, 240, 240))",
-    "turquoise-1500": "light-dark(rgb(0, 32, 35), rgb(228, 249, 249))",
-    "turquoise-1600": "light-dark(rgb(0, 15, 17), rgb(255, 255, 255))",
-    "brown-100": "light-dark(rgb(252, 247, 242), rgb(35, 24, 8))",
-    "brown-200": "light-dark(rgb(247, 238, 225), rgb(44, 31, 11))",
-    "brown-300": "light-dark(rgb(239, 221, 195), rgb(58, 40, 14))",
-    "brown-400": "light-dark(rgb(229, 200, 157), rgb(78, 55, 19))",
-    "brown-500": "light-dark(rgb(214, 177, 123), rgb(98, 71, 30))",
-    "brown-600": "light-dark(rgb(190, 155, 104), rgb(115, 88, 47))",
-    "brown-700": "light-dark(rgb(171, 138, 90), rgb(132, 104, 61))",
-    "brown-800": "light-dark(rgb(154, 123, 77), rgb(148, 118, 73))",
-    "brown-900": "light-dark(rgb(139, 109, 66), rgb(163, 132, 84))",
-    "brown-1000": "light-dark(rgb(119, 91, 50), rgb(181, 147, 98))",
-    "brown-1100": "light-dark(rgb(103, 76, 35), rgb(199, 163, 112))",
-    "brown-1200": "light-dark(rgb(88, 61, 21), rgb(222, 185, 130))",
-    "brown-1300": "light-dark(rgb(70, 49, 17), rgb(232, 207, 169))",
-    "brown-1400": "light-dark(rgb(52, 37, 13), rgb(242, 227, 206))",
-    "brown-1500": "light-dark(rgb(38, 26, 9), rgb(250, 244, 236))",
-    "brown-1600": "light-dark(rgb(16, 12, 4), rgb(255, 255, 255))",
-    "silver-100": "light-dark(rgb(247, 247, 247), rgb(26, 26, 26))",
-    "silver-200": "light-dark(rgb(239, 239, 239), rgb(33, 33, 33))",
-    "silver-300": "light-dark(rgb(223, 223, 223), rgb(44, 44, 44))",
-    "silver-400": "light-dark(rgb(204, 204, 204), rgb(59, 59, 59))",
-    "silver-500": "light-dark(rgb(183, 183, 183), rgb(76, 76, 76))",
-    "silver-600": "light-dark(rgb(160, 160, 160), rgb(92, 92, 92))",
-    "silver-700": "light-dark(rgb(143, 143, 143), rgb(108, 108, 108))",
-    "silver-800": "light-dark(rgb(128, 128, 128), rgb(123, 123, 123))",
-    "silver-900": "light-dark(rgb(114, 114, 114), rgb(137, 137, 137))",
-    "silver-1000": "light-dark(rgb(96, 96, 96), rgb(152, 152, 152))",
-    "silver-1100": "light-dark(rgb(81, 81, 81), rgb(169, 169, 169))",
-    "silver-1200": "light-dark(rgb(66, 66, 66), rgb(190, 190, 190))",
-    "silver-1300": "light-dark(rgb(52, 52, 52), rgb(211, 211, 211))",
-    "silver-1400": "light-dark(rgb(39, 39, 39), rgb(229, 229, 229))",
-    "silver-1500": "light-dark(rgb(28, 28, 28), rgb(244, 244, 244))",
-    "silver-1600": "light-dark(rgb(12, 12, 12), rgb(255, 255, 255))",
-    "cinnamon-100": "light-dark(rgb(253, 247, 243), rgb(48, 17, 4))",
-    "cinnamon-200": "light-dark(rgb(249, 236, 229), rgb(59, 21, 5))",
-    "cinnamon-300": "light-dark(rgb(244, 218, 203), rgb(79, 28, 7))",
-    "cinnamon-400": "light-dark(rgb(237, 196, 172), rgb(100, 41, 15))",
-    "cinnamon-500": "light-dark(rgb(229, 170, 136), rgb(122, 57, 28))",
-    "cinnamon-600": "light-dark(rgb(212, 145, 108), rgb(143, 74, 40))",
-    "cinnamon-700": "light-dark(rgb(198, 126, 88), rgb(163, 88, 52))",
-    "cinnamon-800": "light-dark(rgb(184, 109, 70), rgb(179, 103, 64))",
-    "cinnamon-900": "light-dark(rgb(170, 94, 56), rgb(192, 119, 80))",
-    "cinnamon-1000": "light-dark(rgb(147, 77, 43), rgb(206, 136, 99))",
-    "cinnamon-1100": "light-dark(rgb(128, 62, 32), rgb(220, 154, 118))",
-    "cinnamon-1200": "light-dark(rgb(110, 48, 21), rgb(232, 179, 149))",
-    "cinnamon-1300": "light-dark(rgb(92, 35, 11), rgb(239, 203, 183))",
-    "cinnamon-1400": "light-dark(rgb(72, 25, 6), rgb(246, 225, 214))",
-    "cinnamon-1500": "light-dark(rgb(52, 18, 4), rgb(252, 244, 239))",
-    "cinnamon-1600": "light-dark(rgb(24, 8, 2), rgb(255, 255, 255))",
-    "accent-100": "light-dark(rgb(245, 249, 255), rgb(14, 23, 63))",
-    "accent-200": "light-dark(rgb(229, 240, 254), rgb(15, 28, 82))",
-    "accent-300": "light-dark(rgb(203, 226, 254), rgb(12, 33, 117))",
-    "accent-400": "light-dark(rgb(172, 207, 253), rgb(18, 45, 154))",
-    "accent-500": "light-dark(rgb(142, 185, 252), rgb(26, 58, 195))",
-    "accent-600": "light-dark(rgb(114, 158, 253), rgb(37, 73, 229))",
-    "accent-700": "light-dark(rgb(93, 137, 255), rgb(52, 91, 248))",
-    "accent-800": "light-dark(rgb(75, 117, 255), rgb(69, 110, 254))",
-    "accent-900": "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
-    "accent-1000": "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
-    "accent-1100": "light-dark(rgb(29, 62, 207), rgb(124, 169, 252))",
-    "accent-1200": "light-dark(rgb(21, 50, 173), rgb(152, 192, 252))",
-    "accent-1300": "light-dark(rgb(16, 40, 140), rgb(181, 213, 253))",
-    "accent-1400": "light-dark(rgb(12, 31, 105), rgb(213, 231, 254))",
-    "accent-1500": "light-dark(rgb(14, 24, 67), rgb(238, 245, 255))",
-    "accent-1600": "light-dark(rgb(7, 11, 30), rgb(255, 255, 255))",
-    "informative-100": "light-dark(rgb(245, 249, 255), rgb(14, 23, 63))",
-    "informative-200": "light-dark(rgb(229, 240, 254), rgb(15, 28, 82))",
-    "informative-300": "light-dark(rgb(203, 226, 254), rgb(12, 33, 117))",
-    "informative-400": "light-dark(rgb(172, 207, 253), rgb(18, 45, 154))",
-    "informative-500": "light-dark(rgb(142, 185, 252), rgb(26, 58, 195))",
-    "informative-600": "light-dark(rgb(114, 158, 253), rgb(37, 73, 229))",
-    "informative-700": "light-dark(rgb(93, 137, 255), rgb(52, 91, 248))",
-    "informative-800": "light-dark(rgb(75, 117, 255), rgb(69, 110, 254))",
-    "informative-900": "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
-    "informative-1000": "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
-    "informative-1100": "light-dark(rgb(29, 62, 207), rgb(124, 169, 252))",
-    "informative-1200": "light-dark(rgb(21, 50, 173), rgb(152, 192, 252))",
-    "informative-1300": "light-dark(rgb(16, 40, 140), rgb(181, 213, 253))",
-    "informative-1400": "light-dark(rgb(12, 31, 105), rgb(213, 231, 254))",
-    "informative-1500": "light-dark(rgb(14, 24, 67), rgb(238, 245, 255))",
-    "informative-1600": "light-dark(rgb(7, 11, 30), rgb(255, 255, 255))",
-    "negative-100": "light-dark(rgb(255, 246, 245), rgb(54, 10, 3))",
-    "negative-200": "light-dark(rgb(255, 235, 232), rgb(68, 13, 5))",
-    "negative-300": "light-dark(rgb(255, 214, 209), rgb(87, 17, 7))",
-    "negative-400": "light-dark(rgb(255, 188, 180), rgb(115, 24, 11))",
-    "negative-500": "light-dark(rgb(255, 157, 145), rgb(147, 31, 17))",
-    "negative-600": "light-dark(rgb(255, 118, 101), rgb(177, 38, 23))",
-    "negative-700": "light-dark(rgb(255, 81, 61), rgb(205, 46, 29))",
-    "negative-800": "light-dark(rgb(240, 56, 35), rgb(230, 54, 35))",
-    "negative-900": "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
-    "negative-1000": "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
-    "negative-1100": "light-dark(rgb(156, 33, 19), rgb(255, 134, 120))",
-    "negative-1200": "light-dark(rgb(129, 27, 14), rgb(255, 167, 157))",
-    "negative-1300": "light-dark(rgb(104, 21, 10), rgb(255, 196, 189))",
-    "negative-1400": "light-dark(rgb(80, 16, 6), rgb(255, 222, 219))",
-    "negative-1500": "light-dark(rgb(59, 11, 4), rgb(255, 242, 240))",
-    "negative-1600": "light-dark(rgb(29, 5, 2), rgb(255, 255, 255))",
-    "notice-100": "light-dark(rgb(255, 246, 231), rgb(49, 16, 0))",
-    "notice-200": "light-dark(rgb(255, 236, 207), rgb(61, 21, 0))",
-    "notice-300": "light-dark(rgb(255, 218, 158), rgb(80, 27, 0))",
-    "notice-400": "light-dark(rgb(255, 193, 94), rgb(106, 36, 0))",
-    "notice-500": "light-dark(rgb(255, 162, 19), rgb(135, 47, 0))",
-    "notice-600": "light-dark(rgb(252, 125, 0), rgb(162, 59, 0))",
-    "notice-700": "light-dark(rgb(232, 106, 0), rgb(185, 73, 0))",
-    "notice-800": "light-dark(rgb(212, 91, 0), rgb(205, 86, 0))",
-    "notice-900": "light-dark(rgb(194, 78, 0), rgb(224, 100, 0))",
-    "notice-1000": "light-dark(rgb(167, 62, 0), rgb(243, 117, 0))",
-    "notice-1100": "light-dark(rgb(144, 51, 0), rgb(255, 137, 0))",
-    "notice-1200": "light-dark(rgb(118, 41, 0), rgb(255, 173, 45))",
-    "notice-1300": "light-dark(rgb(95, 32, 0), rgb(255, 201, 116))",
-    "notice-1400": "light-dark(rgb(73, 24, 0), rgb(255, 225, 178))",
-    "notice-1500": "light-dark(rgb(52, 18, 0), rgb(255, 243, 225))",
-    "notice-1600": "light-dark(rgb(25, 8, 0), rgb(255, 255, 255))",
-    "positive-100": "light-dark(rgb(237, 252, 241), rgb(0, 30, 23))",
-    "positive-200": "light-dark(rgb(215, 247, 225), rgb(0, 38, 29))",
-    "positive-300": "light-dark(rgb(173, 238, 197), rgb(0, 51, 38))",
-    "positive-400": "light-dark(rgb(107, 227, 162), rgb(0, 68, 48))",
-    "positive-500": "light-dark(rgb(43, 209, 125), rgb(2, 87, 58))",
-    "positive-600": "light-dark(rgb(18, 184, 103), rgb(3, 106, 67))",
-    "positive-700": "light-dark(rgb(11, 164, 93), rgb(4, 124, 75))",
-    "positive-800": "light-dark(rgb(7, 147, 85), rgb(6, 140, 82))",
-    "positive-900": "light-dark(rgb(5, 131, 78), rgb(9, 157, 89))",
-    "positive-1000": "light-dark(rgb(3, 110, 69), rgb(14, 175, 98))",
-    "positive-1100": "light-dark(rgb(2, 93, 60), rgb(24, 193, 110))",
-    "positive-1200": "light-dark(rgb(1, 76, 52), rgb(57, 215, 134))",
-    "positive-1300": "light-dark(rgb(0, 61, 44), rgb(126, 231, 172))",
-    "positive-1400": "light-dark(rgb(0, 46, 34), rgb(189, 241, 208))",
-    "positive-1500": "light-dark(rgb(0, 33, 25), rgb(229, 250, 236))",
-    "positive-1600": "light-dark(rgb(0, 15, 12), rgb(255, 255, 255))",
-    "transparent-white-25": "rgba(255, 255, 255, 0)",
-    "transparent-white-50": "rgba(255, 255, 255, 0.04)",
-    "transparent-white-75": "rgba(255, 255, 255, 0.07)",
-    "transparent-white-100": "rgba(255, 255, 255, 0.11)",
-    "transparent-white-200": "rgba(255, 255, 255, 0.14)",
-    "transparent-white-300": "rgba(255, 255, 255, 0.17)",
-    "transparent-white-400": "rgba(255, 255, 255, 0.21)",
-    "transparent-white-500": "rgba(255, 255, 255, 0.39)",
-    "transparent-white-600": "rgba(255, 255, 255, 0.51)",
-    "transparent-white-700": "rgba(255, 255, 255, 0.66)",
-    "transparent-white-800": "rgba(255, 255, 255, 0.85)",
-    "transparent-white-900": "rgba(255, 255, 255, 0.94)",
-    "transparent-white-1000": "rgb(255, 255, 255)",
-    "transparent-black-25": "rgba(0, 0, 0, 0)",
-    "transparent-black-50": "rgba(0, 0, 0, 0.03)",
-    "transparent-black-75": "rgba(0, 0, 0, 0.05)",
-    "transparent-black-100": "rgba(0, 0, 0, 0.09)",
-    "transparent-black-200": "rgba(0, 0, 0, 0.12)",
-    "transparent-black-300": "rgba(0, 0, 0, 0.15)",
-    "transparent-black-400": "rgba(0, 0, 0, 0.22)",
-    "transparent-black-500": "rgba(0, 0, 0, 0.44)",
-    "transparent-black-600": "rgba(0, 0, 0, 0.56)",
-    "transparent-black-700": "rgba(0, 0, 0, 0.69)",
-    "transparent-black-800": "rgba(0, 0, 0, 0.84)",
-    "transparent-black-900": "rgba(0, 0, 0, 0.93)",
-    "transparent-black-1000": "rgb(0, 0, 0)",
-    // High contrast mode.
-    Background: 'Background',
-    ButtonBorder: 'ButtonBorder',
-    ButtonFace: 'ButtonFace',
-    ButtonText: 'ButtonText',
-    Field: 'Field',
-    Highlight: 'Highlight',
-    HighlightText: 'HighlightText',
-    GrayText: 'GrayText',
-    Mark: 'Mark',
-    LinkText: 'LinkText'
-};
-function $7dddb03c6ef7d79c$export$49bbad2a916ab57c(base) {
-    let keys = Object.keys($7dddb03c6ef7d79c$var$color);
-    let index = keys.indexOf(base);
-    if (index === -1) throw new Error('Invalid base color ' + base);
-    return {
-        default: base,
-        isHovered: keys[index + 1],
-        isFocusVisible: keys[index + 1],
-        isPressed: keys[index + 1]
-    };
-}
-function $7dddb03c6ef7d79c$export$d19e682d444755ed(light, dark) {
-    let [lightColorValue, lightOpacity] = light.split('/');
-    let [darkColorValue, darkOpacity] = dark.split('/');
-    let lightColor = $7dddb03c6ef7d79c$var$color[lightColorValue];
-    let darkColor = $7dddb03c6ef7d79c$var$color[darkColorValue];
-    if (lightOpacity) lightColor = `rgb(from ${lightColor} r g b / ${lightOpacity}%)`;
-    if (darkOpacity) darkColor = `rgb(from ${darkColor} r g b / ${darkOpacity}%)`;
-    return `[light-dark(${lightColor}, ${darkColor})]`;
-}
-function $7dddb03c6ef7d79c$var$generateSpacing(px) {
-    let res = {};
-    for (let p of px)res[p] = $7dddb03c6ef7d79c$var$pxToRem(p);
-    return res;
-}
-const $7dddb03c6ef7d79c$var$baseSpacing = $7dddb03c6ef7d79c$var$generateSpacing([
-    0,
-    2,
-    4,
-    8,
-    12,
-    16,
-    20,
-    24,
-    28,
-    32,
-    36,
-    40,
-    44,
-    48,
-    56,
-    // From here onward the values are mostly spaced by 1rem (16px)
-    64,
-    80,
-    96,
-    // TODO: should these only be available as sizes rather than spacing?
-    112,
-    128,
-    144,
-    160,
-    176,
-    192,
-    208,
-    224,
-    240,
-    256,
-    288,
-    320,
-    384
-]);
-// This should match the above, but negative. There's no way to negate a number
-// type in typescript so this has to be done manually for now.
-const $7dddb03c6ef7d79c$var$negativeSpacing = $7dddb03c6ef7d79c$var$generateSpacing([
-    // -2, // spacing-50 !! TODO: should we support this?
-    -4,
-    -8,
-    -12,
-    -16,
-    -20,
-    -24,
-    -28,
-    -32,
-    -36,
-    -40,
-    -44,
-    -48,
-    -56,
-    // From here onward the values are mostly spaced by 1rem (16px)
-    -64,
-    -80,
-    -96,
-    // TODO: should these only be available as sizes rather than spacing?
-    -112,
-    -128,
-    -144,
-    -160,
-    -176,
-    -192,
-    -208,
-    -224,
-    -240,
-    -256,
-    -288,
-    -320,
-    -384
-]);
-function $7dddb03c6ef7d79c$var$arbitrary(ctx, value) {
-    return ctx ? `[${value}]` : value;
-}
-function $7dddb03c6ef7d79c$export$ba024f4caf693d15(base, baseFontSize = 14) {
-    return $7dddb03c6ef7d79c$var$arbitrary(this, base / baseFontSize + 'em');
-}
-function $7dddb03c6ef7d79c$export$17b63977b35bb6d2(height) {
-    return `calc(${$7dddb03c6ef7d79c$var$baseSpacing[height]} * 3 / 8)`;
-}
-function $7dddb03c6ef7d79c$export$a941ed4b947d12f8(px) {
-    return $7dddb03c6ef7d79c$var$arbitrary(this, $7dddb03c6ef7d79c$var$pxToRem(px));
-}
-const $7dddb03c6ef7d79c$var$spacing = {
-    ...$7dddb03c6ef7d79c$var$baseSpacing,
-    // font-size relative values
-    'text-to-control': $7dddb03c6ef7d79c$export$ba024f4caf693d15(10),
-    'text-to-visual': {
-        default: $7dddb03c6ef7d79c$export$ba024f4caf693d15(6),
-        touch: $7dddb03c6ef7d79c$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
-    },
-    // height relative values
-    'edge-to-text': 'calc(self(height, self(minHeight)) * 3 / 8)',
-    'pill': 'calc(self(height, self(minHeight)) / 2)'
-};
-function $7dddb03c6ef7d79c$export$346677f925de839c(px) {
-    return {
-        default: $7dddb03c6ef7d79c$var$arbitrary(this, $7dddb03c6ef7d79c$var$pxToRem(px)),
-        touch: $7dddb03c6ef7d79c$var$arbitrary(this, $7dddb03c6ef7d79c$var$pxToRem(px * 1.25))
-    };
-}
-const $7dddb03c6ef7d79c$var$scaledSpacing = Object.fromEntries(Object.entries($7dddb03c6ef7d79c$var$baseSpacing).map(([k, v])=>[
-        k,
-        {
-            default: v,
-            touch: parseFloat(v) * 1.25 + v.match(/[^0-9.]+/)[0]
-        }
-    ]));
-const $7dddb03c6ef7d79c$var$sizing = {
-    ...$7dddb03c6ef7d79c$var$scaledSpacing,
-    auto: 'auto',
-    full: '100%',
-    min: 'min-content',
-    max: 'max-content',
-    fit: 'fit-content',
-    control: {
-        default: $7dddb03c6ef7d79c$export$346677f925de839c(32),
-        size: {
-            XS: $7dddb03c6ef7d79c$export$346677f925de839c(20),
-            S: $7dddb03c6ef7d79c$export$346677f925de839c(24),
-            L: $7dddb03c6ef7d79c$export$346677f925de839c(40),
-            XL: $7dddb03c6ef7d79c$export$346677f925de839c(48)
-        }
-    },
-    // With browser support for round() we could do this:
-    // 'control-sm': `round(${16 / 14}em, 2px)`
-    'control-sm': {
-        default: $7dddb03c6ef7d79c$export$346677f925de839c(16),
-        size: {
-            S: $7dddb03c6ef7d79c$export$346677f925de839c(14),
-            L: $7dddb03c6ef7d79c$export$346677f925de839c(18),
-            XL: $7dddb03c6ef7d79c$export$346677f925de839c(20)
-        }
-    }
-};
-const $7dddb03c6ef7d79c$var$height = {
-    ...$7dddb03c6ef7d79c$var$sizing,
-    screen: '100vh'
-};
-const $7dddb03c6ef7d79c$var$width = {
-    ...$7dddb03c6ef7d79c$var$sizing,
-    screen: '100vw'
-};
-const $7dddb03c6ef7d79c$var$margin = {
-    ...$7dddb03c6ef7d79c$var$spacing,
-    ...$7dddb03c6ef7d79c$var$negativeSpacing,
-    auto: 'auto'
-};
-const $7dddb03c6ef7d79c$var$inset = {
-    ...$7dddb03c6ef7d79c$var$baseSpacing,
-    auto: 'auto',
-    full: '100%'
-};
-const $7dddb03c6ef7d79c$var$translate = {
-    ...$7dddb03c6ef7d79c$var$baseSpacing,
-    ...$7dddb03c6ef7d79c$var$negativeSpacing,
-    full: '100%'
-};
-const $7dddb03c6ef7d79c$var$borderWidth = {
-    0: '0px',
-    1: "1px",
-    2: "2px",
-    4: "4px"
-};
-const $7dddb03c6ef7d79c$var$radius = {
-    none: "0px",
-    sm: $7dddb03c6ef7d79c$var$pxToRem("4px"),
-    default: $7dddb03c6ef7d79c$var$pxToRem("8px"),
-    lg: $7dddb03c6ef7d79c$var$pxToRem("10px"),
-    xl: $7dddb03c6ef7d79c$var$pxToRem("16px"),
-    full: '9999px',
-    pill: 'calc(self(height, self(minHeight, 9999px)) / 2)',
-    control: $7dddb03c6ef7d79c$export$ba024f4caf693d15(8),
-    'control-sm': $7dddb03c6ef7d79c$export$ba024f4caf693d15(4)
-};
-let $7dddb03c6ef7d79c$var$gridTrack = (value)=>{
-    if (typeof value === 'string') return value;
-    return value.map((v)=>$7dddb03c6ef7d79c$var$gridTrackSize(v)).join(' ');
-};
-let $7dddb03c6ef7d79c$var$gridTrackSize = (value)=>{
-    // @ts-ignore
-    return value in $7dddb03c6ef7d79c$var$baseSpacing ? $7dddb03c6ef7d79c$var$baseSpacing[value] : value;
-};
-const $7dddb03c6ef7d79c$var$transitionProperty = {
-    default: 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
-    colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
-    opacity: 'opacity',
-    shadow: 'box-shadow',
-    transform: 'transform, translate, scale, rotate',
-    all: 'all',
-    none: 'none'
-};
-// TODO
-const $7dddb03c6ef7d79c$var$timingFunction = {
-    default: 'cubic-bezier(0.45, 0, 0.4, 1)',
-    linear: 'linear',
-    in: 'cubic-bezier(0.5, 0, 1, 1)',
-    out: 'cubic-bezier(0, 0, 0.40, 1)',
-    'in-out': 'cubic-bezier(0.45, 0, 0.4, 1)'
-};
-// TODO: do these need tokens or are arbitrary values ok?
-let $7dddb03c6ef7d79c$var$durationProperty = (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-        [property]: typeof value === 'number' ? value + 'ms' : value
-    }));
-// const colorWithAlpha = createColorProperty(color);
-const $7dddb03c6ef7d79c$var$fontWeightBase = {
-    light: '300',
-    // TODO: spectrum calls this "regular" but CSS calls it "normal". We also call other properties "default". What do we want to match?
-    normal: '400',
-    medium: '500',
-    bold: '700',
-    'extra-bold': '800',
-    black: '900'
-};
-const $7dddb03c6ef7d79c$var$i18nFonts = {
-    ':lang(ar)': 'myriad-arabic, ui-sans-serif, system-ui, sans-serif',
-    ':lang(he)': 'myriad-hebrew, ui-sans-serif, system-ui, sans-serif',
-    ':lang(ja)': "adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3', Osaka, YuGothic, 'Yu Gothic', '\u30E1\u30A4\u30EA\u30AA', Meiryo, '\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF', 'MS PGothic', sans-serif",
-    ':lang(ko)': "adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', sans-serif",
-    ':lang(zh)': "adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', sans-serif",
-    // TODO: are these fallbacks supposed to be different than above?
-    ':lang(zh-hant)': "adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif",
-    ':lang(zh-Hans, zh-CN, zh-SG)': "adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif"
-};
-const $7dddb03c6ef7d79c$var$fontSize = {
-    // The default font size scale is for use within UI components.
-    'ui-xs': {
-        "default": "0.6875rem",
-        touch: "0.8125rem"
-    },
-    'ui-sm': {
-        "default": "0.75rem",
-        touch: "0.9375rem"
-    },
-    ui: {
-        "default": "0.875rem",
-        touch: "1.0625rem"
-    },
-    'ui-lg': {
-        "default": "1rem",
-        touch: "1.1875rem"
-    },
-    'ui-xl': {
-        "default": "1.125rem",
-        touch: "1.375rem"
-    },
-    'ui-2xl': {
-        "default": "1.25rem",
-        touch: "1.5rem"
-    },
-    'ui-3xl': {
-        "default": "1.375rem",
-        touch: "1.6875rem"
-    },
-    control: {
-        default: {
-            "default": "0.875rem",
-            touch: "1.0625rem"
-        },
-        size: {
-            XS: {
-                "default": "0.6875rem",
-                touch: "0.8125rem"
-            },
-            S: {
-                "default": "0.75rem",
-                touch: "0.9375rem"
-            },
-            L: {
-                "default": "1rem",
-                touch: "1.1875rem"
-            },
-            XL: {
-                "default": "1.125rem",
-                touch: "1.375rem"
-            }
-        }
-    },
-    'heading-2xs': {
-        "default": "0.875rem",
-        touch: "1.0625rem"
-    },
-    'heading-xs': {
-        "default": "1rem",
-        touch: "1.1875rem"
-    },
-    'heading-sm': {
-        "default": "1.125rem",
-        touch: "1.375rem"
-    },
-    heading: {
-        "default": "1.375rem",
-        touch: "1.6875rem"
-    },
-    'heading-lg': {
-        "default": "1.75rem",
-        touch: "2.125rem"
-    },
-    'heading-xl': {
-        "default": "2.25rem",
-        touch: "2.75rem"
-    },
-    'heading-2xl': {
-        "default": "2.8125rem",
-        touch: "3.4375rem"
-    },
-    'heading-3xl': {
-        "default": "3.75rem",
-        touch: "4.375rem"
-    },
-    'title-xs': {
-        "default": "0.75rem",
-        touch: "0.9375rem"
-    },
-    'title-sm': {
-        "default": "0.875rem",
-        touch: "1.0625rem"
-    },
-    title: {
-        "default": "1rem",
-        touch: "1.1875rem"
-    },
-    'title-lg': {
-        "default": "1.125rem",
-        touch: "1.375rem"
-    },
-    'title-xl': {
-        "default": "1.25rem",
-        touch: "1.5rem"
-    },
-    'title-2xl': {
-        "default": "1.375rem",
-        touch: "1.6875rem"
-    },
-    'title-3xl': {
-        "default": "1.5625rem",
-        touch: "1.9375rem"
-    },
-    // Body is for large blocks of text, e.g. paragraphs, not in UI components.
-    'body-2xs': {
-        "default": "0.6875rem",
-        touch: "0.8125rem"
-    },
-    'body-xs': {
-        "default": "0.75rem",
-        touch: "0.9375rem"
-    },
-    'body-sm': {
-        "default": "0.875rem",
-        touch: "1.0625rem"
-    },
-    body: {
-        "default": "1rem",
-        touch: "1.1875rem"
-    },
-    'body-lg': {
-        "default": "1.125rem",
-        touch: "1.375rem"
-    },
-    'body-xl': {
-        "default": "1.25rem",
-        touch: "1.5rem"
-    },
-    'body-2xl': {
-        "default": "1.375rem",
-        touch: "1.6875rem"
-    },
-    'body-3xl': {
-        "default": "1.5625rem",
-        touch: "1.9375rem"
-    },
-    'detail-sm': {
-        "default": "0.6875rem",
-        touch: "0.8125rem"
-    },
-    detail: {
-        "default": "0.75rem",
-        touch: "0.9375rem"
-    },
-    'detail-lg': {
-        "default": "0.875rem",
-        touch: "1.0625rem"
-    },
-    'detail-xl': {
-        "default": "1rem",
-        touch: "1.1875rem"
-    },
-    'code-xs': {
-        "default": "0.75rem",
-        touch: "0.9375rem"
-    },
-    'code-sm': {
-        "default": "0.875rem",
-        touch: "1.0625rem"
-    },
-    code: {
-        "default": "1rem",
-        touch: "1.1875rem"
-    },
-    'code-lg': {
-        "default": "1.125rem",
-        touch: "1.375rem"
-    },
-    'code-xl': {
-        "default": "1.25rem",
-        touch: "1.5rem"
-    }
-};
-const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.createTheme)({
-    properties: {
-        // colors
-        color: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            ...$7dddb03c6ef7d79c$var$color,
-            accent: {
-                default: "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
-                isHovered: "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
-                isFocusVisible: "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
-                isPressed: "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))"
-            },
-            neutral: {
-                default: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
-                isHovered: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
-                isFocusVisible: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
-                isPressed: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))"
-            },
-            'neutral-subdued': {
-                default: "light-dark(rgb(80, 80, 80), rgb(175, 175, 175))",
-                isHovered: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
-                isFocusVisible: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
-                isPressed: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))"
-            },
-            negative: {
-                default: "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
-                isHovered: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
-                isFocusVisible: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
-                isPressed: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))"
-            },
-            disabled: {
-                default: "light-dark(rgb(198, 198, 198), rgb(68, 68, 68))"
-            },
-            heading: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
-            title: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
-            body: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
-            detail: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
-            code: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))"
-        }),
-        backgroundColor: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            ...$7dddb03c6ef7d79c$var$color,
-            accent: {
-                default: "light-dark(rgb(59, 99, 251), rgb(52, 91, 248))",
-                isHovered: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))",
-                isFocusVisible: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))",
-                isPressed: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))"
-            },
-            neutral: {
-                default: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
-                isHovered: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
-                isFocusVisible: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))",
-                isPressed: "light-dark(rgb(19, 19, 19), rgb(242, 242, 242))"
-            },
-            'neutral-subdued': {
-                default: "light-dark(rgb(80, 80, 80), rgb(109, 109, 109))",
-                isHovered: "light-dark(rgb(41, 41, 41), rgb(68, 68, 68))",
-                isFocusVisible: "light-dark(rgb(41, 41, 41), rgb(68, 68, 68))",
-                isPressed: "light-dark(rgb(41, 41, 41), rgb(68, 68, 68))"
-            },
-            'neutral-subtle': "light-dark(rgb(233, 233, 233), rgb(44, 44, 44))",
-            negative: {
-                default: "light-dark(rgb(215, 50, 32), rgb(205, 46, 29))",
-                isHovered: "light-dark(rgb(183, 40, 24), rgb(177, 38, 23))",
-                isFocusVisible: "light-dark(rgb(183, 40, 24), rgb(177, 38, 23))",
-                isPressed: "light-dark(rgb(183, 40, 24), rgb(177, 38, 23))"
-            },
-            'negative-subtle': "light-dark(rgb(255, 235, 232), rgb(68, 13, 5))",
-            informative: {
-                default: "light-dark(rgb(59, 99, 251), rgb(52, 91, 248))",
-                isHovered: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))",
-                isFocusVisible: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))",
-                isPressed: "light-dark(rgb(39, 77, 234), rgb(37, 73, 229))"
-            },
-            'informative-subtle': "light-dark(rgb(229, 240, 254), rgb(15, 28, 82))",
-            positive: {
-                default: "light-dark(rgb(5, 131, 78), rgb(4, 124, 75))",
-                isHovered: "light-dark(rgb(3, 110, 69), rgb(3, 106, 67))",
-                isFocusVisible: "light-dark(rgb(3, 110, 69), rgb(3, 106, 67))",
-                isPressed: "light-dark(rgb(3, 110, 69), rgb(3, 106, 67))"
-            },
-            'positive-subtle': "light-dark(rgb(215, 247, 225), rgb(0, 38, 29))",
-            notice: "light-dark(rgb(252, 125, 0), rgb(224, 100, 0))",
-            'notice-subtle': "light-dark(rgb(255, 236, 207), rgb(61, 21, 0))",
-            gray: "light-dark(rgb(80, 80, 80), rgb(109, 109, 109))",
-            red: "light-dark(rgb(215, 50, 32), rgb(205, 46, 29))",
-            orange: "light-dark(rgb(252, 125, 0), rgb(224, 100, 0))",
-            yellow: "light-dark(rgb(245, 199, 0), rgb(218, 159, 0))",
-            chartreuse: "light-dark(rgb(163, 196, 0), rgb(136, 164, 0))",
-            celery: "light-dark(rgb(93, 180, 31), rgb(78, 154, 23))",
-            green: "light-dark(rgb(5, 131, 78), rgb(4, 124, 75))",
-            seafoam: "light-dark(rgb(7, 129, 109), rgb(6, 122, 103))",
-            cyan: "light-dark(rgb(11, 120, 179), rgb(8, 115, 168))",
-            blue: "light-dark(rgb(59, 99, 251), rgb(52, 91, 248))",
-            indigo: "light-dark(rgb(113, 85, 250), rgb(109, 75, 248))",
-            purple: "light-dark(rgb(154, 71, 226), rgb(148, 62, 224))",
-            fuchsia: "light-dark(rgb(181, 57, 200), rgb(173, 51, 192))",
-            magenta: "light-dark(rgb(217, 35, 97), rgb(207, 31, 92))",
-            pink: "light-dark(rgb(206, 42, 146), rgb(196, 39, 138))",
-            turquoise: "light-dark(rgb(8, 126, 137), rgb(7, 120, 131))",
-            cinnamon: "light-dark(rgb(170, 94, 56), rgb(163, 88, 52))",
-            brown: "light-dark(rgb(139, 109, 66), rgb(132, 104, 61))",
-            silver: "light-dark(rgb(114, 114, 114), rgb(108, 108, 108))",
-            disabled: "light-dark(rgb(233, 233, 233), rgb(44, 44, 44))",
-            base: "light-dark(rgb(255, 255, 255), rgb(17, 17, 17))",
-            'layer-1': "light-dark(rgb(248, 248, 248), rgb(27, 27, 27))",
-            'layer-2': "light-dark(rgb(255, 255, 255), rgb(34, 34, 34))",
-            pasteboard: "light-dark(rgb(233, 233, 233), rgb(17, 17, 17))",
-            elevated: "light-dark(rgb(255, 255, 255), rgb(34, 34, 34))"
-        }),
-        borderColor: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            ...$7dddb03c6ef7d79c$var$color,
-            negative: {
-                default: "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
-                isHovered: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
-                isFocusVisible: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
-                isPressed: "light-dark(rgb(156, 33, 19), rgb(255, 134, 120))"
-            },
-            disabled: "light-dark(rgb(218, 218, 218), rgb(57, 57, 57))"
-        }),
-        outlineColor: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            ...$7dddb03c6ef7d79c$var$color,
-            'focus-ring': {
-                default: "light-dark(rgb(75, 117, 255), rgb(69, 110, 254))",
-                forcedColors: 'Highlight'
-            }
-        }),
-        // textDecorationColor: colorWithAlpha,
-        // accentColor: colorWithAlpha,
-        // caretColor: colorWithAlpha,
-        fill: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            none: 'none',
-            currentColor: 'currentColor',
-            accent: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
-            neutral: "light-dark(rgb(143, 143, 143), rgb(138, 138, 138))",
-            negative: "light-dark(rgb(240, 56, 35), rgb(205, 46, 29))",
-            informative: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
-            positive: "light-dark(rgb(11, 164, 93), rgb(6, 140, 82))",
-            notice: "light-dark(rgb(232, 106, 0), rgb(224, 100, 0))",
-            gray: "light-dark(rgb(143, 143, 143), rgb(138, 138, 138))",
-            red: "light-dark(rgb(240, 56, 35), rgb(205, 46, 29))",
-            orange: "light-dark(rgb(232, 106, 0), rgb(224, 100, 0))",
-            yellow: "light-dark(rgb(210, 149, 0), rgb(218, 159, 0))",
-            chartreuse: "light-dark(rgb(143, 172, 0), rgb(122, 147, 0))",
-            celery: "light-dark(rgb(82, 161, 25), rgb(69, 138, 19))",
-            green: "light-dark(rgb(11, 164, 93), rgb(6, 140, 82))",
-            seafoam: "light-dark(rgb(11, 162, 134), rgb(8, 138, 116))",
-            cyan: "light-dark(rgb(48, 167, 254), rgb(24, 142, 220))",
-            blue: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
-            indigo: "light-dark(rgb(122, 106, 253), rgb(128, 119, 254))",
-            purple: "light-dark(rgb(166, 92, 231), rgb(173, 105, 233))",
-            fuchsia: "light-dark(rgb(200, 68, 220), rgb(213, 73, 235))",
-            magenta: "light-dark(rgb(240, 45, 110), rgb(255, 51, 119))",
-            pink: "light-dark(rgb(228, 52, 163), rgb(236, 67, 175))",
-            turquoise: "light-dark(rgb(10, 141, 153), rgb(11, 151, 164))",
-            cinnamon: "light-dark(rgb(184, 109, 70), rgb(192, 119, 80))",
-            brown: "light-dark(rgb(154, 123, 77), rgb(163, 132, 84))",
-            silver: "light-dark(rgb(128, 128, 128), rgb(137, 137, 137))",
-            ...$7dddb03c6ef7d79c$var$color
-        }),
-        stroke: (0, $b3643cb9d2948e30$exports.createColorProperty)({
-            none: 'none',
-            currentColor: 'currentColor',
-            ...$7dddb03c6ef7d79c$var$color
-        }),
-        // dimensions
-        borderSpacing: $7dddb03c6ef7d79c$var$baseSpacing,
-        flexBasis: {
-            auto: 'auto',
-            full: '100%',
-            ...$7dddb03c6ef7d79c$var$baseSpacing
-        },
-        rowGap: $7dddb03c6ef7d79c$var$spacing,
-        columnGap: $7dddb03c6ef7d79c$var$spacing,
-        height: $7dddb03c6ef7d79c$var$height,
-        width: $7dddb03c6ef7d79c$var$width,
-        containIntrinsicWidth: $7dddb03c6ef7d79c$var$width,
-        containIntrinsicHeight: $7dddb03c6ef7d79c$var$height,
-        minHeight: $7dddb03c6ef7d79c$var$height,
-        maxHeight: {
-            ...$7dddb03c6ef7d79c$var$height,
-            none: 'none'
-        },
-        minWidth: $7dddb03c6ef7d79c$var$width,
-        maxWidth: {
-            ...$7dddb03c6ef7d79c$var$width,
-            none: 'none'
-        },
-        borderStartWidth: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderInlineStartWidth', $7dddb03c6ef7d79c$var$borderWidth),
-        borderEndWidth: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderInlineEndWidth', $7dddb03c6ef7d79c$var$borderWidth),
-        borderTopWidth: $7dddb03c6ef7d79c$var$borderWidth,
-        borderBottomWidth: $7dddb03c6ef7d79c$var$borderWidth,
-        borderStyle: [
-            'solid',
-            'dashed',
-            'dotted',
-            'double',
-            'hidden',
-            'none'
-        ],
-        strokeWidth: {
-            0: '0',
-            1: '1',
-            2: '2'
-        },
-        marginStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('marginInlineStart', $7dddb03c6ef7d79c$var$margin),
-        marginEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('marginInlineEnd', $7dddb03c6ef7d79c$var$margin),
-        marginTop: $7dddb03c6ef7d79c$var$margin,
-        marginBottom: $7dddb03c6ef7d79c$var$margin,
-        paddingStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('paddingInlineStart', $7dddb03c6ef7d79c$var$spacing),
-        paddingEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('paddingInlineEnd', $7dddb03c6ef7d79c$var$spacing),
-        paddingTop: $7dddb03c6ef7d79c$var$spacing,
-        paddingBottom: $7dddb03c6ef7d79c$var$spacing,
-        scrollMarginStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollMarginInlineStart', $7dddb03c6ef7d79c$var$baseSpacing),
-        scrollMarginEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollMarginInlineEnd', $7dddb03c6ef7d79c$var$baseSpacing),
-        scrollMarginTop: $7dddb03c6ef7d79c$var$baseSpacing,
-        scrollMarginBottom: $7dddb03c6ef7d79c$var$baseSpacing,
-        scrollPaddingStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollPaddingInlineStart', $7dddb03c6ef7d79c$var$baseSpacing),
-        scrollPaddingEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollPaddingInlineEnd', $7dddb03c6ef7d79c$var$baseSpacing),
-        scrollPaddingTop: $7dddb03c6ef7d79c$var$baseSpacing,
-        scrollPaddingBottom: $7dddb03c6ef7d79c$var$baseSpacing,
-        textIndent: $7dddb03c6ef7d79c$var$baseSpacing,
-        translateX: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value)=>({
-                '--translateX': value,
-                translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), $7dddb03c6ef7d79c$var$translate),
-        translateY: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value)=>({
-                '--translateY': value,
-                translate: 'var(--translateX, 0) var(--translateY, 0)'
-            }), $7dddb03c6ef7d79c$var$translate),
-        rotate: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: typeof value === 'number' ? `${value}deg` : value
-            })),
-        scale: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        transform: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        position: [
-            'absolute',
-            'fixed',
-            'relative',
-            'sticky',
-            'static'
-        ],
-        insetStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('insetInlineStart', $7dddb03c6ef7d79c$var$inset),
-        insetEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('insetInlineEnd', $7dddb03c6ef7d79c$var$inset),
-        top: $7dddb03c6ef7d79c$var$inset,
-        left: $7dddb03c6ef7d79c$var$inset,
-        bottom: $7dddb03c6ef7d79c$var$inset,
-        right: $7dddb03c6ef7d79c$var$inset,
-        aspectRatio: {
-            auto: 'auto',
-            square: '1 / 1',
-            video: '16 / 9'
-        },
-        // text
-        fontFamily: {
-            sans: {
-                default: 'adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',
-                ...$7dddb03c6ef7d79c$var$i18nFonts
-            },
-            serif: {
-                default: 'adobe-clean-serif, "Source Serif", Georgia, serif',
-                ...$7dddb03c6ef7d79c$var$i18nFonts
-            },
-            code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
-        },
-        fontSize: $7dddb03c6ef7d79c$var$fontSize,
-        fontWeight: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value, property)=>{
-            if (property === 'fontWeight') return {
-                // Set font-variation-settings in addition to font-weight to work around typekit issue.
-                fontVariationSettings: value === 'inherit' ? 'inherit' : `"wght" ${value}`,
-                fontWeight: value,
-                fontSynthesisWeight: 'none'
-            };
-            return {
-                [property]: value
-            };
-        }, {
-            ...$7dddb03c6ef7d79c$var$fontWeightBase,
-            heading: {
-                default: $7dddb03c6ef7d79c$var$fontWeightBase["bold"],
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $7dddb03c6ef7d79c$var$fontWeightBase["extra-bold"]
-            },
-            title: {
-                default: $7dddb03c6ef7d79c$var$fontWeightBase["bold"],
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $7dddb03c6ef7d79c$var$fontWeightBase["bold"]
-            },
-            detail: {
-                default: $7dddb03c6ef7d79c$var$fontWeightBase["bold"],
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $7dddb03c6ef7d79c$var$fontWeightBase["extra-bold"]
-            }
-        }),
-        lineHeight: {
-            // See https://spectrum.corp.adobe.com/page/typography/#Line-height
-            ui: {
-                default: "1.3",
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.5"
-            },
-            heading: {
-                default: "1.3",
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.5"
-            },
-            title: {
-                default: "1.3",
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.5"
-            },
-            body: {
-                default: "1.5",
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.7"
-            },
-            detail: {
-                default: "1.3",
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.5"
-            },
-            code: {
-                default: "1.5",
-                ':lang(ja, ko, zh, zh-Hant, zh-Hans)': "1.7"
-            }
-        },
-        listStyleType: [
-            'none',
-            'dist',
-            'decimal'
-        ],
-        listStylePosition: [
-            'inside',
-            'outside'
-        ],
-        textTransform: [
-            'uppercase',
-            'lowercase',
-            'capitalize',
-            'none'
-        ],
-        textAlign: [
-            'start',
-            'center',
-            'end',
-            'justify'
-        ],
-        verticalAlign: [
-            'baseline',
-            'top',
-            'middle',
-            'bottom',
-            'text-top',
-            'text-bottom',
-            'sub',
-            'super'
-        ],
-        textDecoration: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value)=>({
-                textDecoration: value === 'none' ? 'none' : `${value} ${"1px"}`,
-                textUnderlineOffset: value === 'underline' ? "1px" : undefined
-            }), [
-            'underline',
-            'overline',
-            'line-through',
-            'none'
-        ]),
-        textOverflow: [
-            'ellipsis',
-            'clip'
-        ],
-        lineClamp: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value)=>({
-                overflow: 'hidden',
-                display: '-webkit-box',
-                '-webkit-box-orient': 'vertical',
-                '-webkit-line-clamp': value
-            })),
-        hyphens: [
-            'none',
-            'manual',
-            'auto'
-        ],
-        whiteSpace: [
-            'normal',
-            'nowrap',
-            'pre',
-            'pre-line',
-            'pre-wrap',
-            'break-spaces'
-        ],
-        textWrap: [
-            'wrap',
-            'nowrap',
-            'balance',
-            'pretty'
-        ],
-        wordBreak: [
-            'normal',
-            'break-all',
-            'keep-all'
-        ],
-        boxDecorationBreak: [
-            'slice',
-            'clone'
-        ],
-        // effects
-        boxShadow: {
-            emphasized: `${"0px"} ${"1px"} ${"6px"} ${"light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36))"}`,
-            elevated: `${"0px"} ${"2px"} ${"8px"} ${"light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48))"}`,
-            dragged: `${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
-            none: 'none'
-        },
-        filter: {
-            emphasized: `drop-shadow(${"0px"} ${"1px"} ${"6px"} ${"light-dark(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36))"})`,
-            elevated: `drop-shadow(${"0px"} ${"2px"} ${"8px"} ${"light-dark(rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.48))"})`,
-            dragged: `drop-shadow${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
-            none: 'none'
-        },
-        borderTopStartRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderStartStartRadius', $7dddb03c6ef7d79c$var$radius),
-        borderTopEndRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderStartEndRadius', $7dddb03c6ef7d79c$var$radius),
-        borderBottomStartRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderEndStartRadius', $7dddb03c6ef7d79c$var$radius),
-        borderBottomEndRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderEndEndRadius', $7dddb03c6ef7d79c$var$radius),
-        forcedColorAdjust: [
-            'auto',
-            'none'
-        ],
-        colorScheme: [
-            'light',
-            'dark',
-            'light dark'
-        ],
-        backgroundImage: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        // TODO: do we need separate x and y properties?
-        backgroundPosition: [
-            'bottom',
-            'center',
-            'left',
-            'left bottom',
-            'left top',
-            'right',
-            'right bottom',
-            'right top',
-            'top'
-        ],
-        backgroundSize: [
-            'auto',
-            'cover',
-            'contain'
-        ],
-        backgroundAttachment: [
-            'fixed',
-            'local',
-            'scroll'
-        ],
-        backgroundClip: [
-            'border-box',
-            'padding-box',
-            'content-box',
-            'text'
-        ],
-        backgroundRepeat: [
-            'repeat',
-            'no-repeat',
-            'repeat-x',
-            'repeat-y',
-            'round',
-            'space'
-        ],
-        backgroundOrigin: [
-            'border-box',
-            'padding-box',
-            'content-box'
-        ],
-        backgroundBlendMode: [
-            'normal',
-            'multiply',
-            'screen',
-            'overlay',
-            'darken',
-            'lighten',
-            'color-dodge',
-            'color-burn',
-            'hard-light',
-            'soft-light',
-            'difference',
-            'exclusion',
-            'hue',
-            'saturation',
-            'color',
-            'luminosity'
-        ],
-        mixBlendMode: [
-            'normal',
-            'multiply',
-            'screen',
-            'overlay',
-            'darken',
-            'lighten',
-            'color-dodge',
-            'color-burn',
-            'hard-light',
-            'soft-light',
-            'difference',
-            'exclusion',
-            'hue',
-            'saturation',
-            'color',
-            'luminosity',
-            'plus-darker',
-            'plus-lighter'
-        ],
-        opacity: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        outlineStyle: [
-            'none',
-            'solid',
-            'dashed',
-            'dotted',
-            'double',
-            'inset'
-        ],
-        outlineOffset: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((v, property)=>({
-                [property]: `${v}px`
-            })),
-        outlineWidth: $7dddb03c6ef7d79c$var$borderWidth,
-        transition: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('transitionProperty', $7dddb03c6ef7d79c$var$transitionProperty),
-        transitionDelay: $7dddb03c6ef7d79c$var$durationProperty,
-        transitionDuration: $7dddb03c6ef7d79c$var$durationProperty,
-        transitionTimingFunction: $7dddb03c6ef7d79c$var$timingFunction,
-        animation: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property === 'animation' ? 'animationName' : property]: value
-            })),
-        animationDuration: $7dddb03c6ef7d79c$var$durationProperty,
-        animationDelay: $7dddb03c6ef7d79c$var$durationProperty,
-        animationDirection: [
-            'normal',
-            'reverse',
-            'alternate',
-            'alternate-reverse'
-        ],
-        animationFillMode: [
-            'none',
-            'forwards',
-            'backwards',
-            'both'
-        ],
-        animationIterationCount: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        animationTimingFunction: $7dddb03c6ef7d79c$var$timingFunction,
-        // layout
-        display: [
-            'block',
-            'inline-block',
-            'inline',
-            'flex',
-            'inline-flex',
-            'grid',
-            'inline-grid',
-            'contents',
-            'list-item',
-            'none'
-        ],
-        alignContent: [
-            'normal',
-            'center',
-            'start',
-            'end',
-            'space-between',
-            'space-around',
-            'space-evenly',
-            'baseline',
-            'stretch'
-        ],
-        alignItems: [
-            'start',
-            'end',
-            'center',
-            'baseline',
-            'stretch'
-        ],
-        justifyContent: [
-            'normal',
-            'start',
-            'end',
-            'center',
-            'space-between',
-            'space-around',
-            'space-evenly',
-            'stretch'
-        ],
-        justifyItems: [
-            'start',
-            'end',
-            'center',
-            'stretch'
-        ],
-        alignSelf: [
-            'auto',
-            'start',
-            'end',
-            'center',
-            'stretch',
-            'baseline'
-        ],
-        justifySelf: [
-            'auto',
-            'start',
-            'end',
-            'center',
-            'stretch'
-        ],
-        flexDirection: [
-            'row',
-            'column',
-            'row-reverse',
-            'column-reverse'
-        ],
-        flexWrap: [
-            'wrap',
-            'wrap-reverse',
-            'nowrap'
-        ],
-        flexShrink: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        flexGrow: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        gridColumnStart: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        gridColumnEnd: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        gridRowStart: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        gridRowEnd: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        gridAutoFlow: [
-            'row',
-            'column',
-            'dense',
-            'row dense',
-            'column dense'
-        ],
-        gridAutoRows: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: $7dddb03c6ef7d79c$var$gridTrackSize(value)
-            })),
-        gridAutoColumns: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: $7dddb03c6ef7d79c$var$gridTrackSize(value)
-            })),
-        gridTemplateColumns: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: $7dddb03c6ef7d79c$var$gridTrack(value)
-            })),
-        gridTemplateRows: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: $7dddb03c6ef7d79c$var$gridTrack(value)
-            })),
-        gridTemplateAreas: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
-                [property]: value.map((v)=>`"${v}"`).join('')
-            })),
-        float: [
-            'inline-start',
-            'inline-end',
-            'right',
-            'left',
-            'none'
-        ],
-        clear: [
-            'inline-start',
-            'inline-end',
-            'left',
-            'right',
-            'both',
-            'none'
-        ],
-        contain: [
-            'none',
-            'strict',
-            'content',
-            'size',
-            'inline-size',
-            'layout',
-            'style',
-            'paint'
-        ],
-        boxSizing: [
-            'border-box',
-            'content-box'
-        ],
-        tableLayout: [
-            'auto',
-            'fixed'
-        ],
-        captionSide: [
-            'top',
-            'bottom'
-        ],
-        borderCollapse: [
-            'collapse',
-            'separate'
-        ],
-        columns: {
-            auto: 'auto',
-            1: '1',
-            2: '2',
-            3: '3',
-            4: '4',
-            5: '5',
-            6: '6',
-            7: '7',
-            8: '8',
-            9: '9',
-            10: '10',
-            11: '11',
-            12: '12',
-            // TODO: what should these sizes be?
-            '3xs': '16rem',
-            '2xs': '18rem',
-            xs: '20rem',
-            sm: '24rem',
-            md: '28rem',
-            lg: '32rem',
-            xl: '36rem',
-            '2xl': '42rem',
-            '3xl': '48rem',
-            '4xl': '56rem',
-            '5xl': '64rem',
-            '6xl': '72rem',
-            '7xl': '80rem'
-        },
-        breakBefore: [
-            'auto',
-            'avoid',
-            'all',
-            'avoid-page',
-            'page',
-            'left',
-            'right',
-            'column'
-        ],
-        breakInside: [
-            'auto',
-            'avoid',
-            'avoid-page',
-            'avoid-column'
-        ],
-        breakAfter: [
-            'auto',
-            'avoid',
-            'all',
-            'avoid-page',
-            'page',
-            'left',
-            'right',
-            'column'
-        ],
-        overflowX: [
-            'auto',
-            'hidden',
-            'clip',
-            'visible',
-            'scroll'
-        ],
-        overflowY: [
-            'auto',
-            'hidden',
-            'clip',
-            'visible',
-            'scroll'
-        ],
-        overscrollBehaviorX: [
-            'auto',
-            'contain',
-            'none'
-        ],
-        overscrollBehaviorY: [
-            'auto',
-            'contain',
-            'none'
-        ],
-        scrollBehavior: [
-            'auto',
-            'smooth'
-        ],
-        order: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        pointerEvents: [
-            'none',
-            'auto'
-        ],
-        touchAction: [
-            'auto',
-            'none',
-            'pan-x',
-            'pan-y',
-            'manipulation',
-            'pinch-zoom'
-        ],
-        userSelect: [
-            'none',
-            'text',
-            'all',
-            'auto'
-        ],
-        visibility: [
-            'visible',
-            'hidden',
-            'collapse'
-        ],
-        isolation: [
-            'isolate',
-            'auto'
-        ],
-        transformOrigin: [
-            'center',
-            'top',
-            'top right',
-            'right',
-            'bottom right',
-            'bottom',
-            'bottom left',
-            'left',
-            'top right'
-        ],
-        cursor: [
-            'auto',
-            'default',
-            'pointer',
-            'wait',
-            'text',
-            'move',
-            'help',
-            'not-allowed',
-            'none',
-            'context-menu',
-            'progress',
-            'cell',
-            'crosshair',
-            'vertical-text',
-            'alias',
-            'copy',
-            'no-drop',
-            'grab',
-            'grabbing',
-            'all-scroll',
-            'col-resize',
-            'row-resize',
-            'n-resize',
-            'e-resize',
-            's-resize',
-            'w-resize',
-            'ne-resize',
-            'nw-resize',
-            'se-resize',
-            'ew-resize',
-            'ns-resize',
-            'nesw-resize',
-            'nwse-resize',
-            'zoom-in',
-            'zoom-out'
-        ],
-        resize: [
-            'none',
-            'vertical',
-            'horizontal',
-            'both'
-        ],
-        scrollSnapType: [
-            'x',
-            'y',
-            'both',
-            'x mandatory',
-            'y mandatory',
-            'both mandatory'
-        ],
-        scrollSnapAlign: [
-            'start',
-            'end',
-            'center',
-            'none'
-        ],
-        scrollSnapStop: [
-            'normal',
-            'always'
-        ],
-        appearance: [
-            'none',
-            'auto'
-        ],
-        objectFit: [
-            'contain',
-            'cover',
-            'fill',
-            'none',
-            'scale-down'
-        ],
-        objectPosition: [
-            'bottom',
-            'center',
-            'left',
-            'left bottom',
-            'left top',
-            'right',
-            'right bottom',
-            'right top',
-            'top'
-        ],
-        willChange: [
-            'auto',
-            'scroll-position',
-            'contents',
-            'transform'
-        ],
-        zIndex: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        disableTapHighlight: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((_value)=>({
-                '-webkit-tap-highlight-color': 'rgba(0,0,0,0)'
-            }))
-    },
-    shorthands: {
-        padding: [
-            'paddingTop',
-            'paddingBottom',
-            'paddingStart',
-            'paddingEnd'
-        ],
-        paddingX: [
-            'paddingStart',
-            'paddingEnd'
-        ],
-        paddingY: [
-            'paddingTop',
-            'paddingBottom'
-        ],
-        margin: [
-            'marginTop',
-            'marginBottom',
-            'marginStart',
-            'marginEnd'
-        ],
-        marginX: [
-            'marginStart',
-            'marginEnd'
-        ],
-        marginY: [
-            'marginTop',
-            'marginBottom'
-        ],
-        scrollPadding: [
-            'scrollPaddingTop',
-            'scrollPaddingBottom',
-            'scrollPaddingStart',
-            'scrollPaddingEnd'
-        ],
-        scrollPaddingX: [
-            'scrollPaddingStart',
-            'scrollPaddingEnd'
-        ],
-        scrollPaddingY: [
-            'scrollPaddingTop',
-            'scrollPaddingBottom'
-        ],
-        scrollMargin: [
-            'scrollMarginTop',
-            'scrollMarginBottom',
-            'scrollMarginStart',
-            'scrollMarginEnd'
-        ],
-        scrollMarginX: [
-            'scrollMarginStart',
-            'scrollMarginEnd'
-        ],
-        scrollMarginY: [
-            'scrollMarginTop',
-            'scrollMarginBottom'
-        ],
-        borderWidth: [
-            'borderTopWidth',
-            'borderBottomWidth',
-            'borderStartWidth',
-            'borderEndWidth'
-        ],
-        borderXWidth: [
-            'borderStartWidth',
-            'borderEndWidth'
-        ],
-        borderYWidth: [
-            'borderTopWidth',
-            'borderBottomWidth'
-        ],
-        borderRadius: [
-            'borderTopStartRadius',
-            'borderTopEndRadius',
-            'borderBottomStartRadius',
-            'borderBottomEndRadius'
-        ],
-        borderTopRadius: [
-            'borderTopStartRadius',
-            'borderTopEndRadius'
-        ],
-        borderBottomRadius: [
-            'borderBottomStartRadius',
-            'borderBottomEndRadius'
-        ],
-        borderStartRadius: [
-            'borderTopStartRadius',
-            'borderBottomStartRadius'
-        ],
-        borderEndRadius: [
-            'borderTopEndRadius',
-            'borderBottomEndRadius'
-        ],
-        translate: [
-            'translateX',
-            'translateY'
-        ],
-        inset: [
-            'top',
-            'bottom',
-            'insetStart',
-            'insetEnd'
-        ],
-        insetX: [
-            'insetStart',
-            'insetEnd'
-        ],
-        insetY: [
-            'top',
-            'bottom'
-        ],
-        placeItems: [
-            'alignItems',
-            'justifyItems'
-        ],
-        placeContent: [
-            'alignContent',
-            'justifyContent'
-        ],
-        placeSelf: [
-            'alignSelf',
-            'justifySelf'
-        ],
-        gap: [
-            'rowGap',
-            'columnGap'
-        ],
-        size: [
-            'width',
-            'height'
-        ],
-        minSize: [
-            'minWidth',
-            'minHeight'
-        ],
-        maxSize: [
-            'maxWidth',
-            'maxHeight'
-        ],
-        overflow: [
-            'overflowX',
-            'overflowY'
-        ],
-        overscrollBehavior: [
-            'overscrollBehaviorX',
-            'overscrollBehaviorY'
-        ],
-        gridArea: [
-            'gridColumnStart',
-            'gridColumnEnd',
-            'gridRowStart',
-            'gridRowEnd'
-        ],
-        transition: (value)=>({
-                transition: value,
-                transitionDuration: 150,
-                transitionTimingFunction: 'default'
-            }),
-        animation: (value)=>({
-                animation: value,
-                animationDuration: 150,
-                animationTimingFunction: 'default'
-            }),
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        truncate: (_value)=>({
-                overflowX: 'hidden',
-                overflowY: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'nowrap'
-            }),
-        font: (value)=>{
-            let type = value.split('-')[0];
-            if (type === 'control') type = 'ui';
-            return {
-                fontFamily: type === 'code' ? 'code' : 'sans',
-                fontSize: value,
-                fontWeight: type === 'heading' || type === 'title' || type === 'detail' ? type : 'normal',
-                lineHeight: type,
-                color: type === 'ui' ? 'body' : type
-            };
-        }
-    },
-    conditions: {
-        forcedColors: '@media (forced-colors: active)',
-        // This detects touch primary devices as best as we can.
-        // Ideally we'd use (pointer: course) but browser/device support is inconsistent.
-        // Samsung Android devices claim to be mice at the hardware/OS level: (any-pointer: fine), (any-hover: hover), (hover: hover), and nothing for pointer.
-        // More details: https://www.ctrl.blog/entry/css-media-hover-samsung.html
-        // iPhone matches (any-hover: none), (hover: none), and nothing for any-pointer or pointer.
-        // If a trackpad or Apple Pencil is connected to iPad, it matches (any-pointer: fine), (any-hover: hover), (hover: none).
-        // Windows tablet matches the same as iPhone. No difference when a mouse is connected.
-        // Windows touch laptop matches same as macOS: (any-pointer: fine), (pointer: fine), (any-hover: hover), (hover: hover).
-        touch: '@media not ((hover: hover) and (pointer: fine))',
-        // TODO
-        sm: '@media (min-width: 640px)',
-        md: '@media (min-width: 768px)',
-        lg: '@media (min-width: 1024px)',
-        xl: '@media (min-width: 1280px)',
-        '2xl': '@media (min-width: 1536px)'
-    }
-});
+const $68f77cfae04dca88$export$8e24544ddba725ee = ()=>({
+        outlineStyle: {
+            default: 'none',
+            isFocusVisible: 'solid'
+        },
+        outlineColor: 'focus-ring',
+        outlineWidth: 2,
+        outlineOffset: 2
+    });
 
 
 //# sourceMappingURL=main.cjs.map