@telegraph/style-engine 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @telegraph/style-engine
+
+## 0.0.1
+
+### Patch Changes
+
+- [#162](https://github.com/knocklabs/telegraph/pull/162) [`5baffd9`](https://github.com/knocklabs/telegraph/commit/5baffd925a0abcd5c1cc0cbe75ec865271c30375) Thanks [@kylemcd](https://github.com/kylemcd)! - fixes issues stemming from the change to the new style engine
+
+- [#161](https://github.com/knocklabs/telegraph/pull/161) [`1c2ac3b`](https://github.com/knocklabs/telegraph/commit/1c2ac3bed11f2811423587b5189db286359df062) Thanks [@kylemcd](https://github.com/kylemcd)! - style-engine build + integration into layout package
+
+- Updated dependencies []:
+  - @telegraph/tokens@0.0.13

package/README.md

@@ -0,0 +1,17 @@
+![Telegraph by Knock](https://github.com/knocklabs/telegraph/assets/29106675/9b5022e3-b02c-4582-ba57-3d6171e45e44)
+
+[![npm version](https://img.shields.io/npm/v/@telegraph/button.svg)](https://www.npmjs.com/package/@telegraph/style-engine)
+
+# @telegraph/style-engine
+> A wrappar around vanilla extract to style telegraph
+
+## Installation Instructions
+
+```
+npm install @telegraph/style-engine
+```
+
+### Add stylesheet
+```
+@import "@telegraph/style-engine"
+```

package/dist/cjs/index.js

@@ -0,0 +1,50 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const qe=require("@vanilla-extract/recipes"),Oe=require("@vanilla-extract/sprinkles"),G=require("react"),D=require("@telegraph/tokens");var le={},Be=n=>{var{fileScope:e,css:r}=n,t=e.packageName?[e.packageName,e.filePath].join("/"):e.filePath,a=le[t];if(!a){var i=document.createElement("style");e.packageName&&i.setAttribute("data-package",e.packageName),i.setAttribute("data-file",e.filePath),i.setAttribute("type","text/css"),a=le[t]=i,document.head.appendChild(i)}a.innerHTML=r};function Ue(n){var e=n.match(/^var\((.*)\)$/);return e?e[1]:n}function ke(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}/*! https://mths.be/cssesc v3.0.0 by @mathias */var $e={},We=$e.hasOwnProperty,Ve=function(e,r){if(!e)return r;var t={};for(var a in r)t[a]=We.call(e,a)?e[a]:r[a];return t},Ke=/[ -,\.\/:-@\[-\^`\{-~]/,He=/[ -,\.\/:-@\[\]\^`\{-~]/,Ye=/(^|\\+)?(\\[A-F0-9]{1,6})\x20(?![a-fA-F0-9\x20])/g,re=function n(e,r){r=Ve(r,n.options),r.quotes!="single"&&r.quotes!="double"&&(r.quotes="single");for(var t=r.quotes=="double"?'"':"'",a=r.isIdentifier,i=e.charAt(0),l="",u=0,o=e.length;u<o;){var s=e.charAt(u++),p=s.charCodeAt(),h=void 0;if(p<32||p>126){if(p>=55296&&p<=56319&&u<o){var v=e.charCodeAt(u++);(v&64512)==56320?p=((p&1023)<<10)+(v&1023)+65536:u--}h="\\"+p.toString(16).toUpperCase()+" "}else r.escapeEverything?Ke.test(s)?h="\\"+s:h="\\"+p.toString(16).toUpperCase()+" ":/[\t\n\f\r\x0B]/.test(s)?h="\\"+p.toString(16).toUpperCase()+" ":s=="\\"||!a&&(s=='"'&&t==s||s=="'"&&t==s)||a&&He.test(s)?h="\\"+s:h=s;l+=h}return a&&(/^-[-\d]/.test(l)?l="\\-"+l.slice(1):/\d/.test(i)&&(l="\\3"+i+" "+l.slice(1))),l=l.replace(Ye,function(f,g,d){return g&&g.length%2?f:(g||"")+d}),!a&&r.wrap?t+l+t:l};re.options={escapeEverything:!1,isIdentifier:!1,quotes:"single",wrap:!1};re.version="3.0.0";var Ze=re;const Ee=ke(Ze);class Ge{constructor(e){const{failure:r,gotoFn:t,output:a}=this._buildTables(e);this.gotoFn=t,this.output=a,this.failure=r}_buildTables(e){const r={0:{}},t={};let a=0;for(const u of e){let o=0;for(const s of u)r[o]&&s in r[o]?o=r[o][s]:(a++,r[o][s]=a,r[a]={},o=a,t[a]=[]);t[o].push(u)}const i={},l=[];for(const u in r[0]){const o=r[0][u];i[o]=0,l.push(o)}for(;l.length>0;){const u=l.shift();if(u!==void 0)for(const o in r[u]){const s=r[u][o];l.push(s);let p=i[u];for(;p>0&&!(o in r[p]);)p=i[p];if(o in r[p]){const h=r[p][o];i[s]=h,t[s]=[...t[s],...t[h]]}else i[s]=0}}return{gotoFn:r,output:t,failure:i}}search(e){let r=0;const t=[];for(let a=0;a<e.length;a++){const i=e[a];for(;r>0&&!(i in this.gotoFn[r]);)r=this.failure[r];if(i in this.gotoFn[r]&&(r=this.gotoFn[r][i],this.output[r].length>0)){const l=this.output[r];t.push([a,l])}}return t}}var Je={appendCss:()=>{},registerClassName:()=>{},onEndFileScope:()=>{},registerComposition:()=>{},markCompositionUsed:()=>{},getIdentOption:()=>process.env.NODE_ENV==="production"?"short":"debug"},W=[Je],q=()=>{if(W.length<1)throw new Error("No adapter configured");return W[W.length-1]},xe=!1,Xe=n=>{xe||_e(n)},_e=n=>{if(!n)throw new Error('No adapter provided when calling "setAdapter"');xe=!0,W.push(n)},je=function(){return q().appendCss(...arguments)},Pe=function(){return q().registerClassName(...arguments)},Qe=function(){return q().registerComposition(...arguments)},Me=function(){return q().markCompositionUsed(...arguments)},Te=function(){var e=q();return"getIdentOption"in e?e.getIdentOption(...arguments):process.env.NODE_ENV==="production"?"short":"debug"};function te(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var m;(function(n){n.Attribute="attribute",n.Pseudo="pseudo",n.PseudoElement="pseudo-element",n.Tag="tag",n.Universal="universal",n.Adjacent="adjacent",n.Child="child",n.Descendant="descendant",n.Parent="parent",n.Sibling="sibling",n.ColumnCombinator="column-combinator"})(m||(m={}));var x;(function(n){n.Any="any",n.Element="element",n.End="end",n.Equals="equals",n.Exists="exists",n.Hyphen="hyphen",n.Not="not",n.Start="start"})(x||(x={}));const oe=/^[^\\#]?(?:\\(?:[\da-f]{1,6}\s?|.)|[\w\-\u00b0-\uFFFF])+/,er=/\\([\da-f]{1,6}\s?|(\s)|.)/gi,rr=new Map([[126,x.Element],[94,x.Start],[36,x.End],[42,x.Any],[33,x.Not],[124,x.Hyphen]]),tr=new Set(["has","not","matches","is","where","host","host-context"]);function ar(n){switch(n.type){case m.Adjacent:case m.Child:case m.Descendant:case m.Parent:case m.Sibling:case m.ColumnCombinator:return!0;default:return!1}}const nr=new Set(["contains","icontains"]);function ir(n,e,r){const t=parseInt(e,16)-65536;return t!==t||r?e:t<0?String.fromCharCode(t+65536):String.fromCharCode(t>>10|55296,t&1023|56320)}function F(n){return n.replace(er,ir)}function J(n){return n===39||n===34}function ue(n){return n===32||n===9||n===10||n===12||n===13}function lr(n){const e=[],r=Le(e,`${n}`,0);if(r<n.length)throw new Error(`Unmatched selector: ${n.slice(r)}`);return e}function Le(n,e,r){let t=[];function a(v){const f=e.slice(r+v).match(oe);if(!f)throw new Error(`Expected name, found ${e.slice(r)}`);const[g]=f;return r+=v+g.length,F(g)}function i(v){for(r+=v;r<e.length&&ue(e.charCodeAt(r));)r++}function l(){r+=1;const v=r;let f=1;for(;f>0&&r<e.length;r++)e.charCodeAt(r)===40&&!u(r)?f++:e.charCodeAt(r)===41&&!u(r)&&f--;if(f)throw new Error("Parenthesis not matched");return F(e.slice(v,r-1))}function u(v){let f=0;for(;e.charCodeAt(--v)===92;)f++;return(f&1)===1}function o(){if(t.length>0&&ar(t[t.length-1]))throw new Error("Did not expect successive traversals.")}function s(v){if(t.length>0&&t[t.length-1].type===m.Descendant){t[t.length-1].type=v;return}o(),t.push({type:v})}function p(v,f){t.push({type:m.Attribute,name:v,action:f,value:a(1),namespace:null,ignoreCase:"quirks"})}function h(){if(t.length&&t[t.length-1].type===m.Descendant&&t.pop(),t.length===0)throw new Error("Empty sub-selector");n.push(t)}if(i(0),e.length===r)return r;e:for(;r<e.length;){const v=e.charCodeAt(r);switch(v){case 32:case 9:case 10:case 12:case 13:{(t.length===0||t[0].type!==m.Descendant)&&(o(),t.push({type:m.Descendant})),i(1);break}case 62:{s(m.Child),i(1);break}case 60:{s(m.Parent),i(1);break}case 126:{s(m.Sibling),i(1);break}case 43:{s(m.Adjacent),i(1);break}case 46:{p("class",x.Element);break}case 35:{p("id",x.Equals);break}case 91:{i(1);let f,g=null;e.charCodeAt(r)===124?f=a(1):e.startsWith("*|",r)?(g="*",f=a(2)):(f=a(0),e.charCodeAt(r)===124&&e.charCodeAt(r+1)!==61&&(g=f,f=a(1))),i(0);let d=x.Exists;const c=rr.get(e.charCodeAt(r));if(c){if(d=c,e.charCodeAt(r+1)!==61)throw new Error("Expected `=`");i(2)}else e.charCodeAt(r)===61&&(d=x.Equals,i(1));let A="",b=null;if(d!=="exists"){if(J(e.charCodeAt(r))){const k=e.charCodeAt(r);let S=r+1;for(;S<e.length&&(e.charCodeAt(S)!==k||u(S));)S+=1;if(e.charCodeAt(S)!==k)throw new Error("Attribute value didn't end");A=F(e.slice(r+1,S)),r=S+1}else{const k=r;for(;r<e.length&&(!ue(e.charCodeAt(r))&&e.charCodeAt(r)!==93||u(r));)r+=1;A=F(e.slice(k,r))}i(0);const C=e.charCodeAt(r)|32;C===115?(b=!1,i(1)):C===105&&(b=!0,i(1))}if(e.charCodeAt(r)!==93)throw new Error("Attribute selector didn't terminate");r+=1;const w={type:m.Attribute,name:f,action:d,value:A,namespace:g,ignoreCase:b};t.push(w);break}case 58:{if(e.charCodeAt(r+1)===58){t.push({type:m.PseudoElement,name:a(2).toLowerCase(),data:e.charCodeAt(r)===40?l():null});continue}const f=a(1).toLowerCase();let g=null;if(e.charCodeAt(r)===40)if(tr.has(f)){if(J(e.charCodeAt(r+1)))throw new Error(`Pseudo-selector ${f} cannot be quoted`);if(g=[],r=Le(g,e,r+1),e.charCodeAt(r)!==41)throw new Error(`Missing closing parenthesis in :${f} (${e})`);r+=1}else{if(g=l(),nr.has(f)){const d=g.charCodeAt(0);d===g.charCodeAt(g.length-1)&&J(d)&&(g=g.slice(1,-1))}g=F(g)}t.push({type:m.Pseudo,name:f,data:g});break}case 44:{h(),t=[],i(1);break}default:{if(e.startsWith("/*",r)){const d=e.indexOf("*/",r+2);if(d<0)throw new Error("Comment was not terminated");r=d+2,t.length===0&&i(0);break}let f=null,g;if(v===42)r+=1,g="*";else if(v===124){if(g="",e.charCodeAt(r+1)===124){s(m.ColumnCombinator),i(2);break}}else if(oe.test(e.slice(r)))g=a(0);else break e;e.charCodeAt(r)===124&&e.charCodeAt(r+1)!==124&&(f=g,e.charCodeAt(r+1)===42?(g="*",r+=2):g=a(1)),t.push(g==="*"?{type:m.Universal,namespace:f}:{type:m.Tag,name:g,namespace:f})}}}return h(),r}function se(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable})),r.push.apply(r,t)}return r}function pe(n){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?se(Object(r),!0).forEach(function(t){or(n,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):se(Object(r)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(r,t))})}return n}function or(n,e,r){return e=ur(e),e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function ur(n){var e=sr(n,"string");return typeof e=="symbol"?e:String(e)}function sr(n,e){if(typeof n!="object"||n===null)return n;var r=n[Symbol.toPrimitive];if(r!==void 0){var t=r.call(n,e||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(n)}const ae=ze({});function ze(n){return e.withOptions=r=>ze(pe(pe({},n),r)),e;function e(r,...t){const a=typeof r=="string"?[r]:r.raw,{escapeSpecialCharacters:i=Array.isArray(r)}=n;let l="";for(let s=0;s<a.length;s++){let p=a[s];i&&(p=p.replace(/\\\n[ \t]*/g,"").replace(/\\`/g,"`").replace(/\\\$/g,"$").replace(/\\\{/g,"{")),l+=p,s<t.length&&(l+=t[s])}const u=l.split(`
+`);let o=null;for(const s of u){const p=s.match(/^(\s+)\S+/);if(p){const h=p[1].length;o?o=Math.min(o,h):o=h}}if(o!==null){const s=o;l=u.map(p=>p[0]===" "||p[0]==="	"?p.slice(s):p).join(`
+`)}return l=l.trim(),i&&(l=l.replace(/\\n/g,`
+`)),l}}/*! @license MediaQueryParser - MIT License - Tom Golden (github@tbjgolden.com) *//*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */var V=function(){return V=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++){r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},V.apply(this,arguments)};function Q(n,e){var r={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,t=Object.getOwnPropertySymbols(n);a<t.length;a++)e.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(n,t[a])&&(r[t[a]]=n[t[a]]);return r}function pr(n){var e=typeof Symbol=="function"&&Symbol.iterator,r=e&&n[e],t=0;if(r)return r.call(n);if(n&&typeof n.length=="number")return{next:function(){return n&&t>=n.length&&(n=void 0),{value:n&&n[t++],done:!n}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function y(n,e){var r=typeof Symbol=="function"&&n[Symbol.iterator];if(!r)return n;var t=r.call(n),a,i=[],l;try{for(;(e===void 0||e-- >0)&&!(a=t.next()).done;)i.push(a.value)}catch(u){l={error:u}}finally{try{a&&!a.done&&(r=t.return)&&r.call(t)}finally{if(l)throw l.error}}return i}var hr=/(\u000D|\u000C|\u000D\u000A)/g,cr=/[\u0000\uD800-\uDFFF]/g,fr=/(\/\*)[\s\S]*?(\*\/)/g,gr=function(e,r){r===void 0&&(r=0),e=e.replace(hr,`
+`).replace(cr,"�"),e=e.replace(fr,"");for(var t=[];r<e.length;r+=1){var a=e.charCodeAt(r);if(a===9||a===32||a===10){for(var i=e.charCodeAt(++r);i===9||i===32||i===10;)i=e.charCodeAt(++r);r-=1,t.push({type:"<whitespace-token>"})}else if(a===34){var l=he(e,r);if(l===null)return null;var u=y(l,2),o=u[0],s=u[1];t.push({type:"<string-token>",value:s}),r=o}else if(a===35){if(r+1<e.length){var p=e.charCodeAt(r+1);if(p===95||p>=65&&p<=90||p>=97&&p<=122||p>=128||p>=48&&p<=57||p===92&&r+2<e.length&&e.charCodeAt(r+2)!==10){var h=Ie(e,r+1)?"id":"unrestricted",l=dr(e,r+1);if(l!==null){var v=y(l,2),o=v[0],s=v[1];t.push({type:"<hash-token>",value:s.toLowerCase(),flag:h}),r=o;continue}}}t.push({type:"<delim-token>",value:a})}else if(a===39){var l=he(e,r);if(l===null)return null;var f=y(l,2),o=f[0],s=f[1];t.push({type:"<string-token>",value:s}),r=o}else if(a===40)t.push({type:"<(-token>"});else if(a===41)t.push({type:"<)-token>"});else if(a===43){var g=$(e,r);if(g===null)t.push({type:"<delim-token>",value:a});else{var d=y(g,2),o=d[0],c=d[1];c[0]==="<dimension-token>"?t.push({type:"<dimension-token>",value:c[1],unit:c[2].toLowerCase(),flag:"number"}):c[0]==="<number-token>"?t.push({type:c[0],value:c[1],flag:c[2]}):t.push({type:c[0],value:c[1],flag:"number"}),r=o}}else if(a===44)t.push({type:"<comma-token>"});else if(a===45){var A=$(e,r);if(A!==null){var b=y(A,2),o=b[0],c=b[1];c[0]==="<dimension-token>"?t.push({type:"<dimension-token>",value:c[1],unit:c[2].toLowerCase(),flag:"number"}):c[0]==="<number-token>"?t.push({type:c[0],value:c[1],flag:c[2]}):t.push({type:c[0],value:c[1],flag:"number"}),r=o;continue}if(r+2<e.length){var p=e.charCodeAt(r+1),w=e.charCodeAt(r+2);if(p===45&&w===62){t.push({type:"<CDC-token>"}),r+=2;continue}}var l=ce(e,r);if(l!==null){var C=y(l,3),o=C[0],s=C[1],k=C[2];t.push({type:k,value:s}),r=o;continue}t.push({type:"<delim-token>",value:a})}else if(a===46){var A=$(e,r);if(A===null)t.push({type:"<delim-token>",value:a});else{var S=y(A,2),o=S[0],c=S[1];c[0]==="<dimension-token>"?t.push({type:"<dimension-token>",value:c[1],unit:c[2].toLowerCase(),flag:"number"}):c[0]==="<number-token>"?t.push({type:c[0],value:c[1],flag:c[2]}):t.push({type:c[0],value:c[1],flag:"number"}),r=o;continue}}else if(a===58)t.push({type:"<colon-token>"});else if(a===59)t.push({type:"<semicolon-token>"});else if(a===60){if(r+3<e.length){var p=e.charCodeAt(r+1),w=e.charCodeAt(r+2),Y=e.charCodeAt(r+3);if(p===33&&w===45&&Y===45){t.push({type:"<CDO-token>"}),r+=3;continue}}t.push({type:"<delim-token>",value:a})}else if(a===64){var l=ne(e,r+1);if(l!==null){var E=y(l,2),o=E[0],s=E[1];t.push({type:"<at-keyword-token>",value:s.toLowerCase()}),r=o;continue}t.push({type:"<delim-token>",value:a})}else if(a===91)t.push({type:"<[-token>"});else if(a===92){var l=B(e,r);if(l===null)return null;var U=y(l,2),o=U[0],s=U[1];e=e.slice(0,r)+s+e.slice(o+1),r-=1}else if(a===93)t.push({type:"<]-token>"});else if(a===123)t.push({type:"<{-token>"});else if(a===125)t.push({type:"<}-token>"});else if(a>=48&&a<=57){var l=$(e,r),ie=y(l,2),o=ie[0],c=ie[1];c[0]==="<dimension-token>"?t.push({type:"<dimension-token>",value:c[1],unit:c[2].toLowerCase(),flag:"number"}):c[0]==="<number-token>"?t.push({type:c[0],value:c[1],flag:c[2]}):t.push({type:c[0],value:c[1],flag:"number"}),r=o}else if(a===95||a>=65&&a<=90||a>=97&&a<=122||a>=128){var l=ce(e,r);if(l===null)return null;var Z=y(l,3),o=Z[0],s=Z[1],k=Z[2];t.push({type:k,value:s}),r=o}else t.push({type:"<delim-token>",value:a})}return t.push({type:"<EOF-token>"}),t},he=function(e,r){if(e.length<=r+1)return null;for(var t=e.charCodeAt(r),a=[],i=r+1;i<e.length;i+=1){var l=e.charCodeAt(i);if(l===t)return[i,String.fromCharCode.apply(null,a)];if(l===92){var u=B(e,i);if(u===null)return null;var o=y(u,2),s=o[0],p=o[1];a.push(p),i=s}else{if(l===10)return null;a.push(l)}}return null},Ie=function(e,r){if(e.length<=r)return!1;var t=e.charCodeAt(r);if(t===45){if(e.length<=r+1)return!1;var a=e.charCodeAt(r+1);if(a===45||a===95||a>=65&&a<=90||a>=97&&a<=122||a>=128)return!0;if(a===92){if(e.length<=r+2)return!1;var i=e.charCodeAt(r+2);return i!==10}else return!1}else{if(t===95||t>=65&&t<=90||t>=97&&t<=122||t>=128)return!0;if(t===92){if(e.length<=r+1)return!1;var a=e.charCodeAt(r+1);return a!==10}else return!1}},B=function(e,r){if(e.length<=r+1||e.charCodeAt(r)!==92)return null;var t=e.charCodeAt(r+1);if(t===10)return null;if(t>=48&&t<=57||t>=65&&t<=70||t>=97&&t<=102){for(var a=[t],i=Math.min(r+7,e.length),l=r+2;l<i;l+=1){var u=e.charCodeAt(l);if(u>=48&&u<=57||u>=65&&u<=70||u>=97&&u<=102)a.push(u);else break}if(l<e.length){var o=e.charCodeAt(l);(o===9||o===32||o===10)&&(l+=1)}return[l-1,parseInt(String.fromCharCode.apply(null,a),16)]}else return[r+1,t]},$=function(e,r){var t=vr(e,r);if(t===null)return null;var a=y(t,3),i=a[0],l=a[1],u=a[2],o=ne(e,i+1);if(o!==null){var s=y(o,2),p=s[0],h=s[1];return[p,["<dimension-token>",l,h]]}return i+1<e.length&&e.charCodeAt(i+1)===37?[i+1,["<percentage-token>",l]]:[i,["<number-token>",l,u]]},vr=function(e,r){if(e.length<=r)return null;var t="integer",a=[],i=e.charCodeAt(r);for((i===43||i===45)&&(r+=1,i===45&&a.push(45));r<e.length;){var l=e.charCodeAt(r);if(l>=48&&l<=57)a.push(l),r+=1;else break}if(r+1<e.length){var u=e.charCodeAt(r),o=e.charCodeAt(r+1);if(u===46&&o>=48&&o<=57)for(a.push(u,o),t="number",r+=2;r<e.length;){var l=e.charCodeAt(r);if(l>=48&&l<=57)a.push(l),r+=1;else break}}if(r+1<e.length){var u=e.charCodeAt(r),o=e.charCodeAt(r+1),s=e.charCodeAt(r+2);if(u===69||u===101){var p=o>=48&&o<=57;if(p||(o===43||o===45)&&s>=48&&s<=57)for(t="number",p?(a.push(69,o),r+=2):o===45?(a.push(69,45,s),r+=3):(a.push(69,s),r+=3);r<e.length;){var l=e.charCodeAt(r);if(l>=48&&l<=57)a.push(l),r+=1;else break}}}var h=String.fromCharCode.apply(null,a),v=t==="number"?parseFloat(h):parseInt(h);return v===-0&&(v=0),Number.isNaN(v)?null:[r-1,v,t]},dr=function(e,r){if(e.length<=r)return null;for(var t=[],a=e.charCodeAt(r);r<e.length;a=e.charCodeAt(++r)){if(a===45||a===95||a>=65&&a<=90||a>=97&&a<=122||a>=128||a>=48&&a<=57){t.push(a);continue}else{var i=B(e,r);if(i!==null){var l=y(i,2),u=l[0],o=l[1];t.push(o),r=u;continue}}break}return r===0?null:[r-1,String.fromCharCode.apply(null,t)]},ne=function(e,r){if(e.length<=r||!Ie(e,r))return null;for(var t=[],a=e.charCodeAt(r);r<e.length;a=e.charCodeAt(++r)){if(a===45||a===95||a>=65&&a<=90||a>=97&&a<=122||a>=128||a>=48&&a<=57){t.push(a);continue}else{var i=B(e,r);if(i!==null){var l=y(i,2),u=l[0],o=l[1];t.push(o),r=u;continue}}break}return[r-1,String.fromCharCode.apply(null,t)]},mr=function(e,r){for(var t=e.charCodeAt(r);t===9||t===32||t===10;)t=e.charCodeAt(++r);for(var a=[],i=!1;r<e.length;){if(t===41)return[r,String.fromCharCode.apply(null,a)];if(t===34||t===39||t===40)return null;if(t===9||t===32||t===10)!i&&a.length!==0&&(i=!0);else if(t===92){var l=B(e,r);if(l===null||i)return null;var u=y(l,2),o=u[0],s=u[1];a.push(s),r=o}else{if(i)return null;a.push(t)}t=e.charCodeAt(++r)}return null},ce=function(e,r){var t=ne(e,r);if(t===null)return null;var a=y(t,2),i=a[0],l=a[1];if(l.toLowerCase()==="url"){if(e.length>i+1){var u=e.charCodeAt(i+1);if(u===40){for(var o=2;i+o<e.length;o+=1){var s=e.charCodeAt(i+o);if(s===34||s===39)return[i+1,l.toLowerCase(),"<function-token>"];if(s!==9&&s!==32&&s!==10){var p=mr(e,i+o);if(p===null)return null;var h=y(p,2),v=h[0],f=h[1];return[v,f,"<url-token>"]}}return[i+1,l.toLowerCase(),"<function-token>"]}}}else if(e.length>i+1){var u=e.charCodeAt(i+1);if(u===40)return[i+1,l.toLowerCase(),"<function-token>"]}return[i,l.toLowerCase(),"<ident-token>"]},yr=function(e){for(var r=e.length-1;r>=0;r--)e[r]=br(e[r]);return e},br=function(e){if(e.mediaCondition===null)return e;var r=wr(e.mediaCondition);return r.operator===null&&r.children.length===1&&"children"in r.children[0]&&(r=r.children[0]),{mediaPrefix:e.mediaPrefix,mediaType:e.mediaType,mediaCondition:r}},wr=function n(e){for(var r=e.children.length-1;r>=0;r--){var t=e.children[r];if(!("context"in t)){var a=n(t);if(a.operator===null&&a.children.length===1)e.children[r]=a.children[0];else if(a.operator===e.operator&&(a.operator==="and"||a.operator==="or")){for(var i=[r,1],l=0;l<a.children.length;l++)i.push(a.children[l]);e.children.splice.apply(e.children,i)}}}return e},O=function(e,r){return r instanceof Error?new Error("".concat(r.message.trim(),`
+`).concat(e.trim())):new Error(e.trim())},Cr=function(e){return yr(Sr(e))},Sr=function(e){var r=gr(e.trim());if(r===null)throw O("Failed tokenizing");var t=0,a=r.length-1;if(r[0].type==="<at-keyword-token>"&&r[0].value==="media"){if(r[1].type!=="<whitespace-token>")throw O("Expected whitespace after media");t=2;for(var i=2;i<r.length-1;i++){var l=r[i];if(l.type==="<{-token>"){a=i;break}else if(l.type==="<semicolon-token>")throw O("Expected '{' in media query but found ';'")}}return r=r.slice(t,a),Or(r)},Ar=function(e){for(var r=[],t=!1,a=0;a<e.length;a++)e[a].type==="<whitespace-token>"?(t=!0,r.length>0&&(r[r.length-1].wsAfter=!0)):(r.push(V(V({},e[a]),{wsBefore:t,wsAfter:!1})),t=!1);return r},Or=function(e){for(var r,t,a=[[]],i=0;i<e.length;i++){var l=e[i];l.type==="<comma-token>"?a.push([]):a[a.length-1].push(l)}var u=a.map(Ar);if(u.length===1&&u[0].length===0)return[{mediaCondition:null,mediaPrefix:null,mediaType:"all"}];var o=u.map(function(f){return f.length===0?null:kr(f)}),s=[];try{for(var p=pr(o),h=p.next();!h.done;h=p.next()){var v=h.value;v!==null&&s.push(v)}}catch(f){r={error:f}}finally{try{h&&!h.done&&(t=p.return)&&t.call(p)}finally{if(r)throw r.error}}if(s.length===0)throw O("No valid media queries");return s},kr=function(e){var r=e[0];if(r.type==="<(-token>")try{return{mediaPrefix:null,mediaType:"all",mediaCondition:X(e,!0)}}catch(h){throw O("Expected media condition after '('",h)}else if(r.type==="<ident-token>"){var t=null,a=void 0,i=r.value;(i==="only"||i==="not")&&(t=i);var l=t===null?0:1;if(e.length<=l)throw O("Expected extra token in media query");var u=e[l];if(u.type==="<ident-token>"){var o=u.value;if(o==="all")a="all";else if(o==="print"||o==="screen")a=o;else if(o==="tty"||o==="tv"||o==="projection"||o==="handheld"||o==="braille"||o==="embossed"||o==="aural"||o==="speech")t=t==="not"?null:"not",a="all";else throw O("Unknown ident '".concat(o,"' in media query"))}else if(t==="not"&&u.type==="<(-token>"){var s=[{type:"<(-token>",wsBefore:!1,wsAfter:!1}];s.push.apply(s,e),s.push({type:"<)-token>",wsBefore:!1,wsAfter:!1});try{return{mediaPrefix:null,mediaType:"all",mediaCondition:X(s,!0)}}catch(h){throw O("Expected media condition after '('",h)}}else throw O("Invalid media query");if(l+1===e.length)return{mediaPrefix:t,mediaType:a,mediaCondition:null};if(l+4<e.length){var p=e[l+1];if(p.type==="<ident-token>"&&p.value==="and")try{return{mediaPrefix:t,mediaType:a,mediaCondition:X(e.slice(l+2),!1)}}catch(h){throw O("Expected media condition after 'and'",h)}else throw O("Expected 'and' after media prefix")}else throw O("Expected media condition after media prefix")}else throw O("Expected media condition or media prefix")},X=function n(e,r,t){if(t===void 0&&(t=null),e.length<3||e[0].type!=="<(-token>"||e[e.length-1].type!=="<)-token>")throw new Error("Invalid media condition");for(var a=e.length-1,i=0,l=0,u=0;u<e.length;u++){var o=e[u];if(o.type==="<(-token>"?(l+=1,i=Math.max(i,l)):o.type==="<)-token>"&&(l-=1),l===0){a=u;break}}if(l!==0)throw new Error(`Mismatched parens
+Invalid media condition`);var s,p=e.slice(0,a+1);if(i===1?s=Er(p):p[1].type==="<ident-token>"&&p[1].value==="not"?s=n(p.slice(2,-1),!0,"not"):s=n(p.slice(1,-1),!0),a===e.length-1)return{operator:t,children:[s]};var h=e[a+1];if(h.type!=="<ident-token>")throw new Error(`Invalid operator
+Invalid media condition`);if(t!==null&&t!==h.value)throw new Error("'".concat(h.value,"' and '").concat(t,`' must not be at same level
+Invalid media condition`));if(h.value==="or"&&!r)throw new Error(`Cannot use 'or' at top level of a media query
+Invalid media condition`);if(h.value!=="and"&&h.value!=="or")throw new Error("Invalid operator: '".concat(h.value,`'
+Invalid media condition`));var v=n(e.slice(a+2),r,h.value);return{operator:h.value,children:[s].concat(v.children)}},Er=function(e){if(e.length<3||e[0].type!=="<(-token>"||e[e.length-1].type!=="<)-token>")throw new Error("Invalid media feature");for(var r=[e[0]],t=1;t<e.length;t++){if(t<e.length-2){var a=e[t],i=e[t+1],l=e[t+2];if(a.type==="<number-token>"&&a.value>0&&i.type==="<delim-token>"&&i.value===47&&l.type==="<number-token>"&&l.value>0){r.push({type:"<ratio-token>",numerator:a.value,denominator:l.value,wsBefore:a.wsBefore,wsAfter:l.wsAfter}),t+=2;continue}}r.push(e[t])}var u=r[1];if(u.type==="<ident-token>"&&r.length===3)return{context:"boolean",feature:u.value};if(r.length===5&&r[1].type==="<ident-token>"&&r[2].type==="<colon-token>"){var o=r[3];if(o.type==="<number-token>"||o.type==="<dimension-token>"||o.type==="<ratio-token>"||o.type==="<ident-token>"){var s=r[1].value,p=null,h=s.slice(0,4);h==="min-"?(p="min",s=s.slice(4)):h==="max-"&&(p="max",s=s.slice(4)),o.wsBefore,o.wsAfter;var v=Q(o,["wsBefore","wsAfter"]);return{context:"value",prefix:p,feature:s,value:v}}}else if(r.length>=5)try{var f=xr(r);return{context:"range",feature:f.featureName,range:f}}catch(g){throw O("Invalid media feature",g)}throw new Error("Invalid media feature")},xr=function(e){var r,t,a,i;if(e.length<5||e[0].type!=="<(-token>"||e[e.length-1].type!=="<)-token>")throw new Error("Invalid range");var l={leftToken:null,leftOp:null,featureName:"",rightOp:null,rightToken:null},u=e[1].type==="<number-token>"||e[1].type==="<dimension-token>"||e[1].type==="<ratio-token>"||e[1].type==="<ident-token>"&&e[1].value==="infinite";if(e[2].type==="<delim-token>"){if(e[2].value===60)e[3].type==="<delim-token>"&&e[3].value===61&&!e[3].wsBefore?l[u?"leftOp":"rightOp"]="<=":l[u?"leftOp":"rightOp"]="<";else if(e[2].value===62)e[3].type==="<delim-token>"&&e[3].value===61&&!e[3].wsBefore?l[u?"leftOp":"rightOp"]=">=":l[u?"leftOp":"rightOp"]=">";else if(e[2].value===61)l[u?"leftOp":"rightOp"]="=";else throw new Error("Invalid range");if(u)l.leftToken=e[1];else if(e[1].type==="<ident-token>")l.featureName=e[1].value;else throw new Error("Invalid range");var o=2+((t=(r=l[u?"leftOp":"rightOp"])===null||r===void 0?void 0:r.length)!==null&&t!==void 0?t:0),s=e[o];if(u)if(s.type==="<ident-token>"){if(l.featureName=s.value,e.length>=7){var p=e[o+1],h=e[o+2];if(p.type==="<delim-token>"){var v=p.value;if(v===60)h.type==="<delim-token>"&&h.value===61&&!h.wsBefore?l.rightOp="<=":l.rightOp="<";else if(v===62)h.type==="<delim-token>"&&h.value===61&&!h.wsBefore?l.rightOp=">=":l.rightOp=">";else throw new Error("Invalid range");var f=e[o+1+((i=(a=l.rightOp)===null||a===void 0?void 0:a.length)!==null&&i!==void 0?i:0)];l.rightToken=f}else throw new Error("Invalid range")}else if(o+2!==e.length)throw new Error("Invalid range")}else throw new Error("Invalid range");else l.rightToken=s;var g=null,d=l.leftToken,c=l.leftOp,A=l.featureName,b=l.rightOp,w=l.rightToken,C=null;if(d!==null){if(d.type==="<ident-token>"){var k=d.type,S=d.value;S==="infinite"&&(C={type:k,value:S})}else if(d.type==="<number-token>"||d.type==="<dimension-token>"||d.type==="<ratio-token>"){d.wsBefore,d.wsAfter;var Y=Q(d,["wsBefore","wsAfter"]);C=Y}}var E=null;if(w!==null){if(w.type==="<ident-token>"){var k=w.type,S=w.value;S==="infinite"&&(E={type:k,value:S})}else if(w.type==="<number-token>"||w.type==="<dimension-token>"||w.type==="<ratio-token>"){w.wsBefore,w.wsAfter;var U=Q(w,["wsBefore","wsAfter"]);E=U}}if(C!==null&&E!==null)if((c==="<"||c==="<=")&&(b==="<"||b==="<="))g={leftToken:C,leftOp:c,featureName:A,rightOp:b,rightToken:E};else if((c===">"||c===">=")&&(b===">"||b===">="))g={leftToken:C,leftOp:c,featureName:A,rightOp:b,rightToken:E};else throw new Error("Invalid range");else C===null&&c===null&&b!==null&&E!==null?g={leftToken:C,leftOp:c,featureName:A,rightOp:b,rightToken:E}:C!==null&&c!==null&&b===null&&E===null&&(g={leftToken:C,leftOp:c,featureName:A,rightOp:b,rightToken:E});return g}else throw new Error("Invalid range")};function jr(n,e){if(typeof n!="object"||!n)return n;var r=n[Symbol.toPrimitive];if(r!==void 0){var t=r.call(n,e||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(n)}function Pr(n){var e=jr(n,"string");return typeof e=="symbol"?e:String(e)}function Mr(n,e,r){return e=Pr(e),e in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}function fe(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable})),r.push.apply(r,t)}return r}function P(n){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?fe(Object(r),!0).forEach(function(t){Mr(n,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):fe(Object(r)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(r,t))})}return n}function Lr(n,e){if(n==null)return{};var r={},t=Object.keys(n),a,i;for(i=0;i<t.length;i++)a=t[i],!(e.indexOf(a)>=0)&&(r[a]=n[a]);return r}function ge(n,e){if(n==null)return{};var r=Lr(n,e),t,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(a=0;a<i.length;a++)t=i[a],!(e.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}function R(n,e){for(var r in n)e(n[r],r)}function L(n,e){var r={};for(var t in n)e.indexOf(t)===-1&&(r[t]=n[t]);return r}function zr(n,e){var r={};for(var t in n)r[e(n[t],t)]=n[t];return r}function T(n){for(var e=arguments.length,r=new Array(e>1?e-1:0),t=1;t<e;t++)r[t-1]=arguments[t];for(var a of r)a.length!==0&&(typeof a=="string"?a.includes(" ")?T(n,...a.trim().split(" ")):n.add(a):Array.isArray(a)&&T(n,...a))}function Ir(n){var e=new Set;return T(e,...n),Array.from(e).join(" ")}var ve;function Dr(n){return n.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}var Fr=(n,e)=>{var r=()=>{var a=new RegExp(".".concat(Dr(Ee(e,{isIdentifier:!0}))),"g");return n.replace(a,"&")},t;try{t=lr(n)}catch{throw new Error("Invalid selector: ".concat(r()))}t.forEach(a=>{try{for(var i=a.length-1;i>=-1;i--){if(!a[i])throw new Error;var l=a[i];if(l.type==="child"||l.type==="parent"||l.type==="sibling"||l.type==="adjacent"||l.type==="descendant")throw new Error;if(l.type==="attribute"&&l.name==="class"&&l.value===e)return}}catch{throw new Error(ae(ve||(ve=te([`
+        Invalid selector: `,`
+    
+        Style selectors must target the '&' character (along with any modifiers), e.g. `," or ",`.
+        
+        This is to ensure that each style block only affects the styling of a single class.
+        
+        If your selector is targeting another class, you should move it to the style definition for that class, e.g. given we have styles for 'parent' and 'child' elements, instead of adding a selector of `,") to 'parent', you should add ",` to 'child').
+        
+        If your selector is targeting something global, use the 'globalStyle' function instead, e.g. if you wanted to write `,", you should instead write 'globalStyle(",`, { ... })'
+      `])),r(),"`${parent} &`","`${parent} &:hover`","`& ${child}`","`${parent} &`","`& h1`","`${parent} h1`"))}})};class K{constructor(){this.ruleset=new Map,this.precedenceLookup=new Map}findOrCreateCondition(e){var r=this.ruleset.get(e);return r||(r={query:e,rules:[],children:new K},this.ruleset.set(e,r)),r}getConditionalRulesetByPath(e){var r=this;for(var t of e){var a=r.findOrCreateCondition(t);r=a.children}return r}addRule(e,r,t){var a=this.getConditionalRulesetByPath(t),i=a.findOrCreateCondition(r);if(!i)throw new Error("Failed to add conditional rule");i.rules.push(e)}addConditionPrecedence(e,r){for(var t=this.getConditionalRulesetByPath(e),a=0;a<r.length;a++){var i,l=r[a],u=(i=t.precedenceLookup.get(l))!==null&&i!==void 0?i:new Set;for(var o of r.slice(a+1))u.add(o);t.precedenceLookup.set(l,u)}}isCompatible(e){for(var[r,t]of this.precedenceLookup.entries())for(var a of t){var i;if((i=e.precedenceLookup.get(a))!==null&&i!==void 0&&i.has(r))return!1}for(var{query:l,children:u}of e.ruleset.values()){var o=this.ruleset.get(l);if(o&&!o.children.isCompatible(u))return!1}return!0}merge(e){for(var{query:r,rules:t,children:a}of e.ruleset.values()){var i=this.ruleset.get(r);i?(i.rules.push(...t),i.children.merge(a)):this.ruleset.set(r,{query:r,rules:t,children:a})}for(var[l,u]of e.precedenceLookup.entries()){var o,s=(o=this.precedenceLookup.get(l))!==null&&o!==void 0?o:new Set;this.precedenceLookup.set(l,new Set([...s,...u]))}}mergeIfCompatible(e){return this.isCompatible(e)?(this.merge(e),!0):!1}getSortedRuleset(){var e=this,r=[],t=function(u){var o=e.ruleset.get(a);if(!o)throw new Error("Can't find condition for ".concat(a));var s=r.findIndex(p=>u.has(p.query));s>-1?r.splice(s,0,o):r.push(o)};for(var[a,i]of this.precedenceLookup.entries())t(i);return r}renderToArray(){var e=[];for(var{query:r,rules:t,children:a}of this.getSortedRuleset()){var i={};for(var l of t)i[l.selector]=P(P({},i[l.selector]),l.rule);Object.assign(i,...a.renderToArray()),e.push({[r]:i})}return e}}var De={":-moz-any-link":!0,":-moz-full-screen":!0,":-moz-placeholder":!0,":-moz-read-only":!0,":-moz-read-write":!0,":-ms-fullscreen":!0,":-ms-input-placeholder":!0,":-webkit-any-link":!0,":-webkit-full-screen":!0,"::-moz-color-swatch":!0,"::-moz-list-bullet":!0,"::-moz-list-number":!0,"::-moz-page-sequence":!0,"::-moz-page":!0,"::-moz-placeholder":!0,"::-moz-progress-bar":!0,"::-moz-range-progress":!0,"::-moz-range-thumb":!0,"::-moz-range-track":!0,"::-moz-scrolled-page-sequence":!0,"::-moz-selection":!0,"::-ms-backdrop":!0,"::-ms-browse":!0,"::-ms-check":!0,"::-ms-clear":!0,"::-ms-fill-lower":!0,"::-ms-fill-upper":!0,"::-ms-fill":!0,"::-ms-reveal":!0,"::-ms-thumb":!0,"::-ms-ticks-after":!0,"::-ms-ticks-before":!0,"::-ms-tooltip":!0,"::-ms-track":!0,"::-ms-value":!0,"::-webkit-backdrop":!0,"::-webkit-inner-spin-button":!0,"::-webkit-input-placeholder":!0,"::-webkit-meter-bar":!0,"::-webkit-meter-even-less-good-value":!0,"::-webkit-meter-inner-element":!0,"::-webkit-meter-optimum-value":!0,"::-webkit-meter-suboptimum-value":!0,"::-webkit-outer-spin-button":!0,"::-webkit-progress-bar":!0,"::-webkit-progress-inner-element":!0,"::-webkit-progress-inner-value":!0,"::-webkit-progress-value":!0,"::-webkit-resizer":!0,"::-webkit-scrollbar-button":!0,"::-webkit-scrollbar-corner":!0,"::-webkit-scrollbar-thumb":!0,"::-webkit-scrollbar-track-piece":!0,"::-webkit-scrollbar-track":!0,"::-webkit-scrollbar":!0,"::-webkit-search-cancel-button":!0,"::-webkit-search-results-button":!0,"::-webkit-slider-runnable-track":!0,"::-webkit-slider-thumb":!0,"::after":!0,"::backdrop":!0,"::before":!0,"::cue":!0,"::file-selector-button":!0,"::first-letter":!0,"::first-line":!0,"::grammar-error":!0,"::marker":!0,"::placeholder":!0,"::selection":!0,"::spelling-error":!0,"::target-text":!0,"::view-transition-group":!0,"::view-transition-image-pair":!0,"::view-transition-new":!0,"::view-transition-old":!0,"::view-transition":!0,":active":!0,":after":!0,":any-link":!0,":before":!0,":blank":!0,":checked":!0,":default":!0,":defined":!0,":disabled":!0,":empty":!0,":enabled":!0,":first-child":!0,":first-letter":!0,":first-line":!0,":first-of-type":!0,":first":!0,":focus-visible":!0,":focus-within":!0,":focus":!0,":fullscreen":!0,":hover":!0,":in-range":!0,":indeterminate":!0,":invalid":!0,":last-child":!0,":last-of-type":!0,":left":!0,":link":!0,":only-child":!0,":only-of-type":!0,":optional":!0,":out-of-range":!0,":placeholder-shown":!0,":read-only":!0,":read-write":!0,":required":!0,":right":!0,":root":!0,":scope":!0,":target":!0,":valid":!0,":visited":!0},Rr=Object.keys(De),Nr=De,de,me=(n,e)=>new Error(ae(de||(de=te([`
+    Invalid media query: "`,`"
+
+    `,`
+
+    Read more on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
+  `])),n,e)),qr=n=>{if(n==="@media ")throw me(n,"Query is empty");try{Cr(n)}catch(e){throw me(n,e.message)}},Br=["vars"],Ur=["content"],Fe="__DECLARATION",$r={animationIterationCount:!0,borderImage:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,initialLetter:!0,lineClamp:!0,lineHeight:!0,maxLines:!0,opacity:!0,order:!0,orphans:!0,scale:!0,tabSize:!0,WebkitLineClamp:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,maskBorder:!0,maskBorderOutset:!0,maskBorderSlice:!0,maskBorderWidth:!0,shapeImageThreshold:!0,stopOpacity:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0};function Wr(n){return n.replace(/([A-Z])/g,"-$1").replace(/^ms-/,"-ms-").toLowerCase()}function Vr(n,e,r,t){var a=n.slice(0,e),i=n.slice(r);return"".concat(a).concat(t).concat(i)}var Kr="  ",z=[...Rr,"@layer","@media","@supports","@container","selectors"];class Hr{constructor(e,r){this.rules=[],this.conditionalRulesets=[new K],this.fontFaceRules=[],this.keyframesRules=[],this.localClassNamesMap=new Map(e.map(t=>[t,t])),this.localClassNamesSearch=new Ge(e),this.layers=new Map,this.composedClassLists=r.map(t=>{var{identifier:a,classList:i}=t;return{identifier:a,regex:RegExp("(".concat(i,")"),"g")}}).reverse()}processCssObj(e){if(e.type==="fontFace"){this.fontFaceRules.push(e.rule);return}if(e.type==="keyframes"){e.rule=Object.fromEntries(Object.entries(e.rule).map(i=>{var[l,u]=i;return[l,this.transformProperties(u)]})),this.keyframesRules.push(e);return}if(this.currConditionalRuleset=new K,e.type==="layer"){var r="@layer ".concat(e.name);this.addLayer([r])}else{var t=L(e.rule,z);this.addRule({selector:e.selector,rule:t}),this.transformLayer(e,e.rule["@layer"]),this.transformMedia(e,e.rule["@media"]),this.transformSupports(e,e.rule["@supports"]),this.transformContainer(e,e.rule["@container"]),this.transformSimplePseudos(e,e.rule),this.transformSelectors(e,e.rule)}var a=this.conditionalRulesets[this.conditionalRulesets.length-1];a.mergeIfCompatible(this.currConditionalRuleset)||this.conditionalRulesets.push(this.currConditionalRuleset)}addConditionalRule(e,r){var t=this.transformVars(this.transformProperties(e.rule)),a=this.transformSelector(e.selector);if(!this.currConditionalRuleset)throw new Error("Couldn't add conditional rule");var i=r[r.length-1],l=r.slice(0,r.length-1);this.currConditionalRuleset.addRule({selector:a,rule:t},i,l)}addRule(e){var r=this.transformVars(this.transformProperties(e.rule)),t=this.transformSelector(e.selector);this.rules.push({selector:t,rule:r})}addLayer(e){var r=e.join(" - ");this.layers.set(r,e)}transformProperties(e){return this.transformContent(this.pixelifyProperties(e))}pixelifyProperties(e){return R(e,(r,t)=>{typeof r=="number"&&r!==0&&!$r[t]&&(e[t]="".concat(r,"px"))}),e}transformVars(e){var{vars:r}=e,t=ge(e,Br);return r?P(P({},zr(r,(a,i)=>Ue(i))),t):t}transformContent(e){var{content:r}=e,t=ge(e,Ur);if(typeof r>"u")return t;var a=Array.isArray(r)?r:[r];return P({content:a.map(i=>i&&(i.includes('"')||i.includes("'")||/^([A-Za-z\-]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)(\s|$)/.test(i))?i:'"'.concat(i,'"'))},t)}transformClassname(e){return".".concat(Ee(e,{isIdentifier:!0}))}transformSelector(e){var r=e,t=function(f){r=r.replace(i,()=>(Me(f),f))};for(var{identifier:a,regex:i}of this.composedClassLists)t(a);if(this.localClassNamesMap.has(r))return this.transformClassname(r);for(var l=this.localClassNamesSearch.search(r),u=r.length,o=l.length-1;o>=0;o--){var[s,[p]]=l[o],h=s-p.length+1;h>=u||(u=h,r[h-1]!=="."&&(r=Vr(r,h,s+1,this.transformClassname(p))))}return r}transformSelectors(e,r,t){R(r.selectors,(a,i)=>{if(e.type!=="local")throw new Error("Selectors are not allowed within ".concat(e.type==="global"?'"globalStyle"':'"selectors"'));var l=this.transformSelector(i.replace(RegExp("&","g"),e.selector));Fr(l,e.selector);var u={selector:l,rule:L(a,z)};t?this.addConditionalRule(u,t):this.addRule(u);var o={type:"selector",selector:l,rule:a};this.transformLayer(o,a["@layer"],t),this.transformSupports(o,a["@supports"],t),this.transformMedia(o,a["@media"],t)})}transformMedia(e,r){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];if(r){var a;(a=this.currConditionalRuleset)===null||a===void 0||a.addConditionPrecedence(t,Object.keys(r).map(s=>"@media ".concat(s)));for(var[i,l]of Object.entries(r)){var u="@media ".concat(i);qr(u);var o=[...t,u];this.addConditionalRule({selector:e.selector,rule:L(l,z)},o),e.type==="local"&&(this.transformSimplePseudos(e,l,o),this.transformSelectors(e,l,o)),this.transformLayer(e,l["@layer"],o),this.transformSupports(e,l["@supports"],o),this.transformContainer(e,l["@container"],o)}}}transformContainer(e,r){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];if(r){var a;(a=this.currConditionalRuleset)===null||a===void 0||a.addConditionPrecedence(t,Object.keys(r).map(i=>"@container ".concat(i))),R(r,(i,l)=>{var u="@container ".concat(l),o=[...t,u];this.addConditionalRule({selector:e.selector,rule:L(i,z)},o),e.type==="local"&&(this.transformSimplePseudos(e,i,o),this.transformSelectors(e,i,o)),this.transformLayer(e,i["@layer"],o),this.transformSupports(e,i["@supports"],o),this.transformMedia(e,i["@media"],o)})}}transformLayer(e,r){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];if(r){var a;(a=this.currConditionalRuleset)===null||a===void 0||a.addConditionPrecedence(t,Object.keys(r).map(i=>"@layer ".concat(i))),R(r,(i,l)=>{var u=[...t,"@layer ".concat(l)];this.addLayer(u),this.addConditionalRule({selector:e.selector,rule:L(i,z)},u),e.type==="local"&&(this.transformSimplePseudos(e,i,u),this.transformSelectors(e,i,u)),this.transformMedia(e,i["@media"],u),this.transformSupports(e,i["@supports"],u),this.transformContainer(e,i["@container"],u)})}}transformSupports(e,r){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];if(r){var a;(a=this.currConditionalRuleset)===null||a===void 0||a.addConditionPrecedence(t,Object.keys(r).map(i=>"@supports ".concat(i))),R(r,(i,l)=>{var u=[...t,"@supports ".concat(l)];this.addConditionalRule({selector:e.selector,rule:L(i,z)},u),e.type==="local"&&(this.transformSimplePseudos(e,i,u),this.transformSelectors(e,i,u)),this.transformLayer(e,i["@layer"],u),this.transformMedia(e,i["@media"],u),this.transformContainer(e,i["@container"],u)})}}transformSimplePseudos(e,r,t){for(var a of Object.keys(r))if(Nr[a]){if(e.type!=="local")throw new Error("Simple pseudos are not valid in ".concat(e.type==="global"?'"globalStyle"':'"selectors"'));t?this.addConditionalRule({selector:"".concat(e.selector).concat(a),rule:r[a]},t):this.addRule({conditions:t,selector:"".concat(e.selector).concat(a),rule:r[a]})}}toCss(){var e=[];for(var r of this.fontFaceRules)e.push(j({"@font-face":r}));for(var t of this.keyframesRules)e.push(j({["@keyframes ".concat(t.name)]:t.rule}));for(var a of this.layers.values()){var[i,...l]=a.reverse(),u={[i]:Fe};for(var o of l)u={[o]:u};e.push(j(u))}for(var s of this.rules)e.push(j({[s.selector]:s.rule}));for(var p of this.conditionalRulesets)for(var h of p.renderToArray())e.push(j(h));return e.filter(Boolean)}}function j(n){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"",r=[],t=function(l){var u=n[l];if(u&&Array.isArray(u))r.push(...u.map(s=>j({[l]:s},e)));else if(u&&typeof u=="object"){var o=Object.keys(u).length===0;o||r.push("".concat(e).concat(l,` {
+`).concat(j(u,e+Kr),`
+`).concat(e,"}"))}else u===Fe?r.push("".concat(e).concat(l,";")):r.push("".concat(e).concat(l.startsWith("--")?l:Wr(l),": ").concat(u,";"))};for(var a of Object.keys(n))t(a);return r.join(`
+`)}function Yr(n){var{localClassNames:e,cssObjs:r,composedClassLists:t}=n,a=new Hr(e,t);for(var i of r)a.processCssObj(i);return a.toCss()}function Zr(n){for(var e=0,r,t=0,a=n.length;a>=4;++t,a-=4)r=n.charCodeAt(t)&255|(n.charCodeAt(++t)&255)<<8|(n.charCodeAt(++t)&255)<<16|(n.charCodeAt(++t)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,e=(r&65535)*1540483477+((r>>>16)*59797<<16)^(e&65535)*1540483477+((e>>>16)*59797<<16);switch(a){case 3:e^=(n.charCodeAt(t+2)&255)<<16;case 2:e^=(n.charCodeAt(t+1)&255)<<8;case 1:e^=n.charCodeAt(t)&255,e=(e&65535)*1540483477+((e>>>16)*59797<<16)}return e^=e>>>13,e=(e&65535)*1540483477+((e>>>16)*59797<<16),((e^e>>>15)>>>0).toString(36)}var ye,Gr=0,be=[];function M(){if(be.length===0)throw new Error(ae(ye||(ye=te([`
+        Styles were unable to be assigned to a file. This is generally caused by one of the following:
+
+        - You may have created styles outside of a '.css.ts' context
+        - You may have incorrect configuration. See https://vanilla-extract.style/documentation/getting-started
+      `]))));return be[0]}function Jr(){return Gr++}var Xr=function(e){return _r(e)&&!Qr(e)};function _r(n){return!!n&&typeof n=="object"}function Qr(n){var e=Object.prototype.toString.call(n);return e==="[object RegExp]"||e==="[object Date]"||rt(n)}var Tr=typeof Symbol=="function"&&Symbol.for,et=Tr?Symbol.for("react.element"):60103;function rt(n){return n.$$typeof===et}function tt(n){return Array.isArray(n)?[]:{}}function N(n,e){return e.clone!==!1&&e.isMergeableObject(n)?I(tt(n),n,e):n}function at(n,e,r){return n.concat(e).map(function(t){return N(t,r)})}function nt(n,e){if(!e.customMerge)return I;var r=e.customMerge(n);return typeof r=="function"?r:I}function it(n){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(n).filter(function(e){return Object.propertyIsEnumerable.call(n,e)}):[]}function we(n){return Object.keys(n).concat(it(n))}function Re(n,e){try{return e in n}catch{return!1}}function lt(n,e){return Re(n,e)&&!(Object.hasOwnProperty.call(n,e)&&Object.propertyIsEnumerable.call(n,e))}function ot(n,e,r){var t={};return r.isMergeableObject(n)&&we(n).forEach(function(a){t[a]=N(n[a],r)}),we(e).forEach(function(a){lt(n,a)||(Re(n,a)&&r.isMergeableObject(e[a])?t[a]=nt(a,r)(n[a],e[a],r):t[a]=N(e[a],r))}),t}function I(n,e,r){r=r||{},r.arrayMerge=r.arrayMerge||at,r.isMergeableObject=r.isMergeableObject||Xr,r.cloneUnlessOtherwiseSpecified=N;var t=Array.isArray(e),a=Array.isArray(n),i=t===a;return i?t?r.arrayMerge(n,e,r):ot(n,e,r):N(e,r)}I.all=function(e,r){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce(function(t,a){return I(t,a,r)},{})};var ut=I,st=ut;const pt=ke(st);var Ce=new Set,Se=[],_=[],ht={appendCss:n=>{_.push(n)},registerClassName:n=>{Ce.add(n)},registerComposition:n=>{Se.push(n)},markCompositionUsed:()=>{},onEndFileScope:n=>{var e=Yr({localClassNames:Array.from(Ce),composedClassLists:Se,cssObjs:_}).join(`
+`);Be({fileScope:n,css:e}),_=[]},getIdentOption:()=>process.env.NODE_ENV==="production"?"short":"debug"};Xe(ht);function H(n,e){return H=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,a){return t.__proto__=a,t},H(n,e)}function ct(n,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),Object.defineProperty(n,"prototype",{writable:!1}),e&&H(n,e)}function ee(){ee=function(a,i){return new r(a,void 0,i)};var n=RegExp.prototype,e=new WeakMap;function r(a,i,l){var u=new RegExp(a,i);return e.set(u,l||e.get(a)),H(u,r.prototype)}function t(a,i){var l=e.get(i);return Object.keys(l).reduce(function(u,o){var s=l[o];if(typeof s=="number")u[o]=a[s];else{for(var p=0;a[s[p]]===void 0&&p+1<s.length;)p++;u[o]=a[s[p]]}return u},Object.create(null))}return ct(r,RegExp),r.prototype.exec=function(a){var i=n.exec.call(this,a);if(i){i.groups=t(i,this);var l=i.indices;l&&(l.groups=t(l,this))}return i},r.prototype[Symbol.replace]=function(a,i){if(typeof i=="string"){var l=e.get(this);return n[Symbol.replace].call(this,a,i.replace(/\$<([^>]+)>/g,function(o,s){var p=l[s];return"$"+(Array.isArray(p)?p.join("$"):p)}))}if(typeof i=="function"){var u=this;return n[Symbol.replace].call(this,a,function(){var o=arguments;return typeof o[o.length-1]!="object"&&(o=[].slice.call(o)).push(t(o,u)),i.apply(this,o)})}return n[Symbol.replace].call(this,a,i)},ee.apply(this,arguments)}function ft(n){var{debugId:e,debugFileName:r}=n,t=e?[e.replace(/\s/g,"_")]:[];if(r){var{filePath:a}=M(),i=a.match(ee(/([^\/\\]*)?[\/\\]?([^\/\\]*)\.css\.(ts|js|tsx|jsx|cjs|mjs)$/,{dir:1,file:2}));if(i&&i.groups){var{dir:l,file:u}=i.groups;t.unshift(u&&u!=="index"?u:l)}}return t.join("_")}function Ae(n){return n.match(/^[0-9]/)?"_".concat(n):n}function Ne(n){var e=Te(),{debugId:r,debugFileName:t=!0}=P(P({},typeof n=="string"?{debugId:n}:null),typeof n=="object"?n:null),a=Jr().toString(36),{filePath:i,packageName:l}=M(),u=Zr(l?"".concat(l).concat(i):i),o="".concat(u).concat(a);if(e==="debug"){var s=ft({debugId:r,debugFileName:t});return s&&(o="".concat(s,"__").concat(o)),Ae(o)}if(typeof e=="function"){if(o=e({hash:o,debugId:r,filePath:i,packageName:l}),!o.match(/^[A-Z_][0-9A-Z_-]+$/i))throw new Error('Identifier function returned invalid indentifier: "'.concat(o,'"'));return o}return Ae(o)}function gt(n,e){var r=Ne(e);Pe(r,M());var t=[],a=[];for(var i of n)typeof i=="string"?t.push(i):a.push(i);var l=r;if(t.length>0&&(l="".concat(r," ").concat(Ir(t)),Qe({identifier:r,classList:l},M()),a.length>0&&Me(r)),a.length>0){var u=pt.all(a,{arrayMerge:(o,s)=>s});je({type:"local",selector:r,rule:u},M())}return l}function vt(n,e){if(Array.isArray(n))return gt(n,e);var r=Ne(e);return Pe(r,M()),je({type:"local",selector:r,rule:n},M()),r}const dt={transparent:"var(--tgph-transparent)",white:"var(--tgph-white)",black:"var(--tgph-black)","surface-1":"var(--tgph-surface-1)","surface-2":"var(--tgph-surface-2)","alpha-white-1":"var(--tgph-alpha-white-1)","alpha-white-2":"var(--tgph-alpha-white-2)","alpha-white-3":"var(--tgph-alpha-white-3)","alpha-white-4":"var(--tgph-alpha-white-4)","alpha-white-5":"var(--tgph-alpha-white-5)","alpha-white-6":"var(--tgph-alpha-white-6)","alpha-white-7":"var(--tgph-alpha-white-7)","alpha-white-8":"var(--tgph-alpha-white-8)","alpha-white-9":"var(--tgph-alpha-white-9)","alpha-white-10":"var(--tgph-alpha-white-10)","alpha-white-11":"var(--tgph-alpha-white-11)","alpha-white-12":"var(--tgph-alpha-white-12)","alpha-black-1":"var(--tgph-alpha-black-1)","alpha-black-2":"var(--tgph-alpha-black-2)","alpha-black-3":"var(--tgph-alpha-black-3)","alpha-black-4":"var(--tgph-alpha-black-4)","alpha-black-5":"var(--tgph-alpha-black-5)","alpha-black-6":"var(--tgph-alpha-black-6)","alpha-black-7":"var(--tgph-alpha-black-7)","alpha-black-8":"var(--tgph-alpha-black-8)","alpha-black-9":"var(--tgph-alpha-black-9)","alpha-black-10":"var(--tgph-alpha-black-10)","alpha-black-11":"var(--tgph-alpha-black-11)","alpha-black-12":"var(--tgph-alpha-black-12)","gray-1":"var(--tgph-gray-1)","gray-2":"var(--tgph-gray-2)","gray-3":"var(--tgph-gray-3)","gray-4":"var(--tgph-gray-4)","gray-5":"var(--tgph-gray-5)","gray-6":"var(--tgph-gray-6)","gray-7":"var(--tgph-gray-7)","gray-8":"var(--tgph-gray-8)","gray-9":"var(--tgph-gray-9)","gray-10":"var(--tgph-gray-10)","gray-11":"var(--tgph-gray-11)","gray-12":"var(--tgph-gray-12)","beige-1":"var(--tgph-beige-1)","beige-2":"var(--tgph-beige-2)","beige-3":"var(--tgph-beige-3)","beige-4":"var(--tgph-beige-4)","beige-5":"var(--tgph-beige-5)","beige-6":"var(--tgph-beige-6)","beige-7":"var(--tgph-beige-7)","beige-8":"var(--tgph-beige-8)","beige-9":"var(--tgph-beige-9)","beige-10":"var(--tgph-beige-10)","beige-11":"var(--tgph-beige-11)","beige-12":"var(--tgph-beige-12)","accent-1":"var(--tgph-accent-1)","accent-2":"var(--tgph-accent-2)","accent-3":"var(--tgph-accent-3)","accent-4":"var(--tgph-accent-4)","accent-5":"var(--tgph-accent-5)","accent-6":"var(--tgph-accent-6)","accent-7":"var(--tgph-accent-7)","accent-8":"var(--tgph-accent-8)","accent-9":"var(--tgph-accent-9)","accent-10":"var(--tgph-accent-10)","accent-11":"var(--tgph-accent-11)","accent-12":"var(--tgph-accent-12)","green-1":"var(--tgph-green-1)","green-2":"var(--tgph-green-2)","green-3":"var(--tgph-green-3)","green-4":"var(--tgph-green-4)","green-5":"var(--tgph-green-5)","green-6":"var(--tgph-green-6)","green-7":"var(--tgph-green-7)","green-8":"var(--tgph-green-8)","green-9":"var(--tgph-green-9)","green-10":"var(--tgph-green-10)","green-11":"var(--tgph-green-11)","green-12":"var(--tgph-green-12)","yellow-1":"var(--tgph-yellow-1)","yellow-2":"var(--tgph-yellow-2)","yellow-3":"var(--tgph-yellow-3)","yellow-4":"var(--tgph-yellow-4)","yellow-5":"var(--tgph-yellow-5)","yellow-6":"var(--tgph-yellow-6)","yellow-7":"var(--tgph-yellow-7)","yellow-8":"var(--tgph-yellow-8)","yellow-9":"var(--tgph-yellow-9)","yellow-10":"var(--tgph-yellow-10)","yellow-11":"var(--tgph-yellow-11)","yellow-12":"var(--tgph-yellow-12)","blue-1":"var(--tgph-blue-1)","blue-2":"var(--tgph-blue-2)","blue-3":"var(--tgph-blue-3)","blue-4":"var(--tgph-blue-4)","blue-5":"var(--tgph-blue-5)","blue-6":"var(--tgph-blue-6)","blue-7":"var(--tgph-blue-7)","blue-8":"var(--tgph-blue-8)","blue-9":"var(--tgph-blue-9)","blue-10":"var(--tgph-blue-10)","blue-11":"var(--tgph-blue-11)","blue-12":"var(--tgph-blue-12)","red-1":"var(--tgph-red-1)","red-2":"var(--tgph-red-2)","red-3":"var(--tgph-red-3)","red-4":"var(--tgph-red-4)","red-5":"var(--tgph-red-5)","red-6":"var(--tgph-red-6)","red-7":"var(--tgph-red-7)","red-8":"var(--tgph-red-8)","red-9":"var(--tgph-red-9)","red-10":"var(--tgph-red-10)","red-11":"var(--tgph-red-11)","red-12":"var(--tgph-red-12)","purple-1":"var(--tgph-purple-1)","purple-2":"var(--tgph-purple-2)","purple-3":"var(--tgph-purple-3)","purple-4":"var(--tgph-purple-4)","purple-5":"var(--tgph-purple-5)","purple-6":"var(--tgph-purple-6)","purple-7":"var(--tgph-purple-7)","purple-8":"var(--tgph-purple-8)","purple-9":"var(--tgph-purple-9)","purple-10":"var(--tgph-purple-10)","purple-11":"var(--tgph-purple-11)","purple-12":"var(--tgph-purple-12)"},mt={0:"var(--tgph-rounded-0)",1:"var(--tgph-rounded-1)",2:"var(--tgph-rounded-2)",3:"var(--tgph-rounded-3)",4:"var(--tgph-rounded-4)",5:"var(--tgph-rounded-5)",6:"var(--tgph-rounded-6)",full:"var(--tgph-rounded-full)"},yt={0:"var(--tgph-shadow-0)",1:"var(--tgph-shadow-1)",2:"var(--tgph-shadow-2)",3:"var(--tgph-shadow-3)",inner:"var(--tgph-shadow-inner)"},bt={0:"var(--tgph-spacing-0)",1:"var(--tgph-spacing-1)",2:"var(--tgph-spacing-2)",3:"var(--tgph-spacing-3)",4:"var(--tgph-spacing-4)",5:"var(--tgph-spacing-5)",6:"var(--tgph-spacing-6)",7:"var(--tgph-spacing-7)",8:"var(--tgph-spacing-8)",9:"var(--tgph-spacing-9)",10:"var(--tgph-spacing-10)",11:"var(--tgph-spacing-11)",12:"var(--tgph-spacing-12)",14:"var(--tgph-spacing-14)",16:"var(--tgph-spacing-16)",20:"var(--tgph-spacing-20)",24:"var(--tgph-spacing-24)",28:"var(--tgph-spacing-28)",32:"var(--tgph-spacing-32)",36:"var(--tgph-spacing-36)",40:"var(--tgph-spacing-40)",44:"var(--tgph-spacing-44)",48:"var(--tgph-spacing-48)",52:"var(--tgph-spacing-52)",56:"var(--tgph-spacing-56)",60:"var(--tgph-spacing-60)",64:"var(--tgph-spacing-64)",72:"var(--tgph-spacing-72)",80:"var(--tgph-spacing-80)",96:"var(--tgph-spacing-96)",140:"var(--tgph-spacing-140)",160:"var(--tgph-spacing-160)",px:"var(--tgph-spacing-px)",full:"var(--tgph-spacing-full)",auto:"var(--tgph-spacing-auto)"},wt={sans:"var(--tgph-family-sans)",mono:"var(--tgph-family-mono)"},Ct={0:"var(--tgph-leading-0)",1:"var(--tgph-leading-1)",2:"var(--tgph-leading-2)",3:"var(--tgph-leading-3)",4:"var(--tgph-leading-4)",5:"var(--tgph-leading-5)",6:"var(--tgph-leading-6)",7:"var(--tgph-leading-7)",8:"var(--tgph-leading-8)",9:"var(--tgph-leading-9)","code-0":"var(--tgph-leading-code-0)","code-1":"var(--tgph-leading-code-1)","code-2":"var(--tgph-leading-code-2)","code-3":"var(--tgph-leading-code-3)","code-4":"var(--tgph-leading-code-4)","code-5":"var(--tgph-leading-code-5)","code-6":"var(--tgph-leading-code-6)","code-7":"var(--tgph-leading-code-7)","code-8":"var(--tgph-leading-code-8)","code-9":"var(--tgph-leading-code-9)"},St={0:"var(--tgph-tracking-0)",1:"var(--tgph-tracking-1)",2:"var(--tgph-tracking-2)",3:"var(--tgph-tracking-3)",4:"var(--tgph-tracking-4)",5:"var(--tgph-tracking-5)",6:"var(--tgph-tracking-6)",7:"var(--tgph-tracking-7)",8:"var(--tgph-tracking-8)",9:"var(--tgph-tracking-9)"},At={0:"var(--tgph-text-0)",1:"var(--tgph-text-1)",2:"var(--tgph-text-2)",3:"var(--tgph-text-3)",4:"var(--tgph-text-4)",5:"var(--tgph-text-5)",6:"var(--tgph-text-6)",7:"var(--tgph-text-7)",8:"var(--tgph-text-8)",9:"var(--tgph-text-9)","code-0":"var(--tgph-text-code-0)","code-1":"var(--tgph-text-code-1)","code-2":"var(--tgph-text-code-2)","code-4":"var(--tgph-text-code-4)","code-5":"var(--tgph-text-code-5)","code-6":"var(--tgph-text-code-6)","code-7":"var(--tgph-text-code-7)","code-8":"var(--tgph-text-code-8)","code-9":"var(--tgph-text-code-9)"},Ot={regular:"var(--tgph-weight-regular)",medium:"var(--tgph-weight-medium)","semi-bold":"var(--tgph-weight-semi-bold)"},kt={sm:"var(--tgph-breakpoint-sm)",md:"var(--tgph-breakpoint-md)",lg:"var(--tgph-breakpoint-lg)",xl:"var(--tgph-breakpoint-xl)","2xl":"var(--tgph-breakpoint-2xl)"},Et={hidden:"var(--tgph-zIndex-hidden)",base:"var(--tgph-zIndex-base)",auto:"var(--tgph-zIndex-auto)",dropdown:"var(--tgph-zIndex-dropdown)",sticky:"var(--tgph-zIndex-sticky)",banner:"var(--tgph-zIndex-banner)",overlay:"var(--tgph-zIndex-overlay)",modal:"var(--tgph-zIndex-modal)",popover:"var(--tgph-zIndex-popover)",skipLink:"var(--tgph-zIndex-skipLink)",toast:"var(--tgph-zIndex-toast)",tooltip:"var(--tgph-zIndex-tooltip)"},xt={"border-style":{solid:"var(--tgph-border-style-solid)",dashed:"var(--tgph-border-style-dashed)"},color:dt,rounded:mt,shadow:yt,spacing:bt,family:wt,leading:Ct,tracking:St,text:At,weight:Ot,breakpoint:kt,zIndex:Et},jt=({props:n,stylePropsFn:e})=>{const r=G.useMemo(()=>n,[n]),t=G.useMemo(()=>{const i=e.properties,l={},u={};return r?(Object.keys(r).forEach(o=>{const s=o;i.has(s)&&Object.assign(l,{[s]:r[s]}),i.has(s)||Object.assign(u,{[s]:r[s]})}),{styleProps:l,componentProps:u}):{styleProps:l,componentProps:u}},[r,e==null?void 0:e.properties]),a=G.useMemo(()=>e(t.styleProps),[t.styleProps,e]);return{styleProps:t.styleProps,componentProps:t.componentProps,styleClassName:a}},Pt={conditions:{sm:{"@media":`screen and (min-width: ${D.tokens.breakpoint.sm})`},md:{"@media":`screen and (min-width: ${D.tokens.breakpoint.md})`},lg:{"@media":`screen and (min-width: ${D.tokens.breakpoint.lg})`},xl:{"@media":`screen and (min-width: ${D.tokens.breakpoint.xl})`},"2xl":{"@media":`screen and (min-width: ${D.tokens.breakpoint["2xl"]})`}},defaultCondition:"sm",responsiveArray:["sm","md","lg","xl","2xl"]};Object.defineProperty(exports,"recipe",{enumerable:!0,get:()=>qe.recipe});Object.defineProperty(exports,"createStyleProps",{enumerable:!0,get:()=>Oe.createSprinkles});Object.defineProperty(exports,"defineStyleProps",{enumerable:!0,get:()=>Oe.defineProperties});exports.RESPONSIVE_STYLE_PROPS=Pt;exports.style=vt;exports.tokens=xt;exports.useStyleProps=jt;
+//# sourceMappingURL=index.js.map