@atlrdsgn/kit
Version:
An ever–expanding library of React components, primitives, and tools
569 lines • 169 kB
JavaScript
/*!
* @atlrdsgn/kit v0.5.7
* see https://kit.atlrdsgn.com for more information.
* see https://docs.atlrdsgn.com for further documentation.
*
* This package is licensed under the MIT license.
*
* Copyright © 2023 atlrdsgn®.
* All rights reserved.
*/
import * as bi from "react";
import c, { createContext as uo, useContext as ho, useState as di, useEffect as U, useCallback as ni, forwardRef as $, createElement as Xi, useMemo as Wi, Children as fo, useRef as mo } from "react";
import { jsx as t, jsxs as b, Fragment as Y } from "react/jsx-runtime";
import j, { clsx as h } from "clsx";
import { motion as Mi } from "framer-motion";
import * as Zi from "@radix-ui/react-label";
import * as q from "@radix-ui/react-dropdown-menu";
import * as V from "@radix-ui/react-menubar";
import * as Q from "@radix-ui/react-popover";
import * as _ from "@radix-ui/react-select";
import * as Gi from "@radix-ui/react-switch";
import * as ci from "@radix-ui/react-tabs";
import * as K from "@radix-ui/react-tooltip";
import * as H from "@radix-ui/react-toast";
import * as po from "@radix-ui/react-portal";
import * as vo from "@radix-ui/react-slot";
var u = { media: { breakpoints: { small: "var(--jolfc71)", medium: "var(--jolfc72)", large: "var(--jolfc73)", xlarge: "var(--jolfc74)" }, colorModes: { LIGHT: "var(--jolfc75)", DARK: "var(--jolfc76)" } }, font: { family: { system: "var(--jolfc77)", mono: "var(--jolfc78)", take: "var(--jolfc79)" }, heading: { H1: "var(--jolfc7a)", H2: "var(--jolfc7b)", H3: "var(--jolfc7c)", H4: "var(--jolfc7d)", H5: "var(--jolfc7e)", H6: "var(--jolfc7f)" }, size: { MINI: "var(--jolfc7g)", XS: "var(--jolfc7h)", SM: "var(--jolfc7i)", MD: "var(--jolfc7j)", LG: "var(--jolfc7k)", XL: "var(--jolfc7l)", XXL: "var(--jolfc7m)", "3XL": "var(--jolfc7n)", "4XL": "var(--jolfc7o)", "5XL": "var(--jolfc7p)", "6XL": "var(--jolfc7q)", "7XL": "var(--jolfc7r)", "8XL": "var(--jolfc7s)", "9XL": "var(--jolfc7t)" }, lineheight: { MINI: "var(--jolfc7u)", XS: "var(--jolfc7v)", SM: "var(--jolfc7w)", MD: "var(--jolfc7x)", LG: "var(--jolfc7y)", XL: "var(--jolfc7z)", XXL: "var(--jolfc710)", "3XL": "var(--jolfc711)", "4XL": "var(--jolfc712)", "5XL": "var(--jolfc713)", "6XL": "var(--jolfc714)", "7XL": "var(--jolfc715)", "8XL": "var(--jolfc716)", "9XL": "var(--jolfc717)" }, weight: { SUPRLITE: "var(--jolfc718)", ULTRALITE: "var(--jolfc719)", LITE: "var(--jolfc71a)", REGULAR: "var(--jolfc71b)", MEDIUM: "var(--jolfc71c)", SEMIBOLD: "var(--jolfc71d)", BOLD: "var(--jolfc71e)", HEAVY: "var(--jolfc71f)", BLACK: "var(--jolfc71g)" } }, radii: { ZERO: "var(--jolfc71h)", NO: "var(--jolfc71i)", DF: "var(--jolfc71j)", XS: "var(--jolfc71k)", SM: "var(--jolfc71l)", MD: "var(--jolfc71m)", LG: "var(--jolfc71n)", XL: "var(--jolfc71o)", XXL: "var(--jolfc71p)", PILL: "var(--jolfc71q)" }, space: { ZERO: "var(--jolfc71r)", NO: "var(--jolfc71s)", DF: "var(--jolfc71t)", APX: "var(--jolfc71u)", BPX: "var(--jolfc71v)", CPX: "var(--jolfc71w)", DPX: "var(--jolfc71x)", EPX: "var(--jolfc71y)", FPX: "var(--jolfc71z)", GPX: "var(--jolfc720)", HPX: "var(--jolfc721)", IPX: "var(--jolfc722)", JPX: "var(--jolfc723)", KPX: "var(--jolfc724)", LPX: "var(--jolfc725)", MPX: "var(--jolfc726)", NPX: "var(--jolfc727)", OPX: "var(--jolfc728)", PPX: "var(--jolfc729)", QPX: "var(--jolfc72a)", RPX: "var(--jolfc72b)", SPX: "var(--jolfc72c)", TPX: "var(--jolfc72d)", UPX: "var(--jolfc72e)", VPX: "var(--jolfc72f)", WPX: "var(--jolfc72g)", XPX: "var(--jolfc72h)", YPX: "var(--jolfc72i)", ZPX: "var(--jolfc72j)" }, z: { indice: { ZERO: "var(--jolfc72k)", DF: "var(--jolfc72l)", LOW: "var(--jolfc72m)", MED: "var(--jolfc72n)", HIGH: "var(--jolfc72o)", TOP: "var(--jolfc72p)", MAX: "var(--jolfc72q)" } }, shadow: { NO: "var(--jolfc72r)", DF: "var(--jolfc72s)", LOW: "var(--jolfc72t)", MED: "var(--jolfc72u)", HIGH: "var(--jolfc72v)", SM: "var(--jolfc72w)" }, color: { transparent: "var(--jolfc72x)", current: "var(--jolfc72y)", white: "var(--jolfc72z)", black: "var(--jolfc730)", jade0: "var(--jolfc731)", jade1: "var(--jolfc732)", jade2: "var(--jolfc733)", jade3: "var(--jolfc734)", jade4: "var(--jolfc735)", jade5: "var(--jolfc736)", jade6: "var(--jolfc737)", jade7: "var(--jolfc738)", jade8: "var(--jolfc739)", jade9: "var(--jolfc73a)", jade10: "var(--jolfc73b)", jade11: "var(--jolfc73c)", jade12: "var(--jolfc73d)", sapphire0: "var(--jolfc73e)", sapphire1: "var(--jolfc73f)", sapphire2: "var(--jolfc73g)", sapphire3: "var(--jolfc73h)", sapphire4: "var(--jolfc73i)", sapphire5: "var(--jolfc73j)", sapphire6: "var(--jolfc73k)", sapphire7: "var(--jolfc73l)", sapphire8: "var(--jolfc73m)", sapphire9: "var(--jolfc73n)", sapphire10: "var(--jolfc73o)", sapphire11: "var(--jolfc73p)", sapphire12: "var(--jolfc73q)", orange0: "var(--jolfc73r)", orange1: "var(--jolfc73s)", orange2: "var(--jolfc73t)", orange3: "var(--jolfc73u)", orange4: "var(--jolfc73v)", orange5: "var(--jolfc73w)", orange6: "var(--jolfc73x)", orange7: "var(--jolfc73y)", orange8: "var(--jolfc73z)", orange9: "var(--jolfc740)", orange10: "var(--jolfc741)", orange11: "var(--jolfc742)", orange12: "var(--jolfc743)", mauve1: "var(--jolfc744)", mauve2: "var(--jolfc745)", mauve3: "var(--jolfc746)", mauve4: "var(--jolfc747)", mauve5: "var(--jolfc748)", mauve6: "var(--jolfc749)", mauve7: "var(--jolfc74a)", mauve8: "var(--jolfc74b)", mauve9: "var(--jolfc74c)", mauve10: "var(--jolfc74d)", mauve11: "var(--jolfc74e)", mauve12: "var(--jolfc74f)", whiteA0: "var(--jolfc74g)", whiteA1: "var(--jolfc74h)", whiteA2: "var(--jolfc74i)", whiteA3: "var(--jolfc74j)", whiteA4: "var(--jolfc74k)", whiteA5: "var(--jolfc74l)", whiteA6: "var(--jolfc74m)", whiteA7: "var(--jolfc74n)", whiteA8: "var(--jolfc74o)", whiteA9: "var(--jolfc74p)", whiteA10: "var(--jolfc74q)", whiteA11: "var(--jolfc74r)", whiteA12: "var(--jolfc74s)", blackA0: "var(--jolfc74t)", blackA1: "var(--jolfc74u)", blackA2: "var(--jolfc74v)", blackA3: "var(--jolfc74w)", blackA4: "var(--jolfc74x)", blackA5: "var(--jolfc74y)", blackA6: "var(--jolfc74z)", blackA7: "var(--jolfc750)", blackA8: "var(--jolfc751)", blackA9: "var(--jolfc752)", blackA10: "var(--jolfc753)", blackA11: "var(--jolfc754)", blackA12: "var(--jolfc755)", carbon0: "var(--jolfc756)", carbon1: "var(--jolfc757)", carbon2: "var(--jolfc758)", carbon3: "var(--jolfc759)", carbon4: "var(--jolfc75a)", carbon5: "var(--jolfc75b)", carbon6: "var(--jolfc75c)", carbon7: "var(--jolfc75d)", carbon8: "var(--jolfc75e)", carbon9: "var(--jolfc75f)", carbon10: "var(--jolfc75g)", carbon11: "var(--jolfc75h)", carbon12: "var(--jolfc75i)", slate0: "var(--jolfc75j)", slate1: "var(--jolfc75k)", slate2: "var(--jolfc75l)", slate3: "var(--jolfc75m)", slate4: "var(--jolfc75n)", slate5: "var(--jolfc75o)", slate6: "var(--jolfc75p)", slate7: "var(--jolfc75q)", slate8: "var(--jolfc75r)", slate9: "var(--jolfc75s)", slate10: "var(--jolfc75t)", slate11: "var(--jolfc75u)", slate12: "var(--jolfc75v)", azure0: "var(--jolfc75w)", azure1: "var(--jolfc75x)", azure2: "var(--jolfc75y)", azure3: "var(--jolfc75z)", azure4: "var(--jolfc760)", azure5: "var(--jolfc761)", azure6: "var(--jolfc762)", azure7: "var(--jolfc763)", azure8: "var(--jolfc764)", azure9: "var(--jolfc765)", azure10: "var(--jolfc766)", azure11: "var(--jolfc767)", azure12: "var(--jolfc768)", lime0: "var(--jolfc769)", lime1: "var(--jolfc76a)", lime2: "var(--jolfc76b)", lime3: "var(--jolfc76c)", lime4: "var(--jolfc76d)", lime5: "var(--jolfc76e)", lime6: "var(--jolfc76f)", lime7: "var(--jolfc76g)", lime8: "var(--jolfc76h)", lime9: "var(--jolfc76i)", lime10: "var(--jolfc76j)", lime11: "var(--jolfc76k)", lime12: "var(--jolfc76l)", hyper0: "var(--jolfc76m)", hyper1: "var(--jolfc76n)", hyper2: "var(--jolfc76o)", hyper3: "var(--jolfc76p)", hyper4: "var(--jolfc76q)", hyper5: "var(--jolfc76r)", hyper6: "var(--jolfc76s)", hyper7: "var(--jolfc76t)", hyper8: "var(--jolfc76u)", hyper9: "var(--jolfc76v)", hyper10: "var(--jolfc76w)", hyper11: "var(--jolfc76x)", hyper12: "var(--jolfc76y)" } }, Z = { base: "jolfc70", light: "jolfc76z", dark: "jolfc770" };
const Ui = uo({
theme: "system",
toggleTheme: () => {
}
}), it = () => {
const i = ho(Ui);
if (!i)
throw new Error(
"Components must be used within [KitProvider], `useTheme` must be used within a `Theme`"
);
return i;
}, Ki = {
azure0: "#ffffff",
azure1: "#f0f8ff",
azure2: "#d6e8ff",
azure3: "#bcd8ff",
azure4: "#a1c7ff",
azure5: "#87b7ff",
azure6: "#6ca7ff",
azure7: "#5197ff",
azure8: "#3687ff",
azure9: "#1b77ff",
azure10: "#0066ff",
azure11: "#0055e6",
azure12: "#0044cc"
}, $i = {
hyper0: "#ffffff",
hyper1: "#fdf4ff",
hyper2: "#fae8ff",
hyper3: "#f5d0fe",
hyper4: "#f0abfc",
hyper5: "#e879f9",
hyper6: "#d946ef",
hyper7: "#c026d3",
hyper8: "#a21caf",
hyper9: "#86198f",
hyper10: "#701a75",
hyper11: "#4a044e",
hyper12: "#000000"
}, Yi = {
carbon0: "rgba(246, 248, 250, 1)",
carbon1: "rgba(223, 233, 233, 1)",
carbon2: "rgba(200, 210, 210, 1)",
carbon3: "rgba(174, 184, 184, 1)",
carbon4: "rgba(149, 159, 159, 1)",
carbon5: "rgba(109, 119, 119, 1)",
carbon6: "rgba(88, 100, 100, 1)",
carbon7: "rgba(60, 70, 70, 1)",
carbon8: "rgba(45, 55, 55, 1)",
carbon9: "rgba(13, 17, 17, 1)",
carbon10: "rgba(0, 2, 3, 1)",
carbon11: "rgba(0, 2, 3, 1)",
carbon12: "rgba(0, 2, 3, 1)"
}, Qi = {
jade0: "#FFFDF8",
// 255, 253, 248
jade1: "#F0FDF1",
// 240, 253, 241
jade2: "#DCFCE0",
// 220, 252, 224
jade3: "#BBF7C2",
// 187, 247, 194
jade4: "#85F094",
// 133, 240, 148
jade5: "#49DF5E",
// 73, 223, 94
jade6: "#22CE3A",
// 34, 206, 58 *
jade7: "#15A429",
// 21, 164, 41
jade8: "#148124",
// 20, 129, 36
jade9: "#156621",
// 21, 102, 33
jade10: "#14531F",
// 20, 83, 31
jade11: "#052E0D",
// 5, 46, 13
jade12: "#052E0D"
// 5, 46, 13
}, Ji = {
lime0: "#f4fff0",
lime1: "#fcfdfa",
lime2: "#f8faf3",
lime3: "#eef6d6",
lime4: "#e2f0bd",
lime5: "#d3e7a6",
lime6: "#c2da91",
lime7: "#abc978",
lime8: "#8db654",
lime9: "#bdee63",
lime10: "#b0e64c",
lime11: "#5c7c2f",
lime12: "#37401c"
}, i7 = {
sapphire0: "#FFFFFF",
// 255, 255, 255
sapphire1: "#F7F6FC",
// 247, 246, 252
sapphire2: "#F0EEF9",
// 240, 238, 249
sapphire3: "#E3DFF5",
// 227, 223, 245
sapphire4: "#CDC5ED",
// 205, 197, 237
sapphire5: "#B3A4E1",
// 179, 164, 225
sapphire6: "#977FD3",
// 151, 127, 211 *
sapphire7: "#8B6BC7",
// 139, 107, 199
sapphire8: "#7451B0",
// 116, 81, 176
sapphire9: "#614394",
// 97, 67, 148
sapphire10: "#51387A",
// 81, 56, 122
sapphire11: "#332352",
// 51, 35, 82
sapphire12: "#332352"
// 51, 35, 82
}, o7 = {
slate0: "rgba(244, 244, 245, 1)",
slate1: "rgba(231, 233, 235, 1)",
slate2: "rgba(220, 222, 225, 1)",
slate3: "rgba(209, 211, 217, 1)",
slate4: "rgba(187, 189, 197, 1)",
slate5: "rgba(163, 167, 177, 1)",
slate6: "rgba(139, 145, 158, 1)",
slate7: "rgba(114, 118, 128, 1)",
slate8: "rgba(88, 90, 98, 1)",
slate9: "rgba(61, 63, 69, 1)",
slate10: "rgba(33, 35, 39, 1)",
slate11: "rgba(20, 22, 24, 1)",
slate12: "rgba(8, 8, 9, 1)"
}, a7 = {
orange0: "#FFFFFF",
// 255, 255, 255
orange1: "#FFF8ED",
// 255, 248, 237
orange2: "#FFEFD4",
// 255, 239, 212
orange3: "#FFDBA9",
// 255, 219, 169
orange4: "#FFC072",
// 255, 192, 114
orange5: "#FE9B39",
// 254, 155, 57
orange6: "#FD7E14",
// 253, 126, 20 *
orange7: "#EE6108",
// 238, 97, 8
orange8: "#C54909",
// 197, 73, 9
orange9: "#9C3910",
// 156, 57, 16
orange10: "#7E3110",
// 126, 49, 16
orange11: "#441606",
// 68, 22, 6
orange12: "#441606"
// 68, 22, 6
}, w = {
mauve1: {
hsl: "hsl(300, 26.0%, 99.0%)",
hex: "#FDFAFE",
rgba: "rgba(253, 250, 254, 1)"
},
mauve2: {
hsl: "hsl(270, 20.0%, 98.0%)",
hex: "#FAF8FE",
rgba: "rgba(250, 248, 254, 1)"
},
mauve3: {
hsl: "hsl(267, 13.8%, 95.3%)",
hex: "#F8F4FC",
rgba: "rgba(248, 244, 252, 1)"
},
mauve4: {
hsl: "hsl(265, 12.2%, 92.7%)",
hex: "#F4F0FA",
rgba: "rgba(244, 240, 250, 1)"
},
mauve5: {
hsl: "hsl(263, 11.6%, 90.3%)",
hex: "#F0ECF9",
rgba: "rgba(240, 236, 249, 1)"
},
mauve6: {
hsl: "hsl(261, 11.1%, 87.7%)",
hex: "#ECE8F7",
rgba: "rgba(236, 232, 247, 1)"
},
mauve7: {
hsl: "hsl(257, 10.8%, 84.3%)",
hex: "#E8E2F5",
rgba: "rgba(232, 226, 245, 1)"
},
mauve8: {
hsl: "hsl(249, 10.4%, 75.5%)",
hex: "#CFC8F0",
rgba: "rgba(207, 200, 240, 1)"
},
mauve9: {
hsl: "hsl(252, 6.0%, 57.3%)",
hex: "#9391C1",
rgba: "rgba(147, 145, 193, 1)"
},
mauve10: {
hsl: "hsl(250, 5.0%, 52.3%)",
hex: "#8482B8",
rgba: "rgba(132, 130, 184, 1)"
},
mauve11: {
hsl: "hsl(252, 5.0%, 40.7%)",
hex: "#6B6989",
rgba: "rgba(107, 105, 137, 1)"
},
mauve12: {
hsl: "hsl(260, 10.0%, 13.5%)",
hex: "#222337",
rgba: "rgba(34, 35, 55, 1)"
}
}, e7 = {
mauve1: w.mauve1.hex,
mauve2: w.mauve2.hex,
mauve3: w.mauve3.hex,
mauve4: w.mauve4.hex,
mauve5: w.mauve5.hex,
mauve6: w.mauve6.hex,
mauve7: w.mauve7.hex,
mauve8: w.mauve8.hex,
mauve9: w.mauve9.hex,
mauve10: w.mauve10.hex,
mauve11: w.mauve11.hex,
mauve12: w.mauve12.hex
}, t7 = {
whiteA0: "rgba(245, 245, 245, 0)",
whiteA1: "rgba(245, 245, 245, 0.1)",
whiteA2: "rgba(245, 245, 245, 0.2)",
whiteA3: "rgba(245, 245, 245, 0.3)",
whiteA4: "rgba(245, 245, 245, 0.40)",
whiteA5: "rgba(245, 245, 245, 0.44)",
whiteA6: "rgba(245, 245, 245, 0.58)",
// glass effect
whiteA7: "rgba(245, 245, 245, 0.62)",
whiteA8: "rgba(245, 245, 245, 0.66)",
whiteA9: "rgba(245, 245, 245, 0.7)",
whiteA10: "rgba(245, 245, 245, 0.74)",
whiteA11: "rgba(245, 245, 245, 0.78)",
whiteA12: "rgba(245, 245, 245, 0.96)"
}, l7 = {
blackA0: "rgba(0, 0, 0, 0)",
blackA1: "rgba(0, 0, 0, 0.1)",
blackA2: "rgba(0, 0, 0, 0.2)",
blackA3: "rgba(0, 0, 0, 0.3)",
blackA4: "rgba(0, 0, 0, 0.40)",
blackA5: "rgba(0, 0, 0, 0.44)",
blackA6: "rgba(0, 0, 0, 0.58)",
// glass effect
blackA7: "rgba(0, 0, 0, 0.62)",
blackA8: "rgba(0, 0, 0, 0.66)",
blackA9: "rgba(0, 0, 0, 0.7)",
blackA10: "rgba(0, 0, 0, 0.74)",
blackA11: "rgba(0, 0, 0, 0.78)",
blackA12: "rgba(0, 0, 0, 0.96)"
}, jo = {
transparent: "transparent",
current: "currentColor",
white: "#FFFFFF",
black: "#000000",
// core
...Qi,
...i7,
...a7,
...e7,
// neutrals
...t7,
...l7,
...Yi,
...o7,
// rest
...Ki,
...Ji,
...$i
}, Co = {
transparent: "transparent",
current: "currentColor",
white: "#FFFFFF",
black: "#000000",
// core
...Qi,
...i7,
...a7,
...e7,
// neutrals
...t7,
...l7,
...Yi,
...o7,
// rest
...Ki,
...Ji,
...$i
}, ot = ({
children: i,
// Sets the default theme to 'system'
defaultTheme: o = "system",
background: a = "carbon2"
}) => {
const [e, l] = di(o);
U(() => {
const n = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
e === "system" && l(n);
}, [e]), U(() => {
const n = window.matchMedia(
"(prefers-color-scheme: dark)"
), d = (v) => {
e === "system" && l(v.matches ? "dark" : "light");
};
return n.addEventListener("change", d), () => {
n.removeEventListener(
"change",
d
);
};
}, [e]);
const s = () => {
l((n) => n === "light" ? "dark" : n === "dark" ? "system" : "light");
}, r = e === "light" ? Z.light : Z.dark, g = e === "light" ? jo[a] : Co[a];
return /* @__PURE__ */ t(Ui.Provider, { value: { theme: e, toggleTheme: s }, children: /* @__PURE__ */ t(
"div",
{
className: `${Z.base} ${r}`,
style: { backgroundColor: g },
children: i
}
) });
};
var yo = "_1r43xmp0", ko = { article: "_1r43xmp1", aside: "_1r43xmp1", details: "_1r43xmp1", figcaption: "_1r43xmp1", figure: "_1r43xmp1", footer: "_1r43xmp1", header: "_1r43xmp1", hgroup: "_1r43xmp1", menu: "_1r43xmp1", nav: "_1r43xmp1", section: "_1r43xmp1", ul: "_1r43xmp3", ol: "_1r43xmp3", blockquote: "_1r43xmp4", q: "_1r43xmp4", body: "_1r43xmp2", a: "_1r43xmpg", table: "_1r43xmp5", mark: "_1r43xmpa _1r43xmp7", select: "_1r43xmpc _1r43xmp9 _1r43xmp1 _1r43xmp6 _1r43xmp8 _1r43xmpb", button: "_1r43xmpf _1r43xmp7", textarea: "_1r43xmp9 _1r43xmp1 _1r43xmp6 _1r43xmp8", input: "_1r43xmpe _1r43xmp9 _1r43xmp1 _1r43xmp6 _1r43xmp8 _1r43xmpd" };
function _o(i, o) {
if (typeof i != "object" || i === null)
return i;
var a = i[Symbol.toPrimitive];
if (a !== void 0) {
var e = a.call(i, o || "default");
if (typeof e != "object")
return e;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return (o === "string" ? String : Number)(i);
}
function bo(i) {
var o = _o(i, "string");
return typeof o == "symbol" ? o : String(o);
}
function xo(i, o, a) {
return o = bo(o), o in i ? Object.defineProperty(i, o, {
value: a,
enumerable: !0,
configurable: !0,
writable: !0
}) : i[o] = a, i;
}
function Ii(i, o) {
var a = Object.keys(i);
if (Object.getOwnPropertySymbols) {
var e = Object.getOwnPropertySymbols(i);
o && (e = e.filter(function(l) {
return Object.getOwnPropertyDescriptor(i, l).enumerable;
})), a.push.apply(a, e);
}
return a;
}
function yi(i) {
for (var o = 1; o < arguments.length; o++) {
var a = arguments[o] != null ? arguments[o] : {};
o % 2 ? Ii(Object(a), !0).forEach(function(e) {
xo(i, e, a[e]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(a)) : Ii(Object(a)).forEach(function(e) {
Object.defineProperty(i, e, Object.getOwnPropertyDescriptor(a, e));
});
}
return i;
}
var wo = (i) => function() {
for (var o = arguments.length, a = new Array(o), e = 0; e < o; e++)
a[e] = arguments[e];
var l = Object.assign({}, ...a.map((n) => n.styles)), s = Object.keys(l), r = s.filter((n) => "mappings" in l[n]), g = (n) => {
var d = [], v = {}, C = yi({}, n), A = !1;
for (var T of r) {
var M = n[T];
if (M != null) {
var I = l[T];
A = !0;
for (var S of I.mappings)
v[S] = M, C[S] == null && delete C[S];
}
}
var F = A ? yi(yi({}, v), C) : n, ui = function() {
var m = F[x], f = l[x];
try {
if (f.mappings)
return "continue";
if (typeof m == "string" || typeof m == "number") {
if (process.env.NODE_ENV !== "production" && !f.values[m].defaultClass)
throw new Error();
d.push(f.values[m].defaultClass);
} else if (Array.isArray(m))
for (var ai = 0; ai < m.length; ai++) {
var fi = m[ai];
if (fi != null) {
var Ni = f.responsiveArray[ai];
if (process.env.NODE_ENV !== "production" && !f.values[fi].conditions[Ni])
throw new Error();
d.push(f.values[fi].conditions[Ni]);
}
}
else
for (var mi in m) {
var pi = m[mi];
if (pi != null) {
if (process.env.NODE_ENV !== "production" && !f.values[pi].conditions[mi])
throw new Error();
d.push(f.values[pi].conditions[mi]);
}
}
} catch (no) {
if (process.env.NODE_ENV !== "production") {
class R extends Error {
constructor(Ci) {
super(Ci), this.name = "SprinklesError";
}
}
var X = (O) => typeof O == "string" ? '"'.concat(O, '"') : O, vi = (O, Ci, co) => {
throw new R('"'.concat(O, '" has no value ').concat(X(Ci), ". Possible values are ").concat(Object.keys(co).map(X).join(", ")));
};
if (!f)
throw new R('"'.concat(x, '" is not a valid sprinkle'));
if ((typeof m == "string" || typeof m == "number") && (m in f.values || vi(x, m, f.values), !f.values[m].defaultClass))
throw new R('"'.concat(x, '" has no default condition. You must specify which conditions to target explicitly. Possible options are ').concat(Object.keys(f.values[m].conditions).map(X).join(", ")));
if (typeof m == "object") {
if (!("conditions" in f.values[Object.keys(f.values)[0]]))
throw new R('"'.concat(x, '" is not a conditional property'));
if (Array.isArray(m)) {
if (!("responsiveArray" in f))
throw new R('"'.concat(x, '" does not support responsive arrays'));
var Si = f.responsiveArray.length;
if (Si < m.length)
throw new R('"'.concat(x, '" only supports up to ').concat(Si, " breakpoints. You passed ").concat(m.length));
for (var Ti of m)
f.values[Ti] || vi(x, Ti, f.values);
} else
for (var ji in m) {
var W = m[ji];
if (W != null && (f.values[W] || vi(x, W, f.values), !f.values[W].conditions[ji]))
throw new R('"'.concat(x, '" has no condition named ').concat(X(ji), ". Possible values are ").concat(Object.keys(f.values[W].conditions).map(X).join(", ")));
}
}
}
throw no;
}
};
for (var x in F)
var hi = ui();
return i(d.join(" "));
};
return Object.assign(g, {
properties: new Set(s)
});
}, Ao = (i) => i, qo = function() {
return wo(Ao)(...arguments);
};
function zo(i, o) {
return Object.defineProperty(i, "__recipe__", {
value: o,
writable: !1
}), i;
}
var s7 = zo;
function Lo(i) {
var {
conditions: o
} = i;
if (!o)
throw new Error("Styles have no conditions");
function a(e) {
if (typeof e == "string" || typeof e == "number" || typeof e == "boolean") {
if (!o.defaultCondition)
throw new Error("No default condition");
return {
[o.defaultCondition]: e
};
}
if (Array.isArray(e)) {
if (!("responsiveArray" in o))
throw new Error("Responsive arrays are not supported");
var l = {};
for (var s in o.responsiveArray)
e[s] != null && (l[o.responsiveArray[s]] = e[s]);
return l;
}
return e;
}
return s7(a, {
importPath: "@vanilla-extract/sprinkles/createUtils",
importName: "createNormalizeValueFn",
args: [{
conditions: i.conditions
}]
});
}
function r7(i) {
var {
conditions: o
} = i;
if (!o)
throw new Error("Styles have no conditions");
var a = Lo(i);
function e(l, s) {
if (typeof l == "string" || typeof l == "number" || typeof l == "boolean") {
if (!o.defaultCondition)
throw new Error("No default condition");
return s(l, o.defaultCondition);
}
var r = Array.isArray(l) ? a(l) : l, g = {};
for (var n in r)
r[n] != null && (g[n] = s(r[n], n));
return g;
}
return s7(e, {
importPath: "@vanilla-extract/sprinkles/createUtils",
importName: "createMapValueFn",
args: [{
conditions: i.conditions
}]
});
}
var xi = qo(function() {
var i = { conditions: { defaultCondition: "small", conditionNames: ["small", "medium", "large", "xlarge"], responsiveArray: ["small", "medium", "large", "xlarge"] }, styles: { all: { values: { unset: { conditions: { small: "i77g9o0", medium: "i77g9o1", large: "i77g9o2", xlarge: "i77g9o3" }, defaultClass: "i77g9o0" } }, responsiveArray: void 0 }, boxSizing: { values: { "border-box": { conditions: { small: "i77g9o4", medium: "i77g9o5", large: "i77g9o6", xlarge: "i77g9o7" }, defaultClass: "i77g9o4" } }, responsiveArray: void 0 }, appearance: { values: { none: { conditions: { small: "i77g9o8", medium: "i77g9o9", large: "i77g9oa", xlarge: "i77g9ob" }, defaultClass: "i77g9o8" } }, responsiveArray: void 0 }, outline: { values: { none: { conditions: { small: "i77g9oc", medium: "i77g9od", large: "i77g9oe", xlarge: "i77g9of" }, defaultClass: "i77g9oc" } }, responsiveArray: void 0 }, userSelect: { values: { none: { conditions: { small: "i77g9og", medium: "i77g9oh", large: "i77g9oi", xlarge: "i77g9oj" }, defaultClass: "i77g9og" }, auto: { conditions: { small: "i77g9ok", medium: "i77g9ol", large: "i77g9om", xlarge: "i77g9on" }, defaultClass: "i77g9ok" } }, responsiveArray: void 0 }, fontVariantNumeric: { values: { "tabular-nums": { conditions: { small: "i77g9oo", medium: "i77g9op", large: "i77g9oq", xlarge: "i77g9or" }, defaultClass: "i77g9oo" } }, responsiveArray: void 0 }, WebkitTapHighlightColor: { values: { "rgba(0,0,0,0)": { conditions: { small: "i77g9os", medium: "i77g9ot", large: "i77g9ou", xlarge: "i77g9ov" }, defaultClass: "i77g9os" } }, responsiveArray: void 0 }, display: { values: { none: { conditions: { small: "i77g9ow", medium: "i77g9ox", large: "i77g9oy", xlarge: "i77g9oz" }, defaultClass: "i77g9ow" }, flex: { conditions: { small: "i77g9o10", medium: "i77g9o11", large: "i77g9o12", xlarge: "i77g9o13" }, defaultClass: "i77g9o10" }, block: { conditions: { small: "i77g9o14", medium: "i77g9o15", large: "i77g9o16", xlarge: "i77g9o17" }, defaultClass: "i77g9o14" }, "inline-block": { conditions: { small: "i77g9o18", medium: "i77g9o19", large: "i77g9o1a", xlarge: "i77g9o1b" }, defaultClass: "i77g9o18" }, "inline-flex": { conditions: { small: "i77g9o1c", medium: "i77g9o1d", large: "i77g9o1e", xlarge: "i77g9o1f" }, defaultClass: "i77g9o1c" }, inline: { conditions: { small: "i77g9o1g", medium: "i77g9o1h", large: "i77g9o1i", xlarge: "i77g9o1j" }, defaultClass: "i77g9o1g" } }, responsiveArray: void 0 }, flex: { values: { 1: { conditions: { small: "i77g9o1k", medium: "i77g9o1l", large: "i77g9o1m", xlarge: "i77g9o1n" }, defaultClass: "i77g9o1k" }, auto: { conditions: { small: "i77g9o1o", medium: "i77g9o1p", large: "i77g9o1q", xlarge: "i77g9o1r" }, defaultClass: "i77g9o1o" }, initial: { conditions: { small: "i77g9o1s", medium: "i77g9o1t", large: "i77g9o1u", xlarge: "i77g9o1v" }, defaultClass: "i77g9o1s" }, none: { conditions: { small: "i77g9o1w", medium: "i77g9o1x", large: "i77g9o1y", xlarge: "i77g9o1z" }, defaultClass: "i77g9o1w" } }, responsiveArray: void 0 }, flexDirection: { values: { row: { conditions: { small: "i77g9o20", medium: "i77g9o21", large: "i77g9o22", xlarge: "i77g9o23" }, defaultClass: "i77g9o20" }, column: { conditions: { small: "i77g9o24", medium: "i77g9o25", large: "i77g9o26", xlarge: "i77g9o27" }, defaultClass: "i77g9o24" }, "row-reverse": { conditions: { small: "i77g9o28", medium: "i77g9o29", large: "i77g9o2a", xlarge: "i77g9o2b" }, defaultClass: "i77g9o28" }, "column-reverse": { conditions: { small: "i77g9o2c", medium: "i77g9o2d", large: "i77g9o2e", xlarge: "i77g9o2f" }, defaultClass: "i77g9o2c" } }, responsiveArray: void 0 }, flexWrap: { values: { nowrap: { conditions: { small: "i77g9o2g", medium: "i77g9o2h", large: "i77g9o2i", xlarge: "i77g9o2j" }, defaultClass: "i77g9o2g" }, wrap: { conditions: { small: "i77g9o2k", medium: "i77g9o2l", large: "i77g9o2m", xlarge: "i77g9o2n" }, defaultClass: "i77g9o2k" }, "wrap-reverse": { conditions: { small: "i77g9o2o", medium: "i77g9o2p", large: "i77g9o2q", xlarge: "i77g9o2r" }, defaultClass: "i77g9o2o" } }, responsiveArray: void 0 }, justifyContent: { values: { "flex-start": { conditions: { small: "i77g9o2s", medium: "i77g9o2t", large: "i77g9o2u", xlarge: "i77g9o2v" }, defaultClass: "i77g9o2s" }, center: { conditions: { small: "i77g9o2w", medium: "i77g9o2x", large: "i77g9o2y", xlarge: "i77g9o2z" }, defaultClass: "i77g9o2w" }, "flex-end": { conditions: { small: "i77g9o30", medium: "i77g9o31", large: "i77g9o32", xlarge: "i77g9o33" }, defaultClass: "i77g9o30" }, stretch: { conditions: { small: "i77g9o34", medium: "i77g9o35", large: "i77g9o36", xlarge: "i77g9o37" }, defaultClass: "i77g9o34" }, "space-between": { conditions: { small: "i77g9o38", medium: "i77g9o39", large: "i77g9o3a", xlarge: "i77g9o3b" }, defaultClass: "i77g9o38" }, "space-around": { conditions: { small: "i77g9o3c", medium: "i77g9o3d", large: "i77g9o3e", xlarge: "i77g9o3f" }, defaultClass: "i77g9o3c" } }, responsiveArray: void 0 }, alignItems: { values: { "flex-start": { conditions: { small: "i77g9o3g", medium: "i77g9o3h", large: "i77g9o3i", xlarge: "i77g9o3j" }, defaultClass: "i77g9o3g" }, center: { conditions: { small: "i77g9o3k", medium: "i77g9o3l", large: "i77g9o3m", xlarge: "i77g9o3n" }, defaultClass: "i77g9o3k" }, "flex-end": { conditions: { small: "i77g9o3o", medium: "i77g9o3p", large: "i77g9o3q", xlarge: "i77g9o3r" }, defaultClass: "i77g9o3o" }, stretch: { conditions: { small: "i77g9o3s", medium: "i77g9o3t", large: "i77g9o3u", xlarge: "i77g9o3v" }, defaultClass: "i77g9o3s" }, baseline: { conditions: { small: "i77g9o3w", medium: "i77g9o3x", large: "i77g9o3y", xlarge: "i77g9o3z" }, defaultClass: "i77g9o3w" } }, responsiveArray: void 0 }, alignContent: { values: { "flex-start": { conditions: { small: "i77g9o40", medium: "i77g9o41", large: "i77g9o42", xlarge: "i77g9o43" }, defaultClass: "i77g9o40" }, center: { conditions: { small: "i77g9o44", medium: "i77g9o45", large: "i77g9o46", xlarge: "i77g9o47" }, defaultClass: "i77g9o44" }, "flex-end": { conditions: { small: "i77g9o48", medium: "i77g9o49", large: "i77g9o4a", xlarge: "i77g9o4b" }, defaultClass: "i77g9o48" }, stretch: { conditions: { small: "i77g9o4c", medium: "i77g9o4d", large: "i77g9o4e", xlarge: "i77g9o4f" }, defaultClass: "i77g9o4c" } }, responsiveArray: void 0 }, verticalAlign: { values: { top: { conditions: { small: "i77g9o4g", medium: "i77g9o4h", large: "i77g9o4i", xlarge: "i77g9o4j" }, defaultClass: "i77g9o4g" }, middle: { conditions: { small: "i77g9o4k", medium: "i77g9o4l", large: "i77g9o4m", xlarge: "i77g9o4n" }, defaultClass: "i77g9o4k" }, bottom: { conditions: { small: "i77g9o4o", medium: "i77g9o4p", large: "i77g9o4q", xlarge: "i77g9o4r" }, defaultClass: "i77g9o4o" }, baseline: { conditions: { small: "i77g9o4s", medium: "i77g9o4t", large: "i77g9o4u", xlarge: "i77g9o4v" }, defaultClass: "i77g9o4s" }, "text-top": { conditions: { small: "i77g9o4w", medium: "i77g9o4x", large: "i77g9o4y", xlarge: "i77g9o4z" }, defaultClass: "i77g9o4w" }, "text-bottom": { conditions: { small: "i77g9o50", medium: "i77g9o51", large: "i77g9o52", xlarge: "i77g9o53" }, defaultClass: "i77g9o50" } }, responsiveArray: void 0 }, position: { values: { initial: { conditions: { small: "i77g9o54", medium: "i77g9o55", large: "i77g9o56", xlarge: "i77g9o57" }, defaultClass: "i77g9o54" }, inherit: { conditions: { small: "i77g9o58", medium: "i77g9o59", large: "i77g9o5a", xlarge: "i77g9o5b" }, defaultClass: "i77g9o58" }, unset: { conditions: { small: "i77g9o5c", medium: "i77g9o5d", large: "i77g9o5e", xlarge: "i77g9o5f" }, defaultClass: "i77g9o5c" }, relative: { conditions: { small: "i77g9o5g", medium: "i77g9o5h", large: "i77g9o5i", xlarge: "i77g9o5j" }, defaultClass: "i77g9o5g" }, absolute: { conditions: { small: "i77g9o5k", medium: "i77g9o5l", large: "i77g9o5m", xlarge: "i77g9o5n" }, defaultClass: "i77g9o5k" }, fixed: { conditions: { small: "i77g9o5o", medium: "i77g9o5p", large: "i77g9o5q", xlarge: "i77g9o5r" }, defaultClass: "i77g9o5o" }, sticky: { conditions: { small: "i77g9o5s", medium: "i77g9o5t", large: "i77g9o5u", xlarge: "i77g9o5v" }, defaultClass: "i77g9o5s" } }, responsiveArray: void 0 }, margin: { values: { 0: { conditions: { small: "i77g9o68", medium: "i77g9o69", large: "i77g9o6a", xlarge: "i77g9o6b" }, defaultClass: "i77g9o68" }, initial: { conditions: { small: "i77g9o5w", medium: "i77g9o5x", large: "i77g9o5y", xlarge: "i77g9o5z" }, defaultClass: "i77g9o5w" }, inherit: { conditions: { small: "i77g9o60", medium: "i77g9o61", large: "i77g9o62", xlarge: "i77g9o63" }, defaultClass: "i77g9o60" }, unset: { conditions: { small: "i77g9o64", medium: "i77g9o65", large: "i77g9o66", xlarge: "i77g9o67" }, defaultClass: "i77g9o64" }, auto: { conditions: { small: "i77g9o6c", medium: "i77g9o6d", large: "i77g9o6e", xlarge: "i77g9o6f" }, defaultClass: "i77g9o6c" }, none: { conditions: { small: "i77g9o6g", medium: "i77g9o6h", large: "i77g9o6i", xlarge: "i77g9o6j" }, defaultClass: "i77g9o6g" } }, responsiveArray: void 0 }, padding: { values: { 0: { conditions: { small: "i77g9o6w", medium: "i77g9o6x", large: "i77g9o6y", xlarge: "i77g9o6z" }, defaultClass: "i77g9o6w" }, initial: { conditions: { small: "i77g9o6k", medium: "i77g9o6l", large: "i77g9o6m", xlarge: "i77g9o6n" }, defaultClass: "i77g9o6k" }, inherit: { conditions: { small: "i77g9o6o", medium: "i77g9o6p", large: "i77g9o6q", xlarge: "i77g9o6r" }, defaultClass: "i77g9o6o" }, unset: { conditions: { small: "i77g9o6s", medium: "i77g9o6t", large: "i77g9o6u", xlarge: "i77g9o6v" }, defaultClass: "i77g9o6s" }, none: { conditions: { small: "i77g9o70", medium: "i77g9o71", large: "i77g9o72", xlarge: "i77g9o73" }, defaultClass: "i77g9o70" }, auto: { conditions: { small: "i77g9o74", medium: "i77g9o75", large: "i77g9o76", xlarge: "i77g9o77" }, defaultClass: "i77g9o74" }, "4px": { conditions: { small: "i77g9o78", medium: "i77g9o79", large: "i77g9o7a", xlarge: "i77g9o7b" }, defaultClass: "i77g9o78" }, "8px": { conditions: { small: "i77g9o7c", medium: "i77g9o7d", large: "i77g9o7e", xlarge: "i77g9o7f" }, defaultClass: "i77g9o7c" }, "10px": { conditions: { small: "i77g9o7g", medium: "i77g9o7h", large: "i77g9o7i", xlarge: "i77g9o7j" }, defaultClass: "i77g9o7g" }, "12px": { conditions: { small: "i77g9o7k", medium: "i77g9o7l", large: "i77g9o7m", xlarge: "i77g9o7n" }, defaultClass: "i77g9o7k" }, "16px": { conditions: { small: "i77g9o7o", medium: "i77g9o7p", large: "i77g9o7q", xlarge: "i77g9o7r" }, defaultClass: "i77g9o7o" }, "20px": { conditions: { small: "i77g9o7s", medium: "i77g9o7t", large: "i77g9o7u", xlarge: "i77g9o7v" }, defaultClass: "i77g9o7s" } }, responsiveArray: void 0 }, width: { values: { auto: { conditions: { small: "i77g9o7w", medium: "i77g9o7x", large: "i77g9o7y", xlarge: "i77g9o7z" }, defaultClass: "i77g9o7w" }, "100%": { conditions: { small: "i77g9o80", medium: "i77g9o81", large: "i77g9o82", xlarge: "i77g9o83" }, defaultClass: "i77g9o80" } }, responsiveArray: void 0 }, height: { values: { auto: { conditions: { small: "i77g9o84", medium: "i77g9o85", large: "i77g9o86", xlarge: "i77g9o87" }, defaultClass: "i77g9o84" }, "100%": { conditions: { small: "i77g9o88", medium: "i77g9o89", large: "i77g9o8a", xlarge: "i77g9o8b" }, defaultClass: "i77g9o88" } }, responsiveArray: void 0 }, gap: { values: { 0: { conditions: { small: "i77g9o8c", medium: "i77g9o8d", large: "i77g9o8e", xlarge: "i77g9o8f" }, defaultClass: "i77g9o8c" }, "4px 4px": { conditions: { small: "i77g9o8g", medium: "i77g9o8h", large: "i77g9o8i", xlarge: "i77g9o8j" }, defaultClass: "i77g9o8g" }, "8px 8px": { conditions: { small: "i77g9o8k", medium: "i77g9o8l", large: "i77g9o8m", xlarge: "i77g9o8n" }, defaultClass: "i77g9o8k" }, "10px 10px": { conditions: { small: "i77g9o8o", medium: "i77g9o8p", large: "i77g9o8q", xlarge: "i77g9o8r" }, defaultClass: "i77g9o8o" }, "12px 12px": { conditions: { small: "i77g9o8s", medium: "i77g9o8t", large: "i77g9o8u", xlarge: "i77g9o8v" }, defaultClass: "i77g9o8s" }, "16px 16px": { conditions: { small: "i77g9o8w", medium: "i77g9o8x", large: "i77g9o8y", xlarge: "i77g9o8z" }, defaultClass: "i77g9o8w" }, "20px 20px": { conditions: { small: "i77g9o90", medium: "i77g9o91", large: "i77g9o92", xlarge: "i77g9o93" }, defaultClass: "i77g9o90" } }, responsiveArray: void 0 }, mixBlendMode: { values: { initial: { conditions: { small: "i77g9o94", medium: "i77g9o95", large: "i77g9o96", xlarge: "i77g9o97" }, defaultClass: "i77g9o94" }, inherit: { conditions: { small: "i77g9o98", medium: "i77g9o99", large: "i77g9o9a", xlarge: "i77g9o9b" }, defaultClass: "i77g9o98" }, unset: { conditions: { small: "i77g9o9c", medium: "i77g9o9d", large: "i77g9o9e", xlarge: "i77g9o9f" }, defaultClass: "i77g9o9c" }, difference: { conditions: { small: "i77g9o9g", medium: "i77g9o9h", large: "i77g9o9i", xlarge: "i77g9o9j" }, defaultClass: "i77g9o9g" }, multiply: { conditions: { small: "i77g9o9k", medium: "i77g9o9l", large: "i77g9o9m", xlarge: "i77g9o9n" }, defaultClass: "i77g9o9k" }, screen: { conditions: { small: "i77g9o9o", medium: "i77g9o9p", large: "i77g9o9q", xlarge: "i77g9o9r" }, defaultClass: "i77g9o9o" }, overlay: { conditions: { small: "i77g9o9s", medium: "i77g9o9t", large: "i77g9o9u", xlarge: "i77g9o9v" }, defaultClass: "i77g9o9s" } }, responsiveArray: void 0 }, fontWeight: { values: { inherit: { conditions: { small: "i77g9o9w", medium: "i77g9o9x", large: "i77g9o9y", xlarge: "i77g9o9z" }, defaultClass: "i77g9o9w" }, normal: { conditions: { small: "i77g9oa0", medium: "i77g9oa1", large: "i77g9oa2", xlarge: "i77g9oa3" }, defaultClass: "i77g9oa0" }, bold: { conditions: { small: "i77g9oa4", medium: "i77g9oa5", large: "i77g9oa6", xlarge: "i77g9oa7" }, defaultClass: "i77g9oa4" }, strong: { conditions: { small: "i77g9oa8", medium: "i77g9oa9", large: "i77g9oaa", xlarge: "i77g9oab" }, defaultClass: "i77g9oa8" } }, responsiveArray: void 0 }, textTransform: { values: { capitalize: { conditions: { small: "i77g9oac", medium: "i77g9oad", large: "i77g9oae", xlarge: "i77g9oaf" }, defaultClass: "i77g9oac" }, lowercase: { conditions: { small: "i77g9oag", medium: "i77g9oah", large: "i77g9oai", xlarge: "i77g9oaj" }, defaultClass: "i77g9oag" }, uppercase: { conditions: { small: "i77g9oak", medium: "i77g9oal", large: "i77g9oam", xlarge: "i77g9oan" }, defaultClass: "i77g9oak" } }, responsiveArray: void 0 }, transitionProperty: { values: { none: { conditions: { small: "i77g9oao", medium: "i77g9oap", large: "i77g9oaq", xlarge: "i77g9oar" }, defaultClass: "i77g9oao" }, all: { conditions: { small: "i77g9oas", medium: "i77g9oat", large: "i77g9oau", xlarge: "i77g9oav" }, defaultClass: "i77g9oas" }, initial: { conditions: { small: "i77g9oaw", medium: "i77g9oax", large: "i77g9oay", xlarge: "i77g9oaz" }, defaultClass: "i77g9oaw" } }, responsiveArray: void 0 }, transitionTimingFunction: { values: { linear: { conditions: { small: "i77g9ob0", medium: "i77g9ob1", large: "i77g9ob2", xlarge: "i77g9ob3" }, defaultClass: "i77g9ob0" }, "cubic-bezier(0.4, 0, 1, 1)": { conditions: { small: "i77g9ob4", medium: "i77g9ob5", large: "i77g9ob6", xlarge: "i77g9ob7" }, defaultClass: "i77g9ob4" }, "cubic-bezier(0, 0, 0.2, 1)": { conditions: { small: "i77g9ob8", medium: "i77g9ob9", large: "i77g9oba", xlarge: "i77g9obb" }, defaultClass: "i77g9ob8" }, "cubic-bezier(0.42, 0, 0.58, 1)": { conditions: { small: "i77g9obc", medium: "i77g9obd", large: "i77g9obe", xlarge: "i77g9obf" }, defaultClass: "i77g9obc" } }, responsiveArray: void 0 }, transitionDuration: { values: { "150ms": { conditions: { small: "i77g9obg", medium: "i77g9obh", large: "i77g9obi", xlarge: "i77g9obj" }, defaultClass: "i77g9obg" }, "300ms": { conditions: { small: "i77g9obk", medium: "i77g9obl", large: "i77g9obm", xlarge: "i77g9obn" }, defaultClass: "i77g9obk" }, "500ms": { conditions: { small: "i77g9obo", medium: "i77g9obp", large: "i77g9obq", xlarge: "i77g9obr" }, defaultClass: "i77g9obo" }, "700ms": { conditions: { small: "i77g9obs", medium: "i77g9obt", large: "i77g9obu", xlarge: "i77g9obv" }, defaultClass: "i77g9obs" }, "1000ms": { conditions: { small: "i77g9obw", medium: "i77g9obx", large: "i77g9oby", xlarge: "i77g9obz" }, defaultClass: "i77g9obw" } }, responsiveArray: void 0 } } };
return i.styles.all.responsiveArray = i.conditions.responsiveArray, i.styles.boxSizing.responsiveArray = i.conditions.responsiveArray, i.styles.appearance.responsiveArray = i.conditions.responsiveArray, i.styles.outline.responsiveArray = i.conditions.responsiveArray, i.styles.userSelect.responsiveArray = i.conditions.responsiveArray, i.styles.fontVariantNumeric.responsiveArray = i.conditions.responsiveArray, i.styles.WebkitTapHighlightColor.responsiveArray = i.conditions.responsiveArray, i.styles.display.responsiveArray = i.conditions.responsiveArray, i.styles.flex.responsiveArray = i.conditions.responsiveArray, i.styles.flexDirection.responsiveArray = i.conditions.responsiveArray, i.styles.flexWrap.responsiveArray = i.conditions.responsiveArray, i.styles.justifyContent.responsiveArray = i.conditions.responsiveArray, i.styles.alignItems.responsiveArray = i.conditions.responsiveArray, i.styles.alignContent.responsiveArray = i.conditions.responsiveArray, i.styles.verticalAlign.responsiveArray = i.conditions.responsiveArray, i.styles.position.responsiveArray = i.conditions.responsiveArray, i.styles.margin.responsiveArray = i.conditions.responsiveArray, i.styles.padding.responsiveArray = i.conditions.responsiveArray, i.styles.width.responsiveArray = i.conditions.responsiveArray, i.styles.height.responsiveArray = i.conditions.responsiveArray, i.styles.gap.responsiveArray = i.conditions.responsiveArray, i.styles.mixBlendMode.responsiveArray = i.conditions.responsiveArray, i.styles.fontWeight.responsiveArray = i.conditions.responsiveArray, i.styles.textTransform.responsiveArray = i.conditions.responsiveArray, i.styles.transitionProperty.responsiveArray = i.conditions.responsiveArray, i.styles.transitionTimingFunction.responsiveArray = i.conditions.responsiveArray, i.styles.transitionDuration.responsiveArray = i.conditions.responsiveArray, i;
}(), { conditions: { defaultCondition: "light", conditionNames: ["light", "dark"], responsiveArray: void 0 }, styles: { color: { values: { transparent: { conditions: { light: "i77g9oc0", dark: "i77g9oc1" }, defaultClass: "i77g9oc0" }, current: { conditions: { light: "i77g9oc2", dark: "i77g9oc3" }, defaultClass: "i77g9oc2" }, white: { conditions: { light: "i77g9oc4", dark: "i77g9oc5" }, defaultClass: "i77g9oc4" }, black: { conditions: { light: "i77g9oc6", dark: "i77g9oc7" }, defaultClass: "i77g9oc6" }, jade0: { conditions: { light: "i77g9oc8", dark: "i77g9oc9" }, defaultClass: "i77g9oc8" }, jade1: { conditions: { light: "i77g9oca", dark: "i77g9ocb" }, defaultClass: "i77g9oca" }, jade2: { conditions: { light: "i77g9occ", dark: "i77g9ocd" }, defaultClass: "i77g9occ" }, jade3: { conditions: { light: "i77g9oce", dark: "i77g9ocf" }, defaultClass: "i77g9oce" }, jade4: { conditions: { light: "i77g9ocg", dark: "i77g9och" }, defaultClass: "i77g9ocg" }, jade5: { conditions: { light: "i77g9oci", dark: "i77g9ocj" }, defaultClass: "i77g9oci" }, jade6: { conditions: { light: "i77g9ock", dark: "i77g9ocl" }, defaultClass: "i77g9ock" }, jade7: { conditions: { light: "i77g9ocm", dark: "i77g9ocn" }, defaultClass: "i77g9ocm" }, jade8: { conditions: { light: "i77g9oco", dark: "i77g9ocp" }, defaultClass: "i77g9oco" }, jade9: { conditions: { light: "i77g9ocq", dark: "i77g9ocr" }, defaultClass: "i77g9ocq" }, jade10: { conditions: { light: "i77g9ocs", dark: "i77g9oct" }, defaultClass: "i77g9ocs" }, jade11: { conditions: { light: "i77g9ocu", dark: "i77g9ocv" }, defaultClass: "i77g9ocu" }, jade12: { conditions: { light: "i77g9ocw", dark: "i77g9ocx" }, defaultClass: "i77g9ocw" }, sapphire0: { conditions: { light: "i77g9ocy", dark: "i77g9ocz" }, defaultClass: "i77g9ocy" }, sapphire1: { conditions: { light: "i77g9od0", dark: "i77g9od1" }, defaultClass: "i77g9od0" }, sapphire2: { conditions: { light: "i77g9od2", dark: "i77g9od3" }, defaultClass: "i77g9od2" }, sapphire3: { conditions: { light: "i77g9od4", dark: "i77g9od5" }, defaultClass: "i77g9od4" }, sapphire4: { conditions: { light: "i77g9od6", dark: "i77g9od7" }, defaultClass: "i77g9od6" }, sapphire5: { conditions: { light: "i77g9od8", dark: "i77g9od9" }, defaultClass: "i77g9od8" }, sapphire6: { conditions: { light: "i77g9oda", dark: "i77g9odb" }, defaultClass: "i77g9oda" }, sapphire7: { conditions: { light: "i77g9odc", dark: "i77g9odd" }, defaultClass: "i77g9odc" }, sapphire8: { conditions: { light: "i77g9ode", dark: "i77g9odf" }, defaultClass: "i77g9ode" }, sapphire9: { conditions: { light: "i77g9odg", dark: "i77g9odh" }, defaultClass: "i77g9odg" }, sapphire10: { conditions: { light: "i77g9odi", dark: "i77g9odj" }, defaultClass: "i77g9odi" }, sapphire11: { conditions: { light: "i77g9odk", dark: "i77g9odl" }, defaultClass: "i77g9odk" }, sapphire12: { conditions: { light: "i77g9odm", dark: "i77g9odn" }, defaultClass: "i77g9odm" }, orange0: { conditions: { light: "i77g9odo", dark: "i77g9odp" }, defaultClass: "i77g9odo" }, orange1: { conditions: { light: "i77g9odq", dark: "i77g9odr" }, defaultClass: "i77g9odq" }, orange2: { conditions: { light: "i77g9ods", dark: "i77g9odt" }, defaultClass: "i77g9ods" }, orange3: { conditions: { light: "i77g9odu", dark: "i77g9odv" }, defaultClass: "i77g9odu" }, orange4: { conditions: { light: "i77g9odw", dark: "i77g9odx" }, defaultClass: "i77g9odw" }, orange5: { conditions: { light: "i77g9ody", dark: "i77g9odz" }, defaultClass: "i77g9ody" }, orange6: { conditions: { light: "i77g9oe0", dark: "i77g9oe1" }, defaultClass: "i77g9oe0" }, orange7: { conditions: { light: "i77g9oe2", dark: "i77g9oe3" }, defaultClass: "i77g9oe2" }, orange8: { conditions: { light: "i77g9oe4", dark: "i77g9oe5" }, defaultClass: "i77g9oe4" }, orange9: { conditions: { light: "i77g9oe6", dark: "i77g9oe7" }, defaultClass: "i77g9oe6" }, orange10: { conditions: { light: "i77g9oe8", dark: "i77g9oe9" }, defaultClass: "i77g9oe8" }, orange11: { conditions: { light: "i77g9oea", dark: "i77g9oeb" }, defaultClass: "i77g9oea" }, orange12: { conditions: { light: "i77g9oec", dark: "i77g9oed" }, defaultClass: "i77g9oec" }, mauve1: { conditions: { light: "i77g9oee", dark: "i77g9oef" }, defaultClass: "i77g9oee" }, mauve2: { conditions: { light: "i77g9oeg", dark: "i77g9oeh" }, defaultClass: "i77g9oeg" }, mauve3: { conditions: { light: "i77g9oei", dark: "i77g9oej" }, defaultClass: "i77g9oei" }, mauve4: { conditions: { light: "i77g9oek", dark: "i77g9oel" }, defaultClass: "i77g9oek" }, mauve5: { conditions: { light: "i77g9oem", dark: "i77g9oen" }, defaultClass: "i77g9oem" }, mauve6: { conditions: { light: "i77g9oeo", dark: "i77g9oep" }, defaultClass: "i77g9oeo" }, mauve7: { conditions: { light: "i77g9oeq", dark: "i77g9oer" }, defaultClass: "i77g9oeq" }, mauve8: { conditions: { light: "i77g9oes", dark: "i77g9oet" }, defaultClass: "i77g9oes" }, mauve9: { conditions: { light: "i77g9oeu", dark: "i77g9oev" }, defaultClass: "i77g9oeu" }, mauve10: { conditions: { light: "i77g9oew", dark: "i77g9oex" }, defaultClass: "i77g9oew" }, mauve11: { conditions: { light: "i77g9oey", dark: "i77g9oez" }, defaultClass: "i77g9oey" }, mauve12: { conditions: { light: "i77g9of0", dark: "i77g9of1" }, defaultClass: "i77g9of0" }, whiteA0: { conditions: { light: "i77g9of2", dark: "i77g9of3" }, defaultClass: "i77g9of2" }, whiteA1: { conditions: { light: "i77g9of4", dark: "i77g9of5" }, defaultClass: "i77g9of4" }, whiteA2: { conditions: { light: "i77g9of6", dark: "i77g9of7" }, defaultClass: "i77g9of6" }, whiteA3: { conditions: { light: "i77g9of8", dark: "i77g9of9" }, defaultClass: "i77g9of8" }, whiteA4: { conditions: { light: "i77g9ofa", dark: "i77g9ofb" }, defaultClass: "i77g9ofa" }, whiteA5: { conditions: { light: "i77g9ofc", dark: "i77g9ofd" }, defaultClass: "i77g9ofc" }, whiteA6: { conditions: { light: "i77g9ofe", dark: "i77g9off" }, defaultClass: "i77g9ofe" }, whiteA7: { conditions: { light: "i77g9ofg", dark: "i77g9ofh" }, defaultClass: "i77g9ofg" }, whiteA8: { conditions: { light: "i77g9ofi", dark: "i77g9ofj" }, defaultClass: "i77g9ofi" }, whiteA9: { conditions: { light: "i77g9ofk", dark: "i77g9ofl" }, defaultClass: "i77g9ofk" }, whiteA10: { conditions: { light: "i77g9ofm", dark: "i77g9ofn" }, defaultClass: "i77g9ofm" }, whiteA11: { conditions: { light: "i77g9ofo", dark: "i77g9ofp" }, defaultClass: "i77g9ofo" }, whiteA12: { conditions: { light: "i77g9ofq", dark: "i77g9ofr" }, defaultClass: "i77g9ofq" }, blackA0: { conditions: { light: "i77g9ofs", dark: "i77g9oft" }, defaultClass: "i77g9ofs" }, blackA1: { conditions: { light: "i77g9ofu", dark: "i77g9ofv" }, defaultClass: "i77g9ofu" }, blackA2: { conditions: { light: "i77g9ofw", dark: "i77g9ofx" }, defaultClass: "i77g9ofw" }, blackA3: { conditions: { light: "i77g9ofy", dark: "i77g9ofz" }, defaultClass: "i77g9ofy" }, blackA4: { conditions: { light: "i77g9og0", dark: "i77g9og1" }, defaultClass: "i77g9og0" }, blackA5: { conditions: { light: "i77g9og2", dark: "i77g9og3" }, defaultClass: "i77g9og2" }, blackA6: { conditions: { light: "i77g9og4", dark: "i77g9og5" }, defaultClass: "i77g9og4" }, blackA7: { conditions: { light: "i77g9og6", dark: "i77g9og7" }, defaultClass: "i77g9og6" }, blackA8: { conditions: { light: "i77g9og8", dark: "i77g9og9" }, defaultClass: "i77g9og8" }, blackA9: { conditions: { light: "i77g9oga", dark: "i77g9ogb" }, defaultClass: "i77g9oga" }, blackA10: { conditions: { light: "i77g9ogc", dark: "i77g9ogd" }, defaultClass: "i77g9ogc" }, blackA11: { conditions: { light: "i77g9oge", dark: "i77g9ogf" }, defaultClass: "i77g9oge" }, blackA12: { conditions: { light: "i77g9ogg", dark: "i77g9ogh" }, defaultClass: "i77g9ogg" }, carbon0: { conditions: { light: "i77g9ogi", dark: "i77g9ogj" }, defaultClass: "i77g9ogi" }, carbon1: { conditions: { light: "i77g9ogk", dark: "i77g9ogl" }, defaultClass: "i77g9ogk" }, carbon2: { conditions: { light: "i77g9ogm", dark: "i77g9ogn" }, defaultClass: "i77g9ogm" }, carbon3: { conditions: { light: "i77g9ogo", dark: "i77g9ogp" }, defaultClass: "i77g9ogo" }, carbon4: { conditions: { light: "i77g9ogq", dark: "i77g9ogr" }, defaultClass: "i77g9ogq" }, carbon5: { conditions: { light: "i77g9ogs", dark: "i77g9ogt" }, defaultClass: "i77g9ogs" }, carbon6: { conditions: { light: "i77g9ogu", dark: "i77g9ogv" }, defaultClass: "i77g9ogu" }, carbon7: { conditions: { light: "i77g9ogw", dark: "i77g9ogx" }, defaultClass: "i77g9ogw" }, carbon8: { conditions: { light: "i77g9ogy", dark: "i77g9ogz" }, defaultClass: "i77g9ogy" }, carbon9: { conditions: { light: "i77g9oh0", dark: "i77g9oh1" }, defaultClass: "i77g9oh0" }, carbon10: { conditions: { light: "i77g9oh2", dark: "i77g9oh3" }, defaultClass: "i77g9oh2" }, carbon11: { conditions: { light: "i77g9oh4", dark: "i77g9oh5" }, defaultClass: "i77g9oh4" }, carbon12: { conditions: { light: "i77g9oh6", dark: "i77g9oh7" }, defaultClass: "i77g9oh6" }, slate0: { conditions: { light: "i77g9oh8", dark: "i77g9oh9" }, defaultClass: "i77g9oh8" }, slate1: { conditions: { light: "i77g9oha", dark: "i77g9ohb" }, defaultClass: "i77g9oha" }, slate2: { conditions: { light: "i77g9ohc", dark: "i77g9ohd" }, defaultClass: "i77g9ohc" }, slate3: { conditio