0) {
+ params.push("h=" + video_hash);
+ }
+ if (params.length > 0) {
+ video_qs = "?" + params.join("&");
+ }
+
+ // attributes
+ if (video_width !== undefined) {
+ frame_width += '"' + video_width + '" ';
+ } else {
+ frame_width += '"" ';
+ }
+ if (video_height !== undefined) {
+ frame_height += '"' + video_height + '" ';
+ } else {
+ frame_height += '"" ';
+ }
+
+ video_frame = '
';
+
+ return video_frame;
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'vimeo';
+ tarteaucitron.fallback(['vimeo_player'], function (elem) {
+ elem.style.width = elem.getAttribute('width') + 'px';
+ elem.style.height = elem.getAttribute('height') + 'px';
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// visualrevenue
+tarteaucitron.services.visualrevenue = {
+ "key": "visualrevenue",
+ "type": "analytic",
+ "name": "VisualRevenue",
+ "uri": "http://www.outbrain.com/legal/privacy-713/",
+ "needConsent": true,
+ "cookies": ['__vrf', '__vrm', '__vrl', '__vry', '__vru', '__vrid', '__vrz'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.visualrevenueId === undefined) {
+ return;
+ }
+ window._vrq = window._vrq || [];
+ window._vrq.push(['id', tarteaucitron.user.visualrevenueId]);
+ window._vrq.push(['automate', true]);
+ window._vrq.push(['track', function () { }]);
+ tarteaucitron.addScript('http://a.visualrevenue.com/vrs.js');
+ }
+};
+
+// verizon dot tag
+tarteaucitron.services.verizondottag = {
+ "key": "verizondottag",
+ "type": "analytic",
+ "name": "Verizon Dot Tag",
+ "uri": "https://developer.verizonmedia.com/native/guide/audience-management/dottags/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+
+ window.dotq = window.dotq || [];
+ window.dotq.push({
+ 'projectId': tarteaucitron.user.verizondottagProjectId,
+ 'properties': { 'pixelId': tarteaucitron.user.verizondottagPixelId }
+ });
+
+ tarteaucitron.addScript('https://s.yimg.com/wi/ytc.js', '', function () {
+ //const items = window.dotq;
+ window.dotq = [];
+ window.dotq.push = function (item) {
+ YAHOO.ywa.I13N.fireBeacon([item])
+ };
+ YAHOO.ywa.I13N.fireBeacon(items)
+ });
+ }
+};
+
+// vshop
+tarteaucitron.services.vshop = {
+ "key": "vshop",
+ "type": "ads",
+ "name": "vShop",
+ "uri": "http://vshop.fr/privacy-policy",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['vcashW'], '');
+ tarteaucitron.addScript('//vshop.fr/js/w.js');
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'vshop';
+ tarteaucitron.fallback(['vcashW'], tarteaucitron.engage(id));
+ }
+};
+
+// wysistat
+tarteaucitron.services.wysistat = {
+ "key": "wysistat",
+ "type": "analytic",
+ "name": "Wysistat",
+ "uri": "http://wysistat.net/contact/",
+ "needConsent": true,
+ "cookies": ['Wysistat'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.wysistat === undefined) {
+ return;
+ }
+ tarteaucitron.addScript('//www.wysistat.com/statistique.js', '', function () {
+ window.stat(tarteaucitron.user.wysistat.cli, tarteaucitron.user.wysistat.frm, tarteaucitron.user.wysistat.prm, tarteaucitron.user.wysistat.ce, tarteaucitron.user.wysistat.page, tarteaucitron.user.wysistat.roi, tarteaucitron.user.wysistat.prof, tarteaucitron.user.wysistat.cpt);
+ });
+ }
+};
+
+// xiti
+tarteaucitron.services.xiti = {
+ "key": "xiti",
+ "type": "analytic",
+ "name": "Xiti",
+ "uri": "https://www.atinternet.com/rgpd-et-vie-privee/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.xitiId === undefined) {
+ return;
+ }
+ var Xt_param = 's=' + tarteaucitron.user.xitiId + '&p=',
+ Xt_r,
+ Xt_h,
+ Xt_i,
+ Xt_s,
+ div = document.createElement('div');
+ try {
+ Xt_r = top.document.referrer;
+ } catch (e) {
+ Xt_r = document.referrer;
+ }
+ Xt_h = new Date();
+ Xt_i = '
![]()
= 4) {
+ Xt_s = screen;
+ Xt_i += '&r=' + Xt_s.width + 'x' + Xt_s.height + 'x' + Xt_s.pixelDepth + 'x' + Xt_s.colorDepth;
+ }
+
+ div.innerHTML = Xt_i + '&ref=' + Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$') + '" title="Internet Audience">';
+ document.getElementsByTagName('body')[0].appendChild(div.firstChild);
+
+ if (typeof tarteaucitron.user.xitiMore === 'function') {
+ tarteaucitron.user.xitiMore();
+ }
+ }
+};
+
+// AT Internet
+tarteaucitron.services.atinternet = {
+ "key": "atinternet",
+ "type": "analytic",
+ "name": "AT Internet (privacy by design)",
+ "uri": "https://www.atinternet.com/rgpd-et-vie-privee/",
+ "needConsent": true,
+ "safeanalytic": false,
+ "cookies": ['atidvisitor', 'atreman', 'atredir', 'atsession'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.atLibUrl === undefined) {
+ return;
+ }
+
+ if (tarteaucitron.user.atinternetAlreadyLoaded !== undefined) {
+ return;
+ }
+
+ tarteaucitron.addScript(tarteaucitron.user.atLibUrl, '', function () {
+
+ window.tag = new ATInternet.Tracker.Tag();
+
+ if (typeof window.tag.privacy !== 'undefined') {
+ window.tag.privacy.setVisitorOptin();
+ }
+
+ if (typeof tarteaucitron.user.atMore === 'function') {
+ tarteaucitron.user.atMore();
+ }
+
+ if (tarteaucitron.user.atinternetSendData !== false) {
+ window.tag.page.send();
+ }
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ if (tarteaucitron.user.atLibUrl === undefined) {
+ return;
+ }
+
+ if (tarteaucitron.user.atNoFallback === true) {
+ return;
+ }
+
+ tarteaucitron.user.atinternetAlreadyLoaded = true;
+
+ tarteaucitron.addScript(tarteaucitron.user.atLibUrl, '', function () {
+
+ window.tag = new ATInternet.Tracker.Tag();
+
+ if (typeof window.tag.privacy !== 'undefined') {
+
+ var visitorMode = window.tag.privacy.getVisitorMode();
+ if (visitorMode !== null && visitorMode.name !== undefined && visitorMode.name == "optout") {
+ window.tag.privacy.setVisitorOptout();
+ } else {
+ window.tag.privacy.setVisitorMode('cnil', 'exempt');
+ }
+ }
+
+ if (typeof tarteaucitron.user.atMore === 'function') {
+ tarteaucitron.user.atMore();
+ }
+
+ if (tarteaucitron.user.atinternetSendData !== false) {
+ window.tag.page.send();
+ }
+ });
+ }
+};
+
+// AT Internet
+tarteaucitron.services.atinternethightrack = {
+ "key": "atinternethightrack",
+ "type": "analytic",
+ "name": "AT Internet",
+ "uri": "https://www.atinternet.com/rgpd-et-vie-privee/",
+ "needConsent": true,
+ "cookies": ['atidvisitor', 'atreman', 'atredir', 'atsession'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.atLibUrl === undefined) {
+ return;
+ }
+
+ tarteaucitron.addScript(tarteaucitron.user.atLibUrl, '', function () {
+
+ var tag = new ATInternet.Tracker.Tag();
+
+ if (typeof tarteaucitron.user.atMore === 'function') {
+ tarteaucitron.user.atMore();
+ }
+ })
+ }
+};
+
+// youtube
+tarteaucitron.services.youtube = {
+ "key": "youtube",
+ "type": "video",
+ "name": "YouTube",
+ "uri": "https://policies.google.com/privacy",
+ "needConsent": true,
+ "cookies": ['VISITOR_INFO1_LIVE', 'YSC', 'PREF', 'GEUP'],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['youtube_player'], function (x) {
+ var frame_title = tarteaucitron.fixSelfXSS(tarteaucitron.getElemAttr(x, "title") || 'Youtube iframe'),
+ video_id = tarteaucitron.getElemAttr(x, "videoID"),
+ srcdoc = tarteaucitron.getElemAttr(x, "srcdoc"),
+ loading = tarteaucitron.getElemAttr(x, "loading"),
+ video_width = tarteaucitron.getElemAttr(x, "width"),
+ frame_width = 'width=',
+ video_height = tarteaucitron.getElemAttr(x, "height"),
+ frame_height = 'height=',
+ video_frame,
+ allowfullscreen = tarteaucitron.getElemAttr(x, "allowfullscreen"),
+ start = tarteaucitron.getElemAttr(x, "start"),
+ end = tarteaucitron.getElemAttr(x, "end"),
+ attrs = ["theme", "rel", "controls", "showinfo", "autoplay", "mute", "start", "end", "loop", "enablejsapi"],
+ params = attrs.filter(function (a) {
+ return tarteaucitron.getElemAttr(x, a) !== null;
+ }).map(function (a) {
+ return a + "=" + tarteaucitron.getElemAttr(x, a);
+ }).join("&");
+
+ if(tarteaucitron.getElemAttr(x, "loop") == 1) {
+ params = params + "&playlist=" + video_id;
+ }
+
+ if (video_id === undefined) {
+ return "";
+ }
+ if (video_width !== undefined) {
+ frame_width += '"' + video_width + '" ';
+ } else {
+ frame_width += '"" ';
+ }
+ if (video_height !== undefined) {
+ frame_height += '"' + video_height + '" ';
+ } else {
+ frame_height += '"" ';
+ }
+
+ if (srcdoc !== undefined && srcdoc !== null && srcdoc !== "") {
+ srcdoc = 'srcdoc="' + srcdoc + '" ';
+ } else {
+ srcdoc = '';
+ }
+
+ if (loading !== undefined && loading !== null && loading !== "") {
+ loading = 'loading ';
+ } else {
+ loading = '';
+ }
+
+ video_frame = '
';
+ return video_frame;
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'youtube';
+ tarteaucitron.fallback(['youtube_player'], function (elem) {
+ elem.style.width = tarteaucitron.getElemAttr(elem,'width') + 'px';
+ elem.style.height = tarteaucitron.getElemAttr(elem,'height') + 'px';
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// youtube playlist
+tarteaucitron.services.youtubeplaylist = {
+ "key": "youtubeplaylist",
+ "type": "video",
+ "name": "YouTube (playlist)",
+ "uri": "https://policies.google.com/privacy",
+ "needConsent": true,
+ "cookies": ['VISITOR_INFO1_LIVE', 'YSC', 'PREF', 'GEUP'],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['youtube_playlist_player'], function (x) {
+ var frame_title = tarteaucitron.fixSelfXSS(tarteaucitron.getElemAttr(x, "title") || 'Youtube iframe'),
+ playlist_id = tarteaucitron.getElemAttr(x, "playlistID"),
+ video_width = tarteaucitron.getElemAttr(x, "width"),
+ frame_width = 'width=',
+ video_height = tarteaucitron.getElemAttr(x, "height"),
+ frame_height = 'height=',
+ video_frame,
+ allowfullscreen = tarteaucitron.getElemAttr(x, "allowfullscreen"),
+ params = 'theme=' + tarteaucitron.getElemAttr(x, "theme") + '&rel=' + tarteaucitron.getElemAttr(x, "rel") + '&controls=' + tarteaucitron.getElemAttr(x, "controls") + '&showinfo=' + tarteaucitron.getElemAttr(x, "showinfo") + '&autoplay=' + tarteaucitron.getElemAttr(x, "autoplay") + '&mute=' + tarteaucitron.getElemAttr(x, "mute");
+
+ if (playlist_id === undefined) {
+ return "";
+ }
+ if (video_width !== undefined) {
+ frame_width += '"' + video_width + '" ';
+ } else {
+ frame_width += '"" ';
+ }
+ if (video_height !== undefined) {
+ frame_height += '"' + video_height + '" ';
+ } else {
+ frame_height += '"" ';
+ }
+ video_frame = '
';
+ return video_frame;
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'youtubeplaylist';
+ tarteaucitron.fallback(['youtube_playlist_player'], function (elem) {
+ elem.style.width = tarteaucitron.getElemAttr(elem,'width') + 'px';
+ elem.style.height = tarteaucitron.getElemAttr(elem,'height') + 'px';
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// zopim
+tarteaucitron.services.zopim = {
+ "key": "zopim",
+ "type": "support",
+ "name": "Zopim",
+ "uri": "https://www.zopim.com/privacy",
+ "needConsent": true,
+ "cookies": ['__zlcid', '__zprivacy'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.zopimID === undefined) {
+ return;
+ }
+ tarteaucitron.addScript('//v2.zopim.com/?' + tarteaucitron.user.zopimID);
+ }
+};
+
+// kameleoon
+tarteaucitron.services.kameleoon = {
+ "key": "kameleoon",
+ "type": "analytic",
+ "name": "Kameleoon",
+ "uri": "https://www.kameleoon.com/fr/compliance/rgpd",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.kameleoon !== undefined) {
+ tarteaucitron.addScript("https://" + tarteaucitron.user.kameleoon + ".kameleoon.eu/kameleoon.js");
+ }
+ }
+};
+
+// linkedin insight
+tarteaucitron.services.linkedininsighttag = {
+ "key": "linkedininsighttag",
+ "type": "ads",
+ "name": "Linkedin Insight",
+ "uri": "https://www.linkedin.com/legal/cookie_policy",
+ "needConsent": true,
+ "cookies": ['li_fat_id'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.linkedininsighttag !== undefined) {
+ window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
+ window._linkedin_data_partner_ids.push(tarteaucitron.user.linkedininsighttag);
+ }
+
+ tarteaucitron.addScript('https://snap.licdn.com/li.lms-analytics/insight.min.js');
+ }
+};
+
+// xiti smartTag
+tarteaucitron.services.xiti_smarttag = {
+ "key": "xiti_smarttag",
+ "type": "analytic",
+ "name": "Xiti (SmartTag)",
+ "uri": "https://www.atinternet.com/rgpd-et-vie-privee/",
+ "needConsent": true,
+ "cookies": ["atidvisitor", "atreman", "atredir", "atsession", "attvtreman", "attvtsession"],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.xiti_smarttagLocalPath !== undefined) {
+ tarteaucitron.addScript(tarteaucitron.user.xiti_smarttagLocalPath, 'smarttag', null, null, "onload", "addTracker();");
+ } else {
+ var xitiSmarttagId = tarteaucitron.user.xiti_smarttagSiteId;
+ if (xitiSmarttagId === undefined) {
+ return;
+ }
+
+ tarteaucitron.addScript('//tag.aticdn.net/' + xitiSmarttagId + '/smarttag.js', 'smarttag', null, null, "onload", "addTracker();");
+ }
+ }
+};
+
+// facebook pixel
+tarteaucitron.services.facebookpixel = {
+ "key": "facebookpixel",
+ "type": "ads",
+ "name": "Facebook Pixel",
+ "uri": "https://www.facebook.com/policy.php",
+ "needConsent": true,
+ "cookies": ['datr', 'fr', 'reg_ext_ref', 'reg_fb_gate', 'reg_fb_ref', 'sb', 'wd', 'x-src', '_fbp'],
+ "js": function () {
+ "use strict";
+ var n;
+ if (window.fbq) return;
+ n = window.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) };
+ if (!window._fbq) window._fbq = n;
+ n.push = n;
+ n.loaded = !0;
+ n.version = '2.0';
+ n.queue = [];
+ tarteaucitron.addScript('https://connect.facebook.net/en_US/fbevents.js');
+ fbq('init', tarteaucitron.user.facebookpixelId);
+ fbq('track', 'PageView');
+
+ if (typeof tarteaucitron.user.facebookpixelMore === 'function') {
+ tarteaucitron.user.facebookpixelMore();
+ }
+ }
+};
+
+//Issuu
+tarteaucitron.services.issuu = {
+ "key": "issuu",
+ "type": "other",
+ "name": "Issuu",
+ "uri": "https://issuu.com/legal/privacy",
+ "needConsent": true,
+ "cookies": ['__qca', 'iutk', 'mc'],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['issuu_player'], function (x) {
+ var frame_title = tarteaucitron.fixSelfXSS(x.getAttribute("title") || 'Issuu iframe'),
+ issuu_id = x.getAttribute("issuuID"),
+ issuu_width = x.getAttribute("width"),
+ frame_width = 'width=',
+ issuu_height = x.getAttribute("height"),
+ frame_height = 'height=',
+ issuu_frame,
+ issuu_embed;
+
+ if (issuu_id === undefined) {
+ return "";
+ }
+ if (issuu_width !== undefined) {
+ frame_width += '"' + issuu_width + '" ';
+ } else {
+ frame_width += '"" ';
+ }
+ if (issuu_height !== undefined) {
+ frame_height += '"' + issuu_height + '" ';
+ } else {
+ frame_height += '"" ';
+ }
+
+
+ if (issuu_id.match(/\d+\/\d+/)) { issuu_embed = '#' + issuu_id; } else if (issuu_id.match(/d=(.*)&u=(.*)/)) { issuu_embed = '?' + issuu_id; }
+
+
+ issuu_frame = '
';
+
+ return issuu_frame;
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'issuu';
+ tarteaucitron.fallback(['issuu_player'], function (elem) {
+ elem.style.width = elem.getAttribute('width') + 'px';
+ elem.style.height = elem.getAttribute('height') + 'px';
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// webmecanik
+tarteaucitron.services.webmecanik = {
+ "key": "webmecanik",
+ "type": "analytic",
+ "name": "Webmecanik",
+ "uri": "https://webmecanik.com/tos",
+ "needConsent": true,
+ "cookies": ['mtc_id', 'mtc_sid'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.webmecanikurl === undefined) {
+ return;
+ }
+
+ window.MauticTrackingObject = 'mt';
+ window.mt = window.mt || function () {
+ window.mt.q = window.mt.q || [];
+ window.mt.q.push(arguments);
+ };
+
+ tarteaucitron.addScript(tarteaucitron.user.webmecanikurl, '', function () {
+ mt('send', 'pageview');
+ });
+ }
+};
+
+// google analytics multiple
+tarteaucitron.services.multiplegtag = {
+ "key": "multiplegtag",
+ "type": "analytic",
+ "name": "Google Analytics (gtag.js)",
+ "uri": "https://support.google.com/analytics/answer/6004245",
+ "needConsent": true,
+ "cookies": (function () {
+
+ var cookies = ['_ga', '_gat', '_gid', '__utma', '__utmb', '__utmc', '__utmt', '__utmz', '_gcl_au'];
+
+ if (tarteaucitron.user.multiplegtagUa !== undefined) {
+ tarteaucitron.user.multiplegtagUa.forEach(function (ua) {
+ cookies.push('_gat_gtag_' + ua.replace(/-/g, '_'));
+ cookies.push('_ga_' + ua.replace(/G-/g, ''));
+ });
+ }
+
+ return cookies;
+ })(),
+ "js": function () {
+ "use strict";
+ window.dataLayer = window.dataLayer || [];
+
+ if (tarteaucitron.user.multiplegtagUa !== undefined) {
+ tarteaucitron.user.multiplegtagUa.forEach(function (ua) {
+ tarteaucitron.addScript('https://www.googletagmanager.com/gtag/js?id=' + ua, '', function () {
+ window.gtag = function gtag() { dataLayer.push(arguments); }
+ gtag('js', new Date());
+ var additional_config_info = (timeExpire !== undefined) ? {'anonymize_ip': true, 'cookie_expires': timeExpire / 1000} : {'anonymize_ip': true};
+ gtag('config', ua, additional_config_info);
+ });
+ });
+ }
+ }
+};
+
+// Koban
+tarteaucitron.services.koban = {
+ "key": "koban",
+ "type": "analytic",
+ "name": "Koban",
+ "uri": "https://koban.cloud/tos",
+ "needConsent": true,
+ "cookies": ['kbntrk'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.kobanurl === undefined) {
+ return;
+ }
+ if (tarteaucitron.user.kobanapi === undefined) {
+ return;
+ }
+ window.KobanObject = 'kb';
+ window.kb = window.kb || function () {
+ window.kb.q = window.kb.q || [];
+ window.kb.q.push(arguments);
+ };
+ window.kb.l = new Date();
+ kb('reg', tarteaucitron.user.kobanapi);
+ tarteaucitron.addScript(tarteaucitron.user.kobanurl, '', function () {
+ });
+ }
+};
+
+// DEPRECATED, USE MATOMO CLOUD
+tarteaucitron.services.matomo = {
+ "key": "matomo",
+ "type": "analytic",
+ "name": "Matomo (privacy by design)",
+ "uri": "https://matomo.org/faq/general/faq_146/",
+ "needConsent": false,
+ "cookies": ['_pk_ref', '_pk_cvar', '_pk_id', '_pk_ses', '_pk_hsr', 'piwik_ignore', '_pk_uid'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.matomoId === undefined) {
+ return;
+ }
+
+ window._paq = window._paq || [];
+ window._paq.push(["setSiteId", tarteaucitron.user.matomoId]);
+ window._paq.push(["setTrackerUrl", tarteaucitron.user.matomoHost + "piwik.php"]);
+ window._paq.push(["setDoNotTrack", 1]);
+ window._paq.push(["trackPageView"]);
+ window._paq.push(["setIgnoreClasses", ["no-tracking", "colorbox"]]);
+ window._paq.push(["enableLinkTracking"]);
+
+ if (typeof tarteaucitron.user.matomoMore === 'function') {
+ tarteaucitron.user.matomoMore();
+ }
+
+ window._paq.push([function () {
+ var self = this;
+ function getOriginalVisitorCookieTimeout() {
+ var now = new Date(),
+ nowTs = Math.round(now.getTime() / 1000),
+ visitorInfo = self.getVisitorInfo();
+ var createTs = parseInt(visitorInfo[2]);
+ var cookieTimeout = 33696000; // 13 mois en secondes
+ var originalTimeout = createTs + cookieTimeout - nowTs;
+ return originalTimeout;
+ }
+ this.setVisitorCookieTimeout(getOriginalVisitorCookieTimeout());
+ }]);
+
+ tarteaucitron.addScript(tarteaucitron.user.matomoHost + 'piwik.js', '', '', true, 'defer', true);
+
+ // waiting for piwik to be ready to check first party cookies
+ var interval = setInterval(function () {
+ if (typeof Piwik === 'undefined') return
+
+ clearInterval(interval)
+
+ // make piwik/matomo cookie accessible by getting tracker
+ Piwik.getTracker();
+
+ // looping throught cookies
+ var theCookies = document.cookie.split(';');
+ for (var i = 1; i <= theCookies.length; i++) {
+ var cookie = theCookies[i - 1].split('=');
+ var cookieName = cookie[0].trim();
+
+ // if cookie starts like a piwik one, register it
+ if (cookieName.indexOf('_pk_') === 0) {
+ tarteaucitron.services.matomo.cookies.push(cookieName);
+ }
+ }
+ }, 100)
+ }
+};
+
+// DEPRECATED, USE MATOMO CLOUD
+tarteaucitron.services.matomohightrack = {
+ "key": "matomohightrack",
+ "type": "analytic",
+ "name": "Matomo",
+ "uri": "https://matomo.org/faq/general/faq_146/",
+ "needConsent": false,
+ "cookies": ['_pk_ref', '_pk_cvar', '_pk_id', '_pk_ses', '_pk_hsr', 'piwik_ignore', '_pk_uid'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.matomoId === undefined) {
+ return;
+ }
+
+ window._paq = window._paq || [];
+ window._paq.push(["setSiteId", tarteaucitron.user.matomoId]);
+ window._paq.push(["setTrackerUrl", tarteaucitron.user.matomoHost + "piwik.php"]);
+ window._paq.push(["trackPageView"]);
+ window._paq.push(["setIgnoreClasses", ["no-tracking", "colorbox"]]);
+ window._paq.push(["enableLinkTracking"]);
+ window._paq.push([function () {
+ var self = this;
+ }]);
+
+ tarteaucitron.addScript(tarteaucitron.user.matomoHost + 'piwik.js', '', '', true, 'defer', true);
+
+ // waiting for piwik to be ready to check first party cookies
+ var interval = setInterval(function () {
+ if (typeof Piwik === 'undefined') return
+
+ clearInterval(interval)
+ Piwik.getTracker();
+
+ var theCookies = document.cookie.split(';');
+ for (var i = 1; i <= theCookies.length; i++) {
+ var cookie = theCookies[i - 1].split('=');
+ var cookieName = cookie[0].trim();
+
+ if (cookieName.indexOf('_pk_') === 0) {
+ tarteaucitron.services.matomo.cookies.push(cookieName);
+ }
+ }
+ }, 100)
+ }
+};
+
+// matomocloud
+tarteaucitron.services.matomocloud = {
+ "key": "matomocloud",
+ "type": "analytic",
+ "name": "Matomo Cloud (privacy by design)",
+ "uri": "https://matomo.org/faq/general/faq_146/",
+ "needConsent": true,
+ "cookies": ['_pk_ref', '_pk_cvar', '_pk_id', '_pk_ses', '_pk_hsr', 'mtm_consent', 'matomo_ignore', 'matomo_sessid'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.matomoId === undefined) {
+ return;
+ }
+
+ window._paq = window._paq || [];
+ window._paq.push(["requireConsent"]);
+ window._paq.push(["setConsentGiven"]);
+ window._paq.push(["setSiteId", tarteaucitron.user.matomoId]);
+ window._paq.push(["setTrackerUrl", tarteaucitron.user.matomoHost + "matomo.php"]);
+ window._paq.push(["trackPageView"]);
+ window._paq.push(["enableLinkTracking"]);
+
+ if (tarteaucitron.user.matomoCustomJSPath === undefined || tarteaucitron.user.matomoCustomJSPath == '') {
+ tarteaucitron.addScript('https://cdn.matomo.cloud/matomo.js', '', '', true, 'defer', true);
+ } else {
+ tarteaucitron.addScript(tarteaucitron.user.matomoCustomJSPath, '', '', true, 'defer', true);
+ }
+
+ // waiting for Matomo to be ready to check first party cookies
+ var interval = setInterval(function () {
+ if (typeof Matomo === 'undefined') return
+
+ clearInterval(interval)
+
+ // make Matomo cookie accessible by getting tracker
+ Matomo.getTracker();
+
+ // looping through cookies
+ var theCookies = document.cookie.split(';');
+ for (var i = 1; i <= theCookies.length; i++) {
+ var cookie = theCookies[i - 1].split('=');
+ var cookieName = cookie[0].trim();
+
+ // if cookie starts like a matomo one, register it
+ if (cookieName.indexOf('_pk_') === 0) {
+ tarteaucitron.services.matomo.cookies.push(cookieName);
+ }
+ }
+ }, 100);
+ },
+ "fallback": function () {
+ "use strict";
+ if (tarteaucitron.user.matomoId === undefined) {
+ return;
+ }
+
+ window._paq = window._paq || [];
+ window._paq.push(["requireConsent"]);
+ window._paq.push(["setSiteId", tarteaucitron.user.matomoId]);
+ window._paq.push(["setTrackerUrl", tarteaucitron.user.matomoHost + "matomo.php"]);
+ window._paq.push(["trackPageView"]);
+ window._paq.push(["enableLinkTracking"]);
+
+ if (tarteaucitron.user.matomoCustomJSPath === undefined || tarteaucitron.user.matomoCustomJSPath == '') {
+ tarteaucitron.addScript('https://cdn.matomo.cloud/matomo.js', '', '', true, 'defer', true);
+ } else {
+ tarteaucitron.addScript(tarteaucitron.user.matomoCustomJSPath, '', '', true, 'defer', true);
+ }
+ }
+};
+
+// matomotm
+tarteaucitron.services.matomotm = {
+ "key": "matomotm",
+ "type": "api",
+ "name": "Matomo Tag Manager",
+ "uri": "https://matomo.org/privacy/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.matomotmUrl === undefined) {
+ return;
+ }
+
+ var _mtm = window._mtm = window._mtm || [];
+ _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
+
+ tarteaucitron.addScript(tarteaucitron.user.matomotmUrl);
+ }
+};
+
+
+// Hotjar
+/*
+ 1. Set the following variable before the initialization :
+ tarteaucitron.user.hotjarId = YOUR_WEBSITE_ID;
+ tarteaucitron.user.HotjarSv = XXXX; // Can be found in your website tracking code as "hjvs=XXXX"
+ 2. Push the service :
+ (tarteaucitron.job = tarteaucitron.job || []).push('hotjar');
+ 3. HTML
+ You don't need to add any html code, if the service is autorized, the javascript is added. otherwise no.
+ */
+tarteaucitron.services.hotjar = {
+ "key": "hotjar",
+ "type": "analytic",
+ "name": "Hotjar",
+ "uri": "https://help.hotjar.com/hc/en-us/categories/115001323967-About-Hotjar",
+ "needConsent": true,
+ "cookies": ["hjClosedSurveyInvites", "_hjDonePolls", "_hjMinimizedPolls", "_hjDoneTestersWidgets", "_hjMinimizedTestersWidgets", "_hjDoneSurveys", "_hjIncludedInSample", "_hjShownFeedbackMessage", "_hjAbsoluteSessionInProgress", "_hjIncludeInPageviewSample", "_hjid"],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.hotjarId === undefined || tarteaucitron.user.HotjarSv === undefined) {
+ return;
+ }
+ window.hj = window.hj || function () {
+ (window.hj.q = window.hj.q || []).push(arguments)
+ };
+ window._hjSettings = {
+ hjid: tarteaucitron.user.hotjarId,
+ hjsv: tarteaucitron.user.HotjarSv
+ };
+ var uri = 'https://static.hotjar.com/c/hotjar-';
+ var extension = '.js?sv=';
+ tarteaucitron.addScript(uri + window._hjSettings.hjid + extension + window._hjSettings.hjsv);
+ }
+};
+
+// bing ads universal event tracking
+tarteaucitron.services.bingads = {
+ 'key': 'bingads',
+ 'type': 'ads',
+ 'name': 'Bing Ads Universal Event Tracking',
+ 'uri': 'https://advertise.bingads.microsoft.com/en-us/resources/policies/personalized-ads',
+ 'needConsent': true,
+ 'cookies': ['_uetmsclkid', '_uetvid', '_uetsid'],
+ 'js': function () {
+ 'use strict';
+ //var u = tarteaucitron.user.bingadsTag || 'uetq';
+ window.uetq = window.uetq || [];
+
+ tarteaucitron.addScript('https://bat.bing.com/bat.js', '', function () {
+ var bingadsCreate = { ti: tarteaucitron.user.bingadsID };
+
+ if ('bingadsStoreCookies' in tarteaucitron.user) {
+ bingadsCreate['storeConvTrackCookies'] = tarteaucitron.user.bingadsStoreCookies;
+ }
+
+ bingadsCreate.q = window.uetq;
+ window.uetq = new UET(bingadsCreate);
+ window.uetq.push('pageLoad');
+
+ if (typeof tarteaucitron.user.bingadsMore === 'function') {
+ tarteaucitron.user.bingadsMore();
+ }
+ });
+ }
+};
+
+//Matterport
+tarteaucitron.services.matterport = {
+ "key": "matterport",
+ "type": "other",
+ "name": "Matterport",
+ "uri": "https://matterport.com/es/legal/privacy-policy/",
+ "needConsent": true,
+ "cookies": ['__cfduid', 'ajs_anonymous_id', 'ajs_group_id', 'ajs_user_id'],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['matterport'], function (x) {
+ var frame_title = tarteaucitron.fixSelfXSS(x.getAttribute("title") || 'Matterport iframe'),
+ matterport_id = x.getAttribute("matterportID"),
+ matterport_width = x.getAttribute("width"),
+ frame_width = 'width=',
+ matterport_height = x.getAttribute("height"),
+ frame_height = 'height=',
+ matterport_parameters = x.getAttribute("parameters"),
+ matterport_allowfullscreen = x.getAttribute('allowfullscreen'),
+ matterport_frame;
+
+ if (matterport_id === undefined) {
+ return "";
+ }
+ if (matterport_width !== undefined) {
+ frame_width += '"' + matterport_width + '" ';
+ } else {
+ frame_width += '"" ';
+ }
+ if (matterport_height !== undefined) {
+ frame_height += '"' + matterport_height + '" ';
+ } else {
+ frame_height += '"" ';
+ }
+ if (matterport_parameters === undefined) {
+ return "";
+ }
+
+ matterport_frame = '
';
+ return matterport_frame;
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'matterport';
+ tarteaucitron.fallback(['matterport'], function (elem) {
+ elem.style.width = elem.getAttribute('width') + 'px';
+ elem.style.height = elem.getAttribute('height') + 'px';
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// Adform
+tarteaucitron.services.adform = {
+ "key": "adform",
+ "type": "ads",
+ "name": "Adform",
+ "uri": "https://site.adform.com/privacy-center/overview/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+
+ if (tarteaucitron.user.adformpm === undefined || tarteaucitron.user.adformpagename === undefined) {
+ return;
+ }
+
+ window._adftrack = {
+ pm: tarteaucitron.user.adformpm,
+ divider: encodeURIComponent('|'),
+ pagename: encodeURIComponent(tarteaucitron.user.adformpagename)
+ };
+
+ tarteaucitron.addScript("https://track.adform.net/serving/scripts/trackpoint/async/");
+ }
+};
+
+// Active Campaign
+tarteaucitron.services.activecampaign = {
+ "key": "activecampaign",
+ "type": "ads",
+ "name": "Active Campaign",
+ "uri": "https://www.activecampaign.com/privacy-policy/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.actid === undefined) {
+ return;
+ }
+
+ window.trackcmp_email = '';
+
+ tarteaucitron.addScript('https://trackcmp.net/visit?actid=' + tarteaucitron.user.actid + '&e=' + encodeURIComponent(trackcmp_email) + '&r=' + encodeURIComponent(document.referrer) + '&u=' + encodeURIComponent(window.location.href));
+ }
+};
+
+// tawk.to
+tarteaucitron.services.tawkto = {
+ "key": "tawkto",
+ "type": "support",
+ "name": "Tawk.to chat",
+ "uri": "https://www.tawk.to/data-protection/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.tawktoId === undefined) {
+ return;
+ }
+
+ tarteaucitron.user.tawktoWidgetId = tarteaucitron.user.tawktoWidgetId || 'default';
+
+ window.Tawk_API = window.Tawk_API || {};
+ window.Tawk_LoadStart = new Date();
+
+ tarteaucitron.addScript('https://embed.tawk.to/' + tarteaucitron.user.tawktoId + '/' + tarteaucitron.user.tawktoWidgetId);
+ }
+
+};
+
+// getquanty
+tarteaucitron.services.getquanty = {
+ "key": "getquanty",
+ "type": "analytic",
+ "name": "GetQuanty",
+ "uri": "https://www.getquanty.com/mentions-legales/",
+ "needConsent": true,
+ "cookies": ['_first_pageview', 'eqy_sessionid', 'eqy_siteid', 'cluid', 'eqy_company', 'cluid', 'gq_utm', '_jsuid'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.getguanty === undefined) {
+ return;
+ }
+
+ if (tarteaucitron.user.getquantyAlreadyLoaded !== undefined) {
+ return;
+ }
+
+ tarteaucitron.addScript('https://get.smart-data-systems.com/gq?site_id=' + tarteaucitron.user.getguanty + '&consent=1');
+ },
+ "fallback": function () {
+ "use strict";
+ if (tarteaucitron.user.getguanty === undefined) {
+ return;
+ }
+
+ tarteaucitron.user.getquantyAlreadyLoaded = true;
+
+ tarteaucitron.addScript('https://get.smart-data-systems.com/gq?site_id=' + tarteaucitron.user.getguanty + '¬rack=1');
+ }
+};
+
+// emolytics
+tarteaucitron.services.emolytics = {
+ "key": "emolytics",
+ "type": "analytic",
+ "name": "Emolytics",
+ "uri": "https://www.emolytics.com/main/privacy-policy.php",
+ "needConsent": true,
+ "cookies": ['__hssc', '__hssrc', '__hstc', '_ga', '_gid', 'hubspotutk', 'lang', 'incap_ses_', 'nlbi_', 'visid_incap_'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.emolyticsID === undefined) {
+ return;
+ }
+ var scriptEmolytics = document.createElement('script');
+ scriptEmolytics.text = 'var getsmily_id="' + tarteaucitron.user.emolyticsID + '";';
+ document.getElementsByTagName('body')[0].appendChild(scriptEmolytics);
+ tarteaucitron.addScript('https://cdn.emolytics.com/script/emolytics-widget.js')
+ }
+};
+
+// youtubeapi
+tarteaucitron.services.youtubeapi = {
+ "key": "youtubeapi",
+ "type": "video",
+ "name": "Youtube (Js API)",
+ "uri": "https://policies.google.com/privacy",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ tarteaucitron.addScript('https://www.youtube.com/player_api');
+ }
+};
+
+// Facil'ITI
+tarteaucitron.services.faciliti = {
+ "key": "faciliti",
+ "type": "other",
+ "name": "Facil'ITI",
+ "uri": "https://ws.facil-iti.com/mentions-legales.html",
+ "needConsent": true,
+ "cookies": ['FACIL_ITI_LS'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.facilitiID === undefined) {
+ return;
+ }
+
+ (function (w, d, s, f) {
+ w[f] = w[f] || { conf: function () { (w[f].data = w[f].data || []).push(arguments); } };
+ var l = d.createElement(s), e = d.getElementsByTagName(s)[0];
+ l.async = 1; l.src = 'https://ws.facil-iti.com/tag/faciliti-tag.min.js'; e.parentNode.insertBefore(l, e);
+ }(window, document, 'script', 'FACIL_ITI'));
+ FACIL_ITI.conf('userId', tarteaucitron.user.facilitiID);
+ }
+};
+
+// userlike
+tarteaucitron.services.userlike = {
+ "key": "userlike",
+ "type": "support",
+ "name": "Userlike",
+ "uri": "https://www.userlike.com/en/terms#privacy-policy",
+ "needConsent": true,
+ "cookies": ['uslk_s', 'uslk_e'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.userlikeKey === undefined) {
+ return;
+ }
+ tarteaucitron.addScript('//userlike-cdn-widgets.s3-eu-west-1.amazonaws.com/' + tarteaucitron.user.userlikeKey);
+ }
+};
+
+// adobeanalytics
+tarteaucitron.services.adobeanalytics = {
+ "key": "adobeanalytics",
+ "type": "analytic",
+ "name": "Adobe Analytics",
+ "uri": "https://www.adobe.com/privacy/policy.html",
+ "needConsent": true,
+ "cookies": ['s_ecid', 's_cc', 's_sq', 's_vi', 's_fid'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.adobeanalyticskey === undefined) {
+ return;
+ }
+ tarteaucitron.addScript('//assets.adobedtm.com/launch-' + tarteaucitron.user.adobeanalyticskey + '.min.js');
+ }
+};
+
+// woopra customer journey analytics
+tarteaucitron.services.woopra = {
+ 'key': 'woopra',
+ 'type': 'analytic',
+ 'name': 'Woopra Customer Journey Analytics',
+ 'uri': 'https://www.woopra.com/privacy',
+ 'needConsent': true,
+ 'cookies': ['wooTracker', 'intercom-session-erbfalba', 'intercom-id-erbfalba'],
+ 'js': function () {
+ 'use strict';
+ //var w = tarteaucitron.user.woopraDomain;
+ //window[w] = window[w] || [];
+
+ (function () {
+ var t, i, e, n = window, o = document, a = arguments, s = "script", r = ["config", "track", "identify", "visit", "push", "call", "trackForm", "trackClick"], c = function () { var t, i = this; for (i._e = [], t = 0; r.length > t; t++)(function (t) { i[t] = function () { return i._e.push([t].concat(Array.prototype.slice.call(arguments, 0))), i } })(r[t]) }; for (n._w = n._w || {}, t = 0; a.length > t; t++)n._w[a[t]] = n[a[t]] = n[a[t]] || new c; i = o.createElement(s), i.async = 1, i.src = "//static.woopra.com/js/w.js", e = o.getElementsByTagName(s)[0], e.parentNode.insertBefore(i, e)
+ })("woopra");
+
+ woopra.config({
+ domain: tarteaucitron.user.woopraDomain
+ });
+ woopra.track();
+ }
+};
+
+// ausha
+tarteaucitron.services.ausha = {
+ key: "ausha",
+ type: "video",
+ name: "Ausha",
+ uri: "https://www.ausha.co/protection-personal-data/",
+ needConsent: true,
+ cookies: [],
+ js: function () {
+ "use strict";
+ tarteaucitron.fallback(['ausha_player'], function (x) {
+ var player_height = x.getAttribute('data-height'),
+ podcast_id = x.getAttribute('data-podcast-id'),
+ player_id = x.getAttribute('data-player-id'),
+ playlist = x.getAttribute('data-playlist'),
+ useshowid = x.getAttribute('data-useshowid'),
+ color = x.getAttribute('data-color');
+
+ if (podcast_id === undefined) {
+ return "";
+ }
+
+ var src = 'https://player.ausha.co/index.html?podcastId=' + podcast_id + '&v=3';
+
+ if (useshowid == "1") {
+ src = 'https://player.ausha.co/index.html?showId=' + podcast_id + '&v=3';
+ }
+
+ if (playlist && playlist.length > 0) src += '&playlist=' + playlist;
+ if (color && color.length > 0) src += '&color=' + color.replace('#', '%23');
+ if (player_id && player_id.length > 0) src += '&playerId=' + player_id;
+
+ return '
';
+ });
+
+ tarteaucitron.addScript('//player.ausha.co/ausha-player.js', 'ausha-player');
+ },
+ fallback: function () {
+ "use strict";
+ tarteaucitron.fallback(['ausha_player'], function (elem) {
+ elem.style.height = elem.getAttribute('data-height') + 'px';
+ return tarteaucitron.engage('ausha');
+ });
+ }
+};
+
+// visiblee
+tarteaucitron.services.visiblee = {
+ key: "visiblee",
+ type: "analytic",
+ name: "Visiblee",
+ uri: "http://confidentiality.visiblee.io/fr/confidentialite",
+ needConsent: true,
+ cookies: ["visitor_v2", tarteaucitron.user.visibleedomain, "check", "campaign_ref_" + tarteaucitron.user.visibleedomain, "reload_" + tarteaucitron.user.visibleedomain],
+ js: function () {
+ "use strict";
+
+ if (tarteaucitron.user.visibleeclientid === undefined) {
+ return;
+ }
+ tarteaucitron.addScript('//www.link-page.info/tracking_' + tarteaucitron.user.visibleeclientid + '.js', 'visiblee');
+ }
+};
+
+// bandcamp
+tarteaucitron.services.bandcamp = {
+ key: "bandcamp",
+ type: "video",
+ name: "Bandcamp",
+ uri: "https://bandcamp.com",
+ readmoreLink: "https://bandcamp.com/privacy",
+ needConsent: true,
+ cookies: ['client_id', 'BACKENDID', '_comm_playlist'],
+ js: function () {
+ "use strict";
+ tarteaucitron.fallback(['bandcamp_player'], function (x) {
+ var frame_title = tarteaucitron.fixSelfXSS(x.getAttribute("title") || 'Bandcamp iframe'),
+ album_id = x.getAttribute("albumID"),
+ bandcamp_width = x.getAttribute("width"),
+ frame_width = 'width=',
+ bandcamp_height = x.getAttribute("height"),
+ frame_height = 'height=',
+ attrs = ["size", "bgcol", "linkcol", "artwork", "minimal", "tracklist", "package", "transparent"],
+ params = attrs.filter(function (a) {
+ return x.getAttribute(a) !== null;
+ }).map(function (a) {
+ if (a && a.length > 0) return a + "=" + x.getAttribute(a);
+ }).join("/");
+
+ if (album_id === null) {
+ return "";
+ }
+
+ if (bandcamp_width !== null || bandcamp_width !== "") {
+ frame_width += '"' + bandcamp_width + '" ';
+ } else {
+ frame_width += '"" ';
+ }
+ if (bandcamp_height !== null || bandcamp_height !== "") {
+ frame_height += '"' + bandcamp_height + '" ';
+ } else {
+ frame_height += '"" ';
+ }
+
+ var src = 'https://bandcamp.com/EmbeddedPlayer/album=' + album_id + '/' + params;
+
+ return '
';
+ });
+ },
+ fallback: function () {
+ "use strict";
+ tarteaucitron.fallback(['bandcamp_player'], function (elem) {
+ elem.style.width = elem.getAttribute('width');
+ elem.style.height = elem.getAttribute('height');
+ return tarteaucitron.engage('bandcamp');
+ });
+ }
+};
+
+// Discord Widget
+tarteaucitron.services.discord = {
+ "key": "discord",
+ "type": "social",
+ "name": "Discord (Server Widget)",
+ "needConsent": true,
+ "cookies": ["__cfruid", "__dcfduid", "_ga", "_gcl_au", "OptanonConsent", "locale", "_gid"],
+ "uri": "https://discord.com/privacy",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['discord_widget'], function (x) {
+ var id = x.getAttribute("guildID"),
+ width = x.getAttribute("width"),
+ height = x.getAttribute("height")
+ var widgetURL = "https://discord.com/widget?id=" + id;
+ return "
";
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'discord';
+ tarteaucitron.fallback(['discord_widget'], function (elem) {
+ elem.style.width = elem.getAttribute('width') + 'px';
+ elem.style.height = elem.getAttribute('height') + 'px';
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// Google Maps
+tarteaucitron.services.maps_noapi = {
+ "key": "maps_noapi",
+ "type": "other",
+ "name": "Google Maps",
+ "needConsent": true,
+ "cookies": ["NID", "OGPC", "1P_JAR", "CONSENT"],
+ "uri": "https://policies.google.com/privacy",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['googlemaps_embed'], function (x) {
+ var id = x.getAttribute("id"),
+ width = x.getAttribute("width"),
+ height = x.getAttribute("height")
+ var widgetURL = "https://www.google.com/maps/embed?pb=" + id;
+ return "
";
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'maps_noapi';
+ tarteaucitron.fallback(['googlemaps_embed'], function (elem) {
+ elem.style.width = elem.getAttribute('width') + 'px';
+ elem.style.height = elem.getAttribute('height') + 'px';
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// hCaptcha
+tarteaucitron.services.hcaptcha = {
+ "key": "hcaptcha",
+ "type": "other",
+ "name": "hCaptcha",
+ "needConsent": true,
+ "cookies": [],
+ "uri": "https://www.hcaptcha.com/privacy",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(["h-captcha"], '');
+ tarteaucitron.addScript("https://hcaptcha.com/1/api.js", "hcaptcha")
+ },
+ "fallback": function () {
+ "use strict";
+ var id = "hcaptcha";
+ tarteaucitron.fallback(["h-captcha"], tarteaucitron.engage(id));
+ }
+};
+
+// France Culture
+tarteaucitron.services.fculture = {
+ "key": "fculture",
+ "type": "video",
+ "name": "France Culture",
+ "needConsent": true,
+ "cookies": ["_gid", "didomi_token", "outbrain_cid_fetch", "xtvrn", "xtant", "YSC", "ABTasty", "xtan", "ABTastySession", "xtidc", "_ga", "VISITOR_INFO1_LIVE", "euconsent-v2", "v1st", "dmvk", "ts", "VISITOR_INFO1_LIVE", "YSC"],
+ "uri": "https://www.radiofrance.com/politique-d-utilisation-des-cookies-sur-les-sites-internet-du-groupe-radio-france",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['fculture_embed'], function (x) {
+ var id = x.getAttribute('id'),
+ width = x.getAttribute('width'),
+ height = x.getAttribute('height');
+ return "
"
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = "fculture";
+ tarteaucitron.fallback(["fculture_embed"], tarteaucitron.engage(id));
+ }
+};
+
+// Acast
+tarteaucitron.services.acast = {
+ "key": "acast",
+ "type": "video",
+ "name": "Acast",
+ "needConsent": true,
+ "cookies": ["intercom-id-ayi0335i", "intercom-session-ayi0335i"],
+ "uri": "https://www.acast.com/en/privacy",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['acast_embed'], function (x) {
+ var id = x.getAttribute('id1'),
+ id2 = x.getAttribute('id2'),
+ width = x.getAttribute('width'),
+ height = x.getAttribute('height'),
+ seek = x.getAttribute('seek');
+ var widgetURL = "https://embed.acast.com/" + id + "/" + id2 + "?seek=" + seek;
+ return "
";
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = "acast";
+ tarteaucitron.fallback(["acast_embed"], tarteaucitron.engage(id));
+ }
+};
+
+// Mixcloud
+tarteaucitron.services.mixcloud = {
+ "key": "mixcloud",
+ "type": "video",
+ "name": "Mixcloud",
+ "needConsent": true,
+ "cookies": ["UID", "_gat", "__stripe_mid", "_gid", "_ga", "c", "csrftoken", "__stripe_sid", "mx_t"],
+ "uri": "https://www.mixcloud.com/privacy/",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['mixcloud_embed'], function (x) {
+ var id = x.getAttribute('id'),
+ hidecover = x.getAttribute('hidecover'),
+ mini = x.getAttribute('mini'),
+ light = x.getAttribute('light'),
+ width = x.getAttribute('width'),
+ height = x.getAttribute('height');
+ return "
";
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = "mixcloud";
+ tarteaucitron.fallback(["mixcloud_embed"], tarteaucitron.engage(id));
+ }
+};
+
+// Google Agenda
+tarteaucitron.services.gagenda = {
+ "key": "gagenda",
+ "type": "other",
+ "name": "Google Agenda",
+ "needConsent": true,
+ "cookies": ["CONSENT", "NID"],
+ "uri": "https://policies.google.com/privacy",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['gagenda_embed'], function (x) {
+ var calendar_data = x.getAttribute('data'),
+ width = x.getAttribute('width'),
+ height = x.getAttribute('height');
+ return "
";
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = "gagenda";
+ tarteaucitron.fallback(["gagenda_embed"], tarteaucitron.engage(id));
+ }
+};
+
+// Google Docs
+tarteaucitron.services.gdocs = {
+ "key": "gdocs",
+ "type": "other",
+ "name": "Google Docs",
+ "needConsent": true,
+ "cookies": ["CONSENT", "NID"],
+ "uri": "https://policies.google.com/privacy",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['gdocs_embed'], function (x) {
+ var id = x.getAttribute('id'),
+ width = x.getAttribute('width'),
+ height = x.getAttribute('height');
+ return "
";
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = "gdocs";
+ tarteaucitron.fallback(["gdocs_embed"], tarteaucitron.engage(id));
+ }
+};
+
+// Google Sheets
+tarteaucitron.services.gsheets = {
+ "key": "gsheets",
+ "type": "other",
+ "name": "Google Sheets",
+ "needConsent": true,
+ "cookies": ["CONSENT", "NID"],
+ "uri": "https://policies.google.com/privacy",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['gsheets_embed'], function (x) {
+ var id = x.getAttribute('id'),
+ width = x.getAttribute('width'),
+ height = x.getAttribute('height'),
+ headers = x.getAttribute('headers');
+ return "
";
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = "gsheets";
+ tarteaucitron.fallback(["gsheets_embed"], tarteaucitron.engage(id));
+ }
+};
+
+// Google Slides
+tarteaucitron.services.gslides = {
+ "key": "gslides",
+ "type": "other",
+ "name": "Google Slides",
+ "needConsent": true,
+ "cookies": ["CONSENT", "NID"],
+ "uri": "https://policies.google.com/privacy",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['gslides_embed'], function (x) {
+ var id = x.getAttribute('id'),
+ width = x.getAttribute('width'),
+ height = x.getAttribute('height'),
+ autostart = x.getAttribute('autostart'),
+ loop = x.getAttribute('loop'),
+ delay = x.getAttribute('delay');
+ return "
";
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = "gslides";
+ tarteaucitron.fallback(["gslides_embed"], tarteaucitron.engage(id));
+ }
+};
+
+// Google Forms
+tarteaucitron.services.gforms = {
+ "key": "gforms",
+ "type": "other",
+ "name": "Google Forms",
+ "needConsent": true,
+ "cookies": ["CONSENT", "NID"],
+ "uri": "https://policies.google.com/privacy",
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['gforms_embed'], function (x) {
+ var id = x.getAttribute('id'),
+ width = x.getAttribute('width'),
+ height = x.getAttribute('height');
+ return "
";
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = "gforms";
+ tarteaucitron.fallback(['gforms_embed'], tarteaucitron.engage(id));
+ }
+};
+
+// Google Optimize
+tarteaucitron.services.goptimize = {
+ "key": "goptimize",
+ "type": "other",
+ "name": "Google Optimize",
+ "needConsent": true,
+ "cookies": ["CONSENT", "NID"],
+ "uri": "https://policies.google.com/privacy",
+ "js": function () {
+ "use strict";
+
+ if (tarteaucitron.user.goptimize === undefined) {
+ return;
+ }
+
+ tarteaucitron.addScript('https://www.googleoptimize.com/optimize.js?id=' + tarteaucitron.user.goptimize);
+ }
+};
+
+// Marketo munchkin
+tarteaucitron.services.marketomunchkin = {
+ "key": "marketomunchkin",
+ "type": "api",
+ "name": "Marketo munchkin",
+ "uri": "https://documents.marketo.com/legal/cookies",
+ "needConsent": true,
+ "cookies": ['OptAnon', '_mkto_trk'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.marketomunchkinkey === undefined) {
+ return;
+ }
+ var didInit = false;
+ function initMunchkin() {
+ if (didInit === false) {
+ didInit = true;
+ Munchkin.init(tarteaucitron.user.marketomunchkinkey);
+ }
+ }
+ var s = document.createElement('script');
+ s.type = 'text/javascript';
+ s.async = true;
+ s.src = '//munchkin.marketo.net/munchkin.js';
+ s.onreadystatechange = function () {
+ if (this.readyState == 'complete' || this.readyState == 'loaded') {
+ initMunchkin();
+ }
+ };
+ s.onload = initMunchkin;
+ document.getElementsByTagName('head')[0].appendChild(s);
+ }
+};
+
+// outbrain
+tarteaucitron.services.outbrain = {
+ "key": "outbrain",
+ "type": "ads",
+ "name": "Outbrain",
+ "uri": "https://www.outbrain.com/fr/advertisers/guidelines/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+
+ tarteaucitron.addScript('https://widgets.outbrain.com/outbrain.js');
+ }
+};
+
+// affilae
+tarteaucitron.services.affilae = {
+ "key": "affilae",
+ "type": "ads",
+ "name": "Affilae",
+ "uri": "https://affilae.com/en/privacy-cookie-policy/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+
+ if (tarteaucitron.user.affilae === undefined) {
+ return;
+ }
+
+ window._ae = { "pid": tarteaucitron.user.affilae };
+
+ tarteaucitron.addScript('https://static.affilae.com/ae-v3.5.js');
+ }
+};
+
+// Canal-U.tv
+tarteaucitron.services.canalu = {
+ "key": "canalu",
+ "type": "video",
+ "name": "Canal-U.tv",
+ "uri": "https://www.canal-u.tv/conditions-generales-utilisations",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['canalu_player'], function (x) {
+ var video_title = tarteaucitron.fixSelfXSS(x.getAttribute("videoTitle")),
+ frame_url = 'https://www.canal-u.tv/embed/' + video_title;
+
+ return '
' +
+ '' +
+ '
';
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ tarteaucitron.fallback(['canalu_player'], function (elem) {
+ return tarteaucitron.engage('canalu');
+ });
+ }
+};
+
+// WebTV Normandie Université
+tarteaucitron.services.webtvnu = {
+ "key": "webtvnu",
+ "type": "video",
+ "name": "WebTV Normandie Université",
+ "uri": "https://docs.google.com/document/d/1tpVclj4QBoAq1meSZgYrpNECwp7dbmb_IhICY3sTl9c/edit",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['webtvnu_player'], function (x) {
+ var frame_url = 'https://webtv.normandie-univ.fr/permalink/' + x.getAttribute("videoID") + '/iframe/',
+ width = x.getAttribute("width"),
+ height = x.getAttribute("height");
+
+ return '
';
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ tarteaucitron.fallback(['webtvnu_player'], function (elem) {
+ return tarteaucitron.engage('webtvnu');
+ });
+ }
+};
+
+// studizz
+tarteaucitron.services.studizz = {
+ "key": "studizz",
+ "type": "support",
+ "name": "Studizz Chatbot",
+ "uri": "https://group.studizz.fr/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+
+ if (tarteaucitron.user.studizzToken === undefined) {
+ return;
+ }
+
+ tarteaucitron.addScript('https://webchat.studizz.fr/webchat.js?token=' + tarteaucitron.user.studizzToken);
+ }
+};
+
+// meteofrance
+tarteaucitron.services.meteofrance = {
+ "key": "meteofrance",
+ "type": "api",
+ "name": "Météo France",
+ "uri": "https://meteofrance.com/politique-de-confidentialite",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['tac_meteofrance'], function (x) {
+ var frame_title = tarteaucitron.fixSelfXSS(x.getAttribute("title") || 'Météo France iframe'),
+ width = x.getAttribute("width"),
+ height = x.getAttribute("height"),
+ insee = x.getAttribute("data-insee"),
+ allowfullscreen = x.getAttribute("allowfullscreen");
+
+ return '
';
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'meteofrance';
+ tarteaucitron.fallback(['tac_meteofrance'], function (elem) {
+ elem.style.width = elem.getAttribute('width') + 'px';
+ elem.style.height = elem.getAttribute('height') + 'px';
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// m6meteo
+tarteaucitron.services.m6meteo = {
+ "key": "m6meteo",
+ "type": "api",
+ "name": "M6 Météo",
+ "uri": "https://gdpr.m6tech.net/charte-confidentialite-m6-web-meteocity.pdf",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['tac_m6meteo'], function (x) {
+ var id = x.getAttribute("data-id");
+
+ tarteaucitron.addScript('https://www.meteocity.com/widget/js/'+id);
+
+ return '
';
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'm6meteo';
+ tarteaucitron.fallback(['tac_m6meteo'], function (elem) {
+
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// mtcaptcha
+tarteaucitron.services.mtcaptcha = {
+ "key": "mtcaptcha",
+ "type": "api",
+ "name": "MTcaptcha",
+ "uri": "https://www.mtcaptcha.com",
+ "readmoreLink": "https://www.mtcaptcha.com/faq-cookie-declaration",
+ "needConsent": true,
+ "cookies": ['mtv1Pulse','mtv1ConfSum','mtv1Pong'],
+
+ "js": function () {
+
+ window.mtcaptchaConfig = {
+ "sitekey": tarteaucitron.user.mtcaptchaSitekey
+ };
+
+ tarteaucitron.addScript('https://service.mtcaptcha.com/mtcv1/client/mtcaptcha.min.js');
+ tarteaucitron.addScript('https://service2.mtcaptcha.com/mtcv1/client/mtcaptcha2.min.js');
+ }
+};
+
+// Internet Archive / https://archive.org
+tarteaucitron.services.archive = {
+ "key": "archive",
+ "type": "video",
+ "name": "Internet Archive",
+ "uri": "https://archive.org/about/terms.php",
+ "needConsent": true,
+ "cookies": ['abtest-identifier','donation-identifier'],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['archive_player'], function (x) {
+ var video_id = tarteaucitron.getElemAttr(x, "data-videoID"),
+ video_width = tarteaucitron.getElemAttr(x, "data-width"),
+ frame_width = 'width=',
+ video_height = tarteaucitron.getElemAttr(x, "data-height"),
+ frame_height = 'height=',
+ video_frame;
+
+ if (video_id === undefined) {
+ return "";
+ }
+ if (video_width !== undefined) {
+ frame_width += '"' + video_width + '" ';
+ } else {
+ frame_width += '"" ';
+ }
+ if (video_height !== undefined) {
+ frame_height += '"' + video_height + '" ';
+ } else {
+ frame_height += '"" ';
+ }
+ video_frame = '
';
+ return video_frame;
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'archive';
+ tarteaucitron.fallback(['archive_player'], function (elem) {
+ elem.style.width = elem.getAttribute('data-width') + 'px';
+ elem.style.height = elem.getAttribute('data-height') + 'px';
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// Gallica
+tarteaucitron.services.gallica = {
+ "key": "gallica",
+ "type": "other",
+ "name": "Gallica",
+ "uri": "https://gallica.bnf.fr/edit/und/conditions-dutilisation-des-contenus-de-gallica",
+ "needConsent": true,
+ "cookies": ['dtCookie', 'dtLatC', 'dtPC', 'dtSa', 'rxVisitor', 'rxvt', 'xtvrn'],
+ "js": function () {
+ "use strict";
+ tarteaucitron.fallback(['gallica_player'], function (x) {
+ var src = tarteaucitron.getElemAttr(x, "data-src"),
+ style = tarteaucitron.getElemAttr(x, "data-style"),
+ frame;
+ if (src === undefined) {
+ return "";
+ }
+ frame = '
';
+ return frame;
+ });
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'gallica';
+ tarteaucitron.fallback(['gallica_player'], function (elem) {
+ elem.style = elem.getAttribute('data-style');
+ return tarteaucitron.engage(id);
+ });
+ }
+};
+
+// crisp
+tarteaucitron.services.crisp = {
+ "key": "crisp",
+ "type": "other",
+ "name": "Crisp Chat",
+ "uri": "https://help.crisp.chat/en/article/crisp-chatbox-cookie-ip-policy-1147xor/",
+ "needConsent": false,
+ "cookies": ['crisp-client', '__cfduid'],
+ "js": function () {
+ "use strict";
+
+ if (tarteaucitron.user.crispID === undefined) {
+ return;
+ }
+
+ window.$crisp = [];
+ window.CRISP_WEBSITE_ID = tarteaucitron.user.crispID;
+
+ tarteaucitron.addScript('https://client.crisp.chat/l.js');
+ }
+};
+
+// microanalytics
+tarteaucitron.services.microanalytics = {
+ "key": "microanalytics",
+ "type": "analytic",
+ "name": "MicroAnalytic",
+ "uri": "https://microanalytics.io/page/privacy",
+ "needConsent": false,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+
+ if (tarteaucitron.user.microanalyticsID === undefined) {
+ return;
+ }
+
+ tarteaucitron.addScript('https://microanalytics.io/js/script.js', tarteaucitron.user.microanalyticsID, undefined, true, "data-host", "https://microanalytics.io");
+ }
+};
+
+// facebookcustomerchat
+tarteaucitron.services.facebookcustomerchat = {
+ "key": "facebookcustomerchat",
+ "type": "social",
+ "name": "Facebook (Customer Chat)",
+ "uri": "https://www.facebook.com/policies/cookies/",
+ "needConsent": true,
+ "cookies": ['act','c_user','datr','dpr','presence','sb','wd','xs','/tr'],
+ "js": function () {
+ "use strict";
+
+ if (tarteaucitron.user.facebookChatID === undefined) {
+ return;
+ }
+
+ tarteaucitron.fallback(['fb-customerchat'], '');
+ window.fbAsyncInit=function(){FB.init({appId:tarteaucitron.user.facebookChatID,autoLogAppEvents:!0,xfbml:!0,version:"v3.0"})};
+ tarteaucitron.addScript('https://connect.facebook.net/' + tarteaucitron.getLocale() + '/sdk/xfbml.customerchat.js', 'facebook-jssdk');
+ },
+ "fallback": function () {
+ "use strict";
+ var id = 'facebookcustomerchat';
+ tarteaucitron.fallback(['fb-customerchat'], tarteaucitron.engage(id));
+ }
+};
+
+// weborama
+tarteaucitron.services.weborama = {
+ "key": "weborama",
+ "type": "analytic",
+ "name": "Weborama",
+ "uri": "https://weborama.com/faq-cnil-avril-2021/",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+ tarteaucitron.addScript('https://cstatic.weborama.fr/js/advertiserv2/adperf_conversion.js');
+ }
+};
+
+// tiktok
+tarteaucitron.services.tiktok = {
+ "key": "tiktok",
+ "type": "analytic",
+ "name": "Tiktok",
+ "uri": "https://www.tiktok.com/legal/tiktok-website-cookies-policy",
+ "needConsent": true,
+ "cookies": [],
+ "js": function () {
+ "use strict";
+
+ if (tarteaucitron.user.tiktokId === undefined) {
+ return;
+ }
+
+ tarteaucitron.addScript('https://analytics.tiktok.com/i18n/pixel/sdk.js?sdkid=' + tarteaucitron.user.tiktokId);
+
+ if (typeof tarteaucitron.user.tiktokMore === 'function') {
+ tarteaucitron.user.tiktokMore();
+ }
+ }
+};
+
+// Klaviyo
+tarteaucitron.services.klaviyo = {
+ "key": "klaviyo",
+ "type": "ads",
+ "name": "Klaviyo",
+ "uri": "https://help.klaviyo.com/hc/en-us/articles/360034666712-About-Cookies-in-Klaviyo",
+ "needConsent": true,
+ "cookies": ['__kla_id'],
+ "js": function () {
+ "use strict";
+ if (tarteaucitron.user.klaviyoCompanyId === undefined) {
+ return;
+ }
+ tarteaucitron.addScript('//static.klaviyo.com/onsite/js/klaviyo.js?company_id=' + tarteaucitron.user.klaviyoCompanyId);
+ }
+};
diff --git a/src/styled-system/css/conditions.mjs b/src/styled-system/css/conditions.mjs
new file mode 100644
index 0000000..60fde62
--- /dev/null
+++ b/src/styled-system/css/conditions.mjs
@@ -0,0 +1,34 @@
+import { withoutSpace } from '../helpers.mjs';
+
+const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,base"
+const conditions = new Set(conditionsStr.split(','))
+
+export function isCondition(value){
+ return conditions.has(value) || /^@|&|&$/.test(value)
+}
+
+const underscoreRegex = /^_/
+const conditionsSelectorRegex = /&|@/
+
+export function finalizeConditions(paths){
+ return paths.map((path) => {
+ if (conditions.has(path)){
+ return path.replace(underscoreRegex, '')
+ }
+
+ if (conditionsSelectorRegex.test(path)){
+ return `[${withoutSpace(path.trim())}]`
+ }
+
+ return path
+ })}
+
+ export function sortConditions(paths){
+ return paths.sort((a, b) => {
+ const aa = isCondition(a)
+ const bb = isCondition(b)
+ if (aa && !bb) return 1
+ if (!aa && bb) return -1
+ return 0
+ })
+ }
\ No newline at end of file
diff --git a/src/styled-system/css/css.d.ts b/src/styled-system/css/css.d.ts
new file mode 100644
index 0000000..9d4bbec
--- /dev/null
+++ b/src/styled-system/css/css.d.ts
@@ -0,0 +1,9 @@
+/* eslint-disable */
+import type { SystemStyleObject } from '../types'
+
+interface CssFunction {
+ (...styles: SystemStyleObject[]): string
+ raw: (styles: SystemStyleObject) => SystemStyleObject
+}
+
+export declare const css: CssFunction;
\ No newline at end of file
diff --git a/src/styled-system/css/css.mjs b/src/styled-system/css/css.mjs
new file mode 100644
index 0000000..c1c0dcb
--- /dev/null
+++ b/src/styled-system/css/css.mjs
@@ -0,0 +1,44 @@
+import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.mjs';
+import { sortConditions, finalizeConditions } from './conditions.mjs';
+
+const utilities = "aspectRatio:aspect,boxDecorationBreak:decoration,zIndex:z,boxSizing:box,objectPosition:object,objectFit:object,overscrollBehavior:overscroll,overscrollBehaviorX:overscroll-x,overscrollBehaviorY:overscroll-y,position:pos/1,top:top,left:left,insetInline:inset-x,insetBlock:inset-y,inset:inset,insetBlockEnd:inset-b,insetBlockStart:inset-t,insetInlineEnd:end/insetEnd/1,insetInlineStart:start/insetStart/1,right:right,bottom:bottom,insetX:inset-x,insetY:inset-y,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:basis,flex:flex,flexDirection:flex/flexDir,flexGrow:grow,flexShrink:shrink,gridTemplateColumns:grid-cols,gridTemplateRows:grid-rows,gridColumn:col-span,gridRow:row-span,gridColumnStart:col-start,gridColumnEnd:col-end,gridAutoFlow:grid-flow,gridAutoColumns:auto-cols,gridAutoRows:auto-rows,gap:gap,gridGap:gap,gridRowGap:gap-x,gridColumnGap:gap-y,rowGap:gap-x,columnGap:gap-y,justifyContent:justify,alignContent:content,alignItems:items,alignSelf:self,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pb,paddingBlockStart:pt,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mb,marginBlockStart:mt,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,outlineWidth:ring/ringWidth,outlineColor:ring/ringColor,outline:ring/1,outlineOffset:ring/ringOffset,divideX:divide-x,divideY:divide-y,divideColor:divide,divideStyle:divide,width:w/1,inlineSize:w,minWidth:min-w/minW,minInlineSize:min-w,maxWidth:max-w/maxW,maxInlineSize:max-w,height:h/1,blockSize:h,minHeight:min-h/minH,minBlockSize:min-h,maxHeight:max-h/maxH,maxBlockSize:max-b,color:text,fontFamily:font,fontSize:fs,fontWeight:font,fontSmoothing:smoothing,fontVariantNumeric:numeric,letterSpacing:tracking,lineHeight:leading,textAlign:text,textDecoration:text-decor,textDecorationColor:text-decor,textEmphasisColor:text-emphasis,textDecorationStyle:decoration,textDecorationThickness:decoration,textUnderlineOffset:underline-offset,textTransform:text,textIndent:indent,textShadow:text-shadow,textOverflow:text,verticalAlign:align,wordBreak:break,textWrap:text,truncate:truncate,lineClamp:clamp,listStyleType:list,listStylePosition:list,listStyleImage:list-img,backgroundPosition:bg/bgPosition,backgroundPositionX:bg-x/bgPositionX,backgroundPositionY:bg-y/bgPositionY,backgroundAttachment:bg/bgAttachment,backgroundClip:bg-clip/bgClip,background:bg/1,backgroundColor:bg/bgColor,backgroundOrigin:bg-origin/bgOrigin,backgroundImage:bg-img/bgImage,backgroundRepeat:bg-repeat/bgRepeat,backgroundBlendMode:bg-blend/bgBlendMode,backgroundSize:bg/bgSize,backgroundGradient:bg-gradient/bgGradient,textGradient:text-gradient,gradientFrom:from,gradientTo:to,gradientVia:via,borderRadius:rounded/1,borderTopLeftRadius:rounded-tl/roundedTopLeft,borderTopRightRadius:rounded-tr/roundedTopRight,borderBottomRightRadius:rounded-br/roundedBottomRight,borderBottomLeftRadius:rounded-bl/roundedBottomLeft,borderTopRadius:rounded-t/roundedTop,borderRightRadius:rounded-r/roundedRight,borderBottomRadius:rounded-b/roundedBottom,borderLeftRadius:rounded-l/roundedLeft,borderStartStartRadius:rounded-ss/roundedStartStart,borderStartEndRadius:rounded-se/roundedStartEnd,borderStartRadius:rounded-s/roundedStart,borderEndStartRadius:rounded-es/roundedEndStart,borderEndEndRadius:rounded-ee/roundedEndEnd,borderEndRadius:rounded-e/roundedEnd,border:border,borderColor:border,borderInline:border-x/borderX,borderInlineWidth:border-x/borderXWidth,borderInlineColor:border-x/borderXColor,borderBlock:border-y/borderY,borderBlockWidth:border-y/borderYWidth,borderBlockColor:border-y/borderYColor,borderLeft:border-l,borderLeftColor:border-l,borderInlineStart:border-s/borderStart,borderInlineStartWidth:border-s/borderStartWidth,borderInlineStartColor:border-s/borderStartColor,borderRight:border-r,borderRightColor:border-r,borderInlineEnd:border-e/borderEnd,borderInlineEndWidth:border-e/borderEndWidth,borderInlineEndColor:border-e/borderEndColor,borderTop:border-t,borderTopColor:border-t,borderBottom:border-b,borderBottomColor:border-b,borderBlockEnd:border-be,borderBlockEndColor:border-be,borderBlockStart:border-bs,borderBlockStartColor:border-bs,boxShadow:shadow/1,boxShadowColor:shadow/shadowColor,mixBlendMode:mix-blend,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:backdrop,backdropBlur:backdrop-blur,backdropBrightness:backdrop-brightness,backdropContrast:backdrop-contrast,backdropGrayscale:backdrop-grayscale,backdropHueRotate:backdrop-hue-rotate,backdropInvert:backdrop-invert,backdropOpacity:backdrop-opacity,backdropSaturate:backdrop-saturate,backdropSepia:backdrop-sepia,borderCollapse:border,borderSpacing:border-spacing,borderSpacingX:border-spacing-x,borderSpacingY:border-spacing-y,tableLayout:table,transitionTimingFunction:ease,transitionDelay:delay,transitionDuration:duration,transitionProperty:transition-prop,transition:transition,animation:animation,animationName:animation-name,animationDelay:animation-delay,transformOrigin:origin,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,accentColor:accent,caretColor:caret,scrollBehavior:scroll,scrollbar:scrollbar,scrollMargin:scroll-m,scrollMarginX:scroll-mx,scrollMarginY:scroll-my,scrollMarginLeft:scroll-ml,scrollMarginRight:scroll-mr,scrollMarginTop:scroll-mt,scrollMarginBottom:scroll-mb,scrollMarginBlock:scroll-my,scrollMarginBlockEnd:scroll-mb,scrollMarginBlockStart:scroll-mt,scrollMarginInline:scroll-mx,scrollMarginInlineEnd:scroll-me,scrollMarginInlineStart:scroll-ms,scrollPadding:scroll-p,scrollPaddingBlock:scroll-pb,scrollPaddingBlockStart:scroll-pt,scrollPaddingBlockEnd:scroll-pb,scrollPaddingInline:scroll-px,scrollPaddingInlineEnd:scroll-pe,scrollPaddingInlineStart:scroll-ps,scrollPaddingX:scroll-px,scrollPaddingY:scroll-py,scrollPaddingLeft:scroll-pl,scrollPaddingRight:scroll-pr,scrollPaddingTop:scroll-pt,scrollPaddingBottom:scroll-pb,scrollSnapAlign:snap,scrollSnapStop:snap,scrollSnapType:snap,scrollSnapStrictness:strictness,scrollSnapMargin:snap-m,scrollSnapMarginTop:snap-mt,scrollSnapMarginBottom:snap-mb,scrollSnapMarginLeft:snap-ml,scrollSnapMarginRight:snap-mr,touchAction:touch,userSelect:select,fill:fill,stroke:stroke,srOnly:sr,debug:debug,appearance:appearance,backfaceVisibility:backface,clipPath:clip-path,hyphens:hyphens,mask:mask,maskImage:mask-image,maskSize:mask-size,textSizeAdjust:text-size-adjust,textStyle:textStyle"
+
+const classNameByProp = new Map()
+const shorthands = new Map()
+utilities.split(',').forEach((utility) => {
+ const [prop, meta] = utility.split(':')
+ const [className, ...shorthandList] = meta.split('/')
+ classNameByProp.set(prop, className)
+ if (shorthandList.length) {
+ shorthandList.forEach((shorthand) => {
+ shorthands.set(shorthand === '1' ? className : shorthand, prop)
+ })
+ }
+})
+
+const resolveShorthand = (prop) => shorthands.get(prop) || prop
+
+const context = {
+
+ conditions: {
+ shift: sortConditions,
+ finalize: finalizeConditions,
+ breakpoints: { keys: ["base","sm","md","lg","xl","2xl"] }
+ },
+ utility: {
+
+ transform: (prop, value) => {
+ const key = resolveShorthand(prop)
+ const propKey = classNameByProp.get(key) || hypenateProperty(key)
+ return { className: `${propKey}_${withoutSpace(value)}` }
+ },
+ hasShorthand: true,
+ resolveShorthand: resolveShorthand,
+ }
+}
+
+const cssFn = createCss(context)
+export const css = (...styles) => cssFn(mergeCss(...styles))
+css.raw = (styles) => styles
+
+export const { mergeCss, assignCss } = createMergeCss(context)
\ No newline at end of file
diff --git a/src/styled-system/css/cva.d.ts b/src/styled-system/css/cva.d.ts
new file mode 100644
index 0000000..e9a1a58
--- /dev/null
+++ b/src/styled-system/css/cva.d.ts
@@ -0,0 +1,6 @@
+/* eslint-disable */
+import type { RecipeCreatorFn } from '../types/recipe'
+
+export declare const cva: RecipeCreatorFn
+
+export type { RecipeVariantProps } from '../types/recipe'
diff --git a/src/styled-system/css/cva.mjs b/src/styled-system/css/cva.mjs
new file mode 100644
index 0000000..d8d10e4
--- /dev/null
+++ b/src/styled-system/css/cva.mjs
@@ -0,0 +1,63 @@
+import { compact, splitProps } from '../helpers.mjs';
+import { css, mergeCss } from './css.mjs';
+
+export function cva(config) {
+ const { base = {}, variants = {}, defaultVariants = {}, compoundVariants = [] } = config
+
+ function resolve(props = {}) {
+ const computedVariants = { ...defaultVariants, ...compact(props) }
+ let variantCss = { ...base }
+ for (const [key, value] of Object.entries(computedVariants)) {
+ if (variants[key]?.[value]) {
+ variantCss = mergeCss(variantCss, variants[key][value])
+ }
+ }
+ const compoundVariantCss = getCompoundVariantCss(compoundVariants, computedVariants)
+ return mergeCss(variantCss, compoundVariantCss)
+ }
+
+ function cvaFn(props) {
+ return css(resolve(props))
+ }
+
+ const variantKeys = Object.keys(variants)
+
+ function splitVariantProps(props) {
+ return splitProps(props, variantKeys)
+ }
+
+ const variantMap = Object.fromEntries(Object.entries(variants).map(([key, value]) => [key, Object.keys(value)]))
+
+ return Object.assign(cvaFn, {
+ __cva__: true,
+ variantMap,
+ variantKeys,
+ raw: resolve,
+ config,
+ splitVariantProps,
+ })
+}
+
+export function getCompoundVariantCss(compoundVariants, variantMap) {
+ let result = {}
+ compoundVariants.forEach((compoundVariant) => {
+ const isMatching = Object.entries(compoundVariant).every(([key, value]) => {
+ if (key === 'css') return true
+
+ const values = Array.isArray(value) ? value : [value]
+ return values.some((value) => variantMap[key] === value)
+ })
+
+ if (isMatching) {
+ result = mergeCss(result, compoundVariant.css)
+ }
+ })
+
+ return result
+}
+
+export function assertCompoundVariant(name, compoundVariants, variants, prop) {
+ if (compoundVariants.length > 0 && typeof variants[prop] === 'object') {
+ throw new Error(`[recipe:${name}:${prop}] Conditions are not supported when using compound variants.`)
+ }
+}
diff --git a/src/styled-system/css/cx.d.ts b/src/styled-system/css/cx.d.ts
new file mode 100644
index 0000000..892c90c
--- /dev/null
+++ b/src/styled-system/css/cx.d.ts
@@ -0,0 +1,5 @@
+/* eslint-disable */
+type Argument = string | boolean | null | undefined
+
+/** Conditionally join classNames into a single string */
+export declare function cx(...args: Argument[]): string
\ No newline at end of file
diff --git a/src/styled-system/css/cx.mjs b/src/styled-system/css/cx.mjs
new file mode 100644
index 0000000..81bbdae
--- /dev/null
+++ b/src/styled-system/css/cx.mjs
@@ -0,0 +1,15 @@
+function cx() {
+ let str = '',
+ i = 0,
+ arg
+
+ for (; i < arguments.length; ) {
+ if ((arg = arguments[i++]) && typeof arg === 'string') {
+ str && (str += ' ')
+ str += arg
+ }
+ }
+ return str
+}
+
+export { cx }
\ No newline at end of file
diff --git a/src/styled-system/css/index.d.ts b/src/styled-system/css/index.d.ts
new file mode 100644
index 0000000..7c1673b
--- /dev/null
+++ b/src/styled-system/css/index.d.ts
@@ -0,0 +1,5 @@
+/* eslint-disable */
+export * from './css'
+export * from './cx'
+export * from './cva'
+export * from './sva'
\ No newline at end of file
diff --git a/src/styled-system/css/index.mjs b/src/styled-system/css/index.mjs
new file mode 100644
index 0000000..f2392bd
--- /dev/null
+++ b/src/styled-system/css/index.mjs
@@ -0,0 +1,4 @@
+export * from './css.mjs';
+export * from './cx.mjs';
+export * from './cva.mjs';
+export * from './sva.mjs';
\ No newline at end of file
diff --git a/src/styled-system/css/sva.d.ts b/src/styled-system/css/sva.d.ts
new file mode 100644
index 0000000..aa5ca5b
--- /dev/null
+++ b/src/styled-system/css/sva.d.ts
@@ -0,0 +1,4 @@
+/* eslint-disable */
+import type { SlotRecipeCreatorFn } from '../types/recipe'
+
+export declare const sva: SlotRecipeCreatorFn
\ No newline at end of file
diff --git a/src/styled-system/css/sva.mjs b/src/styled-system/css/sva.mjs
new file mode 100644
index 0000000..2c770ed
--- /dev/null
+++ b/src/styled-system/css/sva.mjs
@@ -0,0 +1,29 @@
+import { getSlotRecipes, splitProps } from '../helpers.mjs';
+import { cva } from './cva.mjs';
+
+export function sva(config) {
+ const slots = Object.entries(getSlotRecipes(config)).map(([slot, slotCva]) => [slot, cva(slotCva)])
+
+ function svaFn(props) {
+ const result = slots.map(([slot, cvaFn]) => [slot, cvaFn(props)])
+ return Object.fromEntries(result)
+ }
+
+ const variants = config.variants ?? {};
+ const variantKeys = Object.keys(variants);
+
+ function splitVariantProps(props) {
+ return splitProps(props, variantKeys);
+ }
+
+ const variantMap = Object.fromEntries(
+ Object.entries(variants).map(([key, value]) => [key, Object.keys(value)])
+ );
+
+ return Object.assign(svaFn, {
+ __cva__: false,
+ variantMap,
+ variantKeys,
+ splitVariantProps,
+ })
+}
\ No newline at end of file
diff --git a/src/styled-system/global.css b/src/styled-system/global.css
new file mode 100644
index 0000000..0fab647
--- /dev/null
+++ b/src/styled-system/global.css
@@ -0,0 +1,36 @@
+@layer base {
+ :root {
+ --made-with-panda: '🐼'
+ }
+
+ *, *::before, *::after, ::backdrop {
+ --blur: ;
+ --brightness: ;
+ --contrast: ;
+ --grayscale: ;
+ --hue-rotate: ;
+ --invert: ;
+ --saturate: ;
+ --sepia: ;
+ --drop-shadow: ;
+ --backdrop-blur: ;
+ --backdrop-brightness: ;
+ --backdrop-contrast: ;
+ --backdrop-grayscale: ;
+ --backdrop-hue-rotate: ;
+ --backdrop-invert: ;
+ --backdrop-opacity: ;
+ --backdrop-saturate: ;
+ --backdrop-sepia: ;
+ --scroll-snap-strictness: proximity;
+ --border-spacing-x: 0;
+ --border-spacing-y: 0;
+ --translate-x: 0;
+ --translate-y: 0;
+ --rotate: 0;
+ --skew-x: 0;
+ --skew-y: 0;
+ --scale-x: 1;
+ --scale-y: 1
+ }
+}
\ No newline at end of file
diff --git a/src/styled-system/helpers.mjs b/src/styled-system/helpers.mjs
new file mode 100644
index 0000000..5477fed
--- /dev/null
+++ b/src/styled-system/helpers.mjs
@@ -0,0 +1,306 @@
+// src/assert.ts
+function isObject(value) {
+ return typeof value === "object" && value != null && !Array.isArray(value);
+}
+
+// src/compact.ts
+function compact(value) {
+ return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+}
+
+// src/condition.ts
+var isBaseCondition = (v) => v === "base";
+function filterBaseConditions(c) {
+ return c.slice().filter((v) => !isBaseCondition(v));
+}
+
+// src/css-important.ts
+var importantRegex = /!(important)?$/;
+function isImportant(value) {
+ return typeof value === "string" ? importantRegex.test(value) : false;
+}
+function withoutImportant(value) {
+ return typeof value === "string" ? value.replace(importantRegex, "").trim() : value;
+}
+function withoutSpace(str) {
+ return typeof str === "string" ? str.replaceAll(" ", "_") : str;
+}
+
+// src/hash.ts
+function toChar(code) {
+ return String.fromCharCode(code + (code > 25 ? 39 : 97));
+}
+function toName(code) {
+ let name = "";
+ let x;
+ for (x = Math.abs(code); x > 52; x = x / 52 | 0)
+ name = toChar(x % 52) + name;
+ return toChar(x % 52) + name;
+}
+function toPhash(h, x) {
+ let i = x.length;
+ while (i)
+ h = h * 33 ^ x.charCodeAt(--i);
+ return h;
+}
+function toHash(value) {
+ return toName(toPhash(5381, value) >>> 0);
+}
+
+// src/merge-props.ts
+function mergeProps(...sources) {
+ const result = {};
+ for (const source of sources) {
+ for (const [key, value] of Object.entries(source)) {
+ if (isObject(value)) {
+ result[key] = mergeProps(result[key] || {}, value);
+ } else {
+ result[key] = value;
+ }
+ }
+ }
+ return result;
+}
+
+// src/walk-object.ts
+var isNotNullish = (element) => element != null;
+function walkObject(target, predicate, options = {}) {
+ const { stop, getKey } = options;
+ function inner(value, path = []) {
+ if (isObject(value) || Array.isArray(value)) {
+ const result = {};
+ for (const [prop, child] of Object.entries(value)) {
+ const key = getKey?.(prop) ?? prop;
+ const childPath = [...path, key];
+ if (stop?.(value, childPath)) {
+ return predicate(value, path);
+ }
+ const next = inner(child, childPath);
+ if (isNotNullish(next)) {
+ result[key] = next;
+ }
+ }
+ return result;
+ }
+ return predicate(value, path);
+ }
+ return inner(target);
+}
+function mapObject(obj, fn) {
+ if (!isObject(obj))
+ return fn(obj);
+ return walkObject(obj, (value) => fn(value));
+}
+
+// src/normalize-style-object.ts
+function toResponsiveObject(values, breakpoints) {
+ return values.reduce((acc, current, index) => {
+ const key = breakpoints[index];
+ if (current != null) {
+ acc[key] = current;
+ }
+ return acc;
+ }, {});
+}
+function normalizeShorthand(styles, context) {
+ const { hasShorthand, resolveShorthand } = context.utility;
+ return walkObject(styles, (v) => v, {
+ getKey: (prop) => {
+ return hasShorthand ? resolveShorthand(prop) : prop;
+ }
+ });
+}
+function normalizeStyleObject(styles, context) {
+ const { utility, conditions } = context;
+ const { hasShorthand, resolveShorthand } = utility;
+ return walkObject(
+ styles,
+ (value) => {
+ return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;
+ },
+ {
+ stop: (value) => Array.isArray(value),
+ getKey: (prop) => {
+ return hasShorthand ? resolveShorthand(prop) : prop;
+ }
+ }
+ );
+}
+
+// src/classname.ts
+var fallbackCondition = {
+ shift: (v) => v,
+ finalize: (v) => v,
+ breakpoints: { keys: [] }
+};
+var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value;
+function createCss(context) {
+ const { utility, hash, conditions: conds = fallbackCondition } = context;
+ const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");
+ const hashFn = (conditions, className) => {
+ let result;
+ if (hash) {
+ const baseArray = [...conds.finalize(conditions), className];
+ result = formatClassName(toHash(baseArray.join(":")));
+ } else {
+ const baseArray = [...conds.finalize(conditions), formatClassName(className)];
+ result = baseArray.join(":");
+ }
+ return result;
+ };
+ return (styleObject = {}) => {
+ const normalizedObject = normalizeStyleObject(styleObject, context);
+ const classNames = /* @__PURE__ */ new Set();
+ walkObject(normalizedObject, (value, paths) => {
+ const important = isImportant(value);
+ if (value == null)
+ return;
+ const [prop, ...allConditions] = conds.shift(paths);
+ const conditions = filterBaseConditions(allConditions);
+ const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
+ let className = hashFn(conditions, transformed.className);
+ if (important)
+ className = `${className}!`;
+ classNames.add(className);
+ });
+ return Array.from(classNames).join(" ");
+ };
+}
+function compactStyles(...styles) {
+ return styles.filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
+}
+function createMergeCss(context) {
+ function resolve(styles) {
+ const allStyles = compactStyles(...styles);
+ if (allStyles.length === 1)
+ return allStyles;
+ return allStyles.map((style) => normalizeShorthand(style, context));
+ }
+ function mergeCss(...styles) {
+ return mergeProps(...resolve(styles));
+ }
+ function assignCss(...styles) {
+ return Object.assign({}, ...resolve(styles));
+ }
+ return { mergeCss, assignCss };
+}
+
+// src/memo.ts
+var memo = (fn) => {
+ const cache = /* @__PURE__ */ new Map();
+ const get = (...args) => {
+ const key = JSON.stringify(args);
+ if (cache.has(key)) {
+ return cache.get(key);
+ }
+ const result = fn(...args);
+ cache.set(key, result);
+ return result;
+ };
+ return get;
+};
+
+// src/hypenate-property.ts
+var wordRegex = /([A-Z])/g;
+var msRegex = /^ms-/;
+var hypenateProperty = memo((property) => {
+ if (property.startsWith("--"))
+ return property;
+ return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
+});
+
+// src/slot.ts
+var assign = (obj, path, value) => {
+ const last = path.pop();
+ const target = path.reduce((acc, key) => {
+ if (acc[key] == null)
+ acc[key] = {};
+ return acc[key];
+ }, obj);
+ if (last != null)
+ target[last] = value;
+};
+var getSlotRecipes = (recipe) => {
+ const parts = recipe.slots.map((slot) => [
+ slot,
+ // setup base recipe
+ {
+ // create class-base on BEM
+ className: [recipe.className ?? "", slot].join("__"),
+ base: {},
+ variants: {},
+ defaultVariants: recipe.defaultVariants ?? {},
+ compoundVariants: []
+ }
+ ]).map(([slot, cva]) => {
+ const base = recipe.base[slot];
+ if (base)
+ cva.base = base;
+ walkObject(
+ recipe.variants ?? {},
+ (variant, path) => {
+ if (!variant[slot])
+ return;
+ assign(cva, ["variants", ...path], variant[slot]);
+ },
+ {
+ stop: (_value, path) => path.includes(slot)
+ }
+ );
+ if (recipe.compoundVariants) {
+ cva.compoundVariants = getSlotCompoundVariant(recipe.compoundVariants, slot);
+ }
+ return [slot, cva];
+ });
+ return Object.fromEntries(parts);
+};
+var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));
+
+// src/split-props.ts
+function splitProps(props, ...keys) {
+ const descriptors = Object.getOwnPropertyDescriptors(props);
+ const dKeys = Object.keys(descriptors);
+ const split = (k) => {
+ const clone = {};
+ for (let i = 0; i < k.length; i++) {
+ const key = k[i];
+ if (descriptors[key]) {
+ Object.defineProperty(clone, key, descriptors[key]);
+ delete descriptors[key];
+ }
+ }
+ return clone;
+ };
+ const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
+ return keys.map(fn).concat(split(dKeys));
+}
+export {
+ compact,
+ createCss,
+ createMergeCss,
+ filterBaseConditions,
+ getSlotCompoundVariant,
+ getSlotRecipes,
+ hypenateProperty,
+ isBaseCondition,
+ isObject,
+ mapObject,
+ memo,
+ mergeProps,
+ splitProps,
+ toHash,
+ walkObject,
+ withoutSpace
+};
+
+
+
+
+
+export function __spreadValues(a, b) {
+ return { ...a, ...b }
+}
+
+export function __objRest(source, exclude) {
+ return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key)))
+}
\ No newline at end of file
diff --git a/src/styled-system/patterns/aspect-ratio.d.ts b/src/styled-system/patterns/aspect-ratio.d.ts
new file mode 100644
index 0000000..b9400d5
--- /dev/null
+++ b/src/styled-system/patterns/aspect-ratio.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type AspectRatioProperties = {
+ ratio?: ConditionalValue
+}
+
+
+type AspectRatioStyles = AspectRatioProperties & DistributiveOmit
+
+interface AspectRatioPatternFn {
+ (styles?: AspectRatioStyles): string
+ raw: (styles: AspectRatioStyles) => SystemStyleObject
+}
+
+
+export declare const aspectRatio: AspectRatioPatternFn;
diff --git a/src/styled-system/patterns/aspect-ratio.mjs b/src/styled-system/patterns/aspect-ratio.mjs
new file mode 100644
index 0000000..aca0774
--- /dev/null
+++ b/src/styled-system/patterns/aspect-ratio.mjs
@@ -0,0 +1,35 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const aspectRatioConfig = {
+transform(props, { map }) {
+ const { ratio = 4 / 3, ...rest } = props;
+ return {
+ position: "relative",
+ _before: {
+ content: `""`,
+ display: "block",
+ height: "0",
+ paddingBottom: map(ratio, (r) => `${1 / r * 100}%`)
+ },
+ "&>*": {
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ overflow: "hidden",
+ position: "absolute",
+ inset: "0",
+ width: "100%",
+ height: "100%"
+ },
+ "&>img, &>video": {
+ objectFit: "cover"
+ },
+ ...rest
+ };
+}}
+
+export const getAspectRatioStyle = (styles = {}) => aspectRatioConfig.transform(styles, { map: mapObject })
+
+export const aspectRatio = (styles) => css(getAspectRatioStyle(styles))
+aspectRatio.raw = getAspectRatioStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/bleed.d.ts b/src/styled-system/patterns/bleed.d.ts
new file mode 100644
index 0000000..d81afa5
--- /dev/null
+++ b/src/styled-system/patterns/bleed.d.ts
@@ -0,0 +1,22 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type BleedProperties = {
+ inline?: PropertyValue<'marginInline'>
+ block?: PropertyValue<'marginBlock'>
+}
+
+
+type BleedStyles = BleedProperties & DistributiveOmit
+
+interface BleedPatternFn {
+ (styles?: BleedStyles): string
+ raw: (styles: BleedStyles) => SystemStyleObject
+}
+
+
+export declare const bleed: BleedPatternFn;
diff --git a/src/styled-system/patterns/bleed.mjs b/src/styled-system/patterns/bleed.mjs
new file mode 100644
index 0000000..cb90a94
--- /dev/null
+++ b/src/styled-system/patterns/bleed.mjs
@@ -0,0 +1,19 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const bleedConfig = {
+transform(props) {
+ const { inline = "0", block = "0", ...rest } = props;
+ return {
+ "--bleed-x": `spacing.${inline}`,
+ "--bleed-y": `spacing.${block}`,
+ marginInline: "calc(var(--bleed-x, 0) * -1)",
+ marginBlock: "calc(var(--bleed-y, 0) * -1)",
+ ...rest
+ };
+}}
+
+export const getBleedStyle = (styles = {}) => bleedConfig.transform(styles, { map: mapObject })
+
+export const bleed = (styles) => css(getBleedStyle(styles))
+bleed.raw = getBleedStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/box.d.ts b/src/styled-system/patterns/box.d.ts
new file mode 100644
index 0000000..9412313
--- /dev/null
+++ b/src/styled-system/patterns/box.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type BoxProperties = {
+
+}
+
+
+type BoxStyles = BoxProperties & DistributiveOmit
+
+interface BoxPatternFn {
+ (styles?: BoxStyles): string
+ raw: (styles: BoxStyles) => SystemStyleObject
+}
+
+
+export declare const box: BoxPatternFn;
diff --git a/src/styled-system/patterns/box.mjs b/src/styled-system/patterns/box.mjs
new file mode 100644
index 0000000..6673269
--- /dev/null
+++ b/src/styled-system/patterns/box.mjs
@@ -0,0 +1,12 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const boxConfig = {
+transform(props) {
+ return props;
+}}
+
+export const getBoxStyle = (styles = {}) => boxConfig.transform(styles, { map: mapObject })
+
+export const box = (styles) => css(getBoxStyle(styles))
+box.raw = getBoxStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/center.d.ts b/src/styled-system/patterns/center.d.ts
new file mode 100644
index 0000000..8732b1f
--- /dev/null
+++ b/src/styled-system/patterns/center.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type CenterProperties = {
+ inline?: ConditionalValue
+}
+
+
+type CenterStyles = CenterProperties & DistributiveOmit
+
+interface CenterPatternFn {
+ (styles?: CenterStyles): string
+ raw: (styles: CenterStyles) => SystemStyleObject
+}
+
+
+export declare const center: CenterPatternFn;
diff --git a/src/styled-system/patterns/center.mjs b/src/styled-system/patterns/center.mjs
new file mode 100644
index 0000000..0884c60
--- /dev/null
+++ b/src/styled-system/patterns/center.mjs
@@ -0,0 +1,18 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const centerConfig = {
+transform(props) {
+ const { inline, ...rest } = props;
+ return {
+ display: inline ? "inline-flex" : "flex",
+ alignItems: "center",
+ justifyContent: "center",
+ ...rest
+ };
+}}
+
+export const getCenterStyle = (styles = {}) => centerConfig.transform(styles, { map: mapObject })
+
+export const center = (styles) => css(getCenterStyle(styles))
+center.raw = getCenterStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/circle.d.ts b/src/styled-system/patterns/circle.d.ts
new file mode 100644
index 0000000..ecf6cad
--- /dev/null
+++ b/src/styled-system/patterns/circle.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type CircleProperties = {
+ size?: PropertyValue<'width'>
+}
+
+
+type CircleStyles = CircleProperties & DistributiveOmit
+
+interface CirclePatternFn {
+ (styles?: CircleStyles): string
+ raw: (styles: CircleStyles) => SystemStyleObject
+}
+
+
+export declare const circle: CirclePatternFn;
diff --git a/src/styled-system/patterns/circle.mjs b/src/styled-system/patterns/circle.mjs
new file mode 100644
index 0000000..e113cc3
--- /dev/null
+++ b/src/styled-system/patterns/circle.mjs
@@ -0,0 +1,22 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const circleConfig = {
+transform(props) {
+ const { size, ...rest } = props;
+ return {
+ display: "flex",
+ alignItems: "center",
+ justifyContent: "center",
+ flex: "0 0 auto",
+ width: size,
+ height: size,
+ borderRadius: "9999px",
+ ...rest
+ };
+}}
+
+export const getCircleStyle = (styles = {}) => circleConfig.transform(styles, { map: mapObject })
+
+export const circle = (styles) => css(getCircleStyle(styles))
+circle.raw = getCircleStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/container.d.ts b/src/styled-system/patterns/container.d.ts
new file mode 100644
index 0000000..15dec7e
--- /dev/null
+++ b/src/styled-system/patterns/container.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type ContainerProperties = {
+
+}
+
+
+type ContainerStyles = ContainerProperties & DistributiveOmit
+
+interface ContainerPatternFn {
+ (styles?: ContainerStyles): string
+ raw: (styles: ContainerStyles) => SystemStyleObject
+}
+
+
+export declare const container: ContainerPatternFn;
diff --git a/src/styled-system/patterns/container.mjs b/src/styled-system/patterns/container.mjs
new file mode 100644
index 0000000..b723b4b
--- /dev/null
+++ b/src/styled-system/patterns/container.mjs
@@ -0,0 +1,18 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const containerConfig = {
+transform(props) {
+ return {
+ position: "relative",
+ maxWidth: "8xl",
+ mx: "auto",
+ px: { base: "4", md: "6", lg: "8" },
+ ...props
+ };
+}}
+
+export const getContainerStyle = (styles = {}) => containerConfig.transform(styles, { map: mapObject })
+
+export const container = (styles) => css(getContainerStyle(styles))
+container.raw = getContainerStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/divider.d.ts b/src/styled-system/patterns/divider.d.ts
new file mode 100644
index 0000000..d09ad47
--- /dev/null
+++ b/src/styled-system/patterns/divider.d.ts
@@ -0,0 +1,23 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type DividerProperties = {
+ orientation?: ConditionalValue<"horizontal" | "vertical">
+ thickness?: ConditionalValue
+ color?: ConditionalValue
+}
+
+
+type DividerStyles = DividerProperties & DistributiveOmit
+
+interface DividerPatternFn {
+ (styles?: DividerStyles): string
+ raw: (styles: DividerStyles) => SystemStyleObject
+}
+
+
+export declare const divider: DividerPatternFn;
diff --git a/src/styled-system/patterns/divider.mjs b/src/styled-system/patterns/divider.mjs
new file mode 100644
index 0000000..657659f
--- /dev/null
+++ b/src/styled-system/patterns/divider.mjs
@@ -0,0 +1,21 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const dividerConfig = {
+transform(props, { map }) {
+ const { orientation = "horizontal", thickness = "1px", color, ...rest } = props;
+ return {
+ "--thickness": thickness,
+ width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"),
+ height: map(orientation, (v) => v === "horizontal" ? void 0 : "100%"),
+ borderBlockEndWidth: map(orientation, (v) => v === "horizontal" ? "var(--thickness)" : void 0),
+ borderInlineEndWidth: map(orientation, (v) => v === "vertical" ? "var(--thickness)" : void 0),
+ borderColor: color,
+ ...rest
+ };
+}}
+
+export const getDividerStyle = (styles = {}) => dividerConfig.transform(styles, { map: mapObject })
+
+export const divider = (styles) => css(getDividerStyle(styles))
+divider.raw = getDividerStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/flex.d.ts b/src/styled-system/patterns/flex.d.ts
new file mode 100644
index 0000000..7292014
--- /dev/null
+++ b/src/styled-system/patterns/flex.d.ts
@@ -0,0 +1,27 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type FlexProperties = {
+ align?: PropertyValue<'alignItems'>
+ justify?: PropertyValue<'justifyContent'>
+ direction?: PropertyValue<'flexDirection'>
+ wrap?: PropertyValue<'flexWrap'>
+ basis?: PropertyValue<'flexBasis'>
+ grow?: PropertyValue<'flexGrow'>
+ shrink?: PropertyValue<'flexShrink'>
+}
+
+
+type FlexStyles = FlexProperties & DistributiveOmit
+
+interface FlexPatternFn {
+ (styles?: FlexStyles): string
+ raw: (styles: FlexStyles) => SystemStyleObject
+}
+
+
+export declare const flex: FlexPatternFn;
diff --git a/src/styled-system/patterns/flex.mjs b/src/styled-system/patterns/flex.mjs
new file mode 100644
index 0000000..5969b16
--- /dev/null
+++ b/src/styled-system/patterns/flex.mjs
@@ -0,0 +1,23 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const flexConfig = {
+transform(props) {
+ const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;
+ return {
+ display: "flex",
+ flexDirection: direction,
+ alignItems: align,
+ justifyContent: justify,
+ flexWrap: wrap2,
+ flexBasis: basis,
+ flexGrow: grow,
+ flexShrink: shrink,
+ ...rest
+ };
+}}
+
+export const getFlexStyle = (styles = {}) => flexConfig.transform(styles, { map: mapObject })
+
+export const flex = (styles) => css(getFlexStyle(styles))
+flex.raw = getFlexStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/float.d.ts b/src/styled-system/patterns/float.d.ts
new file mode 100644
index 0000000..a050bce
--- /dev/null
+++ b/src/styled-system/patterns/float.d.ts
@@ -0,0 +1,24 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type FloatProperties = {
+ offsetX?: ConditionalValue
+ offsetY?: ConditionalValue
+ offset?: ConditionalValue
+ placement?: ConditionalValue<"bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start">
+}
+
+
+type FloatStyles = FloatProperties & DistributiveOmit
+
+interface FloatPatternFn {
+ (styles?: FloatStyles): string
+ raw: (styles: FloatStyles) => SystemStyleObject
+}
+
+
+export declare const float: FloatPatternFn;
diff --git a/src/styled-system/patterns/float.mjs b/src/styled-system/patterns/float.mjs
new file mode 100644
index 0000000..da63b43
--- /dev/null
+++ b/src/styled-system/patterns/float.mjs
@@ -0,0 +1,45 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const floatConfig = {
+transform(props, { map }) {
+ const { offset = "0", offsetX = offset, offsetY = offset, placement = "top-end", ...rest } = props;
+ return {
+ display: "inline-flex",
+ justifyContent: "center",
+ alignItems: "center",
+ position: "absolute",
+ insetBlockStart: map(placement, (v) => {
+ const [side] = v.split("-");
+ const map2 = { top: offsetY, middle: "50%", bottom: "auto" };
+ return map2[side];
+ }),
+ insetBlockEnd: map(placement, (v) => {
+ const [side] = v.split("-");
+ const map2 = { top: "auto", middle: "50%", bottom: offsetY };
+ return map2[side];
+ }),
+ insetInlineStart: map(placement, (v) => {
+ const [, align] = v.split("-");
+ const map2 = { start: offsetX, center: "50%", end: "auto" };
+ return map2[align];
+ }),
+ insetInlineEnd: map(placement, (v) => {
+ const [, align] = v.split("-");
+ const map2 = { start: "auto", center: "50%", end: offsetX };
+ return map2[align];
+ }),
+ translate: map(placement, (v) => {
+ const [side, align] = v.split("-");
+ const mapX = { start: "-50%", center: "-50%", end: "50%" };
+ const mapY = { top: "-50%", middle: "-50%", bottom: "50%" };
+ return `${mapX[align]} ${mapY[side]}`;
+ }),
+ ...rest
+ };
+}}
+
+export const getFloatStyle = (styles = {}) => floatConfig.transform(styles, { map: mapObject })
+
+export const float = (styles) => css(getFloatStyle(styles))
+float.raw = getFloatStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/grid-item.d.ts b/src/styled-system/patterns/grid-item.d.ts
new file mode 100644
index 0000000..a0a6696
--- /dev/null
+++ b/src/styled-system/patterns/grid-item.d.ts
@@ -0,0 +1,26 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type GridItemProperties = {
+ colSpan?: ConditionalValue
+ rowSpan?: ConditionalValue
+ colStart?: ConditionalValue
+ rowStart?: ConditionalValue
+ colEnd?: ConditionalValue
+ rowEnd?: ConditionalValue
+}
+
+
+type GridItemStyles = GridItemProperties & DistributiveOmit
+
+interface GridItemPatternFn {
+ (styles?: GridItemStyles): string
+ raw: (styles: GridItemStyles) => SystemStyleObject
+}
+
+
+export declare const gridItem: GridItemPatternFn;
diff --git a/src/styled-system/patterns/grid-item.mjs b/src/styled-system/patterns/grid-item.mjs
new file mode 100644
index 0000000..537c939
--- /dev/null
+++ b/src/styled-system/patterns/grid-item.mjs
@@ -0,0 +1,22 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const gridItemConfig = {
+transform(props, { map }) {
+ const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props;
+ const spanFn = (v) => v === "auto" ? v : `span ${v}`;
+ return {
+ gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
+ gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
+ gridColumnStart: colStart,
+ gridColumnEnd: colEnd,
+ gridRowStart: rowStart,
+ gridRowEnd: rowEnd,
+ ...rest
+ };
+}}
+
+export const getGridItemStyle = (styles = {}) => gridItemConfig.transform(styles, { map: mapObject })
+
+export const gridItem = (styles) => css(getGridItemStyle(styles))
+gridItem.raw = getGridItemStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/grid.d.ts b/src/styled-system/patterns/grid.d.ts
new file mode 100644
index 0000000..36e3fce
--- /dev/null
+++ b/src/styled-system/patterns/grid.d.ts
@@ -0,0 +1,25 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type GridProperties = {
+ gap?: PropertyValue<'gap'>
+ columnGap?: PropertyValue<'gap'>
+ rowGap?: PropertyValue<'gap'>
+ columns?: ConditionalValue
+ minChildWidth?: ConditionalValue
+}
+
+
+type GridStyles = GridProperties & DistributiveOmit
+
+interface GridPatternFn {
+ (styles?: GridStyles): string
+ raw: (styles: GridStyles) => SystemStyleObject
+}
+
+
+export declare const grid: GridPatternFn;
diff --git a/src/styled-system/patterns/grid.mjs b/src/styled-system/patterns/grid.mjs
new file mode 100644
index 0000000..d9fe566
--- /dev/null
+++ b/src/styled-system/patterns/grid.mjs
@@ -0,0 +1,20 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const gridConfig = {
+transform(props, { map }) {
+ const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", columns, minChildWidth, ...rest } = props;
+ return {
+ display: "grid",
+ gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${v}, 1fr))`) : void 0,
+ gap,
+ columnGap,
+ rowGap,
+ ...rest
+ };
+}}
+
+export const getGridStyle = (styles = {}) => gridConfig.transform(styles, { map: mapObject })
+
+export const grid = (styles) => css(getGridStyle(styles))
+grid.raw = getGridStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/hstack.d.ts b/src/styled-system/patterns/hstack.d.ts
new file mode 100644
index 0000000..3c1e260
--- /dev/null
+++ b/src/styled-system/patterns/hstack.d.ts
@@ -0,0 +1,22 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type HstackProperties = {
+ justify?: PropertyValue<'justifyContent'>
+ gap?: PropertyValue<'gap'>
+}
+
+
+type HstackStyles = HstackProperties & DistributiveOmit
+
+interface HstackPatternFn {
+ (styles?: HstackStyles): string
+ raw: (styles: HstackStyles) => SystemStyleObject
+}
+
+
+export declare const hstack: HstackPatternFn;
diff --git a/src/styled-system/patterns/hstack.mjs b/src/styled-system/patterns/hstack.mjs
new file mode 100644
index 0000000..6b521b9
--- /dev/null
+++ b/src/styled-system/patterns/hstack.mjs
@@ -0,0 +1,20 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const hstackConfig = {
+transform(props) {
+ const { justify, gap = "10px", ...rest } = props;
+ return {
+ display: "flex",
+ alignItems: "center",
+ justifyContent: justify,
+ gap,
+ flexDirection: "row",
+ ...rest
+ };
+}}
+
+export const getHstackStyle = (styles = {}) => hstackConfig.transform(styles, { map: mapObject })
+
+export const hstack = (styles) => css(getHstackStyle(styles))
+hstack.raw = getHstackStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/index.d.ts b/src/styled-system/patterns/index.d.ts
new file mode 100644
index 0000000..7ce04d1
--- /dev/null
+++ b/src/styled-system/patterns/index.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+export * from './box'
+export * from './flex'
+export * from './stack'
+export * from './vstack'
+export * from './hstack'
+export * from './spacer'
+export * from './square'
+export * from './circle'
+export * from './center'
+export * from './link-box'
+export * from './link-overlay'
+export * from './aspect-ratio'
+export * from './grid'
+export * from './grid-item'
+export * from './wrap'
+export * from './container'
+export * from './divider'
+export * from './float'
+export * from './bleed'
+export * from './visually-hidden'
\ No newline at end of file
diff --git a/src/styled-system/patterns/index.mjs b/src/styled-system/patterns/index.mjs
new file mode 100644
index 0000000..f20811e
--- /dev/null
+++ b/src/styled-system/patterns/index.mjs
@@ -0,0 +1,20 @@
+export * from './box.mjs';
+export * from './flex.mjs';
+export * from './stack.mjs';
+export * from './vstack.mjs';
+export * from './hstack.mjs';
+export * from './spacer.mjs';
+export * from './square.mjs';
+export * from './circle.mjs';
+export * from './center.mjs';
+export * from './link-box.mjs';
+export * from './link-overlay.mjs';
+export * from './aspect-ratio.mjs';
+export * from './grid.mjs';
+export * from './grid-item.mjs';
+export * from './wrap.mjs';
+export * from './container.mjs';
+export * from './divider.mjs';
+export * from './float.mjs';
+export * from './bleed.mjs';
+export * from './visually-hidden.mjs';
\ No newline at end of file
diff --git a/src/styled-system/patterns/link-box.d.ts b/src/styled-system/patterns/link-box.d.ts
new file mode 100644
index 0000000..c536b75
--- /dev/null
+++ b/src/styled-system/patterns/link-box.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type LinkBoxProperties = {
+
+}
+
+
+type LinkBoxStyles = LinkBoxProperties & DistributiveOmit
+
+interface LinkBoxPatternFn {
+ (styles?: LinkBoxStyles): string
+ raw: (styles: LinkBoxStyles) => SystemStyleObject
+}
+
+
+export declare const linkBox: LinkBoxPatternFn;
diff --git a/src/styled-system/patterns/link-box.mjs b/src/styled-system/patterns/link-box.mjs
new file mode 100644
index 0000000..0ab54a2
--- /dev/null
+++ b/src/styled-system/patterns/link-box.mjs
@@ -0,0 +1,19 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const linkBoxConfig = {
+transform(props) {
+ return {
+ position: "relative",
+ "& :where(a, abbr)": {
+ position: "relative",
+ zIndex: "1"
+ },
+ ...props
+ };
+}}
+
+export const getLinkBoxStyle = (styles = {}) => linkBoxConfig.transform(styles, { map: mapObject })
+
+export const linkBox = (styles) => css(getLinkBoxStyle(styles))
+linkBox.raw = getLinkBoxStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/link-overlay.d.ts b/src/styled-system/patterns/link-overlay.d.ts
new file mode 100644
index 0000000..8337aae
--- /dev/null
+++ b/src/styled-system/patterns/link-overlay.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type LinkOverlayProperties = {
+
+}
+
+
+type LinkOverlayStyles = LinkOverlayProperties & DistributiveOmit
+
+interface LinkOverlayPatternFn {
+ (styles?: LinkOverlayStyles): string
+ raw: (styles: LinkOverlayStyles) => SystemStyleObject
+}
+
+
+export declare const linkOverlay: LinkOverlayPatternFn;
diff --git a/src/styled-system/patterns/link-overlay.mjs b/src/styled-system/patterns/link-overlay.mjs
new file mode 100644
index 0000000..3b96a62
--- /dev/null
+++ b/src/styled-system/patterns/link-overlay.mjs
@@ -0,0 +1,24 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const linkOverlayConfig = {
+transform(props) {
+ return {
+ position: "static",
+ _before: {
+ content: '""',
+ display: "block",
+ position: "absolute",
+ cursor: "inherit",
+ inset: "0",
+ zIndex: "0",
+ ...props["_before"]
+ },
+ ...props
+ };
+}}
+
+export const getLinkOverlayStyle = (styles = {}) => linkOverlayConfig.transform(styles, { map: mapObject })
+
+export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
+linkOverlay.raw = getLinkOverlayStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/spacer.d.ts b/src/styled-system/patterns/spacer.d.ts
new file mode 100644
index 0000000..a631611
--- /dev/null
+++ b/src/styled-system/patterns/spacer.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type SpacerProperties = {
+ size?: ConditionalValue
+}
+
+
+type SpacerStyles = SpacerProperties & DistributiveOmit
+
+interface SpacerPatternFn {
+ (styles?: SpacerStyles): string
+ raw: (styles: SpacerStyles) => SystemStyleObject
+}
+
+
+export declare const spacer: SpacerPatternFn;
diff --git a/src/styled-system/patterns/spacer.mjs b/src/styled-system/patterns/spacer.mjs
new file mode 100644
index 0000000..446f7c5
--- /dev/null
+++ b/src/styled-system/patterns/spacer.mjs
@@ -0,0 +1,18 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const spacerConfig = {
+transform(props, { map }) {
+ const { size, ...rest } = props;
+ return {
+ alignSelf: "stretch",
+ justifySelf: "stretch",
+ flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`),
+ ...rest
+ };
+}}
+
+export const getSpacerStyle = (styles = {}) => spacerConfig.transform(styles, { map: mapObject })
+
+export const spacer = (styles) => css(getSpacerStyle(styles))
+spacer.raw = getSpacerStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/square.d.ts b/src/styled-system/patterns/square.d.ts
new file mode 100644
index 0000000..30a7918
--- /dev/null
+++ b/src/styled-system/patterns/square.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type SquareProperties = {
+ size?: PropertyValue<'width'>
+}
+
+
+type SquareStyles = SquareProperties & DistributiveOmit
+
+interface SquarePatternFn {
+ (styles?: SquareStyles): string
+ raw: (styles: SquareStyles) => SystemStyleObject
+}
+
+
+export declare const square: SquarePatternFn;
diff --git a/src/styled-system/patterns/square.mjs b/src/styled-system/patterns/square.mjs
new file mode 100644
index 0000000..9aab521
--- /dev/null
+++ b/src/styled-system/patterns/square.mjs
@@ -0,0 +1,21 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const squareConfig = {
+transform(props) {
+ const { size, ...rest } = props;
+ return {
+ display: "flex",
+ alignItems: "center",
+ justifyContent: "center",
+ flex: "0 0 auto",
+ width: size,
+ height: size,
+ ...rest
+ };
+}}
+
+export const getSquareStyle = (styles = {}) => squareConfig.transform(styles, { map: mapObject })
+
+export const square = (styles) => css(getSquareStyle(styles))
+square.raw = getSquareStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/stack.d.ts b/src/styled-system/patterns/stack.d.ts
new file mode 100644
index 0000000..ce20419
--- /dev/null
+++ b/src/styled-system/patterns/stack.d.ts
@@ -0,0 +1,24 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type StackProperties = {
+ align?: PropertyValue<'alignItems'>
+ justify?: PropertyValue<'justifyContent'>
+ direction?: PropertyValue<'flexDirection'>
+ gap?: PropertyValue<'gap'>
+}
+
+
+type StackStyles = StackProperties & DistributiveOmit
+
+interface StackPatternFn {
+ (styles?: StackStyles): string
+ raw: (styles: StackStyles) => SystemStyleObject
+}
+
+
+export declare const stack: StackPatternFn;
diff --git a/src/styled-system/patterns/stack.mjs b/src/styled-system/patterns/stack.mjs
new file mode 100644
index 0000000..d2c7026
--- /dev/null
+++ b/src/styled-system/patterns/stack.mjs
@@ -0,0 +1,20 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const stackConfig = {
+transform(props) {
+ const { align, justify, direction = "column", gap = "10px", ...rest } = props;
+ return {
+ display: "flex",
+ flexDirection: direction,
+ alignItems: align,
+ justifyContent: justify,
+ gap,
+ ...rest
+ };
+}}
+
+export const getStackStyle = (styles = {}) => stackConfig.transform(styles, { map: mapObject })
+
+export const stack = (styles) => css(getStackStyle(styles))
+stack.raw = getStackStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/visually-hidden.d.ts b/src/styled-system/patterns/visually-hidden.d.ts
new file mode 100644
index 0000000..fb0abf8
--- /dev/null
+++ b/src/styled-system/patterns/visually-hidden.d.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type VisuallyHiddenProperties = {
+
+}
+
+
+type VisuallyHiddenStyles = VisuallyHiddenProperties & DistributiveOmit
+
+interface VisuallyHiddenPatternFn {
+ (styles?: VisuallyHiddenStyles): string
+ raw: (styles: VisuallyHiddenStyles) => SystemStyleObject
+}
+
+
+export declare const visuallyHidden: VisuallyHiddenPatternFn;
diff --git a/src/styled-system/patterns/visually-hidden.mjs b/src/styled-system/patterns/visually-hidden.mjs
new file mode 100644
index 0000000..a3fb34b
--- /dev/null
+++ b/src/styled-system/patterns/visually-hidden.mjs
@@ -0,0 +1,15 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const visuallyHiddenConfig = {
+transform(props) {
+ return {
+ srOnly: true,
+ ...props
+ };
+}}
+
+export const getVisuallyHiddenStyle = (styles = {}) => visuallyHiddenConfig.transform(styles, { map: mapObject })
+
+export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
+visuallyHidden.raw = getVisuallyHiddenStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/vstack.d.ts b/src/styled-system/patterns/vstack.d.ts
new file mode 100644
index 0000000..309b689
--- /dev/null
+++ b/src/styled-system/patterns/vstack.d.ts
@@ -0,0 +1,22 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type VstackProperties = {
+ justify?: PropertyValue<'justifyContent'>
+ gap?: PropertyValue<'gap'>
+}
+
+
+type VstackStyles = VstackProperties & DistributiveOmit
+
+interface VstackPatternFn {
+ (styles?: VstackStyles): string
+ raw: (styles: VstackStyles) => SystemStyleObject
+}
+
+
+export declare const vstack: VstackPatternFn;
diff --git a/src/styled-system/patterns/vstack.mjs b/src/styled-system/patterns/vstack.mjs
new file mode 100644
index 0000000..14a5cf6
--- /dev/null
+++ b/src/styled-system/patterns/vstack.mjs
@@ -0,0 +1,20 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const vstackConfig = {
+transform(props) {
+ const { justify, gap = "10px", ...rest } = props;
+ return {
+ display: "flex",
+ alignItems: "center",
+ justifyContent: justify,
+ gap,
+ flexDirection: "column",
+ ...rest
+ };
+}}
+
+export const getVstackStyle = (styles = {}) => vstackConfig.transform(styles, { map: mapObject })
+
+export const vstack = (styles) => css(getVstackStyle(styles))
+vstack.raw = getVstackStyle
\ No newline at end of file
diff --git a/src/styled-system/patterns/wrap.d.ts b/src/styled-system/patterns/wrap.d.ts
new file mode 100644
index 0000000..060ef4e
--- /dev/null
+++ b/src/styled-system/patterns/wrap.d.ts
@@ -0,0 +1,25 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types'
+import type { Properties } from '../types/csstype'
+import type { PropertyValue } from '../types/prop-type'
+import type { DistributiveOmit } from '../types/system-types'
+import type { Tokens } from '../tokens'
+
+export type WrapProperties = {
+ gap?: PropertyValue<'gap'>
+ rowGap?: PropertyValue<'gap'>
+ columnGap?: PropertyValue<'gap'>
+ align?: PropertyValue<'alignItems'>
+ justify?: PropertyValue<'justifyContent'>
+}
+
+
+type WrapStyles = WrapProperties & DistributiveOmit
+
+interface WrapPatternFn {
+ (styles?: WrapStyles): string
+ raw: (styles: WrapStyles) => SystemStyleObject
+}
+
+
+export declare const wrap: WrapPatternFn;
diff --git a/src/styled-system/patterns/wrap.mjs b/src/styled-system/patterns/wrap.mjs
new file mode 100644
index 0000000..ee0c269
--- /dev/null
+++ b/src/styled-system/patterns/wrap.mjs
@@ -0,0 +1,22 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const wrapConfig = {
+transform(props) {
+ const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", align, justify, ...rest } = props;
+ return {
+ display: "flex",
+ flexWrap: "wrap",
+ alignItems: align,
+ justifyContent: justify,
+ gap,
+ columnGap,
+ rowGap,
+ ...rest
+ };
+}}
+
+export const getWrapStyle = (styles = {}) => wrapConfig.transform(styles, { map: mapObject })
+
+export const wrap = (styles) => css(getWrapStyle(styles))
+wrap.raw = getWrapStyle
\ No newline at end of file
diff --git a/src/styled-system/reset.css b/src/styled-system/reset.css
new file mode 100644
index 0000000..ff42d80
--- /dev/null
+++ b/src/styled-system/reset.css
@@ -0,0 +1,191 @@
+@layer reset {
+ * {
+ margin: 0;
+ padding: 0;
+ font: inherit;
+ }
+
+ *,
+ *::before,
+ *::after {
+ box-sizing: border-box;
+ border-width: 0;
+ border-style: solid;
+ border-color: var(--global-color-border, currentColor);
+ }
+
+ html {
+ line-height: 1.5;
+ --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+ 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+ 'Noto Color Emoji';
+ -webkit-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ -webkit-font-smoothing: antialiased;
+ -moz-tab-size: 4;
+ tab-size: 4;
+ font-family: var(--global-font-body, var(--font-fallback));
+ }
+
+ hr {
+ height: 0;
+ color: inherit;
+ border-top-width: 1px;
+ }
+
+ body {
+ height: 100%;
+ line-height: inherit;
+ }
+
+ img {
+ border-style: none;
+ }
+
+ img,
+ svg,
+ video,
+ canvas,
+ audio,
+ iframe,
+ embed,
+ object {
+ display: block;
+ vertical-align: middle;
+ }
+
+ img,
+ video {
+ max-width: 100%;
+ height: auto;
+ }
+
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ overflow-wrap: break-word;
+ }
+
+ ol,
+ ul {
+ list-style: none;
+ }
+
+ code,
+ kbd,
+ pre,
+ samp {
+ font-size: 1em;
+ }
+
+ button,
+ [type='button'],
+ [type='reset'],
+ [type='submit'] {
+ -webkit-appearance: button;
+ background-color: transparent;
+ background-image: none;
+ }
+
+ button,
+ select {
+ text-transform: none;
+ }
+
+ table {
+ text-indent: 0;
+ border-color: inherit;
+ border-collapse: collapse;
+ }
+
+ input::placeholder,
+ textarea::placeholder {
+ opacity: 1;
+ color: var(--global-color-placeholder, #9ca3af);
+ }
+
+ textarea {
+ resize: vertical;
+ }
+
+ summary {
+ display: list-item;
+ }
+
+ small {
+ font-size: 80%;
+ }
+
+ sub,
+ sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+ }
+
+ sub {
+ bottom: -0.25em;
+ }
+
+ sup {
+ top: -0.5em;
+ }
+
+ dialog {
+ padding: 0;
+ }
+
+ a {
+ color: inherit;
+ text-decoration: inherit;
+ }
+
+ abbr:where([title]) {
+ text-decoration: underline dotted;
+ }
+
+ b,
+ strong {
+ font-weight: bolder;
+ }
+
+ code,
+ kbd,
+ samp,
+ pre {
+ font-size: 1em;
+ --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
+ font-family: var(--global-font-mono, var(--font-fallback));
+ }
+
+ [type='search'] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px;
+ }
+
+ ::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+
+ ::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ }
+
+ ::-webkit-inner-spin-button,
+ ::-webkit-outer-spin-button {
+ height: auto;
+ }
+
+ :-moz-ui-invalid {
+ box-shadow: none;
+ }
+
+ :-moz-focusring {
+ outline: auto;
+ }
+}
\ No newline at end of file
diff --git a/src/styled-system/tokens/index.css b/src/styled-system/tokens/index.css
new file mode 100644
index 0000000..640b66b
--- /dev/null
+++ b/src/styled-system/tokens/index.css
@@ -0,0 +1,423 @@
+@layer tokens {
+ :where(:root, :host) {
+ --borders-none: none;
+ --easings-default: cubic-bezier(0.4, 0, 0.2, 1);
+ --easings-linear: linear;
+ --easings-in: cubic-bezier(0.4, 0, 1, 1);
+ --easings-out: cubic-bezier(0, 0, 0.2, 1);
+ --easings-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+ --durations-fastest: 50ms;
+ --durations-faster: 100ms;
+ --durations-fast: 150ms;
+ --durations-normal: 200ms;
+ --durations-slow: 300ms;
+ --durations-slower: 400ms;
+ --durations-slowest: 500ms;
+ --radii-xs: 0.125rem;
+ --radii-sm: 0.25rem;
+ --radii-md: 0.375rem;
+ --radii-lg: 0.5rem;
+ --radii-xl: 0.75rem;
+ --radii-2xl: 1rem;
+ --radii-3xl: 1.5rem;
+ --radii-full: 9999px;
+ --font-weights-thin: 100;
+ --font-weights-extralight: 200;
+ --font-weights-light: 300;
+ --font-weights-normal: 400;
+ --font-weights-medium: 500;
+ --font-weights-semibold: 600;
+ --font-weights-bold: 700;
+ --font-weights-extrabold: 800;
+ --font-weights-black: 900;
+ --line-heights-none: 1;
+ --line-heights-tight: 1.25;
+ --line-heights-snug: 1.375;
+ --line-heights-normal: 1.5;
+ --line-heights-relaxed: 1.625;
+ --line-heights-loose: 2;
+ --fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+ --fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --letter-spacings-tighter: -0.05em;
+ --letter-spacings-tight: -0.025em;
+ --letter-spacings-normal: 0em;
+ --letter-spacings-wide: 0.025em;
+ --letter-spacings-wider: 0.05em;
+ --letter-spacings-widest: 0.1em;
+ --font-sizes-2xs: 0.5rem;
+ --font-sizes-xs: 0.75rem;
+ --font-sizes-sm: 0.875rem;
+ --font-sizes-md: 1rem;
+ --font-sizes-lg: 1.125rem;
+ --font-sizes-xl: 1.25rem;
+ --font-sizes-2xl: 1.5rem;
+ --font-sizes-3xl: 1.875rem;
+ --font-sizes-4xl: 2.25rem;
+ --font-sizes-5xl: 3rem;
+ --font-sizes-6xl: 3.75rem;
+ --font-sizes-7xl: 4.5rem;
+ --font-sizes-8xl: 6rem;
+ --font-sizes-9xl: 8rem;
+ --shadows-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --shadows-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+ --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+ --shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+ --colors-current: currentColor;
+ --colors-black: #000;
+ --colors-white: #fff;
+ --colors-transparent: rgb(0 0 0 / 0);
+ --colors-rose-50: #fff1f2;
+ --colors-rose-100: #ffe4e6;
+ --colors-rose-200: #fecdd3;
+ --colors-rose-300: #fda4af;
+ --colors-rose-400: #fb7185;
+ --colors-rose-500: #f43f5e;
+ --colors-rose-600: #e11d48;
+ --colors-rose-700: #be123c;
+ --colors-rose-800: #9f1239;
+ --colors-rose-900: #881337;
+ --colors-rose-950: #4c0519;
+ --colors-pink-50: #fdf2f8;
+ --colors-pink-100: #fce7f3;
+ --colors-pink-200: #fbcfe8;
+ --colors-pink-300: #f9a8d4;
+ --colors-pink-400: #f472b6;
+ --colors-pink-500: #ec4899;
+ --colors-pink-600: #db2777;
+ --colors-pink-700: #be185d;
+ --colors-pink-800: #9d174d;
+ --colors-pink-900: #831843;
+ --colors-pink-950: #500724;
+ --colors-fuchsia-50: #fdf4ff;
+ --colors-fuchsia-100: #fae8ff;
+ --colors-fuchsia-200: #f5d0fe;
+ --colors-fuchsia-300: #f0abfc;
+ --colors-fuchsia-400: #e879f9;
+ --colors-fuchsia-500: #d946ef;
+ --colors-fuchsia-600: #c026d3;
+ --colors-fuchsia-700: #a21caf;
+ --colors-fuchsia-800: #86198f;
+ --colors-fuchsia-900: #701a75;
+ --colors-fuchsia-950: #4a044e;
+ --colors-purple-50: #faf5ff;
+ --colors-purple-100: #f3e8ff;
+ --colors-purple-200: #e9d5ff;
+ --colors-purple-300: #d8b4fe;
+ --colors-purple-400: #c084fc;
+ --colors-purple-500: #a855f7;
+ --colors-purple-600: #9333ea;
+ --colors-purple-700: #7e22ce;
+ --colors-purple-800: #6b21a8;
+ --colors-purple-900: #581c87;
+ --colors-purple-950: #3b0764;
+ --colors-violet-50: #f5f3ff;
+ --colors-violet-100: #ede9fe;
+ --colors-violet-200: #ddd6fe;
+ --colors-violet-300: #c4b5fd;
+ --colors-violet-400: #a78bfa;
+ --colors-violet-500: #8b5cf6;
+ --colors-violet-600: #7c3aed;
+ --colors-violet-700: #6d28d9;
+ --colors-violet-800: #5b21b6;
+ --colors-violet-900: #4c1d95;
+ --colors-violet-950: #2e1065;
+ --colors-indigo-50: #eef2ff;
+ --colors-indigo-100: #e0e7ff;
+ --colors-indigo-200: #c7d2fe;
+ --colors-indigo-300: #a5b4fc;
+ --colors-indigo-400: #818cf8;
+ --colors-indigo-500: #6366f1;
+ --colors-indigo-600: #4f46e5;
+ --colors-indigo-700: #4338ca;
+ --colors-indigo-800: #3730a3;
+ --colors-indigo-900: #312e81;
+ --colors-indigo-950: #1e1b4b;
+ --colors-blue-50: #eff6ff;
+ --colors-blue-100: #dbeafe;
+ --colors-blue-200: #bfdbfe;
+ --colors-blue-300: #93c5fd;
+ --colors-blue-400: #60a5fa;
+ --colors-blue-500: #3b82f6;
+ --colors-blue-600: #2563eb;
+ --colors-blue-700: #1d4ed8;
+ --colors-blue-800: #1e40af;
+ --colors-blue-900: #1e3a8a;
+ --colors-blue-950: #172554;
+ --colors-sky-50: #f0f9ff;
+ --colors-sky-100: #e0f2fe;
+ --colors-sky-200: #bae6fd;
+ --colors-sky-300: #7dd3fc;
+ --colors-sky-400: #38bdf8;
+ --colors-sky-500: #0ea5e9;
+ --colors-sky-600: #0284c7;
+ --colors-sky-700: #0369a1;
+ --colors-sky-800: #075985;
+ --colors-sky-900: #0c4a6e;
+ --colors-sky-950: #082f49;
+ --colors-cyan-50: #ecfeff;
+ --colors-cyan-100: #cffafe;
+ --colors-cyan-200: #a5f3fc;
+ --colors-cyan-300: #67e8f9;
+ --colors-cyan-400: #22d3ee;
+ --colors-cyan-500: #06b6d4;
+ --colors-cyan-600: #0891b2;
+ --colors-cyan-700: #0e7490;
+ --colors-cyan-800: #155e75;
+ --colors-cyan-900: #164e63;
+ --colors-cyan-950: #083344;
+ --colors-teal-50: #f0fdfa;
+ --colors-teal-100: #ccfbf1;
+ --colors-teal-200: #99f6e4;
+ --colors-teal-300: #5eead4;
+ --colors-teal-400: #2dd4bf;
+ --colors-teal-500: #14b8a6;
+ --colors-teal-600: #0d9488;
+ --colors-teal-700: #0f766e;
+ --colors-teal-800: #115e59;
+ --colors-teal-900: #134e4a;
+ --colors-teal-950: #042f2e;
+ --colors-emerald-50: #ecfdf5;
+ --colors-emerald-100: #d1fae5;
+ --colors-emerald-200: #a7f3d0;
+ --colors-emerald-300: #6ee7b7;
+ --colors-emerald-400: #34d399;
+ --colors-emerald-500: #10b981;
+ --colors-emerald-600: #059669;
+ --colors-emerald-700: #047857;
+ --colors-emerald-800: #065f46;
+ --colors-emerald-900: #064e3b;
+ --colors-emerald-950: #022c22;
+ --colors-green-50: #f0fdf4;
+ --colors-green-100: #dcfce7;
+ --colors-green-200: #bbf7d0;
+ --colors-green-300: #86efac;
+ --colors-green-400: #4ade80;
+ --colors-green-500: #22c55e;
+ --colors-green-600: #16a34a;
+ --colors-green-700: #15803d;
+ --colors-green-800: #166534;
+ --colors-green-900: #14532d;
+ --colors-green-950: #052e16;
+ --colors-lime-50: #f7fee7;
+ --colors-lime-100: #ecfccb;
+ --colors-lime-200: #d9f99d;
+ --colors-lime-300: #bef264;
+ --colors-lime-400: #a3e635;
+ --colors-lime-500: #84cc16;
+ --colors-lime-600: #65a30d;
+ --colors-lime-700: #4d7c0f;
+ --colors-lime-800: #3f6212;
+ --colors-lime-900: #365314;
+ --colors-lime-950: #1a2e05;
+ --colors-yellow-50: #fefce8;
+ --colors-yellow-100: #fef9c3;
+ --colors-yellow-200: #fef08a;
+ --colors-yellow-300: #fde047;
+ --colors-yellow-400: #facc15;
+ --colors-yellow-500: #eab308;
+ --colors-yellow-600: #ca8a04;
+ --colors-yellow-700: #a16207;
+ --colors-yellow-800: #854d0e;
+ --colors-yellow-900: #713f12;
+ --colors-yellow-950: #422006;
+ --colors-amber-50: #fffbeb;
+ --colors-amber-100: #fef3c7;
+ --colors-amber-200: #fde68a;
+ --colors-amber-300: #fcd34d;
+ --colors-amber-400: #fbbf24;
+ --colors-amber-500: #f59e0b;
+ --colors-amber-600: #d97706;
+ --colors-amber-700: #b45309;
+ --colors-amber-800: #92400e;
+ --colors-amber-900: #78350f;
+ --colors-amber-950: #451a03;
+ --colors-orange-50: #fff7ed;
+ --colors-orange-100: #ffedd5;
+ --colors-orange-200: #fed7aa;
+ --colors-orange-300: #fdba74;
+ --colors-orange-400: #fb923c;
+ --colors-orange-500: #f97316;
+ --colors-orange-600: #ea580c;
+ --colors-orange-700: #c2410c;
+ --colors-orange-800: #9a3412;
+ --colors-orange-900: #7c2d12;
+ --colors-orange-950: #431407;
+ --colors-red-50: #fef2f2;
+ --colors-red-100: #fee2e2;
+ --colors-red-200: #fecaca;
+ --colors-red-300: #fca5a5;
+ --colors-red-400: #f87171;
+ --colors-red-500: #ef4444;
+ --colors-red-600: #dc2626;
+ --colors-red-700: #b91c1c;
+ --colors-red-800: #991b1b;
+ --colors-red-900: #7f1d1d;
+ --colors-red-950: #450a0a;
+ --colors-neutral-50: #fafafa;
+ --colors-neutral-100: #f5f5f5;
+ --colors-neutral-200: #e5e5e5;
+ --colors-neutral-300: #d4d4d4;
+ --colors-neutral-400: #a3a3a3;
+ --colors-neutral-500: #737373;
+ --colors-neutral-600: #525252;
+ --colors-neutral-700: #404040;
+ --colors-neutral-800: #262626;
+ --colors-neutral-900: #171717;
+ --colors-neutral-950: #0a0a0a;
+ --colors-stone-50: #fafaf9;
+ --colors-stone-100: #f5f5f4;
+ --colors-stone-200: #e7e5e4;
+ --colors-stone-300: #d6d3d1;
+ --colors-stone-400: #a8a29e;
+ --colors-stone-500: #78716c;
+ --colors-stone-600: #57534e;
+ --colors-stone-700: #44403c;
+ --colors-stone-800: #292524;
+ --colors-stone-900: #1c1917;
+ --colors-stone-950: #0c0a09;
+ --colors-zinc-50: #fafafa;
+ --colors-zinc-100: #f4f4f5;
+ --colors-zinc-200: #e4e4e7;
+ --colors-zinc-300: #d4d4d8;
+ --colors-zinc-400: #a1a1aa;
+ --colors-zinc-500: #71717a;
+ --colors-zinc-600: #52525b;
+ --colors-zinc-700: #3f3f46;
+ --colors-zinc-800: #27272a;
+ --colors-zinc-900: #18181b;
+ --colors-zinc-950: #09090b;
+ --colors-gray-50: #f9fafb;
+ --colors-gray-100: #f3f4f6;
+ --colors-gray-200: #e5e7eb;
+ --colors-gray-300: #d1d5db;
+ --colors-gray-400: #9ca3af;
+ --colors-gray-500: #6b7280;
+ --colors-gray-600: #4b5563;
+ --colors-gray-700: #374151;
+ --colors-gray-800: #1f2937;
+ --colors-gray-900: #111827;
+ --colors-gray-950: #030712;
+ --colors-slate-50: #f8fafc;
+ --colors-slate-100: #f1f5f9;
+ --colors-slate-200: #e2e8f0;
+ --colors-slate-300: #cbd5e1;
+ --colors-slate-400: #94a3b8;
+ --colors-slate-500: #64748b;
+ --colors-slate-600: #475569;
+ --colors-slate-700: #334155;
+ --colors-slate-800: #1e293b;
+ --colors-slate-900: #0f172a;
+ --colors-slate-950: #020617;
+ --blurs-sm: 4px;
+ --blurs-base: 8px;
+ --blurs-md: 12px;
+ --blurs-lg: 16px;
+ --blurs-xl: 24px;
+ --blurs-2xl: 40px;
+ --blurs-3xl: 64px;
+ --spacing-0: 0rem;
+ --spacing-1: 0.25rem;
+ --spacing-2: 0.5rem;
+ --spacing-3: 0.75rem;
+ --spacing-4: 1rem;
+ --spacing-5: 1.25rem;
+ --spacing-6: 1.5rem;
+ --spacing-7: 1.75rem;
+ --spacing-8: 2rem;
+ --spacing-9: 2.25rem;
+ --spacing-10: 2.5rem;
+ --spacing-11: 2.75rem;
+ --spacing-12: 3rem;
+ --spacing-14: 3.5rem;
+ --spacing-16: 4rem;
+ --spacing-20: 5rem;
+ --spacing-24: 6rem;
+ --spacing-28: 7rem;
+ --spacing-32: 8rem;
+ --spacing-36: 9rem;
+ --spacing-40: 10rem;
+ --spacing-44: 11rem;
+ --spacing-48: 12rem;
+ --spacing-52: 13rem;
+ --spacing-56: 14rem;
+ --spacing-60: 15rem;
+ --spacing-64: 16rem;
+ --spacing-72: 18rem;
+ --spacing-80: 20rem;
+ --spacing-96: 24rem;
+ --spacing-0\.5: 0.125rem;
+ --spacing-1\.5: 0.375rem;
+ --spacing-2\.5: 0.625rem;
+ --spacing-3\.5: 0.875rem;
+ --sizes-0: 0rem;
+ --sizes-1: 0.25rem;
+ --sizes-2: 0.5rem;
+ --sizes-3: 0.75rem;
+ --sizes-4: 1rem;
+ --sizes-5: 1.25rem;
+ --sizes-6: 1.5rem;
+ --sizes-7: 1.75rem;
+ --sizes-8: 2rem;
+ --sizes-9: 2.25rem;
+ --sizes-10: 2.5rem;
+ --sizes-11: 2.75rem;
+ --sizes-12: 3rem;
+ --sizes-14: 3.5rem;
+ --sizes-16: 4rem;
+ --sizes-20: 5rem;
+ --sizes-24: 6rem;
+ --sizes-28: 7rem;
+ --sizes-32: 8rem;
+ --sizes-36: 9rem;
+ --sizes-40: 10rem;
+ --sizes-44: 11rem;
+ --sizes-48: 12rem;
+ --sizes-52: 13rem;
+ --sizes-56: 14rem;
+ --sizes-60: 15rem;
+ --sizes-64: 16rem;
+ --sizes-72: 18rem;
+ --sizes-80: 20rem;
+ --sizes-96: 24rem;
+ --sizes-0\.5: 0.125rem;
+ --sizes-1\.5: 0.375rem;
+ --sizes-2\.5: 0.625rem;
+ --sizes-3\.5: 0.875rem;
+ --sizes-xs: 20rem;
+ --sizes-sm: 24rem;
+ --sizes-md: 28rem;
+ --sizes-lg: 32rem;
+ --sizes-xl: 36rem;
+ --sizes-2xl: 42rem;
+ --sizes-3xl: 48rem;
+ --sizes-4xl: 56rem;
+ --sizes-5xl: 64rem;
+ --sizes-6xl: 72rem;
+ --sizes-7xl: 80rem;
+ --sizes-8xl: 90rem;
+ --sizes-prose: 65ch;
+ --sizes-full: 100%;
+ --sizes-min: min-content;
+ --sizes-max: max-content;
+ --sizes-fit: fit-content;
+ --sizes-breakpoint-sm: 640px;
+ --sizes-breakpoint-md: 768px;
+ --sizes-breakpoint-lg: 1024px;
+ --sizes-breakpoint-xl: 1280px;
+ --sizes-breakpoint-2xl: 1536px;
+ --animations-spin: spin 1s linear infinite;
+ --animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+ --animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+ --animations-bounce: bounce 1s infinite;
+ --breakpoints-sm: 640px;
+ --breakpoints-md: 768px;
+ --breakpoints-lg: 1024px;
+ --breakpoints-xl: 1280px;
+ --breakpoints-2xl: 1536px
+}
+ }
+
\ No newline at end of file
diff --git a/src/styled-system/tokens/index.d.ts b/src/styled-system/tokens/index.d.ts
new file mode 100644
index 0000000..38ba80d
--- /dev/null
+++ b/src/styled-system/tokens/index.d.ts
@@ -0,0 +1,9 @@
+/* eslint-disable */
+import type { Token } from './tokens'
+
+export declare const token: {
+ (path: Token, fallback?: string): string
+ var: (path: Token, fallback?: string) => string
+}
+
+export * from './tokens'
\ No newline at end of file
diff --git a/src/styled-system/tokens/index.mjs b/src/styled-system/tokens/index.mjs
new file mode 100644
index 0000000..4f21a11
--- /dev/null
+++ b/src/styled-system/tokens/index.mjs
@@ -0,0 +1,1860 @@
+const tokens = {
+ "borders.none": {
+ "value": "none",
+ "variable": "var(--borders-none)"
+ },
+ "easings.default": {
+ "value": "cubic-bezier(0.4, 0, 0.2, 1)",
+ "variable": "var(--easings-default)"
+ },
+ "easings.linear": {
+ "value": "linear",
+ "variable": "var(--easings-linear)"
+ },
+ "easings.in": {
+ "value": "cubic-bezier(0.4, 0, 1, 1)",
+ "variable": "var(--easings-in)"
+ },
+ "easings.out": {
+ "value": "cubic-bezier(0, 0, 0.2, 1)",
+ "variable": "var(--easings-out)"
+ },
+ "easings.in-out": {
+ "value": "cubic-bezier(0.4, 0, 0.2, 1)",
+ "variable": "var(--easings-in-out)"
+ },
+ "durations.fastest": {
+ "value": "50ms",
+ "variable": "var(--durations-fastest)"
+ },
+ "durations.faster": {
+ "value": "100ms",
+ "variable": "var(--durations-faster)"
+ },
+ "durations.fast": {
+ "value": "150ms",
+ "variable": "var(--durations-fast)"
+ },
+ "durations.normal": {
+ "value": "200ms",
+ "variable": "var(--durations-normal)"
+ },
+ "durations.slow": {
+ "value": "300ms",
+ "variable": "var(--durations-slow)"
+ },
+ "durations.slower": {
+ "value": "400ms",
+ "variable": "var(--durations-slower)"
+ },
+ "durations.slowest": {
+ "value": "500ms",
+ "variable": "var(--durations-slowest)"
+ },
+ "radii.xs": {
+ "value": "0.125rem",
+ "variable": "var(--radii-xs)"
+ },
+ "radii.sm": {
+ "value": "0.25rem",
+ "variable": "var(--radii-sm)"
+ },
+ "radii.md": {
+ "value": "0.375rem",
+ "variable": "var(--radii-md)"
+ },
+ "radii.lg": {
+ "value": "0.5rem",
+ "variable": "var(--radii-lg)"
+ },
+ "radii.xl": {
+ "value": "0.75rem",
+ "variable": "var(--radii-xl)"
+ },
+ "radii.2xl": {
+ "value": "1rem",
+ "variable": "var(--radii-2xl)"
+ },
+ "radii.3xl": {
+ "value": "1.5rem",
+ "variable": "var(--radii-3xl)"
+ },
+ "radii.full": {
+ "value": "9999px",
+ "variable": "var(--radii-full)"
+ },
+ "fontWeights.thin": {
+ "value": "100",
+ "variable": "var(--font-weights-thin)"
+ },
+ "fontWeights.extralight": {
+ "value": "200",
+ "variable": "var(--font-weights-extralight)"
+ },
+ "fontWeights.light": {
+ "value": "300",
+ "variable": "var(--font-weights-light)"
+ },
+ "fontWeights.normal": {
+ "value": "400",
+ "variable": "var(--font-weights-normal)"
+ },
+ "fontWeights.medium": {
+ "value": "500",
+ "variable": "var(--font-weights-medium)"
+ },
+ "fontWeights.semibold": {
+ "value": "600",
+ "variable": "var(--font-weights-semibold)"
+ },
+ "fontWeights.bold": {
+ "value": "700",
+ "variable": "var(--font-weights-bold)"
+ },
+ "fontWeights.extrabold": {
+ "value": "800",
+ "variable": "var(--font-weights-extrabold)"
+ },
+ "fontWeights.black": {
+ "value": "900",
+ "variable": "var(--font-weights-black)"
+ },
+ "lineHeights.none": {
+ "value": "1",
+ "variable": "var(--line-heights-none)"
+ },
+ "lineHeights.tight": {
+ "value": "1.25",
+ "variable": "var(--line-heights-tight)"
+ },
+ "lineHeights.snug": {
+ "value": "1.375",
+ "variable": "var(--line-heights-snug)"
+ },
+ "lineHeights.normal": {
+ "value": "1.5",
+ "variable": "var(--line-heights-normal)"
+ },
+ "lineHeights.relaxed": {
+ "value": "1.625",
+ "variable": "var(--line-heights-relaxed)"
+ },
+ "lineHeights.loose": {
+ "value": "2",
+ "variable": "var(--line-heights-loose)"
+ },
+ "fonts.sans": {
+ "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
+ "variable": "var(--fonts-sans)"
+ },
+ "fonts.serif": {
+ "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
+ "variable": "var(--fonts-serif)"
+ },
+ "fonts.mono": {
+ "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+ "variable": "var(--fonts-mono)"
+ },
+ "letterSpacings.tighter": {
+ "value": "-0.05em",
+ "variable": "var(--letter-spacings-tighter)"
+ },
+ "letterSpacings.tight": {
+ "value": "-0.025em",
+ "variable": "var(--letter-spacings-tight)"
+ },
+ "letterSpacings.normal": {
+ "value": "0em",
+ "variable": "var(--letter-spacings-normal)"
+ },
+ "letterSpacings.wide": {
+ "value": "0.025em",
+ "variable": "var(--letter-spacings-wide)"
+ },
+ "letterSpacings.wider": {
+ "value": "0.05em",
+ "variable": "var(--letter-spacings-wider)"
+ },
+ "letterSpacings.widest": {
+ "value": "0.1em",
+ "variable": "var(--letter-spacings-widest)"
+ },
+ "fontSizes.2xs": {
+ "value": "0.5rem",
+ "variable": "var(--font-sizes-2xs)"
+ },
+ "fontSizes.xs": {
+ "value": "0.75rem",
+ "variable": "var(--font-sizes-xs)"
+ },
+ "fontSizes.sm": {
+ "value": "0.875rem",
+ "variable": "var(--font-sizes-sm)"
+ },
+ "fontSizes.md": {
+ "value": "1rem",
+ "variable": "var(--font-sizes-md)"
+ },
+ "fontSizes.lg": {
+ "value": "1.125rem",
+ "variable": "var(--font-sizes-lg)"
+ },
+ "fontSizes.xl": {
+ "value": "1.25rem",
+ "variable": "var(--font-sizes-xl)"
+ },
+ "fontSizes.2xl": {
+ "value": "1.5rem",
+ "variable": "var(--font-sizes-2xl)"
+ },
+ "fontSizes.3xl": {
+ "value": "1.875rem",
+ "variable": "var(--font-sizes-3xl)"
+ },
+ "fontSizes.4xl": {
+ "value": "2.25rem",
+ "variable": "var(--font-sizes-4xl)"
+ },
+ "fontSizes.5xl": {
+ "value": "3rem",
+ "variable": "var(--font-sizes-5xl)"
+ },
+ "fontSizes.6xl": {
+ "value": "3.75rem",
+ "variable": "var(--font-sizes-6xl)"
+ },
+ "fontSizes.7xl": {
+ "value": "4.5rem",
+ "variable": "var(--font-sizes-7xl)"
+ },
+ "fontSizes.8xl": {
+ "value": "6rem",
+ "variable": "var(--font-sizes-8xl)"
+ },
+ "fontSizes.9xl": {
+ "value": "8rem",
+ "variable": "var(--font-sizes-9xl)"
+ },
+ "shadows.xs": {
+ "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+ "variable": "var(--shadows-xs)"
+ },
+ "shadows.sm": {
+ "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+ "variable": "var(--shadows-sm)"
+ },
+ "shadows.md": {
+ "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+ "variable": "var(--shadows-md)"
+ },
+ "shadows.lg": {
+ "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+ "variable": "var(--shadows-lg)"
+ },
+ "shadows.xl": {
+ "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+ "variable": "var(--shadows-xl)"
+ },
+ "shadows.2xl": {
+ "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+ "variable": "var(--shadows-2xl)"
+ },
+ "shadows.inner": {
+ "value": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+ "variable": "var(--shadows-inner)"
+ },
+ "colors.current": {
+ "value": "currentColor",
+ "variable": "var(--colors-current)"
+ },
+ "colors.black": {
+ "value": "#000",
+ "variable": "var(--colors-black)"
+ },
+ "colors.white": {
+ "value": "#fff",
+ "variable": "var(--colors-white)"
+ },
+ "colors.transparent": {
+ "value": "rgb(0 0 0 / 0)",
+ "variable": "var(--colors-transparent)"
+ },
+ "colors.rose.50": {
+ "value": "#fff1f2",
+ "variable": "var(--colors-rose-50)"
+ },
+ "colors.rose.100": {
+ "value": "#ffe4e6",
+ "variable": "var(--colors-rose-100)"
+ },
+ "colors.rose.200": {
+ "value": "#fecdd3",
+ "variable": "var(--colors-rose-200)"
+ },
+ "colors.rose.300": {
+ "value": "#fda4af",
+ "variable": "var(--colors-rose-300)"
+ },
+ "colors.rose.400": {
+ "value": "#fb7185",
+ "variable": "var(--colors-rose-400)"
+ },
+ "colors.rose.500": {
+ "value": "#f43f5e",
+ "variable": "var(--colors-rose-500)"
+ },
+ "colors.rose.600": {
+ "value": "#e11d48",
+ "variable": "var(--colors-rose-600)"
+ },
+ "colors.rose.700": {
+ "value": "#be123c",
+ "variable": "var(--colors-rose-700)"
+ },
+ "colors.rose.800": {
+ "value": "#9f1239",
+ "variable": "var(--colors-rose-800)"
+ },
+ "colors.rose.900": {
+ "value": "#881337",
+ "variable": "var(--colors-rose-900)"
+ },
+ "colors.rose.950": {
+ "value": "#4c0519",
+ "variable": "var(--colors-rose-950)"
+ },
+ "colors.pink.50": {
+ "value": "#fdf2f8",
+ "variable": "var(--colors-pink-50)"
+ },
+ "colors.pink.100": {
+ "value": "#fce7f3",
+ "variable": "var(--colors-pink-100)"
+ },
+ "colors.pink.200": {
+ "value": "#fbcfe8",
+ "variable": "var(--colors-pink-200)"
+ },
+ "colors.pink.300": {
+ "value": "#f9a8d4",
+ "variable": "var(--colors-pink-300)"
+ },
+ "colors.pink.400": {
+ "value": "#f472b6",
+ "variable": "var(--colors-pink-400)"
+ },
+ "colors.pink.500": {
+ "value": "#ec4899",
+ "variable": "var(--colors-pink-500)"
+ },
+ "colors.pink.600": {
+ "value": "#db2777",
+ "variable": "var(--colors-pink-600)"
+ },
+ "colors.pink.700": {
+ "value": "#be185d",
+ "variable": "var(--colors-pink-700)"
+ },
+ "colors.pink.800": {
+ "value": "#9d174d",
+ "variable": "var(--colors-pink-800)"
+ },
+ "colors.pink.900": {
+ "value": "#831843",
+ "variable": "var(--colors-pink-900)"
+ },
+ "colors.pink.950": {
+ "value": "#500724",
+ "variable": "var(--colors-pink-950)"
+ },
+ "colors.fuchsia.50": {
+ "value": "#fdf4ff",
+ "variable": "var(--colors-fuchsia-50)"
+ },
+ "colors.fuchsia.100": {
+ "value": "#fae8ff",
+ "variable": "var(--colors-fuchsia-100)"
+ },
+ "colors.fuchsia.200": {
+ "value": "#f5d0fe",
+ "variable": "var(--colors-fuchsia-200)"
+ },
+ "colors.fuchsia.300": {
+ "value": "#f0abfc",
+ "variable": "var(--colors-fuchsia-300)"
+ },
+ "colors.fuchsia.400": {
+ "value": "#e879f9",
+ "variable": "var(--colors-fuchsia-400)"
+ },
+ "colors.fuchsia.500": {
+ "value": "#d946ef",
+ "variable": "var(--colors-fuchsia-500)"
+ },
+ "colors.fuchsia.600": {
+ "value": "#c026d3",
+ "variable": "var(--colors-fuchsia-600)"
+ },
+ "colors.fuchsia.700": {
+ "value": "#a21caf",
+ "variable": "var(--colors-fuchsia-700)"
+ },
+ "colors.fuchsia.800": {
+ "value": "#86198f",
+ "variable": "var(--colors-fuchsia-800)"
+ },
+ "colors.fuchsia.900": {
+ "value": "#701a75",
+ "variable": "var(--colors-fuchsia-900)"
+ },
+ "colors.fuchsia.950": {
+ "value": "#4a044e",
+ "variable": "var(--colors-fuchsia-950)"
+ },
+ "colors.purple.50": {
+ "value": "#faf5ff",
+ "variable": "var(--colors-purple-50)"
+ },
+ "colors.purple.100": {
+ "value": "#f3e8ff",
+ "variable": "var(--colors-purple-100)"
+ },
+ "colors.purple.200": {
+ "value": "#e9d5ff",
+ "variable": "var(--colors-purple-200)"
+ },
+ "colors.purple.300": {
+ "value": "#d8b4fe",
+ "variable": "var(--colors-purple-300)"
+ },
+ "colors.purple.400": {
+ "value": "#c084fc",
+ "variable": "var(--colors-purple-400)"
+ },
+ "colors.purple.500": {
+ "value": "#a855f7",
+ "variable": "var(--colors-purple-500)"
+ },
+ "colors.purple.600": {
+ "value": "#9333ea",
+ "variable": "var(--colors-purple-600)"
+ },
+ "colors.purple.700": {
+ "value": "#7e22ce",
+ "variable": "var(--colors-purple-700)"
+ },
+ "colors.purple.800": {
+ "value": "#6b21a8",
+ "variable": "var(--colors-purple-800)"
+ },
+ "colors.purple.900": {
+ "value": "#581c87",
+ "variable": "var(--colors-purple-900)"
+ },
+ "colors.purple.950": {
+ "value": "#3b0764",
+ "variable": "var(--colors-purple-950)"
+ },
+ "colors.violet.50": {
+ "value": "#f5f3ff",
+ "variable": "var(--colors-violet-50)"
+ },
+ "colors.violet.100": {
+ "value": "#ede9fe",
+ "variable": "var(--colors-violet-100)"
+ },
+ "colors.violet.200": {
+ "value": "#ddd6fe",
+ "variable": "var(--colors-violet-200)"
+ },
+ "colors.violet.300": {
+ "value": "#c4b5fd",
+ "variable": "var(--colors-violet-300)"
+ },
+ "colors.violet.400": {
+ "value": "#a78bfa",
+ "variable": "var(--colors-violet-400)"
+ },
+ "colors.violet.500": {
+ "value": "#8b5cf6",
+ "variable": "var(--colors-violet-500)"
+ },
+ "colors.violet.600": {
+ "value": "#7c3aed",
+ "variable": "var(--colors-violet-600)"
+ },
+ "colors.violet.700": {
+ "value": "#6d28d9",
+ "variable": "var(--colors-violet-700)"
+ },
+ "colors.violet.800": {
+ "value": "#5b21b6",
+ "variable": "var(--colors-violet-800)"
+ },
+ "colors.violet.900": {
+ "value": "#4c1d95",
+ "variable": "var(--colors-violet-900)"
+ },
+ "colors.violet.950": {
+ "value": "#2e1065",
+ "variable": "var(--colors-violet-950)"
+ },
+ "colors.indigo.50": {
+ "value": "#eef2ff",
+ "variable": "var(--colors-indigo-50)"
+ },
+ "colors.indigo.100": {
+ "value": "#e0e7ff",
+ "variable": "var(--colors-indigo-100)"
+ },
+ "colors.indigo.200": {
+ "value": "#c7d2fe",
+ "variable": "var(--colors-indigo-200)"
+ },
+ "colors.indigo.300": {
+ "value": "#a5b4fc",
+ "variable": "var(--colors-indigo-300)"
+ },
+ "colors.indigo.400": {
+ "value": "#818cf8",
+ "variable": "var(--colors-indigo-400)"
+ },
+ "colors.indigo.500": {
+ "value": "#6366f1",
+ "variable": "var(--colors-indigo-500)"
+ },
+ "colors.indigo.600": {
+ "value": "#4f46e5",
+ "variable": "var(--colors-indigo-600)"
+ },
+ "colors.indigo.700": {
+ "value": "#4338ca",
+ "variable": "var(--colors-indigo-700)"
+ },
+ "colors.indigo.800": {
+ "value": "#3730a3",
+ "variable": "var(--colors-indigo-800)"
+ },
+ "colors.indigo.900": {
+ "value": "#312e81",
+ "variable": "var(--colors-indigo-900)"
+ },
+ "colors.indigo.950": {
+ "value": "#1e1b4b",
+ "variable": "var(--colors-indigo-950)"
+ },
+ "colors.blue.50": {
+ "value": "#eff6ff",
+ "variable": "var(--colors-blue-50)"
+ },
+ "colors.blue.100": {
+ "value": "#dbeafe",
+ "variable": "var(--colors-blue-100)"
+ },
+ "colors.blue.200": {
+ "value": "#bfdbfe",
+ "variable": "var(--colors-blue-200)"
+ },
+ "colors.blue.300": {
+ "value": "#93c5fd",
+ "variable": "var(--colors-blue-300)"
+ },
+ "colors.blue.400": {
+ "value": "#60a5fa",
+ "variable": "var(--colors-blue-400)"
+ },
+ "colors.blue.500": {
+ "value": "#3b82f6",
+ "variable": "var(--colors-blue-500)"
+ },
+ "colors.blue.600": {
+ "value": "#2563eb",
+ "variable": "var(--colors-blue-600)"
+ },
+ "colors.blue.700": {
+ "value": "#1d4ed8",
+ "variable": "var(--colors-blue-700)"
+ },
+ "colors.blue.800": {
+ "value": "#1e40af",
+ "variable": "var(--colors-blue-800)"
+ },
+ "colors.blue.900": {
+ "value": "#1e3a8a",
+ "variable": "var(--colors-blue-900)"
+ },
+ "colors.blue.950": {
+ "value": "#172554",
+ "variable": "var(--colors-blue-950)"
+ },
+ "colors.sky.50": {
+ "value": "#f0f9ff",
+ "variable": "var(--colors-sky-50)"
+ },
+ "colors.sky.100": {
+ "value": "#e0f2fe",
+ "variable": "var(--colors-sky-100)"
+ },
+ "colors.sky.200": {
+ "value": "#bae6fd",
+ "variable": "var(--colors-sky-200)"
+ },
+ "colors.sky.300": {
+ "value": "#7dd3fc",
+ "variable": "var(--colors-sky-300)"
+ },
+ "colors.sky.400": {
+ "value": "#38bdf8",
+ "variable": "var(--colors-sky-400)"
+ },
+ "colors.sky.500": {
+ "value": "#0ea5e9",
+ "variable": "var(--colors-sky-500)"
+ },
+ "colors.sky.600": {
+ "value": "#0284c7",
+ "variable": "var(--colors-sky-600)"
+ },
+ "colors.sky.700": {
+ "value": "#0369a1",
+ "variable": "var(--colors-sky-700)"
+ },
+ "colors.sky.800": {
+ "value": "#075985",
+ "variable": "var(--colors-sky-800)"
+ },
+ "colors.sky.900": {
+ "value": "#0c4a6e",
+ "variable": "var(--colors-sky-900)"
+ },
+ "colors.sky.950": {
+ "value": "#082f49",
+ "variable": "var(--colors-sky-950)"
+ },
+ "colors.cyan.50": {
+ "value": "#ecfeff",
+ "variable": "var(--colors-cyan-50)"
+ },
+ "colors.cyan.100": {
+ "value": "#cffafe",
+ "variable": "var(--colors-cyan-100)"
+ },
+ "colors.cyan.200": {
+ "value": "#a5f3fc",
+ "variable": "var(--colors-cyan-200)"
+ },
+ "colors.cyan.300": {
+ "value": "#67e8f9",
+ "variable": "var(--colors-cyan-300)"
+ },
+ "colors.cyan.400": {
+ "value": "#22d3ee",
+ "variable": "var(--colors-cyan-400)"
+ },
+ "colors.cyan.500": {
+ "value": "#06b6d4",
+ "variable": "var(--colors-cyan-500)"
+ },
+ "colors.cyan.600": {
+ "value": "#0891b2",
+ "variable": "var(--colors-cyan-600)"
+ },
+ "colors.cyan.700": {
+ "value": "#0e7490",
+ "variable": "var(--colors-cyan-700)"
+ },
+ "colors.cyan.800": {
+ "value": "#155e75",
+ "variable": "var(--colors-cyan-800)"
+ },
+ "colors.cyan.900": {
+ "value": "#164e63",
+ "variable": "var(--colors-cyan-900)"
+ },
+ "colors.cyan.950": {
+ "value": "#083344",
+ "variable": "var(--colors-cyan-950)"
+ },
+ "colors.teal.50": {
+ "value": "#f0fdfa",
+ "variable": "var(--colors-teal-50)"
+ },
+ "colors.teal.100": {
+ "value": "#ccfbf1",
+ "variable": "var(--colors-teal-100)"
+ },
+ "colors.teal.200": {
+ "value": "#99f6e4",
+ "variable": "var(--colors-teal-200)"
+ },
+ "colors.teal.300": {
+ "value": "#5eead4",
+ "variable": "var(--colors-teal-300)"
+ },
+ "colors.teal.400": {
+ "value": "#2dd4bf",
+ "variable": "var(--colors-teal-400)"
+ },
+ "colors.teal.500": {
+ "value": "#14b8a6",
+ "variable": "var(--colors-teal-500)"
+ },
+ "colors.teal.600": {
+ "value": "#0d9488",
+ "variable": "var(--colors-teal-600)"
+ },
+ "colors.teal.700": {
+ "value": "#0f766e",
+ "variable": "var(--colors-teal-700)"
+ },
+ "colors.teal.800": {
+ "value": "#115e59",
+ "variable": "var(--colors-teal-800)"
+ },
+ "colors.teal.900": {
+ "value": "#134e4a",
+ "variable": "var(--colors-teal-900)"
+ },
+ "colors.teal.950": {
+ "value": "#042f2e",
+ "variable": "var(--colors-teal-950)"
+ },
+ "colors.emerald.50": {
+ "value": "#ecfdf5",
+ "variable": "var(--colors-emerald-50)"
+ },
+ "colors.emerald.100": {
+ "value": "#d1fae5",
+ "variable": "var(--colors-emerald-100)"
+ },
+ "colors.emerald.200": {
+ "value": "#a7f3d0",
+ "variable": "var(--colors-emerald-200)"
+ },
+ "colors.emerald.300": {
+ "value": "#6ee7b7",
+ "variable": "var(--colors-emerald-300)"
+ },
+ "colors.emerald.400": {
+ "value": "#34d399",
+ "variable": "var(--colors-emerald-400)"
+ },
+ "colors.emerald.500": {
+ "value": "#10b981",
+ "variable": "var(--colors-emerald-500)"
+ },
+ "colors.emerald.600": {
+ "value": "#059669",
+ "variable": "var(--colors-emerald-600)"
+ },
+ "colors.emerald.700": {
+ "value": "#047857",
+ "variable": "var(--colors-emerald-700)"
+ },
+ "colors.emerald.800": {
+ "value": "#065f46",
+ "variable": "var(--colors-emerald-800)"
+ },
+ "colors.emerald.900": {
+ "value": "#064e3b",
+ "variable": "var(--colors-emerald-900)"
+ },
+ "colors.emerald.950": {
+ "value": "#022c22",
+ "variable": "var(--colors-emerald-950)"
+ },
+ "colors.green.50": {
+ "value": "#f0fdf4",
+ "variable": "var(--colors-green-50)"
+ },
+ "colors.green.100": {
+ "value": "#dcfce7",
+ "variable": "var(--colors-green-100)"
+ },
+ "colors.green.200": {
+ "value": "#bbf7d0",
+ "variable": "var(--colors-green-200)"
+ },
+ "colors.green.300": {
+ "value": "#86efac",
+ "variable": "var(--colors-green-300)"
+ },
+ "colors.green.400": {
+ "value": "#4ade80",
+ "variable": "var(--colors-green-400)"
+ },
+ "colors.green.500": {
+ "value": "#22c55e",
+ "variable": "var(--colors-green-500)"
+ },
+ "colors.green.600": {
+ "value": "#16a34a",
+ "variable": "var(--colors-green-600)"
+ },
+ "colors.green.700": {
+ "value": "#15803d",
+ "variable": "var(--colors-green-700)"
+ },
+ "colors.green.800": {
+ "value": "#166534",
+ "variable": "var(--colors-green-800)"
+ },
+ "colors.green.900": {
+ "value": "#14532d",
+ "variable": "var(--colors-green-900)"
+ },
+ "colors.green.950": {
+ "value": "#052e16",
+ "variable": "var(--colors-green-950)"
+ },
+ "colors.lime.50": {
+ "value": "#f7fee7",
+ "variable": "var(--colors-lime-50)"
+ },
+ "colors.lime.100": {
+ "value": "#ecfccb",
+ "variable": "var(--colors-lime-100)"
+ },
+ "colors.lime.200": {
+ "value": "#d9f99d",
+ "variable": "var(--colors-lime-200)"
+ },
+ "colors.lime.300": {
+ "value": "#bef264",
+ "variable": "var(--colors-lime-300)"
+ },
+ "colors.lime.400": {
+ "value": "#a3e635",
+ "variable": "var(--colors-lime-400)"
+ },
+ "colors.lime.500": {
+ "value": "#84cc16",
+ "variable": "var(--colors-lime-500)"
+ },
+ "colors.lime.600": {
+ "value": "#65a30d",
+ "variable": "var(--colors-lime-600)"
+ },
+ "colors.lime.700": {
+ "value": "#4d7c0f",
+ "variable": "var(--colors-lime-700)"
+ },
+ "colors.lime.800": {
+ "value": "#3f6212",
+ "variable": "var(--colors-lime-800)"
+ },
+ "colors.lime.900": {
+ "value": "#365314",
+ "variable": "var(--colors-lime-900)"
+ },
+ "colors.lime.950": {
+ "value": "#1a2e05",
+ "variable": "var(--colors-lime-950)"
+ },
+ "colors.yellow.50": {
+ "value": "#fefce8",
+ "variable": "var(--colors-yellow-50)"
+ },
+ "colors.yellow.100": {
+ "value": "#fef9c3",
+ "variable": "var(--colors-yellow-100)"
+ },
+ "colors.yellow.200": {
+ "value": "#fef08a",
+ "variable": "var(--colors-yellow-200)"
+ },
+ "colors.yellow.300": {
+ "value": "#fde047",
+ "variable": "var(--colors-yellow-300)"
+ },
+ "colors.yellow.400": {
+ "value": "#facc15",
+ "variable": "var(--colors-yellow-400)"
+ },
+ "colors.yellow.500": {
+ "value": "#eab308",
+ "variable": "var(--colors-yellow-500)"
+ },
+ "colors.yellow.600": {
+ "value": "#ca8a04",
+ "variable": "var(--colors-yellow-600)"
+ },
+ "colors.yellow.700": {
+ "value": "#a16207",
+ "variable": "var(--colors-yellow-700)"
+ },
+ "colors.yellow.800": {
+ "value": "#854d0e",
+ "variable": "var(--colors-yellow-800)"
+ },
+ "colors.yellow.900": {
+ "value": "#713f12",
+ "variable": "var(--colors-yellow-900)"
+ },
+ "colors.yellow.950": {
+ "value": "#422006",
+ "variable": "var(--colors-yellow-950)"
+ },
+ "colors.amber.50": {
+ "value": "#fffbeb",
+ "variable": "var(--colors-amber-50)"
+ },
+ "colors.amber.100": {
+ "value": "#fef3c7",
+ "variable": "var(--colors-amber-100)"
+ },
+ "colors.amber.200": {
+ "value": "#fde68a",
+ "variable": "var(--colors-amber-200)"
+ },
+ "colors.amber.300": {
+ "value": "#fcd34d",
+ "variable": "var(--colors-amber-300)"
+ },
+ "colors.amber.400": {
+ "value": "#fbbf24",
+ "variable": "var(--colors-amber-400)"
+ },
+ "colors.amber.500": {
+ "value": "#f59e0b",
+ "variable": "var(--colors-amber-500)"
+ },
+ "colors.amber.600": {
+ "value": "#d97706",
+ "variable": "var(--colors-amber-600)"
+ },
+ "colors.amber.700": {
+ "value": "#b45309",
+ "variable": "var(--colors-amber-700)"
+ },
+ "colors.amber.800": {
+ "value": "#92400e",
+ "variable": "var(--colors-amber-800)"
+ },
+ "colors.amber.900": {
+ "value": "#78350f",
+ "variable": "var(--colors-amber-900)"
+ },
+ "colors.amber.950": {
+ "value": "#451a03",
+ "variable": "var(--colors-amber-950)"
+ },
+ "colors.orange.50": {
+ "value": "#fff7ed",
+ "variable": "var(--colors-orange-50)"
+ },
+ "colors.orange.100": {
+ "value": "#ffedd5",
+ "variable": "var(--colors-orange-100)"
+ },
+ "colors.orange.200": {
+ "value": "#fed7aa",
+ "variable": "var(--colors-orange-200)"
+ },
+ "colors.orange.300": {
+ "value": "#fdba74",
+ "variable": "var(--colors-orange-300)"
+ },
+ "colors.orange.400": {
+ "value": "#fb923c",
+ "variable": "var(--colors-orange-400)"
+ },
+ "colors.orange.500": {
+ "value": "#f97316",
+ "variable": "var(--colors-orange-500)"
+ },
+ "colors.orange.600": {
+ "value": "#ea580c",
+ "variable": "var(--colors-orange-600)"
+ },
+ "colors.orange.700": {
+ "value": "#c2410c",
+ "variable": "var(--colors-orange-700)"
+ },
+ "colors.orange.800": {
+ "value": "#9a3412",
+ "variable": "var(--colors-orange-800)"
+ },
+ "colors.orange.900": {
+ "value": "#7c2d12",
+ "variable": "var(--colors-orange-900)"
+ },
+ "colors.orange.950": {
+ "value": "#431407",
+ "variable": "var(--colors-orange-950)"
+ },
+ "colors.red.50": {
+ "value": "#fef2f2",
+ "variable": "var(--colors-red-50)"
+ },
+ "colors.red.100": {
+ "value": "#fee2e2",
+ "variable": "var(--colors-red-100)"
+ },
+ "colors.red.200": {
+ "value": "#fecaca",
+ "variable": "var(--colors-red-200)"
+ },
+ "colors.red.300": {
+ "value": "#fca5a5",
+ "variable": "var(--colors-red-300)"
+ },
+ "colors.red.400": {
+ "value": "#f87171",
+ "variable": "var(--colors-red-400)"
+ },
+ "colors.red.500": {
+ "value": "#ef4444",
+ "variable": "var(--colors-red-500)"
+ },
+ "colors.red.600": {
+ "value": "#dc2626",
+ "variable": "var(--colors-red-600)"
+ },
+ "colors.red.700": {
+ "value": "#b91c1c",
+ "variable": "var(--colors-red-700)"
+ },
+ "colors.red.800": {
+ "value": "#991b1b",
+ "variable": "var(--colors-red-800)"
+ },
+ "colors.red.900": {
+ "value": "#7f1d1d",
+ "variable": "var(--colors-red-900)"
+ },
+ "colors.red.950": {
+ "value": "#450a0a",
+ "variable": "var(--colors-red-950)"
+ },
+ "colors.neutral.50": {
+ "value": "#fafafa",
+ "variable": "var(--colors-neutral-50)"
+ },
+ "colors.neutral.100": {
+ "value": "#f5f5f5",
+ "variable": "var(--colors-neutral-100)"
+ },
+ "colors.neutral.200": {
+ "value": "#e5e5e5",
+ "variable": "var(--colors-neutral-200)"
+ },
+ "colors.neutral.300": {
+ "value": "#d4d4d4",
+ "variable": "var(--colors-neutral-300)"
+ },
+ "colors.neutral.400": {
+ "value": "#a3a3a3",
+ "variable": "var(--colors-neutral-400)"
+ },
+ "colors.neutral.500": {
+ "value": "#737373",
+ "variable": "var(--colors-neutral-500)"
+ },
+ "colors.neutral.600": {
+ "value": "#525252",
+ "variable": "var(--colors-neutral-600)"
+ },
+ "colors.neutral.700": {
+ "value": "#404040",
+ "variable": "var(--colors-neutral-700)"
+ },
+ "colors.neutral.800": {
+ "value": "#262626",
+ "variable": "var(--colors-neutral-800)"
+ },
+ "colors.neutral.900": {
+ "value": "#171717",
+ "variable": "var(--colors-neutral-900)"
+ },
+ "colors.neutral.950": {
+ "value": "#0a0a0a",
+ "variable": "var(--colors-neutral-950)"
+ },
+ "colors.stone.50": {
+ "value": "#fafaf9",
+ "variable": "var(--colors-stone-50)"
+ },
+ "colors.stone.100": {
+ "value": "#f5f5f4",
+ "variable": "var(--colors-stone-100)"
+ },
+ "colors.stone.200": {
+ "value": "#e7e5e4",
+ "variable": "var(--colors-stone-200)"
+ },
+ "colors.stone.300": {
+ "value": "#d6d3d1",
+ "variable": "var(--colors-stone-300)"
+ },
+ "colors.stone.400": {
+ "value": "#a8a29e",
+ "variable": "var(--colors-stone-400)"
+ },
+ "colors.stone.500": {
+ "value": "#78716c",
+ "variable": "var(--colors-stone-500)"
+ },
+ "colors.stone.600": {
+ "value": "#57534e",
+ "variable": "var(--colors-stone-600)"
+ },
+ "colors.stone.700": {
+ "value": "#44403c",
+ "variable": "var(--colors-stone-700)"
+ },
+ "colors.stone.800": {
+ "value": "#292524",
+ "variable": "var(--colors-stone-800)"
+ },
+ "colors.stone.900": {
+ "value": "#1c1917",
+ "variable": "var(--colors-stone-900)"
+ },
+ "colors.stone.950": {
+ "value": "#0c0a09",
+ "variable": "var(--colors-stone-950)"
+ },
+ "colors.zinc.50": {
+ "value": "#fafafa",
+ "variable": "var(--colors-zinc-50)"
+ },
+ "colors.zinc.100": {
+ "value": "#f4f4f5",
+ "variable": "var(--colors-zinc-100)"
+ },
+ "colors.zinc.200": {
+ "value": "#e4e4e7",
+ "variable": "var(--colors-zinc-200)"
+ },
+ "colors.zinc.300": {
+ "value": "#d4d4d8",
+ "variable": "var(--colors-zinc-300)"
+ },
+ "colors.zinc.400": {
+ "value": "#a1a1aa",
+ "variable": "var(--colors-zinc-400)"
+ },
+ "colors.zinc.500": {
+ "value": "#71717a",
+ "variable": "var(--colors-zinc-500)"
+ },
+ "colors.zinc.600": {
+ "value": "#52525b",
+ "variable": "var(--colors-zinc-600)"
+ },
+ "colors.zinc.700": {
+ "value": "#3f3f46",
+ "variable": "var(--colors-zinc-700)"
+ },
+ "colors.zinc.800": {
+ "value": "#27272a",
+ "variable": "var(--colors-zinc-800)"
+ },
+ "colors.zinc.900": {
+ "value": "#18181b",
+ "variable": "var(--colors-zinc-900)"
+ },
+ "colors.zinc.950": {
+ "value": "#09090b",
+ "variable": "var(--colors-zinc-950)"
+ },
+ "colors.gray.50": {
+ "value": "#f9fafb",
+ "variable": "var(--colors-gray-50)"
+ },
+ "colors.gray.100": {
+ "value": "#f3f4f6",
+ "variable": "var(--colors-gray-100)"
+ },
+ "colors.gray.200": {
+ "value": "#e5e7eb",
+ "variable": "var(--colors-gray-200)"
+ },
+ "colors.gray.300": {
+ "value": "#d1d5db",
+ "variable": "var(--colors-gray-300)"
+ },
+ "colors.gray.400": {
+ "value": "#9ca3af",
+ "variable": "var(--colors-gray-400)"
+ },
+ "colors.gray.500": {
+ "value": "#6b7280",
+ "variable": "var(--colors-gray-500)"
+ },
+ "colors.gray.600": {
+ "value": "#4b5563",
+ "variable": "var(--colors-gray-600)"
+ },
+ "colors.gray.700": {
+ "value": "#374151",
+ "variable": "var(--colors-gray-700)"
+ },
+ "colors.gray.800": {
+ "value": "#1f2937",
+ "variable": "var(--colors-gray-800)"
+ },
+ "colors.gray.900": {
+ "value": "#111827",
+ "variable": "var(--colors-gray-900)"
+ },
+ "colors.gray.950": {
+ "value": "#030712",
+ "variable": "var(--colors-gray-950)"
+ },
+ "colors.slate.50": {
+ "value": "#f8fafc",
+ "variable": "var(--colors-slate-50)"
+ },
+ "colors.slate.100": {
+ "value": "#f1f5f9",
+ "variable": "var(--colors-slate-100)"
+ },
+ "colors.slate.200": {
+ "value": "#e2e8f0",
+ "variable": "var(--colors-slate-200)"
+ },
+ "colors.slate.300": {
+ "value": "#cbd5e1",
+ "variable": "var(--colors-slate-300)"
+ },
+ "colors.slate.400": {
+ "value": "#94a3b8",
+ "variable": "var(--colors-slate-400)"
+ },
+ "colors.slate.500": {
+ "value": "#64748b",
+ "variable": "var(--colors-slate-500)"
+ },
+ "colors.slate.600": {
+ "value": "#475569",
+ "variable": "var(--colors-slate-600)"
+ },
+ "colors.slate.700": {
+ "value": "#334155",
+ "variable": "var(--colors-slate-700)"
+ },
+ "colors.slate.800": {
+ "value": "#1e293b",
+ "variable": "var(--colors-slate-800)"
+ },
+ "colors.slate.900": {
+ "value": "#0f172a",
+ "variable": "var(--colors-slate-900)"
+ },
+ "colors.slate.950": {
+ "value": "#020617",
+ "variable": "var(--colors-slate-950)"
+ },
+ "blurs.sm": {
+ "value": "4px",
+ "variable": "var(--blurs-sm)"
+ },
+ "blurs.base": {
+ "value": "8px",
+ "variable": "var(--blurs-base)"
+ },
+ "blurs.md": {
+ "value": "12px",
+ "variable": "var(--blurs-md)"
+ },
+ "blurs.lg": {
+ "value": "16px",
+ "variable": "var(--blurs-lg)"
+ },
+ "blurs.xl": {
+ "value": "24px",
+ "variable": "var(--blurs-xl)"
+ },
+ "blurs.2xl": {
+ "value": "40px",
+ "variable": "var(--blurs-2xl)"
+ },
+ "blurs.3xl": {
+ "value": "64px",
+ "variable": "var(--blurs-3xl)"
+ },
+ "spacing.0": {
+ "value": "0rem",
+ "variable": "var(--spacing-0)"
+ },
+ "spacing.1": {
+ "value": "0.25rem",
+ "variable": "var(--spacing-1)"
+ },
+ "spacing.2": {
+ "value": "0.5rem",
+ "variable": "var(--spacing-2)"
+ },
+ "spacing.3": {
+ "value": "0.75rem",
+ "variable": "var(--spacing-3)"
+ },
+ "spacing.4": {
+ "value": "1rem",
+ "variable": "var(--spacing-4)"
+ },
+ "spacing.5": {
+ "value": "1.25rem",
+ "variable": "var(--spacing-5)"
+ },
+ "spacing.6": {
+ "value": "1.5rem",
+ "variable": "var(--spacing-6)"
+ },
+ "spacing.7": {
+ "value": "1.75rem",
+ "variable": "var(--spacing-7)"
+ },
+ "spacing.8": {
+ "value": "2rem",
+ "variable": "var(--spacing-8)"
+ },
+ "spacing.9": {
+ "value": "2.25rem",
+ "variable": "var(--spacing-9)"
+ },
+ "spacing.10": {
+ "value": "2.5rem",
+ "variable": "var(--spacing-10)"
+ },
+ "spacing.11": {
+ "value": "2.75rem",
+ "variable": "var(--spacing-11)"
+ },
+ "spacing.12": {
+ "value": "3rem",
+ "variable": "var(--spacing-12)"
+ },
+ "spacing.14": {
+ "value": "3.5rem",
+ "variable": "var(--spacing-14)"
+ },
+ "spacing.16": {
+ "value": "4rem",
+ "variable": "var(--spacing-16)"
+ },
+ "spacing.20": {
+ "value": "5rem",
+ "variable": "var(--spacing-20)"
+ },
+ "spacing.24": {
+ "value": "6rem",
+ "variable": "var(--spacing-24)"
+ },
+ "spacing.28": {
+ "value": "7rem",
+ "variable": "var(--spacing-28)"
+ },
+ "spacing.32": {
+ "value": "8rem",
+ "variable": "var(--spacing-32)"
+ },
+ "spacing.36": {
+ "value": "9rem",
+ "variable": "var(--spacing-36)"
+ },
+ "spacing.40": {
+ "value": "10rem",
+ "variable": "var(--spacing-40)"
+ },
+ "spacing.44": {
+ "value": "11rem",
+ "variable": "var(--spacing-44)"
+ },
+ "spacing.48": {
+ "value": "12rem",
+ "variable": "var(--spacing-48)"
+ },
+ "spacing.52": {
+ "value": "13rem",
+ "variable": "var(--spacing-52)"
+ },
+ "spacing.56": {
+ "value": "14rem",
+ "variable": "var(--spacing-56)"
+ },
+ "spacing.60": {
+ "value": "15rem",
+ "variable": "var(--spacing-60)"
+ },
+ "spacing.64": {
+ "value": "16rem",
+ "variable": "var(--spacing-64)"
+ },
+ "spacing.72": {
+ "value": "18rem",
+ "variable": "var(--spacing-72)"
+ },
+ "spacing.80": {
+ "value": "20rem",
+ "variable": "var(--spacing-80)"
+ },
+ "spacing.96": {
+ "value": "24rem",
+ "variable": "var(--spacing-96)"
+ },
+ "spacing.0.5": {
+ "value": "0.125rem",
+ "variable": "var(--spacing-0\\.5)"
+ },
+ "spacing.1.5": {
+ "value": "0.375rem",
+ "variable": "var(--spacing-1\\.5)"
+ },
+ "spacing.2.5": {
+ "value": "0.625rem",
+ "variable": "var(--spacing-2\\.5)"
+ },
+ "spacing.3.5": {
+ "value": "0.875rem",
+ "variable": "var(--spacing-3\\.5)"
+ },
+ "sizes.0": {
+ "value": "0rem",
+ "variable": "var(--sizes-0)"
+ },
+ "sizes.1": {
+ "value": "0.25rem",
+ "variable": "var(--sizes-1)"
+ },
+ "sizes.2": {
+ "value": "0.5rem",
+ "variable": "var(--sizes-2)"
+ },
+ "sizes.3": {
+ "value": "0.75rem",
+ "variable": "var(--sizes-3)"
+ },
+ "sizes.4": {
+ "value": "1rem",
+ "variable": "var(--sizes-4)"
+ },
+ "sizes.5": {
+ "value": "1.25rem",
+ "variable": "var(--sizes-5)"
+ },
+ "sizes.6": {
+ "value": "1.5rem",
+ "variable": "var(--sizes-6)"
+ },
+ "sizes.7": {
+ "value": "1.75rem",
+ "variable": "var(--sizes-7)"
+ },
+ "sizes.8": {
+ "value": "2rem",
+ "variable": "var(--sizes-8)"
+ },
+ "sizes.9": {
+ "value": "2.25rem",
+ "variable": "var(--sizes-9)"
+ },
+ "sizes.10": {
+ "value": "2.5rem",
+ "variable": "var(--sizes-10)"
+ },
+ "sizes.11": {
+ "value": "2.75rem",
+ "variable": "var(--sizes-11)"
+ },
+ "sizes.12": {
+ "value": "3rem",
+ "variable": "var(--sizes-12)"
+ },
+ "sizes.14": {
+ "value": "3.5rem",
+ "variable": "var(--sizes-14)"
+ },
+ "sizes.16": {
+ "value": "4rem",
+ "variable": "var(--sizes-16)"
+ },
+ "sizes.20": {
+ "value": "5rem",
+ "variable": "var(--sizes-20)"
+ },
+ "sizes.24": {
+ "value": "6rem",
+ "variable": "var(--sizes-24)"
+ },
+ "sizes.28": {
+ "value": "7rem",
+ "variable": "var(--sizes-28)"
+ },
+ "sizes.32": {
+ "value": "8rem",
+ "variable": "var(--sizes-32)"
+ },
+ "sizes.36": {
+ "value": "9rem",
+ "variable": "var(--sizes-36)"
+ },
+ "sizes.40": {
+ "value": "10rem",
+ "variable": "var(--sizes-40)"
+ },
+ "sizes.44": {
+ "value": "11rem",
+ "variable": "var(--sizes-44)"
+ },
+ "sizes.48": {
+ "value": "12rem",
+ "variable": "var(--sizes-48)"
+ },
+ "sizes.52": {
+ "value": "13rem",
+ "variable": "var(--sizes-52)"
+ },
+ "sizes.56": {
+ "value": "14rem",
+ "variable": "var(--sizes-56)"
+ },
+ "sizes.60": {
+ "value": "15rem",
+ "variable": "var(--sizes-60)"
+ },
+ "sizes.64": {
+ "value": "16rem",
+ "variable": "var(--sizes-64)"
+ },
+ "sizes.72": {
+ "value": "18rem",
+ "variable": "var(--sizes-72)"
+ },
+ "sizes.80": {
+ "value": "20rem",
+ "variable": "var(--sizes-80)"
+ },
+ "sizes.96": {
+ "value": "24rem",
+ "variable": "var(--sizes-96)"
+ },
+ "sizes.0.5": {
+ "value": "0.125rem",
+ "variable": "var(--sizes-0\\.5)"
+ },
+ "sizes.1.5": {
+ "value": "0.375rem",
+ "variable": "var(--sizes-1\\.5)"
+ },
+ "sizes.2.5": {
+ "value": "0.625rem",
+ "variable": "var(--sizes-2\\.5)"
+ },
+ "sizes.3.5": {
+ "value": "0.875rem",
+ "variable": "var(--sizes-3\\.5)"
+ },
+ "sizes.xs": {
+ "value": "20rem",
+ "variable": "var(--sizes-xs)"
+ },
+ "sizes.sm": {
+ "value": "24rem",
+ "variable": "var(--sizes-sm)"
+ },
+ "sizes.md": {
+ "value": "28rem",
+ "variable": "var(--sizes-md)"
+ },
+ "sizes.lg": {
+ "value": "32rem",
+ "variable": "var(--sizes-lg)"
+ },
+ "sizes.xl": {
+ "value": "36rem",
+ "variable": "var(--sizes-xl)"
+ },
+ "sizes.2xl": {
+ "value": "42rem",
+ "variable": "var(--sizes-2xl)"
+ },
+ "sizes.3xl": {
+ "value": "48rem",
+ "variable": "var(--sizes-3xl)"
+ },
+ "sizes.4xl": {
+ "value": "56rem",
+ "variable": "var(--sizes-4xl)"
+ },
+ "sizes.5xl": {
+ "value": "64rem",
+ "variable": "var(--sizes-5xl)"
+ },
+ "sizes.6xl": {
+ "value": "72rem",
+ "variable": "var(--sizes-6xl)"
+ },
+ "sizes.7xl": {
+ "value": "80rem",
+ "variable": "var(--sizes-7xl)"
+ },
+ "sizes.8xl": {
+ "value": "90rem",
+ "variable": "var(--sizes-8xl)"
+ },
+ "sizes.prose": {
+ "value": "65ch",
+ "variable": "var(--sizes-prose)"
+ },
+ "sizes.full": {
+ "value": "100%",
+ "variable": "var(--sizes-full)"
+ },
+ "sizes.min": {
+ "value": "min-content",
+ "variable": "var(--sizes-min)"
+ },
+ "sizes.max": {
+ "value": "max-content",
+ "variable": "var(--sizes-max)"
+ },
+ "sizes.fit": {
+ "value": "fit-content",
+ "variable": "var(--sizes-fit)"
+ },
+ "sizes.breakpoint-sm": {
+ "value": "640px",
+ "variable": "var(--sizes-breakpoint-sm)"
+ },
+ "sizes.breakpoint-md": {
+ "value": "768px",
+ "variable": "var(--sizes-breakpoint-md)"
+ },
+ "sizes.breakpoint-lg": {
+ "value": "1024px",
+ "variable": "var(--sizes-breakpoint-lg)"
+ },
+ "sizes.breakpoint-xl": {
+ "value": "1280px",
+ "variable": "var(--sizes-breakpoint-xl)"
+ },
+ "sizes.breakpoint-2xl": {
+ "value": "1536px",
+ "variable": "var(--sizes-breakpoint-2xl)"
+ },
+ "animations.spin": {
+ "value": "spin 1s linear infinite",
+ "variable": "var(--animations-spin)"
+ },
+ "animations.ping": {
+ "value": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+ "variable": "var(--animations-ping)"
+ },
+ "animations.pulse": {
+ "value": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+ "variable": "var(--animations-pulse)"
+ },
+ "animations.bounce": {
+ "value": "bounce 1s infinite",
+ "variable": "var(--animations-bounce)"
+ },
+ "breakpoints.sm": {
+ "value": "640px",
+ "variable": "var(--breakpoints-sm)"
+ },
+ "breakpoints.md": {
+ "value": "768px",
+ "variable": "var(--breakpoints-md)"
+ },
+ "breakpoints.lg": {
+ "value": "1024px",
+ "variable": "var(--breakpoints-lg)"
+ },
+ "breakpoints.xl": {
+ "value": "1280px",
+ "variable": "var(--breakpoints-xl)"
+ },
+ "breakpoints.2xl": {
+ "value": "1536px",
+ "variable": "var(--breakpoints-2xl)"
+ },
+ "spacing.-1": {
+ "value": "calc(var(--spacing-1) * -1)",
+ "variable": "var(--spacing-1)"
+ },
+ "spacing.-2": {
+ "value": "calc(var(--spacing-2) * -1)",
+ "variable": "var(--spacing-2)"
+ },
+ "spacing.-3": {
+ "value": "calc(var(--spacing-3) * -1)",
+ "variable": "var(--spacing-3)"
+ },
+ "spacing.-4": {
+ "value": "calc(var(--spacing-4) * -1)",
+ "variable": "var(--spacing-4)"
+ },
+ "spacing.-5": {
+ "value": "calc(var(--spacing-5) * -1)",
+ "variable": "var(--spacing-5)"
+ },
+ "spacing.-6": {
+ "value": "calc(var(--spacing-6) * -1)",
+ "variable": "var(--spacing-6)"
+ },
+ "spacing.-7": {
+ "value": "calc(var(--spacing-7) * -1)",
+ "variable": "var(--spacing-7)"
+ },
+ "spacing.-8": {
+ "value": "calc(var(--spacing-8) * -1)",
+ "variable": "var(--spacing-8)"
+ },
+ "spacing.-9": {
+ "value": "calc(var(--spacing-9) * -1)",
+ "variable": "var(--spacing-9)"
+ },
+ "spacing.-10": {
+ "value": "calc(var(--spacing-10) * -1)",
+ "variable": "var(--spacing-10)"
+ },
+ "spacing.-11": {
+ "value": "calc(var(--spacing-11) * -1)",
+ "variable": "var(--spacing-11)"
+ },
+ "spacing.-12": {
+ "value": "calc(var(--spacing-12) * -1)",
+ "variable": "var(--spacing-12)"
+ },
+ "spacing.-14": {
+ "value": "calc(var(--spacing-14) * -1)",
+ "variable": "var(--spacing-14)"
+ },
+ "spacing.-16": {
+ "value": "calc(var(--spacing-16) * -1)",
+ "variable": "var(--spacing-16)"
+ },
+ "spacing.-20": {
+ "value": "calc(var(--spacing-20) * -1)",
+ "variable": "var(--spacing-20)"
+ },
+ "spacing.-24": {
+ "value": "calc(var(--spacing-24) * -1)",
+ "variable": "var(--spacing-24)"
+ },
+ "spacing.-28": {
+ "value": "calc(var(--spacing-28) * -1)",
+ "variable": "var(--spacing-28)"
+ },
+ "spacing.-32": {
+ "value": "calc(var(--spacing-32) * -1)",
+ "variable": "var(--spacing-32)"
+ },
+ "spacing.-36": {
+ "value": "calc(var(--spacing-36) * -1)",
+ "variable": "var(--spacing-36)"
+ },
+ "spacing.-40": {
+ "value": "calc(var(--spacing-40) * -1)",
+ "variable": "var(--spacing-40)"
+ },
+ "spacing.-44": {
+ "value": "calc(var(--spacing-44) * -1)",
+ "variable": "var(--spacing-44)"
+ },
+ "spacing.-48": {
+ "value": "calc(var(--spacing-48) * -1)",
+ "variable": "var(--spacing-48)"
+ },
+ "spacing.-52": {
+ "value": "calc(var(--spacing-52) * -1)",
+ "variable": "var(--spacing-52)"
+ },
+ "spacing.-56": {
+ "value": "calc(var(--spacing-56) * -1)",
+ "variable": "var(--spacing-56)"
+ },
+ "spacing.-60": {
+ "value": "calc(var(--spacing-60) * -1)",
+ "variable": "var(--spacing-60)"
+ },
+ "spacing.-64": {
+ "value": "calc(var(--spacing-64) * -1)",
+ "variable": "var(--spacing-64)"
+ },
+ "spacing.-72": {
+ "value": "calc(var(--spacing-72) * -1)",
+ "variable": "var(--spacing-72)"
+ },
+ "spacing.-80": {
+ "value": "calc(var(--spacing-80) * -1)",
+ "variable": "var(--spacing-80)"
+ },
+ "spacing.-96": {
+ "value": "calc(var(--spacing-96) * -1)",
+ "variable": "var(--spacing-96)"
+ },
+ "spacing.-0.5": {
+ "value": "calc(var(--spacing-0\\.5) * -1)",
+ "variable": "var(--spacing-0\\.5)"
+ },
+ "spacing.-1.5": {
+ "value": "calc(var(--spacing-1\\.5) * -1)",
+ "variable": "var(--spacing-1\\.5)"
+ },
+ "spacing.-2.5": {
+ "value": "calc(var(--spacing-2\\.5) * -1)",
+ "variable": "var(--spacing-2\\.5)"
+ },
+ "spacing.-3.5": {
+ "value": "calc(var(--spacing-3\\.5) * -1)",
+ "variable": "var(--spacing-3\\.5)"
+ },
+ "colors.colorPalette.50": {
+ "value": "var(--colors-color-palette-50)",
+ "variable": "var(--colors-color-palette-50)"
+ },
+ "colors.colorPalette.100": {
+ "value": "var(--colors-color-palette-100)",
+ "variable": "var(--colors-color-palette-100)"
+ },
+ "colors.colorPalette.200": {
+ "value": "var(--colors-color-palette-200)",
+ "variable": "var(--colors-color-palette-200)"
+ },
+ "colors.colorPalette.300": {
+ "value": "var(--colors-color-palette-300)",
+ "variable": "var(--colors-color-palette-300)"
+ },
+ "colors.colorPalette.400": {
+ "value": "var(--colors-color-palette-400)",
+ "variable": "var(--colors-color-palette-400)"
+ },
+ "colors.colorPalette.500": {
+ "value": "var(--colors-color-palette-500)",
+ "variable": "var(--colors-color-palette-500)"
+ },
+ "colors.colorPalette.600": {
+ "value": "var(--colors-color-palette-600)",
+ "variable": "var(--colors-color-palette-600)"
+ },
+ "colors.colorPalette.700": {
+ "value": "var(--colors-color-palette-700)",
+ "variable": "var(--colors-color-palette-700)"
+ },
+ "colors.colorPalette.800": {
+ "value": "var(--colors-color-palette-800)",
+ "variable": "var(--colors-color-palette-800)"
+ },
+ "colors.colorPalette.900": {
+ "value": "var(--colors-color-palette-900)",
+ "variable": "var(--colors-color-palette-900)"
+ },
+ "colors.colorPalette.950": {
+ "value": "var(--colors-color-palette-950)",
+ "variable": "var(--colors-color-palette-950)"
+ }
+}
+
+export function token(path, fallback) {
+ return tokens[path]?.value || fallback
+}
+
+function tokenVar(path, fallback) {
+ return tokens[path]?.variable || fallback
+}
+
+token.var = tokenVar
\ No newline at end of file
diff --git a/src/styled-system/tokens/keyframes.css b/src/styled-system/tokens/keyframes.css
new file mode 100644
index 0000000..554e3c1
--- /dev/null
+++ b/src/styled-system/tokens/keyframes.css
@@ -0,0 +1,28 @@
+@layer tokens {
+ @keyframes spin {
+ to {
+ transform: rotate(360deg)
+ }
+ }
+ @keyframes ping {
+ 75%, 100% {
+ transform: scale(2);
+ opacity: 0
+ }
+ }
+ @keyframes pulse {
+ 50% {
+ opacity: .5
+ }
+ }
+ @keyframes bounce {
+ 0%, 100% {
+ transform: translateY(-25%);
+ animation-timing-function: cubic-bezier(0.8,0,1,1)
+ }
+ 50% {
+ transform: none;
+ animation-timing-function: cubic-bezier(0,0,0.2,1)
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/styled-system/tokens/tokens.d.ts b/src/styled-system/tokens/tokens.d.ts
new file mode 100644
index 0000000..de1fb69
--- /dev/null
+++ b/src/styled-system/tokens/tokens.d.ts
@@ -0,0 +1,60 @@
+/* eslint-disable */
+export type Token = "borders.none" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "fonts.sans" | "fonts.serif" | "fonts.mono" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "fontSizes.2xs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.rose.950" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.pink.950" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.fuchsia.950" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.950" | "colors.violet.50" | "colors.violet.100" | "colors.violet.200" | "colors.violet.300" | "colors.violet.400" | "colors.violet.500" | "colors.violet.600" | "colors.violet.700" | "colors.violet.800" | "colors.violet.900" | "colors.violet.950" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.indigo.950" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.950" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.sky.950" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.950" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.teal.950" | "colors.emerald.50" | "colors.emerald.100" | "colors.emerald.200" | "colors.emerald.300" | "colors.emerald.400" | "colors.emerald.500" | "colors.emerald.600" | "colors.emerald.700" | "colors.emerald.800" | "colors.emerald.900" | "colors.emerald.950" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.950" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.lime.950" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.950" | "colors.amber.50" | "colors.amber.100" | "colors.amber.200" | "colors.amber.300" | "colors.amber.400" | "colors.amber.500" | "colors.amber.600" | "colors.amber.700" | "colors.amber.800" | "colors.amber.900" | "colors.amber.950" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.950" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.950" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "colors.stone.50" | "colors.stone.100" | "colors.stone.200" | "colors.stone.300" | "colors.stone.400" | "colors.stone.500" | "colors.stone.600" | "colors.stone.700" | "colors.stone.800" | "colors.stone.900" | "colors.stone.950" | "colors.zinc.50" | "colors.zinc.100" | "colors.zinc.200" | "colors.zinc.300" | "colors.zinc.400" | "colors.zinc.500" | "colors.zinc.600" | "colors.zinc.700" | "colors.zinc.800" | "colors.zinc.900" | "colors.zinc.950" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.gray.950" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.slate.950" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950"
+
+export type ColorPalette = "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate"
+
+export type BorderToken = "none"
+
+export type EasingToken = "default" | "linear" | "in" | "out" | "in-out"
+
+export type DurationToken = "fastest" | "faster" | "fast" | "normal" | "slow" | "slower" | "slowest"
+
+export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"
+
+export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black"
+
+export type LineHeightToken = "none" | "tight" | "snug" | "normal" | "relaxed" | "loose"
+
+export type FontToken = "sans" | "serif" | "mono"
+
+export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest"
+
+export type FontSizeToken = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl"
+
+export type ShadowToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inner"
+
+export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950"
+
+export type BlurToken = "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl"
+
+export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5"
+
+export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
+
+export type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
+
+export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
+
+export type AnimationName = "spin" | "ping" | "pulse" | "bounce"
+
+export type Tokens = {
+ borders: BorderToken
+ easings: EasingToken
+ durations: DurationToken
+ radii: RadiusToken
+ fontWeights: FontWeightToken
+ lineHeights: LineHeightToken
+ fonts: FontToken
+ letterSpacings: LetterSpacingToken
+ fontSizes: FontSizeToken
+ shadows: ShadowToken
+ colors: ColorToken
+ blurs: BlurToken
+ spacing: SpacingToken
+ sizes: SizeToken
+ animations: AnimationToken
+ breakpoints: BreakpointToken
+ animationName: AnimationName
+} & { [token: string]: never }
+
+export type TokenCategory = "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "shadows" | "spacing" | "radii" | "borders" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
\ No newline at end of file
diff --git a/src/styled-system/types/composition.d.ts b/src/styled-system/types/composition.d.ts
new file mode 100644
index 0000000..cb84152
--- /dev/null
+++ b/src/styled-system/types/composition.d.ts
@@ -0,0 +1,111 @@
+/* eslint-disable */
+import type { CompositionStyleObject } from './system-types'
+
+type Recursive = {
+ [key: string]: Recursive | T
+}
+
+export type Token = {
+ value: Value
+ description?: string
+}
+
+/* -----------------------------------------------------------------------------
+ * Text styles
+ * -----------------------------------------------------------------------------*/
+
+type TextStyleProperty =
+ | 'fontSize'
+ | 'fontSizeAdjust'
+ | 'fontVariationSettings'
+ | 'fontVariantPosition'
+ | 'fontVariantCaps'
+ | 'fontVariantNumeric'
+ | 'fontVariantAlternates'
+ | 'fontVariantLigatures'
+ | 'fontFamily'
+ | 'fontWeight'
+ | 'fontSynthesis'
+ | 'fontStyle'
+ | 'fontVariant'
+ | 'lineHeight'
+ | 'letterSpacing'
+ | 'textDecoration'
+ | 'textTransform'
+ | 'textIndent'
+ | 'textDecorationColor'
+ | 'textDecorationLine'
+ | 'textDecorationStyle'
+ | 'textEmphasisColor'
+ | 'textEmphasisPosition'
+ | 'textEmphasisStyle'
+ | 'hyphenateCharacter'
+ | 'textOrientation'
+ | 'textOverflow'
+ | 'textRendering'
+
+export type TextStyle = CompositionStyleObject
+
+export type TextStyles = Recursive>
+
+/* -----------------------------------------------------------------------------
+ * Layer styles
+ * -----------------------------------------------------------------------------*/
+
+type Placement =
+ | 'Top'
+ | 'Right'
+ | 'Bottom'
+ | 'Left'
+ | 'Inline'
+ | 'Block'
+ | 'InlineStart'
+ | 'InlineEnd'
+ | 'BlockStart'
+ | 'BlockEnd'
+
+type Radius =
+ | `Top${'Right' | 'Left'}`
+ | `Bottom${'Right' | 'Left'}`
+ | `Start${'Start' | 'End'}`
+ | `End${'Start' | 'End'}`
+
+type LayerStyleProperty =
+ | 'background'
+ | 'backgroundColor'
+ | 'backgroundImage'
+ | 'borderRadius'
+ | 'border'
+ | 'borderWidth'
+ | 'borderColor'
+ | 'borderStyle'
+ | 'boxShadow'
+ | 'filter'
+ | 'backdropFilter'
+ | 'transform'
+ | 'color'
+ | 'opacity'
+ | 'backgroundBlendMode'
+ | 'backgroundAttachment'
+ | 'backgroundClip'
+ | 'backgroundOrigin'
+ | 'backgroundPosition'
+ | 'backgroundRepeat'
+ | 'backgroundSize'
+ | `border${Placement}`
+ | `border${Placement}Width`
+ | 'borderRadius'
+ | `border${Radius}Radius`
+ | `border${Placement}Color`
+ | `border${Placement}Style`
+ | 'padding'
+ | `padding${Placement}`
+
+export type LayerStyle = CompositionStyleObject
+
+export type LayerStyles = Recursive>
+
+export type CompositionStyles = {
+ textStyles: TextStyles
+ layerStyles: LayerStyles
+}
diff --git a/src/styled-system/types/conditions.d.ts b/src/styled-system/types/conditions.d.ts
new file mode 100644
index 0000000..90cc92a
--- /dev/null
+++ b/src/styled-system/types/conditions.d.ts
@@ -0,0 +1,136 @@
+/* eslint-disable */
+import type { AnySelector, Selectors } from './selectors'
+
+export type Conditions = {
+ "_hover": string
+ "_focus": string
+ "_focusWithin": string
+ "_focusVisible": string
+ "_disabled": string
+ "_active": string
+ "_visited": string
+ "_target": string
+ "_readOnly": string
+ "_readWrite": string
+ "_empty": string
+ "_checked": string
+ "_enabled": string
+ "_expanded": string
+ "_highlighted": string
+ "_before": string
+ "_after": string
+ "_firstLetter": string
+ "_firstLine": string
+ "_marker": string
+ "_selection": string
+ "_file": string
+ "_backdrop": string
+ "_first": string
+ "_last": string
+ "_only": string
+ "_even": string
+ "_odd": string
+ "_firstOfType": string
+ "_lastOfType": string
+ "_onlyOfType": string
+ "_peerFocus": string
+ "_peerHover": string
+ "_peerActive": string
+ "_peerFocusWithin": string
+ "_peerFocusVisible": string
+ "_peerDisabled": string
+ "_peerChecked": string
+ "_peerInvalid": string
+ "_peerExpanded": string
+ "_peerPlaceholderShown": string
+ "_groupFocus": string
+ "_groupHover": string
+ "_groupActive": string
+ "_groupFocusWithin": string
+ "_groupFocusVisible": string
+ "_groupDisabled": string
+ "_groupChecked": string
+ "_groupExpanded": string
+ "_groupInvalid": string
+ "_indeterminate": string
+ "_required": string
+ "_valid": string
+ "_invalid": string
+ "_autofill": string
+ "_inRange": string
+ "_outOfRange": string
+ "_placeholder": string
+ "_placeholderShown": string
+ "_pressed": string
+ "_selected": string
+ "_default": string
+ "_optional": string
+ "_open": string
+ "_fullscreen": string
+ "_loading": string
+ "_currentPage": string
+ "_currentStep": string
+ "_motionReduce": string
+ "_motionSafe": string
+ "_print": string
+ "_landscape": string
+ "_portrait": string
+ "_dark": string
+ "_light": string
+ "_osDark": string
+ "_osLight": string
+ "_highContrast": string
+ "_lessContrast": string
+ "_moreContrast": string
+ "_ltr": string
+ "_rtl": string
+ "_scrollbar": string
+ "_scrollbarThumb": string
+ "_scrollbarTrack": string
+ "_horizontal": string
+ "_vertical": string
+ "sm": string
+ "smOnly": string
+ "smDown": string
+ "md": string
+ "mdOnly": string
+ "mdDown": string
+ "lg": string
+ "lgOnly": string
+ "lgDown": string
+ "xl": string
+ "xlOnly": string
+ "xlDown": string
+ "2xl": string
+ "2xlOnly": string
+ "smToMd": string
+ "smToLg": string
+ "smToXl": string
+ "smTo2xl": string
+ "mdToLg": string
+ "mdToXl": string
+ "mdTo2xl": string
+ "lgToXl": string
+ "lgTo2xl": string
+ "xlTo2xl": string
+ "base": string
+}
+
+export type Condition = keyof Conditions
+
+export type Conditional =
+ | V
+ | Array
+ | {
+ [K in keyof Conditions]?: Conditional
+ }
+
+export type ConditionalValue = Conditional
+
+export type Nested = P & {
+ [K in Selectors]?: Nested
+} & {
+ [K in AnySelector]?: Nested
+} & {
+ [K in keyof Conditions]?: Nested
+}
diff --git a/src/styled-system/types/csstype.d.ts b/src/styled-system/types/csstype.d.ts
new file mode 100644
index 0000000..11f95c0
--- /dev/null
+++ b/src/styled-system/types/csstype.d.ts
@@ -0,0 +1,20749 @@
+/* eslint-disable */
+export {};
+
+export type PropertyValue = TValue extends Array
+ ? Array
+ : TValue extends infer TUnpacked & {}
+ ? TUnpacked
+ : TValue;
+
+export type Fallback = { [P in keyof T]: T[P] | NonNullable[] };
+
+export interface StandardLonghandProperties {
+ /**
+ * The **`accent-color`** CSS property sets the accent color for user-interface controls generated by some elements.
+ *
+ * **Syntax**: `auto | `
+ *
+ * **Initial value**: `auto`
+ *
+ * | Chrome | Firefox | Safari | Edge | IE |
+ * | :----: | :-----: | :------: | :--: | :-: |
+ * | **93** | **92** | **15.4** | n/a | No |
+ *
+ * @see https://developer.mozilla.org/docs/Web/CSS/accent-color
+ */
+ accentColor?: Property.AccentColor | undefined;
+ /**
+ * The CSS **`align-content`** property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
+ *
+ * **Syntax**: `normal | | | ? `
+ *
+ * **Initial value**: `normal`
+ *
+ * | Chrome | Firefox | Safari | Edge | IE |
+ * | :------: | :-----: | :-----: | :----: | :----: |
+ * | **29** | **28** | **9** | **12** | **11** |
+ * | 21 _-x-_ | | 7 _-x-_ | | |
+ *
+ * @see https://developer.mozilla.org/docs/Web/CSS/align-content
+ */
+ alignContent?: Property.AlignContent | undefined;
+ /**
+ * The CSS **`align-items`** property sets the `align-self` value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
+ *
+ * **Syntax**: `normal | stretch | | [ ? ]`
+ *
+ * **Initial value**: `normal`
+ *
+ * | Chrome | Firefox | Safari | Edge | IE |
+ * | :------: | :-----: | :-----: | :----: | :----: |
+ * | **29** | **20** | **9** | **12** | **11** |
+ * | 21 _-x-_ | | 7 _-x-_ | | |
+ *
+ * @see https://developer.mozilla.org/docs/Web/CSS/align-items
+ */
+ alignItems?: Property.AlignItems | undefined;
+ /**
+ * The **`align-self`** CSS property overrides a grid or flex item's `align-items` value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.
+ *
+ * **Syntax**: `auto | normal | stretch | | ? `
+ *
+ * **Initial value**: `auto`
+ *
+ * | Chrome | Firefox | Safari | Edge | IE |
+ * | :------: | :-----: | :-----: | :----: | :----: |
+ * | **29** | **20** | **9** | **12** | **10** |
+ * | 21 _-x-_ | | 7 _-x-_ | | |
+ *
+ * @see https://developer.mozilla.org/docs/Web/CSS/align-self
+ */
+ alignSelf?: Property.AlignSelf | undefined;
+ /**
+ * The **`align-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis.
+ *
+ * **Syntax**: `[ normal | | | ? ]#`
+ *
+ * **Initial value**: `normal`
+ *
+ * | Chrome | Firefox | Safari | Edge | IE |
+ * | :----: | :-----: | :----: | :--: | :-: |
+ * | No | n/a | No | n/a | No |
+ *
+ * @see https://developer.mozilla.org/docs/Web/CSS/align-tracks
+ */
+ alignTracks?: Property.AlignTracks | undefined;
+ /**
+ * The **`animation-composition`** CSS property specifies the composite operation to use when multiple animations affect the same property simultaneously.
+ *
+ * **Syntax**: `#`
+ *
+ * **Initial value**: `replace`
+ *
+ * | Chrome | Firefox | Safari | Edge | IE |
+ * | :-----: | :-----: | :----: | :--: | :-: |
+ * | **112** | n/a | **16** | n/a | No |
+ *
+ * @see https://developer.mozilla.org/docs/Web/CSS/animation-composition
+ */
+ animationComposition?: Property.AnimationComposition | undefined;
+ /**
+ * The **`animation-delay`** CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
+ *
+ * **Syntax**: `