@hopper-ui/styled-system 0.0.0

package/dist/index.js

@@ -0,0 +1,24 @@
+import { useInsertionEffect, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function E(o){return o==null}function j(o){return typeof o>"u"||o===void 0}function h(o){return E(o)||j(o)}var l=typeof window<"u"?useInsertionEffect:useEffect;function i(o,e,r=!0){l(()=>{let a=document.getElementById(o);if(h(a)){if(!h(e))return a=document.createElement("style"),a.id=o,document.head.appendChild(a),a.innerText=m(e),()=>{a?.remove();}}else r&&(a.innerText=m(e));},[o,e]);}function m(o){return o?.replace(/(\r\n|\n|\r|\s\s)/gm,"")??""}var g=typeof window<"u"?useLayoutEffect:useEffect;var c=class{#o;#e;constructor(e,r){this.#o=e,this.#e=r;}getThemeElement(){let e=this.#o.current?.closest(this.#e);if(h(e))throw new Error("Cannot find a theme element, is the scope assigned to a DOM element?");return e}getPropertyValue(e){return window.getComputedStyle(this.getThemeElement()).getPropertyValue(e)}};var y={name:"@hopper-ui/styled-system",author:"Workleap",version:"0.0.0",description:"The styled-system package.",license:"Apache-2.0",repository:{type:"git",url:"git+https://github.com/gsoft-inc/wl-hopper.git",directory:"packages/styled-system"},publishConfig:{access:"public",provenance:!0},type:"module",sideEffects:["*.css"],exports:"./dist/index.js",types:"./dist/index.d.ts",files:["/dist","CHANGELOG.md","README.md"],scripts:{dev:"tsup --config ./tsup.dev.ts",build:"tsup --config ./tsup.build.ts",test:"jest"},peerDependencies:{react:"*","react-dom":"*"},dependencies:{"react-aria":"3.29.1"},devDependencies:{"@swc/core":"1.3.95","@swc/helpers":"0.5.3","@swc/jest":"0.2.29","@testing-library/jest-dom":"6.1.4","@testing-library/react":"14.0.0","@types/jest":"29.5.6","@types/react":"18.2.32","@types/react-dom":"18.2.14","@types/react-test-renderer":"18.0.5","@workleap/eslint-plugin":"3.0.0","@workleap/swc-configs":"2.1.2","@workleap/typescript-configs":"3.0.2",jest:"29.7.0","jest-environment-jsdom":"29.7.0",react:"18.2.0","react-dom":"18.2.0","react-test-renderer":"18.2.0","ts-jest":"29.1.1","ts-node":"10.9.1",tsup:"7.2.0",typescript:"5.2.2"},engines:{node:">=18.0.0"}};var v="hop",p=`${v}-${y.version.replaceAll(".","-")}`;var n={color:"--hop-neutral-text",backgroundColor:"--hop-neutral-surface",lineHeight:"--hop-body-md-line-height",fontFamily:"--hop-body-md-font-family",fontSize:"--hop-body-md-font-size"};function k(){let o=useRef(null),[e,r]=useState(void 0);return g(()=>{if(o.current){let a=new c(o,`.${p}`),t=a.getPropertyValue(n.color),s=a.getPropertyValue(n.backgroundColor),u=a.getPropertyValue(n.fontFamily),$=a.getPropertyValue(n.lineHeight),T=a.getPropertyValue(n.fontSize);r({color:t,backgroundColor:s,lineHeight:$,fontFamily:u,fontSize:T});}},[o]),i(`hop-body-styles-${p}`,h(e)?"":N(e)),jsx("div",{ref:o})}function N({color:o,backgroundColor:e,fontFamily:r,lineHeight:a,fontSize:t}){return `
+            body {
+                -webkit-font-smoothing: antialiased;
+                font-family: ${r}, Arial, sans-serif;
+                line-height: ${a};
+                font-size: ${t};
+                color: ${o};
+                background-color: ${e};
+                margin: 0;
+                padding: 0;
+            }
+
+            @media not (prefers-reduced-motion) {
+                body {
+                    scroll-behavior: smooth;
+                }
+            }
+        `}var b={"--hop-upsell-border-active":"var(--hop-sunken-treasure-500)","--hop-upsell-text-active":"var(--hop-sunken-treasure-300)","--hop-upsell-icon-weakest":"var(--hop-sunken-treasure-100)","--hop-upsell-icon-weak":"var(--hop-sunken-treasure-300)","--hop-upsell-border":"var(--hop-sunken-treasure-200)","--hop-upsell-surface-hover":"var(--hop-sunken-treasure-600)","--hop-upsell-border-disabled":"var(--hop-sunken-treasure-700)","--hop-upsell-icon-active":"var(--hop-sunken-treasure-300)","--hop-upsell-surface-weak":"var(--hop-sunken-treasure-800)","--hop-upsell-surface-disabled":"var(--hop-sunken-treasure-700)","--hop-upsell-text":"var(--hop-sunken-treasure-900)","--hop-upsell-icon":"var(--hop-sunken-treasure-900)","--hop-upsell-text-hover":"var(--hop-sunken-treasure-700)","--hop-upsell-text-disabled":"var(--hop-sunken-treasure-300)","--hop-upsell-surface-active":"var(--hop-sunken-treasure-800)","--hop-upsell-surface":"var(--hop-sunken-treasure-50)","--hop-danger-border-active":"var(--hop-amanita-400)","--hop-danger-icon-active":"var(--hop-amanita-300)","--hop-danger-text-active":"var(--hop-amanita-300)","--hop-danger-surface":"var(--hop-amanita-200)","--hop-danger-text-hover":"var(--hop-amanita-200)","--hop-danger-surface-disabled":"var(--hop-amanita-600)","--hop-danger-surface-hover":"var(--hop-amanita-200)","--hop-danger-surface-strong":"var(--hop-amanita-300)","--hop-danger-surface-strong-hover":"var(--hop-amanita-200)","--hop-danger-surface-weak":"var(--hop-amanita-900)","--hop-danger-border-strong":"var(--hop-amanita-300)","--hop-danger-icon":"var(--hop-amanita-900)","--hop-danger-icon-weak":"var(--hop-amanita-100)","--hop-danger-text":"var(--hop-amanita-900)","--hop-danger-surface-active":"var(--hop-amanita-800)","--hop-danger-text-weak":"var(--hop-amanita-100)","--hop-danger-text-strong":"var(--hop-samoyed)","--hop-danger-text-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-strong":"var(--hop-samoyed)","--hop-danger-icon-hover":"var(--hop-amanita-200)","--hop-danger-text-disabled":"var(--hop-amanita-600)","--hop-danger-icon-disabled":"var(--hop-amanita-600)","--hop-danger-border":"var(--hop-amanita-500)","--hop-primary-icon-active":"var(--hop-sapphire-200)","--hop-primary-border-active":"var(--hop-sapphire-300)","--hop-primary-text-active":"var(--hop-sapphire-200)","--hop-primary-icon-strong":"var(--hop-samoyed)","--hop-primary-icon-strong-hover":"var(--hop-sapphire-300)","--hop-primary-icon":"var(--hop-sapphire-200)","--hop-primary-border-focus":"var(--hop-sapphire-200)","--hop-primary-border":"var(--hop-sapphire-300)","--hop-primary-icon-hover":"var(--hop-sapphire-300)","--hop-primary-icon-disabled":"var(--hop-sapphire-700)","--hop-primary-surface-disabled":"var(--hop-sapphire-700)","--hop-primary-surface-focus":"var(--hop-sapphire-900)","--hop-primary-text-disabled":"var(--hop-sapphire-700)","--hop-primary-surface":"var(--hop-sapphire-200)","--hop-primary-surface-weak":"var(--hop-sapphire-800)","--hop-primary-surface-strong":"var(--hop-sapphire-400)","--hop-primary-surface-strong-hover":"var(--hop-sapphire-200)","--hop-primary-surface-strong-active":"var(--hop-sapphire-800)","--hop-primary-text":"var(--hop-sapphire-200)","--hop-primary-surface-hover":"var(--hop-sapphire-200)","--hop-primary-text-strong":"var(--hop-samoyed)","--hop-primary-text-strong-hover":"var(--hop-sapphire-300)","--hop-primary-text-hover":"var(--hop-sapphire-300)","--hop-primary-surface-active":"var(--hop-sapphire-800)","--hop-decorative-option9-border":"var(--hop-rock-400)","--hop-decorative-option9-icon":"var(--hop-samoyed)","--hop-decorative-option9-surface-weakest":"var(--hop-rock-25)","--hop-decorative-option9-surface-weak":"var(--hop-rock-50)","--hop-decorative-option9-surface-strong":"var(--hop-rock-800)","--hop-decorative-option9-surface-hover":"var(--hop-rock-500)","--hop-decorative-option9-surface":"var(--hop-rock-400)","--hop-decorative-option9-text":"var(--hop-samoyed)","--hop-decorative-option9-text-weak":"var(--hop-rock-300)","--hop-decorative-option8-border":"var(--hop-amanita-400)","--hop-decorative-option8-icon":"var(--hop-amanita-900)","--hop-decorative-option8-surface-weakest":"var(--hop-amanita-25)","--hop-decorative-option8-surface-weak":"var(--hop-amanita-50)","--hop-decorative-option8-surface-strong":"var(--hop-amanita-100)","--hop-decorative-option8-surface-hover":"var(--hop-amanita-200)","--hop-decorative-option8-text-weak":"var(--hop-amanita-300)","--hop-decorative-option8-surface":"var(--hop-amanita-100)","--hop-decorative-option8-text":"var(--hop-amanita-900)","--hop-decorative-option7-border":"var(--hop-toad-400)","--hop-decorative-option7-icon":"var(--hop-toad-900)","--hop-decorative-option7-surface-weakest":"var(--hop-toad-25)","--hop-decorative-option7-surface-weak":"var(--hop-toad-50)","--hop-decorative-option7-surface-strong":"var(--hop-toad-75)","--hop-decorative-option7-surface-hover":"var(--hop-toad-75)","--hop-decorative-option7-surface":"var(--hop-toad-50)","--hop-decorative-option7-text-weak":"var(--hop-toad-500)","--hop-decorative-option7-text":"var(--hop-toad-900)","--hop-decorative-option5-text-weak":"var(--hop-coastal-300)","--hop-decorative-option5-text":"var(--hop-coastal-900)","--hop-decorative-option5-surface-weakest":"var(--hop-coastal-25)","--hop-decorative-option5-surface-weak":"var(--hop-coastal-50)","--hop-decorative-option5-surface-strong":"var(--hop-coastal-100)","--hop-decorative-option5-surface-hover":"var(--hop-coastal-100)","--hop-decorative-option5-surface":"var(--hop-coastal-75)","--hop-decorative-option5-border":"var(--hop-coastal-400)","--hop-decorative-option5-icon":"var(--hop-coastal-900)","--hop-decorative-option6-surface-weakest":"var(--hop-sunken-treasure-25)","--hop-decorative-option6-surface-weak":"var(--hop-sunken-treasure-50)","--hop-decorative-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface-hover":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-border":"var(--hop-sunken-treasure-400)","--hop-decorative-option6-icon":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text-weak":"var(--hop-sunken-treasure-200)","--hop-decorative-option4-surface-weakest":"var(--hop-moss-25)","--hop-decorative-option4-surface-weak":"var(--hop-moss-50)","--hop-decorative-option4-surface-strong":"var(--hop-moss-100)","--hop-decorative-option4-surface-hover":"var(--hop-moss-100)","--hop-decorative-option4-surface":"var(--hop-moss-75)","--hop-decorative-option4-border":"var(--hop-moss-400)","--hop-decorative-option4-icon":"var(--hop-moss-900)","--hop-decorative-option4-text-weak":"var(--hop-moss-400)","--hop-decorative-option4-text":"var(--hop-moss-900)","--hop-decorative-option3-surface-strong":"var(--hop-koi-200)","--hop-decorative-option3-surface-weakest":"var(--hop-koi-25)","--hop-decorative-option3-surface-weak":"var(--hop-koi-50)","--hop-decorative-option3-surface-hover":"var(--hop-koi-200)","--hop-decorative-option3-surface":"var(--hop-koi-100)","--hop-decorative-option3-border":"var(--hop-koi-400)","--hop-decorative-option3-icon":"var(--hop-koi-900)","--hop-decorative-option3-text":"var(--hop-koi-900)","--hop-decorative-option3-text-weak":"var(--hop-koi-300)","--hop-decorative-option2-surface-weakest":"var(--hop-quetzal-25)","--hop-decorative-option2-surface-weak":"var(--hop-quetzal-50)","--hop-decorative-option2-surface-strong":"var(--hop-quetzal-100)","--hop-decorative-option2-surface-hover":"var(--hop-quetzal-100)","--hop-decorative-option2-surface":"var(--hop-quetzal-75)","--hop-decorative-option2-text":"var(--hop-quetzal-900)","--hop-decorative-option2-text-weak":"var(--hop-quetzal-300)","--hop-decorative-option2-border":"var(--hop-quetzal-400)","--hop-decorative-option2-icon":"var(--hop-quetzal-900)","--hop-decorative-option1-surface-strong":"var(--hop-sapphire-200)","--hop-decorative-option1-surface-weakest":"var(--hop-sapphire-25)","--hop-decorative-option1-surface-weak":"var(--hop-sapphire-50)","--hop-decorative-option1-surface-hover":"var(--hop-sapphire-200)","--hop-decorative-option1-surface":"var(--hop-sapphire-100)","--hop-decorative-option1-text-weak":"var(--hop-sapphire-300)","--hop-decorative-option1-border":"var(--hop-sapphire-400)","--hop-decorative-option1-icon":"var(--hop-sapphire-900)","--hop-decorative-option1-text":"var(--hop-sapphire-900)","--hop-neutral-text-hover":"var(--hop-rock-50)","--hop-neutral-surface-weakest-hover":"var(--hop-rock-800)","--hop-neutral-text-weak":"var(--hop-rock-200)","--hop-neutral-surface-disabled":"var(--hop-rock-700)","--hop-neutral-surface-active":"var(--hop-toad-25)","--hop-neutral-surface-weak":"var(--hop-rock-800)","--hop-neutral-surface":"var(--hop-abyss)","--hop-neutral-text-disabled":"var(--hop-rock-500)","--hop-neutral-text-active":"var(--hop-rock-900)","--hop-neutral-text-strong":"var(--hop-rock-900)","--hop-neutral-text":"var(--hop-rock-25)","--hop-neutral-text-weakest":"var(--hop-rock-400)","--hop-neutral-border-disabled":"var(--hop-rock-800)","--hop-neutral-border-strong-hover":"var(--hop-samoyed)","--hop-neutral-border-strong":"var(--hop-samoyed)","--hop-neutral-surface-strong":"var(--hop-samoyed)","--hop-neutral-surface-hover":"var(--hop-rock-800)","--hop-neutral-icon-disabled":"var(--hop-rock-500)","--hop-neutral-icon":"var(--hop-rock-25)","--hop-neutral-icon-weak":"var(--hop-rock-200)","--hop-neutral-border":"var(--hop-rock-500)","--hop-neutral-border-weak":"var(--hop-rock-800)","--hop-neutral-icon-weakest":"var(--hop-rock-400)","--hop-neutral-icon-strong":"var(--hop-rock-900)","--hop-neutral-icon-hover":"var(--hop-rock-50)","--hop-neutral-icon-active":"var(--hop-rock-900)","--hop-neutral-border-hover":"var(--hop-rock-300)","--hop-neutral-border-active":"var(--hop-toad-25)","--hop-neutral-surface-weak-hover":"var(--hop-rock-700)","--hop-neutral-border-weakest":"var(--hop-rock-800)","--hop-neutral-surface-weakest":"var(--hop-rock-900)","--hop-warning-icon-weakest":"var(--hop-koi-200)","--hop-warning-icon-weak":"var(--hop-koi-75)","--hop-warning-text-weak":"var(--hop-koi-75)","--hop-warning-surface":"var(--hop-koi-75)","--hop-warning-surface-strong":"var(--hop-koi-300)","--hop-warning-surface-weak":"var(--hop-koi-800)","--hop-warning-border":"var(--hop-koi-500)","--hop-warning-icon":"var(--hop-koi-900)","--hop-warning-text":"var(--hop-koi-900)","--hop-success-border":"var(--hop-moss-500)","--hop-success-icon-weak":"var(--hop-moss-75)","--hop-success-icon-weakest":"var(--hop-moss-200)","--hop-success-text-weak":"var(--hop-moss-75)","--hop-success-surface":"var(--hop-moss-75)","--hop-success-surface-strong":"var(--hop-moss-300)","--hop-success-text-hover":"var(--hop-moss-700)","--hop-success-text":"var(--hop-moss-900)","--hop-success-icon":"var(--hop-moss-900)","--hop-success-surface-weak":"var(--hop-moss-800)","--hop-information-icon-weakest":"var(--hop-coastal-200)","--hop-information-surface-strong":"var(--hop-coastal-300)","--hop-information-icon-weak":"var(--hop-coastal-300)","--hop-information-text":"var(--hop-coastal-900)","--hop-information-surface":"var(--hop-coastal-75)","--hop-information-surface-weak":"var(--hop-coastal-800)","--hop-information-text-weak":"var(--hop-coastal-75)","--hop-information-icon":"var(--hop-coastal-900)","--hop-information-border":"var(--hop-coastal-400)","--hop-status-neutral-surface-strong":"var(--hop-rock-100)","--hop-status-neutral-text":"var(--hop-rock-25)","--hop-status-neutral-icon":"var(--hop-rock-25)","--hop-status-neutral-surface":"var(--hop-abyss)","--hop-status-progress-surface-strong":"var(--hop-sapphire-200)","--hop-status-progress-icon":"var(--hop-sapphire-900)","--hop-status-progress-surface":"var(--hop-sapphire-100)","--hop-status-progress-text":"var(--hop-sapphire-900)","--hop-status-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-status-option6-icon":"var(--hop-sunken-treasure-900)","--hop-status-option6-surface":"var(--hop-sunken-treasure-75)","--hop-status-option6-text":"var(--hop-sunken-treasure-900)","--hop-status-option5-surface-strong":"var(--hop-toad-100)","--hop-status-option5-icon":"var(--hop-toad-900)","--hop-status-option5-surface":"var(--hop-toad-200)","--hop-status-option5-text":"var(--hop-toad-900)","--hop-status-option1-surface-strong":"var(--hop-coastal-100)","--hop-status-option1-icon":"var(--hop-coastal-900)","--hop-status-option1-surface":"var(--hop-coastal-200)","--hop-status-option1-text":"var(--hop-coastal-900)","--hop-status-option2-surface-strong":"var(--hop-orchid-bloom-100)","--hop-status-option2-text":"var(--hop-orchid-bloom-900)","--hop-status-option2-surface":"var(--hop-orchid-bloom-200)","--hop-status-option2-icon":"var(--hop-orchid-bloom-900)","--hop-status-option3-surface-strong":"var(--hop-quetzal-100)","--hop-status-option3-icon":"var(--hop-quetzal-900)","--hop-status-option3-surface":"var(--hop-quetzal-200)","--hop-status-option3-text":"var(--hop-quetzal-900)","--hop-status-option4-surface-strong":"var(--hop-fog-100)","--hop-status-option4-icon":"var(--hop-fog-900)","--hop-status-option4-surface":"var(--hop-fog-200)","--hop-status-option4-text":"var(--hop-fog-900)","--hop-status-inactive-surface-strong":"var(--hop-rock-100)","--hop-status-inactive-icon":"var(--hop-rock-800)","--hop-status-inactive-surface":"var(--hop-rock-75)","--hop-status-inactive-text":"var(--hop-rock-900)","--hop-status-caution-surface-strong":"var(--hop-koi-200)","--hop-status-caution-icon":"var(--hop-koi-900)","--hop-status-caution-surface":"var(--hop-koi-75)","--hop-status-caution-text":"var(--hop-koi-900)","--hop-status-negative-surface-strong":"var(--hop-amanita-200)","--hop-status-negative-icon":"var(--hop-amanita-900)","--hop-status-negative-surface":"var(--hop-amanita-75)","--hop-status-negative-text":"var(--hop-amanita-900)","--hop-status-positive-icon":"var(--hop-moss-900)","--hop-status-positive-surface-strong":"var(--hop-moss-200)","--hop-status-positive-surface":"var(--hop-moss-75)","--hop-status-positive-text":"var(--hop-moss-900)"};var w={"--hop-coastal-25":"#f0f8ff","--hop-coastal-50":"#d9efff","--hop-coastal-75":"#bae6ff","--hop-coastal-100":"#9fd2f7","--hop-coastal-200":"#81b9e4","--hop-coastal-300":"#5d9acd","--hop-coastal-400":"#3a7bb2","--hop-coastal-500":"#2e70a8","--hop-coastal-600":"#23669f","--hop-coastal-700":"#0a538b","--hop-coastal-800":"#003d70","--hop-coastal-900":"#00274b","--hop-quetzal-25":"#ddfdf9","--hop-quetzal-50":"#cff4ef","--hop-quetzal-75":"#bde8e1","--hop-quetzal-100":"#a3d6cb","--hop-quetzal-200":"#83beaf","--hop-quetzal-300":"#5da18c","--hop-quetzal-400":"#38836a","--hop-quetzal-500":"#2b795e","--hop-quetzal-600":"#206f54","--hop-quetzal-700":"#055c41","--hop-quetzal-800":"#00452d","--hop-quetzal-900":"#002d1c","--hop-orchid-bloom-25":"#f6f5ff","--hop-orchid-bloom-50":"#eae9fb","--hop-orchid-bloom-75":"#ddddf7","--hop-orchid-bloom-100":"#c8caf0","--hop-orchid-bloom-200":"#aeb3e8","--hop-orchid-bloom-300":"#8d91dc","--hop-orchid-bloom-400":"#6b6ecc","--hop-orchid-bloom-500":"#5f61c5","--hop-orchid-bloom-600":"#5454be","--hop-orchid-bloom-700":"#433fac","--hop-orchid-bloom-800":"#322b8d","--hop-orchid-bloom-900":"#1e1c5d","--hop-sapphire-25":"#f5f6ff","--hop-sapphire-50":"#e6ebff","--hop-sapphire-75":"#d6e0ff","--hop-sapphire-100":"#b9cbff","--hop-sapphire-200":"#95b1ff","--hop-sapphire-300":"#6c8ffd","--hop-sapphire-400":"#4767fe","--hop-sapphire-500":"#3b57ff","--hop-sapphire-600":"#2a43e8","--hop-sapphire-700":"#2040c7","--hop-sapphire-800":"#1b3587","--hop-sapphire-900":"#152450","--hop-fog-25":"#f2f8fa","--hop-fog-50":"#e1eef1","--hop-fog-75":"#d2e3e7","--hop-fog-100":"#bad0d5","--hop-fog-200":"#9cb7be","--hop-fog-300":"#7c9aa3","--hop-fog-400":"#5e7b84","--hop-fog-500":"#557079","--hop-fog-600":"#4e6770","--hop-fog-700":"#40535a","--hop-fog-800":"#313e43","--hop-fog-900":"#20282a","--hop-toad-25":"#fef6ef","--hop-toad-50":"#f0eae3","--hop-toad-75":"#e5ded6","--hop-toad-100":"#d4cbc0","--hop-toad-200":"#bdb1a3","--hop-toad-300":"#a19382","--hop-toad-400":"#837463","--hop-toad-500":"#776a59","--hop-toad-600":"#6e6151","--hop-toad-700":"#594f41","--hop-toad-800":"#433b31","--hop-toad-900":"#2a2620","--hop-sunken-treasure-25":"#fff8d6","--hop-sunken-treasure-50":"#fff2b8","--hop-sunken-treasure-75":"#f7e694","--hop-sunken-treasure-100":"#eac96d","--hop-sunken-treasure-200":"#e2a934","--hop-sunken-treasure-300":"#c28b12","--hop-sunken-treasure-400":"#996f08","--hop-sunken-treasure-500":"#8b6609","--hop-sunken-treasure-600":"#7e5e0a","--hop-sunken-treasure-700":"#654c0d","--hop-sunken-treasure-800":"#4b390f","--hop-sunken-treasure-900":"#2f250d","--hop-koi-25":"#fff5e9","--hop-koi-50":"#ffe8d3","--hop-koi-75":"#ffd8be","--hop-koi-100":"#ffbf92","--hop-koi-200":"#ff9b3f","--hop-koi-300":"#e57723","--hop-koi-400":"#c95109","--hop-koi-500":"#ba4705","--hop-koi-600":"#ab4104","--hop-koi-700":"#8c3504","--hop-koi-800":"#692803","--hop-koi-900":"#451a02","--hop-amanita-25":"#fdf6f6","--hop-amanita-50":"#fde6e5","--hop-amanita-75":"#ffd6d3","--hop-amanita-100":"#ffbcb7","--hop-amanita-200":"#ff8e8e","--hop-amanita-300":"#fa4d59","--hop-amanita-400":"#df3236","--hop-amanita-500":"#cb2e31","--hop-amanita-600":"#ba2d2d","--hop-amanita-700":"#952927","--hop-amanita-800":"#6c2320","--hop-amanita-900":"#431a17","--hop-moss-25":"#f4f9e9","--hop-moss-50":"#e3f3b9","--hop-moss-75":"#cde8ac","--hop-moss-100":"#aad89d","--hop-moss-200":"#7dc291","--hop-moss-300":"#47a584","--hop-moss-400":"#188a71","--hop-moss-500":"#0c796b","--hop-moss-600":"#0a6f64","--hop-moss-700":"#115a52","--hop-moss-800":"#16433d","--hop-moss-900":"#132a27","--hop-abyss":"#1d1d1c","--hop-rock-20":"#fcfbfb","--hop-rock-25":"#f8f6f3","--hop-rock-50":"#ecebe8","--hop-rock-75":"#e0dfdd","--hop-rock-100":"#ccccca","--hop-rock-200":"#b3b3b1","--hop-rock-300":"#959593","--hop-rock-400":"#777775","--hop-rock-500":"#6c6c6b","--hop-rock-600":"#636362","--hop-rock-700":"#505050","--hop-rock-800":"#3c3c3c","--hop-rock-900":"#292929","--hop-samoyed":"#ffffff","--hop-shadow-none":"none","--hop-shadow-sm":"0 1px 6px 0 rgba(60, 60, 60, 0.10)","--hop-shadow-md":"0 4px 10px 4px rgba(60, 60, 60, 0.08)","--hop-shadow-lg":"0 10px 18px 8px rgba(60, 60, 60, 0.08)","--hop-font-family-primary":"ABC Favorit","--hop-font-family-secondary":"Inter","--hop-font-family-tertiary":"ABC Favorit Mono","--hop-font-size-120":"0.75rem","--hop-font-size-140":"0.875rem","--hop-font-size-160":"1rem","--hop-font-size-180":"1.125rem","--hop-font-size-200":"1.25rem","--hop-font-size-240":"1.5rem","--hop-font-size-280":"1.75rem","--hop-font-size-320":"2rem","--hop-font-size-360":"2.25rem","--hop-font-size-480":"3rem","--hop-font-weight-400":"400","--hop-font-weight-410":"410","--hop-font-weight-505":"505","--hop-font-weight-580":"580","--hop-font-weight-590":"590","--hop-font-weight-680":"680","--hop-font-weight-690":"690","--hop-line-height-1-125":"1.125","--hop-line-height-1-14":"1.1428571","--hop-line-height-1-20":"1.2","--hop-line-height-1-25":"1.25","--hop-line-height-1-33":"1.3333333","--hop-line-height-1-4285":"1.4285714","--hop-line-height-1-50":"1.5","--hop-border-radius-0":"0","--hop-border-radius-1":"0.25rem","--hop-border-radius-2":"0.5rem","--hop-border-radius-3":"1rem","--hop-border-radius-4":"1.5rem","--hop-border-radius-9999":"624.9375rem","--hop-space-0":"0","--hop-space-20":"0.125rem","--hop-space-40":"0.25rem","--hop-space-80":"0.5rem","--hop-space-160":"1rem","--hop-space-240":"1.5rem","--hop-space-320":"2rem","--hop-space-400":"2.5rem","--hop-space-480":"3rem","--hop-space-640":"4rem","--hop-space-800":"5rem","--hop-space-960":"6rem","--hop-space-1280":"8rem"},x={"--hop-space-inset-xs":"var(--hop-space-40)","--hop-space-inset-sm":"var(--hop-space-80)","--hop-space-inset-md":"var(--hop-space-160)","--hop-space-inset-lg":"var(--hop-space-240)","--hop-space-inset-xl":"var(--hop-space-320)","--hop-space-inset-squish-sm":"0.25rem var(--hop-space-80)","--hop-space-inset-squish-md":"0.5rem var(--hop-space-160)","--hop-space-inset-squish-lg":"1rem var(--hop-space-320)","--hop-space-inset-stretch-sm":"1rem var(--hop-space-80)","--hop-space-inset-stretch-md":"1.5rem var(--hop-space-160)","--hop-space-inset-stretch-lg":"3rem var(--hop-space-240)","--hop-space-stack-xs":"var(--hop-space-40)","--hop-space-stack-sm":"var(--hop-space-80)","--hop-space-stack-md":"var(--hop-space-160)","--hop-space-stack-lg":"var(--hop-space-240)","--hop-space-stack-xl":"var(--hop-space-320)","--hop-space-inline-xs":"var(--hop-space-40)","--hop-space-inline-sm":"var(--hop-space-80)","--hop-space-inline-md":"var(--hop-space-160)","--hop-space-inline-lg":"var(--hop-space-240)","--hop-space-inline-xl":"var(--hop-space-320)","--hop-upsell-border-active":"var(--hop-sunken-treasure-200)","--hop-upsell-text-active":"var(--hop-sunken-treasure-400)","--hop-upsell-icon-weakest":"var(--hop-sunken-treasure-75)","--hop-upsell-icon-weak":"var(--hop-sunken-treasure-100)","--hop-upsell-border":"var(--hop-sunken-treasure-100)","--hop-upsell-surface-hover":"var(--hop-sunken-treasure-100)","--hop-upsell-border-disabled":"var(--hop-sunken-treasure-75)","--hop-upsell-icon-active":"var(--hop-sunken-treasure-400)","--hop-upsell-surface-weak":"var(--hop-sunken-treasure-25)","--hop-upsell-surface-disabled":"var(--hop-sunken-treasure-75)","--hop-upsell-text":"var(--hop-sunken-treasure-800)","--hop-upsell-icon":"var(--hop-sunken-treasure-800)","--hop-upsell-text-hover":"var(--hop-sunken-treasure-900)","--hop-upsell-text-disabled":"var(--hop-sunken-treasure-400)","--hop-upsell-surface-active":"var(--hop-sunken-treasure-50)","--hop-upsell-surface":"var(--hop-sunken-treasure-25)","--hop-danger-border-active":"var(--hop-amanita-300)","--hop-danger-icon-active":"var(--hop-amanita-400)","--hop-danger-text-active":"var(--hop-amanita-400)","--hop-danger-surface":"var(--hop-amanita-25)","--hop-danger-text-hover":"var(--hop-amanita-500)","--hop-danger-surface-disabled":"var(--hop-amanita-100)","--hop-danger-surface-hover":"var(--hop-amanita-500)","--hop-danger-surface-strong":"var(--hop-amanita-300)","--hop-danger-surface-strong-hover":"var(--hop-amanita-500)","--hop-danger-surface-weak":"var(--hop-amanita-50)","--hop-danger-border-strong":"var(--hop-amanita-300)","--hop-danger-icon":"var(--hop-amanita-700)","--hop-danger-icon-weak":"var(--hop-amanita-300)","--hop-danger-text":"var(--hop-amanita-700)","--hop-danger-surface-active":"var(--hop-amanita-50)","--hop-danger-text-weak":"var(--hop-amanita-300)","--hop-danger-text-strong":"var(--hop-samoyed)","--hop-danger-text-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-strong":"var(--hop-samoyed)","--hop-danger-icon-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-hover":"var(--hop-amanita-500)","--hop-danger-text-disabled":"var(--hop-amanita-100)","--hop-danger-icon-disabled":"var(--hop-amanita-100)","--hop-danger-border":"var(--hop-amanita-100)","--hop-primary-icon-active":"var(--hop-sapphire-500)","--hop-primary-border-active":"var(--hop-sapphire-400)","--hop-primary-text-active":"var(--hop-sapphire-500)","--hop-primary-icon-strong":"var(--hop-samoyed)","--hop-primary-icon-strong-hover":"var(--hop-samoyed)","--hop-primary-icon":"var(--hop-sapphire-500)","--hop-primary-border-focus":"var(--hop-sapphire-500)","--hop-primary-border":"var(--hop-sapphire-400)","--hop-primary-icon-hover":"var(--hop-sapphire-600)","--hop-primary-icon-disabled":"var(--hop-sapphire-200)","--hop-primary-surface-disabled":"var(--hop-sapphire-200)","--hop-primary-surface-focus":"var(--hop-sapphire-25)","--hop-primary-text-disabled":"var(--hop-sapphire-200)","--hop-primary-surface":"var(--hop-sapphire-50)","--hop-primary-surface-weak":"var(--hop-sapphire-25)","--hop-primary-surface-strong":"var(--hop-sapphire-400)","--hop-primary-surface-strong-active":"var(--hop-sapphire-50)","--hop-primary-surface-strong-hover":"var(--hop-sapphire-600)","--hop-primary-text":"var(--hop-sapphire-500)","--hop-primary-surface-hover":"var(--hop-sapphire-600)","--hop-primary-text-strong":"var(--hop-samoyed)","--hop-primary-text-strong-hover":"var(--hop-samoyed)","--hop-primary-text-hover":"var(--hop-sapphire-600)","--hop-primary-surface-active":"var(--hop-sapphire-50)","--hop-decorative-option9-icon":"var(--hop-samoyed)","--hop-decorative-option9-surface":"var(--hop-rock-400)","--hop-decorative-option9-surface-strong":"var(--hop-rock-800)","--hop-decorative-option9-surface-hover":"var(--hop-rock-500)","--hop-decorative-option9-surface-weak":"var(--hop-rock-50)","--hop-decorative-option9-surface-weakest":"var(--hop-rock-25)","--hop-decorative-option9-text":"var(--hop-samoyed)","--hop-decorative-option9-text-weak":"var(--hop-rock-300)","--hop-decorative-option9-border":"var(--hop-rock-100)","--hop-decorative-option8-icon":"var(--hop-amanita-900)","--hop-decorative-option8-surface-weakest":"var(--hop-amanita-25)","--hop-decorative-option8-surface-weak":"var(--hop-amanita-50)","--hop-decorative-option8-surface-hover":"var(--hop-amanita-200)","--hop-decorative-option8-surface-strong":"var(--hop-amanita-100)","--hop-decorative-option8-text-weak":"var(--hop-amanita-300)","--hop-decorative-option8-surface":"var(--hop-amanita-100)","--hop-decorative-option8-text":"var(--hop-amanita-900)","--hop-decorative-option8-border":"var(--hop-amanita-100)","--hop-decorative-option7-icon":"var(--hop-toad-900)","--hop-decorative-option7-surface-weakest":"var(--hop-toad-25)","--hop-decorative-option7-surface-weak":"var(--hop-toad-50)","--hop-decorative-option7-surface-strong":"var(--hop-toad-75)","--hop-decorative-option7-surface-hover":"var(--hop-toad-75)","--hop-decorative-option7-surface":"var(--hop-toad-75)","--hop-decorative-option7-text-weak":"var(--hop-toad-500)","--hop-decorative-option7-text":"var(--hop-toad-900)","--hop-decorative-option7-border":"var(--hop-toad-100)","--hop-decorative-option5-text-weak":"var(--hop-coastal-300)","--hop-decorative-option5-text":"var(--hop-coastal-900)","--hop-decorative-option5-surface-weakest":"var(--hop-coastal-25)","--hop-decorative-option5-surface-weak":"var(--hop-coastal-50)","--hop-decorative-option5-surface-strong":"var(--hop-coastal-100)","--hop-decorative-option5-surface-hover":"var(--hop-coastal-100)","--hop-decorative-option5-surface":"var(--hop-coastal-75)","--hop-decorative-option5-icon":"var(--hop-coastal-900)","--hop-decorative-option5-border":"var(--hop-coastal-100)","--hop-decorative-option6-surface-weakest":"var(--hop-sunken-treasure-25)","--hop-decorative-option6-surface-weak":"var(--hop-sunken-treasure-50)","--hop-decorative-option6-surface-hover":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-icon":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text-weak":"var(--hop-sunken-treasure-200)","--hop-decorative-option6-border":"var(--hop-sunken-treasure-100)","--hop-decorative-option4-surface-weakest":"var(--hop-moss-25)","--hop-decorative-option4-surface-weak":"var(--hop-moss-50)","--hop-decorative-option4-surface-strong":"var(--hop-moss-100)","--hop-decorative-option4-surface-hover":"var(--hop-moss-100)","--hop-decorative-option4-surface":"var(--hop-moss-75)","--hop-decorative-option4-icon":"var(--hop-moss-900)","--hop-decorative-option4-text-weak":"var(--hop-moss-400)","--hop-decorative-option4-text":"var(--hop-moss-900)","--hop-decorative-option4-border":"var(--hop-moss-100)","--hop-decorative-option3-surface-weak":"var(--hop-koi-100)","--hop-decorative-option3-surface-weakest":"var(--hop-koi-25)","--hop-decorative-option3-surface-strong":"var(--hop-koi-200)","--hop-decorative-option3-surface-hover":"var(--hop-koi-200)","--hop-decorative-option3-surface":"var(--hop-koi-200)","--hop-decorative-option3-icon":"var(--hop-koi-900)","--hop-decorative-option3-text":"var(--hop-koi-900)","--hop-decorative-option3-text-weak":"var(--hop-koi-300)","--hop-decorative-option3-border":"var(--hop-koi-100)","--hop-decorative-option2-surface-weakest":"var(--hop-quetzal-25)","--hop-decorative-option2-surface-weak":"var(--hop-quetzal-50)","--hop-decorative-option2-surface-strong":"var(--hop-quetzal-100)","--hop-decorative-option2-surface":"var(--hop-quetzal-75)","--hop-decorative-option2-surface-hover":"var(--hop-quetzal-100)","--hop-decorative-option2-text":"var(--hop-quetzal-900)","--hop-decorative-option2-text-weak":"var(--hop-quetzal-300)","--hop-decorative-option2-icon":"var(--hop-quetzal-900)","--hop-decorative-option2-border":"var(--hop-quetzal-100)","--hop-decorative-option1-surface-weak":"var(--hop-sapphire-50)","--hop-decorative-option1-surface-weakest":"var(--hop-sapphire-25)","--hop-decorative-option1-surface-strong":"var(--hop-sapphire-200)","--hop-decorative-option1-surface-hover":"var(--hop-sapphire-200)","--hop-decorative-option1-surface":"var(--hop-sapphire-100)","--hop-decorative-option1-border":"var(--hop-sapphire-100)","--hop-decorative-option1-text-weak":"var(--hop-sapphire-300)","--hop-decorative-option1-icon":"var(--hop-sapphire-900)","--hop-decorative-option1-text":"var(--hop-sapphire-900)","--hop-neutral-text-hover":"var(--hop-rock-700)","--hop-neutral-surface-weakest-active":"var(--hop-rock-50)","--hop-neutral-surface-weakest-hover":"var(--hop-rock-50)","--hop-neutral-text-weak":"var(--hop-rock-400)","--hop-neutral-surface-disabled":"var(--hop-rock-50)","--hop-neutral-surface-active":"var(--hop-rock-800)","--hop-neutral-surface-weak":"var(--hop-rock-50)","--hop-neutral-surface":"var(--hop-samoyed)","--hop-neutral-text-disabled":"var(--hop-rock-300)","--hop-neutral-text-active":"var(--hop-samoyed)","--hop-neutral-text-strong":"var(--hop-samoyed)","--hop-neutral-text":"var(--hop-rock-800)","--hop-neutral-text-weakest":"var(--hop-rock-200)","--hop-neutral-border-disabled":"var(--hop-rock-50)","--hop-neutral-border-strong":"var(--hop-rock-800)","--hop-neutral-surface-strong":"var(--hop-rock-800)","--hop-neutral-surface-hover":"var(--hop-rock-25)","--hop-neutral-icon-disabled":"var(--hop-rock-300)","--hop-neutral-icon":"var(--hop-rock-800)","--hop-neutral-icon-weak":"var(--hop-rock-400)","--hop-neutral-icon-weak-hover":"var(--hop-rock-700)","--hop-neutral-border":"var(--hop-rock-200)","--hop-neutral-border-weak":"var(--hop-rock-75)","--hop-neutral-icon-weakest":"var(--hop-rock-200)","--hop-neutral-icon-strong":"var(--hop-samoyed)","--hop-neutral-icon-hover":"var(--hop-rock-700)","--hop-neutral-icon-active":"var(--hop-samoyed)","--hop-neutral-border-hover":"var(--hop-rock-300)","--hop-neutral-border-active":"var(--hop-rock-800)","--hop-neutral-surface-weak-hover":"var(--hop-rock-50)","--hop-neutral-border-weakest":"var(--hop-rock-50)","--hop-neutral-surface-weakest":"var(--hop-rock-25)","--hop-warning-icon-weakest":"var(--hop-koi-100)","--hop-warning-icon-weak":"var(--hop-koi-300)","--hop-warning-text-weak":"var(--hop-koi-300)","--hop-warning-surface":"var(--hop-koi-25)","--hop-warning-surface-strong":"var(--hop-koi-100)","--hop-warning-surface-weak":"var(--hop-koi-50)","--hop-warning-border":"var(--hop-koi-100)","--hop-warning-icon":"var(--hop-koi-700)","--hop-warning-text":"var(--hop-koi-700)","--hop-success-border":"var(--hop-moss-100)","--hop-success-icon-weak":"var(--hop-moss-300)","--hop-success-icon-weakest":"var(--hop-moss-100)","--hop-success-text-weak":"var(--hop-moss-300)","--hop-success-surface":"var(--hop-moss-25)","--hop-success-surface-strong":"var(--hop-moss-100)","--hop-success-text-hover":"var(--hop-moss-800)","--hop-success-text":"var(--hop-moss-700)","--hop-success-icon":"var(--hop-moss-700)","--hop-success-surface-weak":"var(--hop-moss-50)","--hop-information-icon-weakest":"var(--hop-coastal-75)","--hop-information-surface-strong":"var(--hop-coastal-100)","--hop-information-icon-weak":"var(--hop-coastal-300)","--hop-information-text":"var(--hop-coastal-800)","--hop-information-surface":"var(--hop-coastal-25)","--hop-information-surface-weak":"var(--hop-coastal-50)","--hop-information-text-weak":"var(--hop-coastal-300)","--hop-information-icon":"var(--hop-coastal-700)","--hop-information-border":"var(--hop-coastal-100)","--hop-status-neutral-surface-strong":"var(--hop-rock-200)","--hop-status-neutral-text":"var(--hop-rock-800)","--hop-status-neutral-icon":"var(--hop-rock-800)","--hop-status-neutral-surface":"var(--hop-samoyed)","--hop-status-progress-surface-strong":"var(--hop-sapphire-200)","--hop-status-progress-icon":"var(--hop-sapphire-500)","--hop-status-progress-surface":"var(--hop-sapphire-50)","--hop-status-progress-text":"var(--hop-sapphire-500)","--hop-status-option6-surface-strong":"var(--hop-sunken-treasure-200)","--hop-status-option6-icon":"var(--hop-sunken-treasure-600)","--hop-status-option6-surface":"var(--hop-sunken-treasure-25)","--hop-status-option6-text":"var(--hop-sunken-treasure-600)","--hop-status-option5-surface-strong":"var(--hop-toad-200)","--hop-status-option5-icon":"var(--hop-toad-600)","--hop-status-option5-surface":"var(--hop-toad-50)","--hop-status-option5-text":"var(--hop-toad-600)","--hop-status-option1-surface-strong":"var(--hop-coastal-200)","--hop-status-option1-icon":"var(--hop-coastal-700)","--hop-status-option1-surface":"var(--hop-coastal-50)","--hop-status-option1-text":"var(--hop-coastal-700)","--hop-status-option2-surface-strong":"var(--hop-orchid-bloom-200)","--hop-status-option2-text":"var(--hop-orchid-bloom-700)","--hop-status-option2-surface":"var(--hop-orchid-bloom-50)","--hop-status-option2-icon":"var(--hop-orchid-bloom-700)","--hop-status-option3-surface-strong":"var(--hop-quetzal-200)","--hop-status-option3-icon":"var(--hop-quetzal-700)","--hop-status-option3-surface":"var(--hop-quetzal-50)","--hop-status-option3-text":"var(--hop-quetzal-700)","--hop-status-option4-surface-strong":"var(--hop-fog-200)","--hop-status-option4-icon":"var(--hop-fog-600)","--hop-status-option4-surface":"var(--hop-fog-50)","--hop-status-option4-text":"var(--hop-fog-600)","--hop-status-caution-surface-strong":"var(--hop-koi-200)","--hop-status-caution-icon":"var(--hop-koi-700)","--hop-status-caution-surface":"var(--hop-koi-50)","--hop-status-caution-text":"var(--hop-koi-700)","--hop-status-negative-surface-strong":"var(--hop-amanita-200)","--hop-status-negative-icon":"var(--hop-amanita-700)","--hop-status-negative-surface":"var(--hop-amanita-50)","--hop-status-negative-text":"var(--hop-amanita-700)","--hop-status-inactive-surface-strong":"var(--hop-rock-100)","--hop-status-inactive-icon":"var(--hop-rock-500)","--hop-status-inactive-surface":"var(--hop-rock-50)","--hop-status-inactive-text":"var(--hop-rock-700)","--hop-status-positive-icon":"var(--hop-moss-700)","--hop-status-positive-surface-strong":"var(--hop-moss-200)","--hop-status-positive-surface":"var(--hop-moss-50)","--hop-status-positive-text":"var(--hop-moss-700)","--hop-elevation-none":"var(--hop-shadow-none)","--hop-elevation-raised":"var(--hop-shadow-sm)","--hop-elevation-lifted":"var(--hop-shadow-md)","--hop-elevation-floating":"var(--hop-shadow-lg)","--hop-heading-3xl-font-family":"var(--hop-font-family-primary)","--hop-heading-3xl-font-size":"var(--hop-font-size-360)","--hop-heading-3xl-font-weight":"var(--hop-font-weight-680)","--hop-heading-3xl-line-height":"var(--hop-line-height-1-33)","--hop-heading-2xl-font-family":"var(--hop-font-family-primary)","--hop-heading-2xl-font-size":"var(--hop-font-size-320)","--hop-heading-2xl-font-weight":"var(--hop-font-weight-580)","--hop-heading-2xl-line-height":"var(--hop-line-height-1-25)","--hop-heading-xl-font-family":"var(--hop-font-family-primary)","--hop-heading-xl-font-size":"var(--hop-font-size-280)","--hop-heading-xl-font-weight":"var(--hop-font-weight-680)","--hop-heading-xl-line-height":"var(--hop-line-height-1-14)","--hop-heading-lg-font-family":"var(--hop-font-family-primary)","--hop-heading-lg-font-size":"var(--hop-font-size-240)","--hop-heading-lg-font-weight":"var(--hop-font-weight-680)","--hop-heading-lg-line-height":"var(--hop-line-height-1-33)","--hop-heading-md-font-family":"var(--hop-font-family-primary)","--hop-heading-md-font-size":"var(--hop-font-size-200)","--hop-heading-md-font-weight":"var(--hop-font-weight-580)","--hop-heading-md-line-height":"var(--hop-line-height-1-20)","--hop-heading-sm-font-family":"var(--hop-font-family-primary)","--hop-heading-sm-font-size":"var(--hop-font-size-180)","--hop-heading-sm-font-weight":"var(--hop-font-weight-580)","--hop-heading-sm-line-height":"var(--hop-line-height-1-50)","--hop-heading-xs-font-family":"var(--hop-font-family-primary)","--hop-heading-xs-font-size":"var(--hop-font-size-160)","--hop-heading-xs-font-weight":"var(--hop-font-weight-410)","--hop-heading-xs-line-height":"var(--hop-line-height-1-50)","--hop-heading-xs-medium-font-family":"var(--hop-font-family-primary)","--hop-heading-xs-medium-font-size":"var(--hop-font-size-160)","--hop-heading-xs-medium-font-weight":"var(--hop-font-weight-580)","--hop-heading-xs-medium-line-height":"var(--hop-line-height-1-50)","--hop-overline-font-family":"var(--hop-font-family-tertiary)","--hop-overline-font-size":"var(--hop-font-size-120)","--hop-overline-font-weight":"var(--hop-font-weight-400)","--hop-overline-line-height":"var(--hop-line-height-1-33)","--hop-body-2xl-font-family":"var(--hop-font-family-secondary)","--hop-body-2xl-font-size":"var(--hop-font-size-320)","--hop-body-2xl-font-weight":"var(--hop-font-weight-410)","--hop-body-2xl-line-height":"var(--hop-line-height-1-125)","--hop-body-xl-font-family":"var(--hop-font-family-secondary)","--hop-body-xl-font-size":"var(--hop-font-size-280)","--hop-body-xl-font-weight":"var(--hop-font-weight-410)","--hop-body-xl-line-height":"var(--hop-line-height-1-14)","--hop-body-lg-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-font-size":"var(--hop-font-size-180)","--hop-body-lg-font-weight":"var(--hop-font-weight-410)","--hop-body-lg-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-medium-font-size":"var(--hop-font-size-180)","--hop-body-lg-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-lg-medium-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-semibold-font-size":"var(--hop-font-size-180)","--hop-body-lg-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-lg-semibold-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-bold-font-size":"var(--hop-font-size-180)","--hop-body-lg-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-lg-bold-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-underline-font-size":"var(--hop-font-size-180)","--hop-body-lg-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-lg-underline-line-height":"var(--hop-line-height-1-33)","--hop-body-md-font-family":"var(--hop-font-family-secondary)","--hop-body-md-font-size":"var(--hop-font-size-160)","--hop-body-md-font-weight":"var(--hop-font-weight-410)","--hop-body-md-line-height":"var(--hop-line-height-1-50)","--hop-body-md-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-md-medium-font-size":"var(--hop-font-size-160)","--hop-body-md-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-md-medium-line-height":"var(--hop-line-height-1-50)","--hop-body-md-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-md-semibold-font-size":"var(--hop-font-size-160)","--hop-body-md-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-md-semibold-line-height":"var(--hop-line-height-1-50)","--hop-body-md-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-md-bold-font-size":"var(--hop-font-size-160)","--hop-body-md-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-md-bold-line-height":"var(--hop-line-height-1-50)","--hop-body-md-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-md-underline-font-size":"var(--hop-font-size-160)","--hop-body-md-underline-font-weight":"var(--hop-font-weight-410)","--hop-body-md-underline-line-height":"var(--hop-line-height-1-50)","--hop-body-sm-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-font-size":"var(--hop-font-size-140)","--hop-body-sm-font-weight":"var(--hop-font-weight-410)","--hop-body-sm-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-medium-font-size":"var(--hop-font-size-140)","--hop-body-sm-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-sm-medium-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-semibold-font-size":"var(--hop-font-size-140)","--hop-body-sm-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-sm-semibold-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-bold-font-size":"var(--hop-font-size-140)","--hop-body-sm-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-sm-bold-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-underline-font-size":"var(--hop-font-size-140)","--hop-body-sm-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-sm-underline-line-height":"var(--hop-line-height-1-4285)","--hop-body-xs-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-font-size":"var(--hop-font-size-120)","--hop-body-xs-font-weight":"var(--hop-font-weight-410)","--hop-body-xs-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-medium-font-size":"var(--hop-font-size-120)","--hop-body-xs-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-xs-medium-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-semibold-font-size":"var(--hop-font-size-120)","--hop-body-xs-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-xs-semibold-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-bold-font-size":"var(--hop-font-size-120)","--hop-body-xs-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-xs-bold-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-underline-font-size":"var(--hop-font-size-120)","--hop-body-xs-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-xs-underline-line-height":"var(--hop-line-height-1-33)","--hop-accent-lg-font-family":"var(--hop-font-family-primary)","--hop-accent-lg-font-size":"var(--hop-font-size-480)","--hop-accent-lg-font-weight":"var(--hop-font-weight-580)","--hop-accent-lg-line-height":"var(--hop-line-height-1-125)","--hop-accent-sm-font-family":"var(--hop-font-family-primary)","--hop-accent-sm-font-size":"var(--hop-font-size-180)","--hop-accent-sm-font-weight":"var(--hop-font-weight-580)","--hop-accent-sm-line-height":"var(--hop-line-height-1-33)","--hop-shape-circle":"var(--hop-border-radius-9999)","--hop-shape-pill":"var(--hop-border-radius-4)","--hop-shape-rounded-lg":"var(--hop-border-radius-3)","--hop-shape-rounded-md":"var(--hop-border-radius-2)","--hop-shape-rounded-sm":"var(--hop-border-radius-1)"};var d={Core:w,Semantic:x,DarkSemantic:b};function z(){return i(`hop-tokens-${p}`,f(`.hop.${p}`,d.Core),!1),i(`hop-tokens-semantic-${p}`,f(`.hop.${p}`,d.Semantic),!1),i(`hop-tokens-semantic-dark-${p}`,f(`.hop.${p}.${p}-dark`,d.DarkSemantic),!1),null}function f(o,e){let r=Object.entries(e).reduce((a,[t,s])=>`${a} ${t}: ${s};`,"");return `${o} {${r}
+}`}function C(o){let e,r,a="";if(typeof o=="string"||typeof o=="number")a+=o;else if(typeof o=="object")if(Array.isArray(o))for(e=0;e<o.length;e++)o[e]&&(r=C(o[e]))&&(a&&(a+=" "),a+=r);else for(e in o)o[e]&&(a&&(a+=" "),a+=e);return a}function B(...o){let e=0,r,a,t="";for(;e<o.length;)(r=o[e++])&&(a=C(r))&&(t&&(t+=" "),t+=a);return t}var S=B;function Co({children:o,withBodyStyle:e=!1,withCssVariables:r=!0,colorScheme:a="light",className:t,...s}){let u=S(`${v} ${v}-${a} ${p} ${p}-${a}`,t);return jsxs("div",{className:u,...s,children:[e&&jsx(k,{}),r&&jsx(z,{}),o]})}
+
+export { k as BodyStyleProvider, v as HopperRootCssClass, Co as StyledSystemProvider, p as StyledSystemRootCssClass, c as ThemeComputedStyle, z as TokenProvider, d as Tokens, i as useInsertStyleElement, l as useIsomorphicInsertionEffect, g as useIsomorphicLayoutEffect };

package/dist/styled-system-root-css-class.d.ts

@@ -0,0 +1,4 @@
+declare const HopperRootCssClass = "hop";
+declare const StyledSystemRootCssClass: string;
+
+export { HopperRootCssClass, StyledSystemRootCssClass };

package/dist/styled-system-root-css-class.js

@@ -0,0 +1,3 @@
+var e={name:"@hopper-ui/styled-system",author:"Workleap",version:"0.0.0",description:"The styled-system package.",license:"Apache-2.0",repository:{type:"git",url:"git+https://github.com/gsoft-inc/wl-hopper.git",directory:"packages/styled-system"},publishConfig:{access:"public",provenance:!0},type:"module",sideEffects:["*.css"],exports:"./dist/index.js",types:"./dist/index.d.ts",files:["/dist","CHANGELOG.md","README.md"],scripts:{dev:"tsup --config ./tsup.dev.ts",build:"tsup --config ./tsup.build.ts",test:"jest"},peerDependencies:{react:"*","react-dom":"*"},dependencies:{"react-aria":"3.29.1"},devDependencies:{"@swc/core":"1.3.95","@swc/helpers":"0.5.3","@swc/jest":"0.2.29","@testing-library/jest-dom":"6.1.4","@testing-library/react":"14.0.0","@types/jest":"29.5.6","@types/react":"18.2.32","@types/react-dom":"18.2.14","@types/react-test-renderer":"18.0.5","@workleap/eslint-plugin":"3.0.0","@workleap/swc-configs":"2.1.2","@workleap/typescript-configs":"3.0.2",jest:"29.7.0","jest-environment-jsdom":"29.7.0",react:"18.2.0","react-dom":"18.2.0","react-test-renderer":"18.2.0","ts-jest":"29.1.1","ts-node":"10.9.1",tsup:"7.2.0",typescript:"5.2.2"},engines:{node:">=18.0.0"}};var t="hop",i=`${t}-${e.version.replaceAll(".","-")}`;
+
+export { t as HopperRootCssClass, i as StyledSystemRootCssClass };

package/dist/tokens/TokenProvider.d.ts

@@ -0,0 +1,20 @@
+/** The TokenProvider injects tokens in the document's head.
+ * This is a component and not a hook, so it's easier to conditionally call it
+ * @example
+ * assuming different versions of the design system loaded at the same time, one with version 1, the other with version 2.0.0
+ *  <head>
+ *      <style id="hop-tokens-1.0.0">
+ *          .hop-1-0-0 {
+ *              --token: red
+ *          }
+ *       </style>
+ *       <style id="hop-tokens-2.0.0">
+ *          .hop-2-0-0 {
+ *              --token: blue
+ *          }
+ *       </style>
+ *   </head>
+ */
+declare function TokenProvider(): null;
+
+export { TokenProvider };

package/dist/tokens/TokenProvider.js

@@ -0,0 +1,6 @@
+import { useInsertionEffect, useEffect } from 'react';
+
+var n={name:"@hopper-ui/styled-system",author:"Workleap",version:"0.0.0",description:"The styled-system package.",license:"Apache-2.0",repository:{type:"git",url:"git+https://github.com/gsoft-inc/wl-hopper.git",directory:"packages/styled-system"},publishConfig:{access:"public",provenance:!0},type:"module",sideEffects:["*.css"],exports:"./dist/index.js",types:"./dist/index.d.ts",files:["/dist","CHANGELOG.md","README.md"],scripts:{dev:"tsup --config ./tsup.dev.ts",build:"tsup --config ./tsup.build.ts",test:"jest"},peerDependencies:{react:"*","react-dom":"*"},dependencies:{"react-aria":"3.29.1"},devDependencies:{"@swc/core":"1.3.95","@swc/helpers":"0.5.3","@swc/jest":"0.2.29","@testing-library/jest-dom":"6.1.4","@testing-library/react":"14.0.0","@types/jest":"29.5.6","@types/react":"18.2.32","@types/react-dom":"18.2.14","@types/react-test-renderer":"18.0.5","@workleap/eslint-plugin":"3.0.0","@workleap/swc-configs":"2.1.2","@workleap/typescript-configs":"3.0.2",jest:"29.7.0","jest-environment-jsdom":"29.7.0",react:"18.2.0","react-dom":"18.2.0","react-test-renderer":"18.2.0","ts-jest":"29.1.1","ts-node":"10.9.1",tsup:"7.2.0",typescript:"5.2.2"},engines:{node:">=18.0.0"}};var k="hop",e=`${k}-${n.version.replaceAll(".","-")}`;function y(o){return o==null}function b(o){return typeof o>"u"||o===void 0}function i(o){return y(o)||b(o)}var c=typeof window<"u"?useInsertionEffect:useEffect;function p(o,r,h=!0){c(()=>{let a=document.getElementById(o);if(i(a)){if(!i(r))return a=document.createElement("style"),a.id=o,document.head.appendChild(a),a.innerText=v(r),()=>{a?.remove();}}else h&&(a.innerText=v(r));},[o,r]);}function v(o){return o?.replace(/(\r\n|\n|\r|\s\s)/gm,"")??""}var d={"--hop-upsell-border-active":"var(--hop-sunken-treasure-500)","--hop-upsell-text-active":"var(--hop-sunken-treasure-300)","--hop-upsell-icon-weakest":"var(--hop-sunken-treasure-100)","--hop-upsell-icon-weak":"var(--hop-sunken-treasure-300)","--hop-upsell-border":"var(--hop-sunken-treasure-200)","--hop-upsell-surface-hover":"var(--hop-sunken-treasure-600)","--hop-upsell-border-disabled":"var(--hop-sunken-treasure-700)","--hop-upsell-icon-active":"var(--hop-sunken-treasure-300)","--hop-upsell-surface-weak":"var(--hop-sunken-treasure-800)","--hop-upsell-surface-disabled":"var(--hop-sunken-treasure-700)","--hop-upsell-text":"var(--hop-sunken-treasure-900)","--hop-upsell-icon":"var(--hop-sunken-treasure-900)","--hop-upsell-text-hover":"var(--hop-sunken-treasure-700)","--hop-upsell-text-disabled":"var(--hop-sunken-treasure-300)","--hop-upsell-surface-active":"var(--hop-sunken-treasure-800)","--hop-upsell-surface":"var(--hop-sunken-treasure-50)","--hop-danger-border-active":"var(--hop-amanita-400)","--hop-danger-icon-active":"var(--hop-amanita-300)","--hop-danger-text-active":"var(--hop-amanita-300)","--hop-danger-surface":"var(--hop-amanita-200)","--hop-danger-text-hover":"var(--hop-amanita-200)","--hop-danger-surface-disabled":"var(--hop-amanita-600)","--hop-danger-surface-hover":"var(--hop-amanita-200)","--hop-danger-surface-strong":"var(--hop-amanita-300)","--hop-danger-surface-strong-hover":"var(--hop-amanita-200)","--hop-danger-surface-weak":"var(--hop-amanita-900)","--hop-danger-border-strong":"var(--hop-amanita-300)","--hop-danger-icon":"var(--hop-amanita-900)","--hop-danger-icon-weak":"var(--hop-amanita-100)","--hop-danger-text":"var(--hop-amanita-900)","--hop-danger-surface-active":"var(--hop-amanita-800)","--hop-danger-text-weak":"var(--hop-amanita-100)","--hop-danger-text-strong":"var(--hop-samoyed)","--hop-danger-text-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-strong":"var(--hop-samoyed)","--hop-danger-icon-hover":"var(--hop-amanita-200)","--hop-danger-text-disabled":"var(--hop-amanita-600)","--hop-danger-icon-disabled":"var(--hop-amanita-600)","--hop-danger-border":"var(--hop-amanita-500)","--hop-primary-icon-active":"var(--hop-sapphire-200)","--hop-primary-border-active":"var(--hop-sapphire-300)","--hop-primary-text-active":"var(--hop-sapphire-200)","--hop-primary-icon-strong":"var(--hop-samoyed)","--hop-primary-icon-strong-hover":"var(--hop-sapphire-300)","--hop-primary-icon":"var(--hop-sapphire-200)","--hop-primary-border-focus":"var(--hop-sapphire-200)","--hop-primary-border":"var(--hop-sapphire-300)","--hop-primary-icon-hover":"var(--hop-sapphire-300)","--hop-primary-icon-disabled":"var(--hop-sapphire-700)","--hop-primary-surface-disabled":"var(--hop-sapphire-700)","--hop-primary-surface-focus":"var(--hop-sapphire-900)","--hop-primary-text-disabled":"var(--hop-sapphire-700)","--hop-primary-surface":"var(--hop-sapphire-200)","--hop-primary-surface-weak":"var(--hop-sapphire-800)","--hop-primary-surface-strong":"var(--hop-sapphire-400)","--hop-primary-surface-strong-hover":"var(--hop-sapphire-200)","--hop-primary-surface-strong-active":"var(--hop-sapphire-800)","--hop-primary-text":"var(--hop-sapphire-200)","--hop-primary-surface-hover":"var(--hop-sapphire-200)","--hop-primary-text-strong":"var(--hop-samoyed)","--hop-primary-text-strong-hover":"var(--hop-sapphire-300)","--hop-primary-text-hover":"var(--hop-sapphire-300)","--hop-primary-surface-active":"var(--hop-sapphire-800)","--hop-decorative-option9-border":"var(--hop-rock-400)","--hop-decorative-option9-icon":"var(--hop-samoyed)","--hop-decorative-option9-surface-weakest":"var(--hop-rock-25)","--hop-decorative-option9-surface-weak":"var(--hop-rock-50)","--hop-decorative-option9-surface-strong":"var(--hop-rock-800)","--hop-decorative-option9-surface-hover":"var(--hop-rock-500)","--hop-decorative-option9-surface":"var(--hop-rock-400)","--hop-decorative-option9-text":"var(--hop-samoyed)","--hop-decorative-option9-text-weak":"var(--hop-rock-300)","--hop-decorative-option8-border":"var(--hop-amanita-400)","--hop-decorative-option8-icon":"var(--hop-amanita-900)","--hop-decorative-option8-surface-weakest":"var(--hop-amanita-25)","--hop-decorative-option8-surface-weak":"var(--hop-amanita-50)","--hop-decorative-option8-surface-strong":"var(--hop-amanita-100)","--hop-decorative-option8-surface-hover":"var(--hop-amanita-200)","--hop-decorative-option8-text-weak":"var(--hop-amanita-300)","--hop-decorative-option8-surface":"var(--hop-amanita-100)","--hop-decorative-option8-text":"var(--hop-amanita-900)","--hop-decorative-option7-border":"var(--hop-toad-400)","--hop-decorative-option7-icon":"var(--hop-toad-900)","--hop-decorative-option7-surface-weakest":"var(--hop-toad-25)","--hop-decorative-option7-surface-weak":"var(--hop-toad-50)","--hop-decorative-option7-surface-strong":"var(--hop-toad-75)","--hop-decorative-option7-surface-hover":"var(--hop-toad-75)","--hop-decorative-option7-surface":"var(--hop-toad-50)","--hop-decorative-option7-text-weak":"var(--hop-toad-500)","--hop-decorative-option7-text":"var(--hop-toad-900)","--hop-decorative-option5-text-weak":"var(--hop-coastal-300)","--hop-decorative-option5-text":"var(--hop-coastal-900)","--hop-decorative-option5-surface-weakest":"var(--hop-coastal-25)","--hop-decorative-option5-surface-weak":"var(--hop-coastal-50)","--hop-decorative-option5-surface-strong":"var(--hop-coastal-100)","--hop-decorative-option5-surface-hover":"var(--hop-coastal-100)","--hop-decorative-option5-surface":"var(--hop-coastal-75)","--hop-decorative-option5-border":"var(--hop-coastal-400)","--hop-decorative-option5-icon":"var(--hop-coastal-900)","--hop-decorative-option6-surface-weakest":"var(--hop-sunken-treasure-25)","--hop-decorative-option6-surface-weak":"var(--hop-sunken-treasure-50)","--hop-decorative-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface-hover":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-border":"var(--hop-sunken-treasure-400)","--hop-decorative-option6-icon":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text-weak":"var(--hop-sunken-treasure-200)","--hop-decorative-option4-surface-weakest":"var(--hop-moss-25)","--hop-decorative-option4-surface-weak":"var(--hop-moss-50)","--hop-decorative-option4-surface-strong":"var(--hop-moss-100)","--hop-decorative-option4-surface-hover":"var(--hop-moss-100)","--hop-decorative-option4-surface":"var(--hop-moss-75)","--hop-decorative-option4-border":"var(--hop-moss-400)","--hop-decorative-option4-icon":"var(--hop-moss-900)","--hop-decorative-option4-text-weak":"var(--hop-moss-400)","--hop-decorative-option4-text":"var(--hop-moss-900)","--hop-decorative-option3-surface-strong":"var(--hop-koi-200)","--hop-decorative-option3-surface-weakest":"var(--hop-koi-25)","--hop-decorative-option3-surface-weak":"var(--hop-koi-50)","--hop-decorative-option3-surface-hover":"var(--hop-koi-200)","--hop-decorative-option3-surface":"var(--hop-koi-100)","--hop-decorative-option3-border":"var(--hop-koi-400)","--hop-decorative-option3-icon":"var(--hop-koi-900)","--hop-decorative-option3-text":"var(--hop-koi-900)","--hop-decorative-option3-text-weak":"var(--hop-koi-300)","--hop-decorative-option2-surface-weakest":"var(--hop-quetzal-25)","--hop-decorative-option2-surface-weak":"var(--hop-quetzal-50)","--hop-decorative-option2-surface-strong":"var(--hop-quetzal-100)","--hop-decorative-option2-surface-hover":"var(--hop-quetzal-100)","--hop-decorative-option2-surface":"var(--hop-quetzal-75)","--hop-decorative-option2-text":"var(--hop-quetzal-900)","--hop-decorative-option2-text-weak":"var(--hop-quetzal-300)","--hop-decorative-option2-border":"var(--hop-quetzal-400)","--hop-decorative-option2-icon":"var(--hop-quetzal-900)","--hop-decorative-option1-surface-strong":"var(--hop-sapphire-200)","--hop-decorative-option1-surface-weakest":"var(--hop-sapphire-25)","--hop-decorative-option1-surface-weak":"var(--hop-sapphire-50)","--hop-decorative-option1-surface-hover":"var(--hop-sapphire-200)","--hop-decorative-option1-surface":"var(--hop-sapphire-100)","--hop-decorative-option1-text-weak":"var(--hop-sapphire-300)","--hop-decorative-option1-border":"var(--hop-sapphire-400)","--hop-decorative-option1-icon":"var(--hop-sapphire-900)","--hop-decorative-option1-text":"var(--hop-sapphire-900)","--hop-neutral-text-hover":"var(--hop-rock-50)","--hop-neutral-surface-weakest-hover":"var(--hop-rock-800)","--hop-neutral-text-weak":"var(--hop-rock-200)","--hop-neutral-surface-disabled":"var(--hop-rock-700)","--hop-neutral-surface-active":"var(--hop-toad-25)","--hop-neutral-surface-weak":"var(--hop-rock-800)","--hop-neutral-surface":"var(--hop-abyss)","--hop-neutral-text-disabled":"var(--hop-rock-500)","--hop-neutral-text-active":"var(--hop-rock-900)","--hop-neutral-text-strong":"var(--hop-rock-900)","--hop-neutral-text":"var(--hop-rock-25)","--hop-neutral-text-weakest":"var(--hop-rock-400)","--hop-neutral-border-disabled":"var(--hop-rock-800)","--hop-neutral-border-strong-hover":"var(--hop-samoyed)","--hop-neutral-border-strong":"var(--hop-samoyed)","--hop-neutral-surface-strong":"var(--hop-samoyed)","--hop-neutral-surface-hover":"var(--hop-rock-800)","--hop-neutral-icon-disabled":"var(--hop-rock-500)","--hop-neutral-icon":"var(--hop-rock-25)","--hop-neutral-icon-weak":"var(--hop-rock-200)","--hop-neutral-border":"var(--hop-rock-500)","--hop-neutral-border-weak":"var(--hop-rock-800)","--hop-neutral-icon-weakest":"var(--hop-rock-400)","--hop-neutral-icon-strong":"var(--hop-rock-900)","--hop-neutral-icon-hover":"var(--hop-rock-50)","--hop-neutral-icon-active":"var(--hop-rock-900)","--hop-neutral-border-hover":"var(--hop-rock-300)","--hop-neutral-border-active":"var(--hop-toad-25)","--hop-neutral-surface-weak-hover":"var(--hop-rock-700)","--hop-neutral-border-weakest":"var(--hop-rock-800)","--hop-neutral-surface-weakest":"var(--hop-rock-900)","--hop-warning-icon-weakest":"var(--hop-koi-200)","--hop-warning-icon-weak":"var(--hop-koi-75)","--hop-warning-text-weak":"var(--hop-koi-75)","--hop-warning-surface":"var(--hop-koi-75)","--hop-warning-surface-strong":"var(--hop-koi-300)","--hop-warning-surface-weak":"var(--hop-koi-800)","--hop-warning-border":"var(--hop-koi-500)","--hop-warning-icon":"var(--hop-koi-900)","--hop-warning-text":"var(--hop-koi-900)","--hop-success-border":"var(--hop-moss-500)","--hop-success-icon-weak":"var(--hop-moss-75)","--hop-success-icon-weakest":"var(--hop-moss-200)","--hop-success-text-weak":"var(--hop-moss-75)","--hop-success-surface":"var(--hop-moss-75)","--hop-success-surface-strong":"var(--hop-moss-300)","--hop-success-text-hover":"var(--hop-moss-700)","--hop-success-text":"var(--hop-moss-900)","--hop-success-icon":"var(--hop-moss-900)","--hop-success-surface-weak":"var(--hop-moss-800)","--hop-information-icon-weakest":"var(--hop-coastal-200)","--hop-information-surface-strong":"var(--hop-coastal-300)","--hop-information-icon-weak":"var(--hop-coastal-300)","--hop-information-text":"var(--hop-coastal-900)","--hop-information-surface":"var(--hop-coastal-75)","--hop-information-surface-weak":"var(--hop-coastal-800)","--hop-information-text-weak":"var(--hop-coastal-75)","--hop-information-icon":"var(--hop-coastal-900)","--hop-information-border":"var(--hop-coastal-400)","--hop-status-neutral-surface-strong":"var(--hop-rock-100)","--hop-status-neutral-text":"var(--hop-rock-25)","--hop-status-neutral-icon":"var(--hop-rock-25)","--hop-status-neutral-surface":"var(--hop-abyss)","--hop-status-progress-surface-strong":"var(--hop-sapphire-200)","--hop-status-progress-icon":"var(--hop-sapphire-900)","--hop-status-progress-surface":"var(--hop-sapphire-100)","--hop-status-progress-text":"var(--hop-sapphire-900)","--hop-status-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-status-option6-icon":"var(--hop-sunken-treasure-900)","--hop-status-option6-surface":"var(--hop-sunken-treasure-75)","--hop-status-option6-text":"var(--hop-sunken-treasure-900)","--hop-status-option5-surface-strong":"var(--hop-toad-100)","--hop-status-option5-icon":"var(--hop-toad-900)","--hop-status-option5-surface":"var(--hop-toad-200)","--hop-status-option5-text":"var(--hop-toad-900)","--hop-status-option1-surface-strong":"var(--hop-coastal-100)","--hop-status-option1-icon":"var(--hop-coastal-900)","--hop-status-option1-surface":"var(--hop-coastal-200)","--hop-status-option1-text":"var(--hop-coastal-900)","--hop-status-option2-surface-strong":"var(--hop-orchid-bloom-100)","--hop-status-option2-text":"var(--hop-orchid-bloom-900)","--hop-status-option2-surface":"var(--hop-orchid-bloom-200)","--hop-status-option2-icon":"var(--hop-orchid-bloom-900)","--hop-status-option3-surface-strong":"var(--hop-quetzal-100)","--hop-status-option3-icon":"var(--hop-quetzal-900)","--hop-status-option3-surface":"var(--hop-quetzal-200)","--hop-status-option3-text":"var(--hop-quetzal-900)","--hop-status-option4-surface-strong":"var(--hop-fog-100)","--hop-status-option4-icon":"var(--hop-fog-900)","--hop-status-option4-surface":"var(--hop-fog-200)","--hop-status-option4-text":"var(--hop-fog-900)","--hop-status-inactive-surface-strong":"var(--hop-rock-100)","--hop-status-inactive-icon":"var(--hop-rock-800)","--hop-status-inactive-surface":"var(--hop-rock-75)","--hop-status-inactive-text":"var(--hop-rock-900)","--hop-status-caution-surface-strong":"var(--hop-koi-200)","--hop-status-caution-icon":"var(--hop-koi-900)","--hop-status-caution-surface":"var(--hop-koi-75)","--hop-status-caution-text":"var(--hop-koi-900)","--hop-status-negative-surface-strong":"var(--hop-amanita-200)","--hop-status-negative-icon":"var(--hop-amanita-900)","--hop-status-negative-surface":"var(--hop-amanita-75)","--hop-status-negative-text":"var(--hop-amanita-900)","--hop-status-positive-icon":"var(--hop-moss-900)","--hop-status-positive-surface-strong":"var(--hop-moss-200)","--hop-status-positive-surface":"var(--hop-moss-75)","--hop-status-positive-text":"var(--hop-moss-900)"};var u={"--hop-coastal-25":"#f0f8ff","--hop-coastal-50":"#d9efff","--hop-coastal-75":"#bae6ff","--hop-coastal-100":"#9fd2f7","--hop-coastal-200":"#81b9e4","--hop-coastal-300":"#5d9acd","--hop-coastal-400":"#3a7bb2","--hop-coastal-500":"#2e70a8","--hop-coastal-600":"#23669f","--hop-coastal-700":"#0a538b","--hop-coastal-800":"#003d70","--hop-coastal-900":"#00274b","--hop-quetzal-25":"#ddfdf9","--hop-quetzal-50":"#cff4ef","--hop-quetzal-75":"#bde8e1","--hop-quetzal-100":"#a3d6cb","--hop-quetzal-200":"#83beaf","--hop-quetzal-300":"#5da18c","--hop-quetzal-400":"#38836a","--hop-quetzal-500":"#2b795e","--hop-quetzal-600":"#206f54","--hop-quetzal-700":"#055c41","--hop-quetzal-800":"#00452d","--hop-quetzal-900":"#002d1c","--hop-orchid-bloom-25":"#f6f5ff","--hop-orchid-bloom-50":"#eae9fb","--hop-orchid-bloom-75":"#ddddf7","--hop-orchid-bloom-100":"#c8caf0","--hop-orchid-bloom-200":"#aeb3e8","--hop-orchid-bloom-300":"#8d91dc","--hop-orchid-bloom-400":"#6b6ecc","--hop-orchid-bloom-500":"#5f61c5","--hop-orchid-bloom-600":"#5454be","--hop-orchid-bloom-700":"#433fac","--hop-orchid-bloom-800":"#322b8d","--hop-orchid-bloom-900":"#1e1c5d","--hop-sapphire-25":"#f5f6ff","--hop-sapphire-50":"#e6ebff","--hop-sapphire-75":"#d6e0ff","--hop-sapphire-100":"#b9cbff","--hop-sapphire-200":"#95b1ff","--hop-sapphire-300":"#6c8ffd","--hop-sapphire-400":"#4767fe","--hop-sapphire-500":"#3b57ff","--hop-sapphire-600":"#2a43e8","--hop-sapphire-700":"#2040c7","--hop-sapphire-800":"#1b3587","--hop-sapphire-900":"#152450","--hop-fog-25":"#f2f8fa","--hop-fog-50":"#e1eef1","--hop-fog-75":"#d2e3e7","--hop-fog-100":"#bad0d5","--hop-fog-200":"#9cb7be","--hop-fog-300":"#7c9aa3","--hop-fog-400":"#5e7b84","--hop-fog-500":"#557079","--hop-fog-600":"#4e6770","--hop-fog-700":"#40535a","--hop-fog-800":"#313e43","--hop-fog-900":"#20282a","--hop-toad-25":"#fef6ef","--hop-toad-50":"#f0eae3","--hop-toad-75":"#e5ded6","--hop-toad-100":"#d4cbc0","--hop-toad-200":"#bdb1a3","--hop-toad-300":"#a19382","--hop-toad-400":"#837463","--hop-toad-500":"#776a59","--hop-toad-600":"#6e6151","--hop-toad-700":"#594f41","--hop-toad-800":"#433b31","--hop-toad-900":"#2a2620","--hop-sunken-treasure-25":"#fff8d6","--hop-sunken-treasure-50":"#fff2b8","--hop-sunken-treasure-75":"#f7e694","--hop-sunken-treasure-100":"#eac96d","--hop-sunken-treasure-200":"#e2a934","--hop-sunken-treasure-300":"#c28b12","--hop-sunken-treasure-400":"#996f08","--hop-sunken-treasure-500":"#8b6609","--hop-sunken-treasure-600":"#7e5e0a","--hop-sunken-treasure-700":"#654c0d","--hop-sunken-treasure-800":"#4b390f","--hop-sunken-treasure-900":"#2f250d","--hop-koi-25":"#fff5e9","--hop-koi-50":"#ffe8d3","--hop-koi-75":"#ffd8be","--hop-koi-100":"#ffbf92","--hop-koi-200":"#ff9b3f","--hop-koi-300":"#e57723","--hop-koi-400":"#c95109","--hop-koi-500":"#ba4705","--hop-koi-600":"#ab4104","--hop-koi-700":"#8c3504","--hop-koi-800":"#692803","--hop-koi-900":"#451a02","--hop-amanita-25":"#fdf6f6","--hop-amanita-50":"#fde6e5","--hop-amanita-75":"#ffd6d3","--hop-amanita-100":"#ffbcb7","--hop-amanita-200":"#ff8e8e","--hop-amanita-300":"#fa4d59","--hop-amanita-400":"#df3236","--hop-amanita-500":"#cb2e31","--hop-amanita-600":"#ba2d2d","--hop-amanita-700":"#952927","--hop-amanita-800":"#6c2320","--hop-amanita-900":"#431a17","--hop-moss-25":"#f4f9e9","--hop-moss-50":"#e3f3b9","--hop-moss-75":"#cde8ac","--hop-moss-100":"#aad89d","--hop-moss-200":"#7dc291","--hop-moss-300":"#47a584","--hop-moss-400":"#188a71","--hop-moss-500":"#0c796b","--hop-moss-600":"#0a6f64","--hop-moss-700":"#115a52","--hop-moss-800":"#16433d","--hop-moss-900":"#132a27","--hop-abyss":"#1d1d1c","--hop-rock-20":"#fcfbfb","--hop-rock-25":"#f8f6f3","--hop-rock-50":"#ecebe8","--hop-rock-75":"#e0dfdd","--hop-rock-100":"#ccccca","--hop-rock-200":"#b3b3b1","--hop-rock-300":"#959593","--hop-rock-400":"#777775","--hop-rock-500":"#6c6c6b","--hop-rock-600":"#636362","--hop-rock-700":"#505050","--hop-rock-800":"#3c3c3c","--hop-rock-900":"#292929","--hop-samoyed":"#ffffff","--hop-shadow-none":"none","--hop-shadow-sm":"0 1px 6px 0 rgba(60, 60, 60, 0.10)","--hop-shadow-md":"0 4px 10px 4px rgba(60, 60, 60, 0.08)","--hop-shadow-lg":"0 10px 18px 8px rgba(60, 60, 60, 0.08)","--hop-font-family-primary":"ABC Favorit","--hop-font-family-secondary":"Inter","--hop-font-family-tertiary":"ABC Favorit Mono","--hop-font-size-120":"0.75rem","--hop-font-size-140":"0.875rem","--hop-font-size-160":"1rem","--hop-font-size-180":"1.125rem","--hop-font-size-200":"1.25rem","--hop-font-size-240":"1.5rem","--hop-font-size-280":"1.75rem","--hop-font-size-320":"2rem","--hop-font-size-360":"2.25rem","--hop-font-size-480":"3rem","--hop-font-weight-400":"400","--hop-font-weight-410":"410","--hop-font-weight-505":"505","--hop-font-weight-580":"580","--hop-font-weight-590":"590","--hop-font-weight-680":"680","--hop-font-weight-690":"690","--hop-line-height-1-125":"1.125","--hop-line-height-1-14":"1.1428571","--hop-line-height-1-20":"1.2","--hop-line-height-1-25":"1.25","--hop-line-height-1-33":"1.3333333","--hop-line-height-1-4285":"1.4285714","--hop-line-height-1-50":"1.5","--hop-border-radius-0":"0","--hop-border-radius-1":"0.25rem","--hop-border-radius-2":"0.5rem","--hop-border-radius-3":"1rem","--hop-border-radius-4":"1.5rem","--hop-border-radius-9999":"624.9375rem","--hop-space-0":"0","--hop-space-20":"0.125rem","--hop-space-40":"0.25rem","--hop-space-80":"0.5rem","--hop-space-160":"1rem","--hop-space-240":"1.5rem","--hop-space-320":"2rem","--hop-space-400":"2.5rem","--hop-space-480":"3rem","--hop-space-640":"4rem","--hop-space-800":"5rem","--hop-space-960":"6rem","--hop-space-1280":"8rem"},f={"--hop-space-inset-xs":"var(--hop-space-40)","--hop-space-inset-sm":"var(--hop-space-80)","--hop-space-inset-md":"var(--hop-space-160)","--hop-space-inset-lg":"var(--hop-space-240)","--hop-space-inset-xl":"var(--hop-space-320)","--hop-space-inset-squish-sm":"0.25rem var(--hop-space-80)","--hop-space-inset-squish-md":"0.5rem var(--hop-space-160)","--hop-space-inset-squish-lg":"1rem var(--hop-space-320)","--hop-space-inset-stretch-sm":"1rem var(--hop-space-80)","--hop-space-inset-stretch-md":"1.5rem var(--hop-space-160)","--hop-space-inset-stretch-lg":"3rem var(--hop-space-240)","--hop-space-stack-xs":"var(--hop-space-40)","--hop-space-stack-sm":"var(--hop-space-80)","--hop-space-stack-md":"var(--hop-space-160)","--hop-space-stack-lg":"var(--hop-space-240)","--hop-space-stack-xl":"var(--hop-space-320)","--hop-space-inline-xs":"var(--hop-space-40)","--hop-space-inline-sm":"var(--hop-space-80)","--hop-space-inline-md":"var(--hop-space-160)","--hop-space-inline-lg":"var(--hop-space-240)","--hop-space-inline-xl":"var(--hop-space-320)","--hop-upsell-border-active":"var(--hop-sunken-treasure-200)","--hop-upsell-text-active":"var(--hop-sunken-treasure-400)","--hop-upsell-icon-weakest":"var(--hop-sunken-treasure-75)","--hop-upsell-icon-weak":"var(--hop-sunken-treasure-100)","--hop-upsell-border":"var(--hop-sunken-treasure-100)","--hop-upsell-surface-hover":"var(--hop-sunken-treasure-100)","--hop-upsell-border-disabled":"var(--hop-sunken-treasure-75)","--hop-upsell-icon-active":"var(--hop-sunken-treasure-400)","--hop-upsell-surface-weak":"var(--hop-sunken-treasure-25)","--hop-upsell-surface-disabled":"var(--hop-sunken-treasure-75)","--hop-upsell-text":"var(--hop-sunken-treasure-800)","--hop-upsell-icon":"var(--hop-sunken-treasure-800)","--hop-upsell-text-hover":"var(--hop-sunken-treasure-900)","--hop-upsell-text-disabled":"var(--hop-sunken-treasure-400)","--hop-upsell-surface-active":"var(--hop-sunken-treasure-50)","--hop-upsell-surface":"var(--hop-sunken-treasure-25)","--hop-danger-border-active":"var(--hop-amanita-300)","--hop-danger-icon-active":"var(--hop-amanita-400)","--hop-danger-text-active":"var(--hop-amanita-400)","--hop-danger-surface":"var(--hop-amanita-25)","--hop-danger-text-hover":"var(--hop-amanita-500)","--hop-danger-surface-disabled":"var(--hop-amanita-100)","--hop-danger-surface-hover":"var(--hop-amanita-500)","--hop-danger-surface-strong":"var(--hop-amanita-300)","--hop-danger-surface-strong-hover":"var(--hop-amanita-500)","--hop-danger-surface-weak":"var(--hop-amanita-50)","--hop-danger-border-strong":"var(--hop-amanita-300)","--hop-danger-icon":"var(--hop-amanita-700)","--hop-danger-icon-weak":"var(--hop-amanita-300)","--hop-danger-text":"var(--hop-amanita-700)","--hop-danger-surface-active":"var(--hop-amanita-50)","--hop-danger-text-weak":"var(--hop-amanita-300)","--hop-danger-text-strong":"var(--hop-samoyed)","--hop-danger-text-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-strong":"var(--hop-samoyed)","--hop-danger-icon-strong-hover":"var(--hop-samoyed)","--hop-danger-icon-hover":"var(--hop-amanita-500)","--hop-danger-text-disabled":"var(--hop-amanita-100)","--hop-danger-icon-disabled":"var(--hop-amanita-100)","--hop-danger-border":"var(--hop-amanita-100)","--hop-primary-icon-active":"var(--hop-sapphire-500)","--hop-primary-border-active":"var(--hop-sapphire-400)","--hop-primary-text-active":"var(--hop-sapphire-500)","--hop-primary-icon-strong":"var(--hop-samoyed)","--hop-primary-icon-strong-hover":"var(--hop-samoyed)","--hop-primary-icon":"var(--hop-sapphire-500)","--hop-primary-border-focus":"var(--hop-sapphire-500)","--hop-primary-border":"var(--hop-sapphire-400)","--hop-primary-icon-hover":"var(--hop-sapphire-600)","--hop-primary-icon-disabled":"var(--hop-sapphire-200)","--hop-primary-surface-disabled":"var(--hop-sapphire-200)","--hop-primary-surface-focus":"var(--hop-sapphire-25)","--hop-primary-text-disabled":"var(--hop-sapphire-200)","--hop-primary-surface":"var(--hop-sapphire-50)","--hop-primary-surface-weak":"var(--hop-sapphire-25)","--hop-primary-surface-strong":"var(--hop-sapphire-400)","--hop-primary-surface-strong-active":"var(--hop-sapphire-50)","--hop-primary-surface-strong-hover":"var(--hop-sapphire-600)","--hop-primary-text":"var(--hop-sapphire-500)","--hop-primary-surface-hover":"var(--hop-sapphire-600)","--hop-primary-text-strong":"var(--hop-samoyed)","--hop-primary-text-strong-hover":"var(--hop-samoyed)","--hop-primary-text-hover":"var(--hop-sapphire-600)","--hop-primary-surface-active":"var(--hop-sapphire-50)","--hop-decorative-option9-icon":"var(--hop-samoyed)","--hop-decorative-option9-surface":"var(--hop-rock-400)","--hop-decorative-option9-surface-strong":"var(--hop-rock-800)","--hop-decorative-option9-surface-hover":"var(--hop-rock-500)","--hop-decorative-option9-surface-weak":"var(--hop-rock-50)","--hop-decorative-option9-surface-weakest":"var(--hop-rock-25)","--hop-decorative-option9-text":"var(--hop-samoyed)","--hop-decorative-option9-text-weak":"var(--hop-rock-300)","--hop-decorative-option9-border":"var(--hop-rock-100)","--hop-decorative-option8-icon":"var(--hop-amanita-900)","--hop-decorative-option8-surface-weakest":"var(--hop-amanita-25)","--hop-decorative-option8-surface-weak":"var(--hop-amanita-50)","--hop-decorative-option8-surface-hover":"var(--hop-amanita-200)","--hop-decorative-option8-surface-strong":"var(--hop-amanita-100)","--hop-decorative-option8-text-weak":"var(--hop-amanita-300)","--hop-decorative-option8-surface":"var(--hop-amanita-100)","--hop-decorative-option8-text":"var(--hop-amanita-900)","--hop-decorative-option8-border":"var(--hop-amanita-100)","--hop-decorative-option7-icon":"var(--hop-toad-900)","--hop-decorative-option7-surface-weakest":"var(--hop-toad-25)","--hop-decorative-option7-surface-weak":"var(--hop-toad-50)","--hop-decorative-option7-surface-strong":"var(--hop-toad-75)","--hop-decorative-option7-surface-hover":"var(--hop-toad-75)","--hop-decorative-option7-surface":"var(--hop-toad-75)","--hop-decorative-option7-text-weak":"var(--hop-toad-500)","--hop-decorative-option7-text":"var(--hop-toad-900)","--hop-decorative-option7-border":"var(--hop-toad-100)","--hop-decorative-option5-text-weak":"var(--hop-coastal-300)","--hop-decorative-option5-text":"var(--hop-coastal-900)","--hop-decorative-option5-surface-weakest":"var(--hop-coastal-25)","--hop-decorative-option5-surface-weak":"var(--hop-coastal-50)","--hop-decorative-option5-surface-strong":"var(--hop-coastal-100)","--hop-decorative-option5-surface-hover":"var(--hop-coastal-100)","--hop-decorative-option5-surface":"var(--hop-coastal-75)","--hop-decorative-option5-icon":"var(--hop-coastal-900)","--hop-decorative-option5-border":"var(--hop-coastal-100)","--hop-decorative-option6-surface-weakest":"var(--hop-sunken-treasure-25)","--hop-decorative-option6-surface-weak":"var(--hop-sunken-treasure-50)","--hop-decorative-option6-surface-hover":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface-strong":"var(--hop-sunken-treasure-100)","--hop-decorative-option6-surface":"var(--hop-sunken-treasure-75)","--hop-decorative-option6-icon":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text":"var(--hop-sunken-treasure-900)","--hop-decorative-option6-text-weak":"var(--hop-sunken-treasure-200)","--hop-decorative-option6-border":"var(--hop-sunken-treasure-100)","--hop-decorative-option4-surface-weakest":"var(--hop-moss-25)","--hop-decorative-option4-surface-weak":"var(--hop-moss-50)","--hop-decorative-option4-surface-strong":"var(--hop-moss-100)","--hop-decorative-option4-surface-hover":"var(--hop-moss-100)","--hop-decorative-option4-surface":"var(--hop-moss-75)","--hop-decorative-option4-icon":"var(--hop-moss-900)","--hop-decorative-option4-text-weak":"var(--hop-moss-400)","--hop-decorative-option4-text":"var(--hop-moss-900)","--hop-decorative-option4-border":"var(--hop-moss-100)","--hop-decorative-option3-surface-weak":"var(--hop-koi-100)","--hop-decorative-option3-surface-weakest":"var(--hop-koi-25)","--hop-decorative-option3-surface-strong":"var(--hop-koi-200)","--hop-decorative-option3-surface-hover":"var(--hop-koi-200)","--hop-decorative-option3-surface":"var(--hop-koi-200)","--hop-decorative-option3-icon":"var(--hop-koi-900)","--hop-decorative-option3-text":"var(--hop-koi-900)","--hop-decorative-option3-text-weak":"var(--hop-koi-300)","--hop-decorative-option3-border":"var(--hop-koi-100)","--hop-decorative-option2-surface-weakest":"var(--hop-quetzal-25)","--hop-decorative-option2-surface-weak":"var(--hop-quetzal-50)","--hop-decorative-option2-surface-strong":"var(--hop-quetzal-100)","--hop-decorative-option2-surface":"var(--hop-quetzal-75)","--hop-decorative-option2-surface-hover":"var(--hop-quetzal-100)","--hop-decorative-option2-text":"var(--hop-quetzal-900)","--hop-decorative-option2-text-weak":"var(--hop-quetzal-300)","--hop-decorative-option2-icon":"var(--hop-quetzal-900)","--hop-decorative-option2-border":"var(--hop-quetzal-100)","--hop-decorative-option1-surface-weak":"var(--hop-sapphire-50)","--hop-decorative-option1-surface-weakest":"var(--hop-sapphire-25)","--hop-decorative-option1-surface-strong":"var(--hop-sapphire-200)","--hop-decorative-option1-surface-hover":"var(--hop-sapphire-200)","--hop-decorative-option1-surface":"var(--hop-sapphire-100)","--hop-decorative-option1-border":"var(--hop-sapphire-100)","--hop-decorative-option1-text-weak":"var(--hop-sapphire-300)","--hop-decorative-option1-icon":"var(--hop-sapphire-900)","--hop-decorative-option1-text":"var(--hop-sapphire-900)","--hop-neutral-text-hover":"var(--hop-rock-700)","--hop-neutral-surface-weakest-active":"var(--hop-rock-50)","--hop-neutral-surface-weakest-hover":"var(--hop-rock-50)","--hop-neutral-text-weak":"var(--hop-rock-400)","--hop-neutral-surface-disabled":"var(--hop-rock-50)","--hop-neutral-surface-active":"var(--hop-rock-800)","--hop-neutral-surface-weak":"var(--hop-rock-50)","--hop-neutral-surface":"var(--hop-samoyed)","--hop-neutral-text-disabled":"var(--hop-rock-300)","--hop-neutral-text-active":"var(--hop-samoyed)","--hop-neutral-text-strong":"var(--hop-samoyed)","--hop-neutral-text":"var(--hop-rock-800)","--hop-neutral-text-weakest":"var(--hop-rock-200)","--hop-neutral-border-disabled":"var(--hop-rock-50)","--hop-neutral-border-strong":"var(--hop-rock-800)","--hop-neutral-surface-strong":"var(--hop-rock-800)","--hop-neutral-surface-hover":"var(--hop-rock-25)","--hop-neutral-icon-disabled":"var(--hop-rock-300)","--hop-neutral-icon":"var(--hop-rock-800)","--hop-neutral-icon-weak":"var(--hop-rock-400)","--hop-neutral-icon-weak-hover":"var(--hop-rock-700)","--hop-neutral-border":"var(--hop-rock-200)","--hop-neutral-border-weak":"var(--hop-rock-75)","--hop-neutral-icon-weakest":"var(--hop-rock-200)","--hop-neutral-icon-strong":"var(--hop-samoyed)","--hop-neutral-icon-hover":"var(--hop-rock-700)","--hop-neutral-icon-active":"var(--hop-samoyed)","--hop-neutral-border-hover":"var(--hop-rock-300)","--hop-neutral-border-active":"var(--hop-rock-800)","--hop-neutral-surface-weak-hover":"var(--hop-rock-50)","--hop-neutral-border-weakest":"var(--hop-rock-50)","--hop-neutral-surface-weakest":"var(--hop-rock-25)","--hop-warning-icon-weakest":"var(--hop-koi-100)","--hop-warning-icon-weak":"var(--hop-koi-300)","--hop-warning-text-weak":"var(--hop-koi-300)","--hop-warning-surface":"var(--hop-koi-25)","--hop-warning-surface-strong":"var(--hop-koi-100)","--hop-warning-surface-weak":"var(--hop-koi-50)","--hop-warning-border":"var(--hop-koi-100)","--hop-warning-icon":"var(--hop-koi-700)","--hop-warning-text":"var(--hop-koi-700)","--hop-success-border":"var(--hop-moss-100)","--hop-success-icon-weak":"var(--hop-moss-300)","--hop-success-icon-weakest":"var(--hop-moss-100)","--hop-success-text-weak":"var(--hop-moss-300)","--hop-success-surface":"var(--hop-moss-25)","--hop-success-surface-strong":"var(--hop-moss-100)","--hop-success-text-hover":"var(--hop-moss-800)","--hop-success-text":"var(--hop-moss-700)","--hop-success-icon":"var(--hop-moss-700)","--hop-success-surface-weak":"var(--hop-moss-50)","--hop-information-icon-weakest":"var(--hop-coastal-75)","--hop-information-surface-strong":"var(--hop-coastal-100)","--hop-information-icon-weak":"var(--hop-coastal-300)","--hop-information-text":"var(--hop-coastal-800)","--hop-information-surface":"var(--hop-coastal-25)","--hop-information-surface-weak":"var(--hop-coastal-50)","--hop-information-text-weak":"var(--hop-coastal-300)","--hop-information-icon":"var(--hop-coastal-700)","--hop-information-border":"var(--hop-coastal-100)","--hop-status-neutral-surface-strong":"var(--hop-rock-200)","--hop-status-neutral-text":"var(--hop-rock-800)","--hop-status-neutral-icon":"var(--hop-rock-800)","--hop-status-neutral-surface":"var(--hop-samoyed)","--hop-status-progress-surface-strong":"var(--hop-sapphire-200)","--hop-status-progress-icon":"var(--hop-sapphire-500)","--hop-status-progress-surface":"var(--hop-sapphire-50)","--hop-status-progress-text":"var(--hop-sapphire-500)","--hop-status-option6-surface-strong":"var(--hop-sunken-treasure-200)","--hop-status-option6-icon":"var(--hop-sunken-treasure-600)","--hop-status-option6-surface":"var(--hop-sunken-treasure-25)","--hop-status-option6-text":"var(--hop-sunken-treasure-600)","--hop-status-option5-surface-strong":"var(--hop-toad-200)","--hop-status-option5-icon":"var(--hop-toad-600)","--hop-status-option5-surface":"var(--hop-toad-50)","--hop-status-option5-text":"var(--hop-toad-600)","--hop-status-option1-surface-strong":"var(--hop-coastal-200)","--hop-status-option1-icon":"var(--hop-coastal-700)","--hop-status-option1-surface":"var(--hop-coastal-50)","--hop-status-option1-text":"var(--hop-coastal-700)","--hop-status-option2-surface-strong":"var(--hop-orchid-bloom-200)","--hop-status-option2-text":"var(--hop-orchid-bloom-700)","--hop-status-option2-surface":"var(--hop-orchid-bloom-50)","--hop-status-option2-icon":"var(--hop-orchid-bloom-700)","--hop-status-option3-surface-strong":"var(--hop-quetzal-200)","--hop-status-option3-icon":"var(--hop-quetzal-700)","--hop-status-option3-surface":"var(--hop-quetzal-50)","--hop-status-option3-text":"var(--hop-quetzal-700)","--hop-status-option4-surface-strong":"var(--hop-fog-200)","--hop-status-option4-icon":"var(--hop-fog-600)","--hop-status-option4-surface":"var(--hop-fog-50)","--hop-status-option4-text":"var(--hop-fog-600)","--hop-status-caution-surface-strong":"var(--hop-koi-200)","--hop-status-caution-icon":"var(--hop-koi-700)","--hop-status-caution-surface":"var(--hop-koi-50)","--hop-status-caution-text":"var(--hop-koi-700)","--hop-status-negative-surface-strong":"var(--hop-amanita-200)","--hop-status-negative-icon":"var(--hop-amanita-700)","--hop-status-negative-surface":"var(--hop-amanita-50)","--hop-status-negative-text":"var(--hop-amanita-700)","--hop-status-inactive-surface-strong":"var(--hop-rock-100)","--hop-status-inactive-icon":"var(--hop-rock-500)","--hop-status-inactive-surface":"var(--hop-rock-50)","--hop-status-inactive-text":"var(--hop-rock-700)","--hop-status-positive-icon":"var(--hop-moss-700)","--hop-status-positive-surface-strong":"var(--hop-moss-200)","--hop-status-positive-surface":"var(--hop-moss-50)","--hop-status-positive-text":"var(--hop-moss-700)","--hop-elevation-none":"var(--hop-shadow-none)","--hop-elevation-raised":"var(--hop-shadow-sm)","--hop-elevation-lifted":"var(--hop-shadow-md)","--hop-elevation-floating":"var(--hop-shadow-lg)","--hop-heading-3xl-font-family":"var(--hop-font-family-primary)","--hop-heading-3xl-font-size":"var(--hop-font-size-360)","--hop-heading-3xl-font-weight":"var(--hop-font-weight-680)","--hop-heading-3xl-line-height":"var(--hop-line-height-1-33)","--hop-heading-2xl-font-family":"var(--hop-font-family-primary)","--hop-heading-2xl-font-size":"var(--hop-font-size-320)","--hop-heading-2xl-font-weight":"var(--hop-font-weight-580)","--hop-heading-2xl-line-height":"var(--hop-line-height-1-25)","--hop-heading-xl-font-family":"var(--hop-font-family-primary)","--hop-heading-xl-font-size":"var(--hop-font-size-280)","--hop-heading-xl-font-weight":"var(--hop-font-weight-680)","--hop-heading-xl-line-height":"var(--hop-line-height-1-14)","--hop-heading-lg-font-family":"var(--hop-font-family-primary)","--hop-heading-lg-font-size":"var(--hop-font-size-240)","--hop-heading-lg-font-weight":"var(--hop-font-weight-680)","--hop-heading-lg-line-height":"var(--hop-line-height-1-33)","--hop-heading-md-font-family":"var(--hop-font-family-primary)","--hop-heading-md-font-size":"var(--hop-font-size-200)","--hop-heading-md-font-weight":"var(--hop-font-weight-580)","--hop-heading-md-line-height":"var(--hop-line-height-1-20)","--hop-heading-sm-font-family":"var(--hop-font-family-primary)","--hop-heading-sm-font-size":"var(--hop-font-size-180)","--hop-heading-sm-font-weight":"var(--hop-font-weight-580)","--hop-heading-sm-line-height":"var(--hop-line-height-1-50)","--hop-heading-xs-font-family":"var(--hop-font-family-primary)","--hop-heading-xs-font-size":"var(--hop-font-size-160)","--hop-heading-xs-font-weight":"var(--hop-font-weight-410)","--hop-heading-xs-line-height":"var(--hop-line-height-1-50)","--hop-heading-xs-medium-font-family":"var(--hop-font-family-primary)","--hop-heading-xs-medium-font-size":"var(--hop-font-size-160)","--hop-heading-xs-medium-font-weight":"var(--hop-font-weight-580)","--hop-heading-xs-medium-line-height":"var(--hop-line-height-1-50)","--hop-overline-font-family":"var(--hop-font-family-tertiary)","--hop-overline-font-size":"var(--hop-font-size-120)","--hop-overline-font-weight":"var(--hop-font-weight-400)","--hop-overline-line-height":"var(--hop-line-height-1-33)","--hop-body-2xl-font-family":"var(--hop-font-family-secondary)","--hop-body-2xl-font-size":"var(--hop-font-size-320)","--hop-body-2xl-font-weight":"var(--hop-font-weight-410)","--hop-body-2xl-line-height":"var(--hop-line-height-1-125)","--hop-body-xl-font-family":"var(--hop-font-family-secondary)","--hop-body-xl-font-size":"var(--hop-font-size-280)","--hop-body-xl-font-weight":"var(--hop-font-weight-410)","--hop-body-xl-line-height":"var(--hop-line-height-1-14)","--hop-body-lg-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-font-size":"var(--hop-font-size-180)","--hop-body-lg-font-weight":"var(--hop-font-weight-410)","--hop-body-lg-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-medium-font-size":"var(--hop-font-size-180)","--hop-body-lg-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-lg-medium-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-semibold-font-size":"var(--hop-font-size-180)","--hop-body-lg-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-lg-semibold-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-bold-font-size":"var(--hop-font-size-180)","--hop-body-lg-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-lg-bold-line-height":"var(--hop-line-height-1-33)","--hop-body-lg-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-lg-underline-font-size":"var(--hop-font-size-180)","--hop-body-lg-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-lg-underline-line-height":"var(--hop-line-height-1-33)","--hop-body-md-font-family":"var(--hop-font-family-secondary)","--hop-body-md-font-size":"var(--hop-font-size-160)","--hop-body-md-font-weight":"var(--hop-font-weight-410)","--hop-body-md-line-height":"var(--hop-line-height-1-50)","--hop-body-md-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-md-medium-font-size":"var(--hop-font-size-160)","--hop-body-md-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-md-medium-line-height":"var(--hop-line-height-1-50)","--hop-body-md-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-md-semibold-font-size":"var(--hop-font-size-160)","--hop-body-md-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-md-semibold-line-height":"var(--hop-line-height-1-50)","--hop-body-md-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-md-bold-font-size":"var(--hop-font-size-160)","--hop-body-md-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-md-bold-line-height":"var(--hop-line-height-1-50)","--hop-body-md-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-md-underline-font-size":"var(--hop-font-size-160)","--hop-body-md-underline-font-weight":"var(--hop-font-weight-410)","--hop-body-md-underline-line-height":"var(--hop-line-height-1-50)","--hop-body-sm-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-font-size":"var(--hop-font-size-140)","--hop-body-sm-font-weight":"var(--hop-font-weight-410)","--hop-body-sm-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-medium-font-size":"var(--hop-font-size-140)","--hop-body-sm-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-sm-medium-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-semibold-font-size":"var(--hop-font-size-140)","--hop-body-sm-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-sm-semibold-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-bold-font-size":"var(--hop-font-size-140)","--hop-body-sm-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-sm-bold-line-height":"var(--hop-line-height-1-4285)","--hop-body-sm-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-sm-underline-font-size":"var(--hop-font-size-140)","--hop-body-sm-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-sm-underline-line-height":"var(--hop-line-height-1-4285)","--hop-body-xs-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-font-size":"var(--hop-font-size-120)","--hop-body-xs-font-weight":"var(--hop-font-weight-410)","--hop-body-xs-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-medium-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-medium-font-size":"var(--hop-font-size-120)","--hop-body-xs-medium-font-weight":"var(--hop-font-weight-505)","--hop-body-xs-medium-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-semibold-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-semibold-font-size":"var(--hop-font-size-120)","--hop-body-xs-semibold-font-weight":"var(--hop-font-weight-590)","--hop-body-xs-semibold-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-bold-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-bold-font-size":"var(--hop-font-size-120)","--hop-body-xs-bold-font-weight":"var(--hop-font-weight-690)","--hop-body-xs-bold-line-height":"var(--hop-line-height-1-33)","--hop-body-xs-underline-font-family":"var(--hop-font-family-secondary)","--hop-body-xs-underline-font-size":"var(--hop-font-size-120)","--hop-body-xs-underline-font-weight":"var(--hop-font-weight-505)","--hop-body-xs-underline-line-height":"var(--hop-line-height-1-33)","--hop-accent-lg-font-family":"var(--hop-font-family-primary)","--hop-accent-lg-font-size":"var(--hop-font-size-480)","--hop-accent-lg-font-weight":"var(--hop-font-weight-580)","--hop-accent-lg-line-height":"var(--hop-line-height-1-125)","--hop-accent-sm-font-family":"var(--hop-font-family-primary)","--hop-accent-sm-font-size":"var(--hop-font-size-180)","--hop-accent-sm-font-weight":"var(--hop-font-weight-580)","--hop-accent-sm-line-height":"var(--hop-line-height-1-33)","--hop-shape-circle":"var(--hop-border-radius-9999)","--hop-shape-pill":"var(--hop-border-radius-4)","--hop-shape-rounded-lg":"var(--hop-border-radius-3)","--hop-shape-rounded-md":"var(--hop-border-radius-2)","--hop-shape-rounded-sm":"var(--hop-border-radius-1)"};var t={Core:u,Semantic:f,DarkSemantic:d};function F(){return p(`hop-tokens-${e}`,s(`.hop.${e}`,t.Core),!1),p(`hop-tokens-semantic-${e}`,s(`.hop.${e}`,t.Semantic),!1),p(`hop-tokens-semantic-dark-${e}`,s(`.hop.${e}.${e}-dark`,t.DarkSemantic),!1),null}function s(o,r){let h=Object.entries(r).reduce((a,[l,m])=>`${a} ${l}: ${m};`,"");return `${o} {${h}
+}`}
+
+export { F as TokenProvider };

package/dist/tokens/generated/dark-semantic-tokens.d.ts

@@ -0,0 +1,258 @@
+/**
+ * TODO: This file needs to be auto-generated. It is not at the moment
+ */
+declare const DarkSemanticTokens: {
+    "--hop-upsell-border-active": string;
+    "--hop-upsell-text-active": string;
+    "--hop-upsell-icon-weakest": string;
+    "--hop-upsell-icon-weak": string;
+    "--hop-upsell-border": string;
+    "--hop-upsell-surface-hover": string;
+    "--hop-upsell-border-disabled": string;
+    "--hop-upsell-icon-active": string;
+    "--hop-upsell-surface-weak": string;
+    "--hop-upsell-surface-disabled": string;
+    "--hop-upsell-text": string;
+    "--hop-upsell-icon": string;
+    "--hop-upsell-text-hover": string;
+    "--hop-upsell-text-disabled": string;
+    "--hop-upsell-surface-active": string;
+    "--hop-upsell-surface": string;
+    "--hop-danger-border-active": string;
+    "--hop-danger-icon-active": string;
+    "--hop-danger-text-active": string;
+    "--hop-danger-surface": string;
+    "--hop-danger-text-hover": string;
+    "--hop-danger-surface-disabled": string;
+    "--hop-danger-surface-hover": string;
+    "--hop-danger-surface-strong": string;
+    "--hop-danger-surface-strong-hover": string;
+    "--hop-danger-surface-weak": string;
+    "--hop-danger-border-strong": string;
+    "--hop-danger-icon": string;
+    "--hop-danger-icon-weak": string;
+    "--hop-danger-text": string;
+    "--hop-danger-surface-active": string;
+    "--hop-danger-text-weak": string;
+    "--hop-danger-text-strong": string;
+    "--hop-danger-text-strong-hover": string;
+    "--hop-danger-icon-strong": string;
+    "--hop-danger-icon-hover": string;
+    "--hop-danger-text-disabled": string;
+    "--hop-danger-icon-disabled": string;
+    "--hop-danger-border": string;
+    "--hop-primary-icon-active": string;
+    "--hop-primary-border-active": string;
+    "--hop-primary-text-active": string;
+    "--hop-primary-icon-strong": string;
+    "--hop-primary-icon-strong-hover": string;
+    "--hop-primary-icon": string;
+    "--hop-primary-border-focus": string;
+    "--hop-primary-border": string;
+    "--hop-primary-icon-hover": string;
+    "--hop-primary-icon-disabled": string;
+    "--hop-primary-surface-disabled": string;
+    "--hop-primary-surface-focus": string;
+    "--hop-primary-text-disabled": string;
+    "--hop-primary-surface": string;
+    "--hop-primary-surface-weak": string;
+    "--hop-primary-surface-strong": string;
+    "--hop-primary-surface-strong-hover": string;
+    "--hop-primary-surface-strong-active": string;
+    "--hop-primary-text": string;
+    "--hop-primary-surface-hover": string;
+    "--hop-primary-text-strong": string;
+    "--hop-primary-text-strong-hover": string;
+    "--hop-primary-text-hover": string;
+    "--hop-primary-surface-active": string;
+    "--hop-decorative-option9-border": string;
+    "--hop-decorative-option9-icon": string;
+    "--hop-decorative-option9-surface-weakest": string;
+    "--hop-decorative-option9-surface-weak": string;
+    "--hop-decorative-option9-surface-strong": string;
+    "--hop-decorative-option9-surface-hover": string;
+    "--hop-decorative-option9-surface": string;
+    "--hop-decorative-option9-text": string;
+    "--hop-decorative-option9-text-weak": string;
+    "--hop-decorative-option8-border": string;
+    "--hop-decorative-option8-icon": string;
+    "--hop-decorative-option8-surface-weakest": string;
+    "--hop-decorative-option8-surface-weak": string;
+    "--hop-decorative-option8-surface-strong": string;
+    "--hop-decorative-option8-surface-hover": string;
+    "--hop-decorative-option8-text-weak": string;
+    "--hop-decorative-option8-surface": string;
+    "--hop-decorative-option8-text": string;
+    "--hop-decorative-option7-border": string;
+    "--hop-decorative-option7-icon": string;
+    "--hop-decorative-option7-surface-weakest": string;
+    "--hop-decorative-option7-surface-weak": string;
+    "--hop-decorative-option7-surface-strong": string;
+    "--hop-decorative-option7-surface-hover": string;
+    "--hop-decorative-option7-surface": string;
+    "--hop-decorative-option7-text-weak": string;
+    "--hop-decorative-option7-text": string;
+    "--hop-decorative-option5-text-weak": string;
+    "--hop-decorative-option5-text": string;
+    "--hop-decorative-option5-surface-weakest": string;
+    "--hop-decorative-option5-surface-weak": string;
+    "--hop-decorative-option5-surface-strong": string;
+    "--hop-decorative-option5-surface-hover": string;
+    "--hop-decorative-option5-surface": string;
+    "--hop-decorative-option5-border": string;
+    "--hop-decorative-option5-icon": string;
+    "--hop-decorative-option6-surface-weakest": string;
+    "--hop-decorative-option6-surface-weak": string;
+    "--hop-decorative-option6-surface-strong": string;
+    "--hop-decorative-option6-surface-hover": string;
+    "--hop-decorative-option6-surface": string;
+    "--hop-decorative-option6-border": string;
+    "--hop-decorative-option6-icon": string;
+    "--hop-decorative-option6-text": string;
+    "--hop-decorative-option6-text-weak": string;
+    "--hop-decorative-option4-surface-weakest": string;
+    "--hop-decorative-option4-surface-weak": string;
+    "--hop-decorative-option4-surface-strong": string;
+    "--hop-decorative-option4-surface-hover": string;
+    "--hop-decorative-option4-surface": string;
+    "--hop-decorative-option4-border": string;
+    "--hop-decorative-option4-icon": string;
+    "--hop-decorative-option4-text-weak": string;
+    "--hop-decorative-option4-text": string;
+    "--hop-decorative-option3-surface-strong": string;
+    "--hop-decorative-option3-surface-weakest": string;
+    "--hop-decorative-option3-surface-weak": string;
+    "--hop-decorative-option3-surface-hover": string;
+    "--hop-decorative-option3-surface": string;
+    "--hop-decorative-option3-border": string;
+    "--hop-decorative-option3-icon": string;
+    "--hop-decorative-option3-text": string;
+    "--hop-decorative-option3-text-weak": string;
+    "--hop-decorative-option2-surface-weakest": string;
+    "--hop-decorative-option2-surface-weak": string;
+    "--hop-decorative-option2-surface-strong": string;
+    "--hop-decorative-option2-surface-hover": string;
+    "--hop-decorative-option2-surface": string;
+    "--hop-decorative-option2-text": string;
+    "--hop-decorative-option2-text-weak": string;
+    "--hop-decorative-option2-border": string;
+    "--hop-decorative-option2-icon": string;
+    "--hop-decorative-option1-surface-strong": string;
+    "--hop-decorative-option1-surface-weakest": string;
+    "--hop-decorative-option1-surface-weak": string;
+    "--hop-decorative-option1-surface-hover": string;
+    "--hop-decorative-option1-surface": string;
+    "--hop-decorative-option1-text-weak": string;
+    "--hop-decorative-option1-border": string;
+    "--hop-decorative-option1-icon": string;
+    "--hop-decorative-option1-text": string;
+    "--hop-neutral-text-hover": string;
+    "--hop-neutral-surface-weakest-hover": string;
+    "--hop-neutral-text-weak": string;
+    "--hop-neutral-surface-disabled": string;
+    "--hop-neutral-surface-active": string;
+    "--hop-neutral-surface-weak": string;
+    "--hop-neutral-surface": string;
+    "--hop-neutral-text-disabled": string;
+    "--hop-neutral-text-active": string;
+    "--hop-neutral-text-strong": string;
+    "--hop-neutral-text": string;
+    "--hop-neutral-text-weakest": string;
+    "--hop-neutral-border-disabled": string;
+    "--hop-neutral-border-strong-hover": string;
+    "--hop-neutral-border-strong": string;
+    "--hop-neutral-surface-strong": string;
+    "--hop-neutral-surface-hover": string;
+    "--hop-neutral-icon-disabled": string;
+    "--hop-neutral-icon": string;
+    "--hop-neutral-icon-weak": string;
+    "--hop-neutral-border": string;
+    "--hop-neutral-border-weak": string;
+    "--hop-neutral-icon-weakest": string;
+    "--hop-neutral-icon-strong": string;
+    "--hop-neutral-icon-hover": string;
+    "--hop-neutral-icon-active": string;
+    "--hop-neutral-border-hover": string;
+    "--hop-neutral-border-active": string;
+    "--hop-neutral-surface-weak-hover": string;
+    "--hop-neutral-border-weakest": string;
+    "--hop-neutral-surface-weakest": string;
+    "--hop-warning-icon-weakest": string;
+    "--hop-warning-icon-weak": string;
+    "--hop-warning-text-weak": string;
+    "--hop-warning-surface": string;
+    "--hop-warning-surface-strong": string;
+    "--hop-warning-surface-weak": string;
+    "--hop-warning-border": string;
+    "--hop-warning-icon": string;
+    "--hop-warning-text": string;
+    "--hop-success-border": string;
+    "--hop-success-icon-weak": string;
+    "--hop-success-icon-weakest": string;
+    "--hop-success-text-weak": string;
+    "--hop-success-surface": string;
+    "--hop-success-surface-strong": string;
+    "--hop-success-text-hover": string;
+    "--hop-success-text": string;
+    "--hop-success-icon": string;
+    "--hop-success-surface-weak": string;
+    "--hop-information-icon-weakest": string;
+    "--hop-information-surface-strong": string;
+    "--hop-information-icon-weak": string;
+    "--hop-information-text": string;
+    "--hop-information-surface": string;
+    "--hop-information-surface-weak": string;
+    "--hop-information-text-weak": string;
+    "--hop-information-icon": string;
+    "--hop-information-border": string;
+    "--hop-status-neutral-surface-strong": string;
+    "--hop-status-neutral-text": string;
+    "--hop-status-neutral-icon": string;
+    "--hop-status-neutral-surface": string;
+    "--hop-status-progress-surface-strong": string;
+    "--hop-status-progress-icon": string;
+    "--hop-status-progress-surface": string;
+    "--hop-status-progress-text": string;
+    "--hop-status-option6-surface-strong": string;
+    "--hop-status-option6-icon": string;
+    "--hop-status-option6-surface": string;
+    "--hop-status-option6-text": string;
+    "--hop-status-option5-surface-strong": string;
+    "--hop-status-option5-icon": string;
+    "--hop-status-option5-surface": string;
+    "--hop-status-option5-text": string;
+    "--hop-status-option1-surface-strong": string;
+    "--hop-status-option1-icon": string;
+    "--hop-status-option1-surface": string;
+    "--hop-status-option1-text": string;
+    "--hop-status-option2-surface-strong": string;
+    "--hop-status-option2-text": string;
+    "--hop-status-option2-surface": string;
+    "--hop-status-option2-icon": string;
+    "--hop-status-option3-surface-strong": string;
+    "--hop-status-option3-icon": string;
+    "--hop-status-option3-surface": string;
+    "--hop-status-option3-text": string;
+    "--hop-status-option4-surface-strong": string;
+    "--hop-status-option4-icon": string;
+    "--hop-status-option4-surface": string;
+    "--hop-status-option4-text": string;
+    "--hop-status-inactive-surface-strong": string;
+    "--hop-status-inactive-icon": string;
+    "--hop-status-inactive-surface": string;
+    "--hop-status-inactive-text": string;
+    "--hop-status-caution-surface-strong": string;
+    "--hop-status-caution-icon": string;
+    "--hop-status-caution-surface": string;
+    "--hop-status-caution-text": string;
+    "--hop-status-negative-surface-strong": string;
+    "--hop-status-negative-icon": string;
+    "--hop-status-negative-surface": string;
+    "--hop-status-negative-text": string;
+    "--hop-status-positive-icon": string;
+    "--hop-status-positive-surface-strong": string;
+    "--hop-status-positive-surface": string;
+    "--hop-status-positive-text": string;
+};
+
+export { DarkSemanticTokens };