@hopper-ui/styled-system 2.0.0 → 2.0.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @hopper-ui/styled-system
 
+## 2.0.2
+
+### Patch Changes
+
+- ac53639: Added slot method to utilities for Orbiter's interoperability
+
+## 2.0.1
+
+### Patch Changes
+
+- 8ad853b: Retro fitted active color tokens to ease with migrations, these will be deprecated eventually.
+
 ## 2.0.0
 
 ### Major Changes

package/dist/StyledSystemProvider.css

@@ -1,132 +1,132 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/UseStyledSystem.module.css/#css-module-data */
-.UseStyledSystem-module__hop-b-hover___Plz1Z:hover {
+.UseStyledSystem-module__hop-b-hover___ByQqv:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___duyqg:hover {
+.UseStyledSystem-module__hop-bb-hover___Xeioa:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___SSZt0:hover {
+.UseStyledSystem-module__hop-bl-hover___Cxjz3:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___cc-cR:hover {
+.UseStyledSystem-module__hop-br-hover___L4OWT:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___vzXA1:hover {
+.UseStyledSystem-module__hop-bt-hover___xCq-6:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___hVIrm:focus-visible {
+.UseStyledSystem-module__hop-b-focus___5ey6Q:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___f9mPE:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___dzkqR:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___xF6Bc:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___j2NSy:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___ptv3o:focus-visible {
+.UseStyledSystem-module__hop-br-focus___m2UpF:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___MNw8i:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___617Ma:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___rWbbY:active {
+.UseStyledSystem-module__hop-b-active___vHP2d:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___LX6qX:active {
+.UseStyledSystem-module__hop-bb-active___5YpAB:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___VSuvj:active {
+.UseStyledSystem-module__hop-bl-active___AYzyh:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___JMM30:active {
+.UseStyledSystem-module__hop-br-active___EZc9-:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___r6-6b:active {
+.UseStyledSystem-module__hop-bt-active___3bAw6:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___LcLu5:hover {
+.UseStyledSystem-module__hop-bg-hover___NONEn:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___viVUG:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___9qrlQ:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___e--6L:active {
+.UseStyledSystem-module__hop-bg-active___AJVse:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___1YDvX:hover {
+.UseStyledSystem-module__hop-bs-hover___2wpw8:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___uu9Ac:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___0o-5R:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___v8uK1:active {
+.UseStyledSystem-module__hop-bs-active___ETL48:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___8yXVl:hover {
+.UseStyledSystem-module__hop-c-hover___vMN-7:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___YNdjT:focus-visible {
+.UseStyledSystem-module__hop-c-focus___epcDl:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___crOAD:active {
+.UseStyledSystem-module__hop-c-active___UoikK:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___MCgaD:hover {
+.UseStyledSystem-module__hop-cs-hover___WHpUN:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___dxKWH:hover {
+.UseStyledSystem-module__hop-f-hover___FczO1:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___y-fcL:focus-visible {
+.UseStyledSystem-module__hop-f-focus___lAOOH:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___IWVF-:hover {
+.UseStyledSystem-module__hop-o-hover___a-6up:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___IaFLw:focus-visible {
+.UseStyledSystem-module__hop-o-focus___E9zOT:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___caQJi:active {
+.UseStyledSystem-module__hop-o-active___ArZQU:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___ybCdL:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___rwEXJ:focus-visible {
   --hop-ol-focus: initial;
   color: var(--hop-ol-focus) !important;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/styled-system/src/html-wrappers/htmlElement.module.css/#css-module-data */
-:where(.htmlElement-module__hop-HtmlElement___0OW8N),
-:where(.htmlElement-module__hop-HtmlElement___0OW8N::after),
-:where(.htmlElement-module__hop-HtmlElement___0OW8N::before) {
+:where(.htmlElement-module__hop-HtmlElement___TL0Q6),
+:where(.htmlElement-module__hop-HtmlElement___TL0Q6::after),
+:where(.htmlElement-module__hop-HtmlElement___TL0Q6::before) {
   box-sizing: border-box;
 }

package/dist/StyledSystemProvider.js

@@ -1,20 +1,20 @@
-export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-XEJOSGGW.js';
-import './chunk-BA7JHGU6.js';
+export { GlobalStyledSystemProviderCssSelector, _StyledSystemProvider as StyledSystemProvider } from './chunk-3QZI66SR.js';
+import './chunk-F7KWE6J5.js';
+import './chunk-6IPAN22Z.js';
 import './chunk-3YM73BQP.js';
-import './chunk-B6ZBFYWJ.js';
-import './chunk-AZ44JR7G.js';
-import './chunk-GZ3MQOPA.js';
+import './chunk-RU6U3SMC.js';
+import './chunk-ZAHZAEAR.js';
 import './chunk-GXUFWEP5.js';
-import './chunk-VJNKYHHT.js';
-import './chunk-EF3UX45A.js';
-import './chunk-YJKWZYVH.js';
-import './chunk-DVOV55CD.js';
+import './chunk-QLYSVZLZ.js';
+import './chunk-CFIMNXX5.js';
+import './chunk-LKOZVSXD.js';
+import './chunk-4E7VQIC5.js';
 import './chunk-RIORU7JO.js';
 import './chunk-YPIK2HRL.js';
-import './chunk-REAV6RA4.js';
-import './chunk-SSBFBJJN.js';
-import './chunk-5GX5VZFT.js';
-import './chunk-Y7GWSHYF.js';
+import './chunk-XGLTD52P.js';
+import './chunk-XOHK7VFY.js';
+import './chunk-NJIDLCB7.js';
+import './chunk-FAICHNEU.js';
 import './chunk-SFOVKOPG.js';
 import './chunk-VBKLISDI.js';
 import './chunk-XUHDFZZL.js';
@@ -23,4 +23,4 @@ import './chunk-QMDDVBCZ.js';
 import './chunk-5U5IRAPA.js';
 import './chunk-T6JS7L6B.js';
 import './chunk-V7X6ANEM.js';
-import './chunk-6LX4VMOV.js';
+import './chunk-2UOTJGT6.js';

package/dist/chunk-2UOTJGT6.js

@@ -0,0 +1,12 @@
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+
+export { __privateAdd, __privateGet, __privateSet, __publicField };

package/dist/{chunk-XEJOSGGW.js → chunk-3QZI66SR.js}

@@ -1,8 +1,8 @@
-import { BodyStyleProvider } from './chunk-BA7JHGU6.js';
-import { Div } from './chunk-AZ44JR7G.js';
+import { BodyStyleProvider } from './chunk-F7KWE6J5.js';
+import { Div } from './chunk-RU6U3SMC.js';
 import { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-GXUFWEP5.js';
-import { TokenProvider } from './chunk-VJNKYHHT.js';
-import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
+import { TokenProvider } from './chunk-QLYSVZLZ.js';
+import { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-XGLTD52P.js';
 import { useColorScheme } from './chunk-5U5IRAPA.js';
 import { ColorSchemeContext } from './chunk-V7X6ANEM.js';
 import clsx from 'clsx';

package/dist/{chunk-DVOV55CD.js → chunk-4E7VQIC5.js}

@@ -216,6 +216,13 @@ var SemanticTokens = {
   "--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-danger-border-active": "var(--hop-amanita-600)",
+  "--hop-danger-icon-active": "var(--hop-amanita-800)",
+  "--hop-danger-icon-weak-active": "var(--hop-amanita-600)",
+  "--hop-danger-surface-active": "var(--hop-amanita-600)",
+  "--hop-danger-surface-weak-active": "var(--hop-amanita-100)",
+  "--hop-danger-text-active": "var(--hop-amanita-800)",
+  "--hop-danger-text-weak-active": "var(--hop-amanita-600)",
   "--hop-danger-border": "var(--hop-amanita-100)",
   "--hop-danger-border-selected": "var(--hop-amanita-300)",
   "--hop-danger-border-strong": "var(--hop-amanita-300)",
@@ -250,6 +257,128 @@ var SemanticTokens = {
   "--hop-danger-text-weak": "var(--hop-amanita-400)",
   "--hop-danger-text-weak-hover": "var(--hop-amanita-500)",
   "--hop-danger-text-weak-press": "var(--hop-amanita-600)",
+  "--hop-neutral-border-active": "var(--hop-rock-400)",
+  "--hop-neutral-icon-active": "var(--hop-rock-900)",
+  "--hop-neutral-icon-weak-active": "var(--hop-rock-700)",
+  "--hop-neutral-surface-active": "var(--hop-rock-50)",
+  "--hop-neutral-surface-weak-active": "var(--hop-rock-100)",
+  "--hop-neutral-text-active": "var(--hop-rock-900)",
+  "--hop-neutral-text-weak-active": "var(--hop-rock-700)",
+  "--hop-neutral-border": "var(--hop-rock-200)",
+  "--hop-neutral-border-selected": "var(--hop-rock-800)",
+  "--hop-neutral-border-disabled": "var(--hop-rock-50)",
+  "--hop-neutral-border-hover": "var(--hop-rock-300)",
+  "--hop-neutral-border-press": "var(--hop-rock-400)",
+  "--hop-neutral-border-strong": "var(--hop-rock-800)",
+  "--hop-neutral-border-strong-hover": "var(--hop-rock-700)",
+  "--hop-neutral-border-weak": "var(--hop-rock-75)",
+  "--hop-neutral-border-weakest": "var(--hop-rock-50)",
+  "--hop-neutral-icon": "var(--hop-rock-800)",
+  "--hop-neutral-icon-selected": "var(--hop-samoyed)",
+  "--hop-neutral-icon-disabled": "var(--hop-rock-300)",
+  "--hop-neutral-icon-hover": "var(--hop-rock-700)",
+  "--hop-neutral-icon-press": "var(--hop-rock-900)",
+  "--hop-neutral-icon-strong": "var(--hop-samoyed)",
+  "--hop-neutral-icon-strong-hover": "var(--hop-samoyed)",
+  "--hop-neutral-icon-weak": "var(--hop-rock-400)",
+  "--hop-neutral-icon-weak-hover": "var(--hop-rock-600)",
+  "--hop-neutral-icon-weak-press": "var(--hop-rock-700)",
+  "--hop-neutral-icon-weakest": "var(--hop-rock-200)",
+  "--hop-neutral-surface": "var(--hop-samoyed)",
+  "--hop-neutral-surface-selected": "var(--hop-rock-800)",
+  "--hop-neutral-surface-disabled": "var(--hop-rock-50)",
+  "--hop-neutral-surface-hover": "var(--hop-rock-25)",
+  "--hop-neutral-surface-press": "var(--hop-rock-50)",
+  "--hop-neutral-surface-strong": "var(--hop-rock-800)",
+  "--hop-neutral-surface-weak": "var(--hop-rock-50)",
+  "--hop-neutral-surface-weak-selected": "var(--hop-rock-50)",
+  "--hop-neutral-surface-weak-hover": "var(--hop-rock-75)",
+  "--hop-neutral-surface-weak-press": "var(--hop-rock-100)",
+  "--hop-neutral-surface-weakest": "var(--hop-rock-25)",
+  "--hop-neutral-surface-weakest-selected": "var(--hop-rock-50)",
+  "--hop-neutral-surface-weakest-hover": "var(--hop-rock-50)",
+  "--hop-neutral-text": "var(--hop-rock-800)",
+  "--hop-neutral-text-selected": "var(--hop-samoyed)",
+  "--hop-neutral-text-disabled": "var(--hop-rock-300)",
+  "--hop-neutral-text-hover": "var(--hop-rock-700)",
+  "--hop-neutral-text-press": "var(--hop-rock-900)",
+  "--hop-neutral-text-strong": "var(--hop-samoyed)",
+  "--hop-neutral-text-weak": "var(--hop-rock-500)",
+  "--hop-neutral-text-weak-hover": "var(--hop-rock-600)",
+  "--hop-neutral-text-weak-press": "var(--hop-rock-700)",
+  "--hop-neutral-text-weakest": "var(--hop-rock-200)",
+  "--hop-primary-border-active": "var(--hop-sapphire-300)",
+  "--hop-primary-icon-active": "var(--hop-sapphire-700)",
+  "--hop-primary-surface-active": "var(--hop-sapphire-300)",
+  "--hop-primary-surface-strong-active": "var(--hop-sapphire-700)",
+  "--hop-primary-surface-weak-active": "var(--hop-sapphire-75)",
+  "--hop-primary-text-active": "var(--hop-sapphire-700)",
+  "--hop-primary-border": "var(--hop-sapphire-400)",
+  "--hop-primary-border-selected": "var(--hop-sapphire-400)",
+  "--hop-primary-border-focus": "var(--hop-sapphire-500)",
+  "--hop-primary-border-press": "var(--hop-sapphire-300)",
+  "--hop-primary-icon": "var(--hop-sapphire-500)",
+  "--hop-primary-icon-selected": "var(--hop-sapphire-500)",
+  "--hop-primary-icon-disabled": "var(--hop-sapphire-200)",
+  "--hop-primary-icon-hover": "var(--hop-sapphire-600)",
+  "--hop-primary-icon-press": "var(--hop-sapphire-700)",
+  "--hop-primary-icon-strong": "var(--hop-samoyed)",
+  "--hop-primary-icon-strong-hover": "var(--hop-samoyed)",
+  "--hop-primary-surface": "var(--hop-sapphire-50)",
+  "--hop-primary-surface-selected": "var(--hop-sapphire-50)",
+  "--hop-primary-surface-disabled": "var(--hop-sapphire-200)",
+  "--hop-primary-surface-focus": "var(--hop-sapphire-25)",
+  "--hop-primary-surface-hover": "var(--hop-sapphire-200)",
+  "--hop-primary-surface-press": "var(--hop-sapphire-300)",
+  "--hop-primary-surface-strong": "var(--hop-sapphire-400)",
+  "--hop-primary-surface-strong-selected": "var(--hop-sapphire-50)",
+  "--hop-primary-surface-strong-hover": "var(--hop-sapphire-600)",
+  "--hop-primary-surface-strong-press": "var(--hop-sapphire-700)",
+  "--hop-primary-surface-weak": "var(--hop-sapphire-25)",
+  "--hop-primary-surface-weak-hover": "var(--hop-sapphire-50)",
+  "--hop-primary-surface-weak-press": "var(--hop-sapphire-75)",
+  "--hop-primary-text": "var(--hop-sapphire-500)",
+  "--hop-primary-text-selected": "var(--hop-sapphire-500)",
+  "--hop-primary-text-disabled": "var(--hop-sapphire-200)",
+  "--hop-primary-text-hover": "var(--hop-sapphire-600)",
+  "--hop-primary-text-press": "var(--hop-sapphire-700)",
+  "--hop-primary-text-strong": "var(--hop-samoyed)",
+  "--hop-primary-text-strong-hover": "var(--hop-samoyed)",
+  "--hop-upsell-border-active": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-icon-active": "var(--hop-sunken-treasure-900)",
+  "--hop-upsell-icon-weak-active": "var(--hop-sunken-treasure-600)",
+  "--hop-upsell-surface-active": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-surface-weak-active": "var(--hop-sunken-treasure-75)",
+  "--hop-upsell-text-active": "var(--hop-sunken-treasure-900)",
+  "--hop-upsell-text-weak-active": "var(--hop-sunken-treasure-600)",
+  "--hop-upsell-border": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-border-selected": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-border-disabled": "var(--hop-sunken-treasure-75)",
+  "--hop-upsell-border-press": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-icon": "var(--hop-sunken-treasure-700)",
+  "--hop-upsell-icon-selected": "var(--hop-sunken-treasure-400)",
+  "--hop-upsell-icon-hover": "var(--hop-sunken-treasure-800)",
+  "--hop-upsell-icon-press": "var(--hop-sunken-treasure-900)",
+  "--hop-upsell-icon-weakest": "var(--hop-sunken-treasure-75)",
+  "--hop-upsell-icon-weak": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-icon-weak-hover": "var(--hop-sunken-treasure-500)",
+  "--hop-upsell-icon-weak-press": "var(--hop-sunken-treasure-600)",
+  "--hop-upsell-surface": "var(--hop-sunken-treasure-75)",
+  "--hop-upsell-surface-selected": "var(--hop-sunken-treasure-50)",
+  "--hop-upsell-surface-disabled": "var(--hop-sunken-treasure-25)",
+  "--hop-upsell-surface-hover": "var(--hop-sunken-treasure-100)",
+  "--hop-upsell-surface-press": "var(--hop-sunken-treasure-200)",
+  "--hop-upsell-surface-weak": "var(--hop-sunken-treasure-25)",
+  "--hop-upsell-surface-weak-hover": "var(--hop-sunken-treasure-50)",
+  "--hop-upsell-surface-weak-press": "var(--hop-sunken-treasure-75)",
+  "--hop-upsell-text": "var(--hop-sunken-treasure-700)",
+  "--hop-upsell-text-selected": "var(--hop-sunken-treasure-400)",
+  "--hop-upsell-text-disabled": "var(--hop-sunken-treasure-400)",
+  "--hop-upsell-text-hover": "var(--hop-sunken-treasure-800)",
+  "--hop-upsell-text-press": "var(--hop-sunken-treasure-900)",
+  "--hop-upsell-text-weak": "var(--hop-sunken-treasure-300)",
+  "--hop-upsell-text-weak-hover": "var(--hop-sunken-treasure-500)",
+  "--hop-upsell-text-weak-press": "var(--hop-sunken-treasure-600)",
   "--hop-decorative-option9-border": "var(--hop-rock-100)",
   "--hop-decorative-option9-icon": "var(--hop-samoyed)",
   "--hop-decorative-option9-surface": "var(--hop-rock-400)",
@@ -349,80 +478,6 @@ var SemanticTokens = {
   "--hop-information-surface-weak": "var(--hop-coastal-50)",
   "--hop-information-text": "var(--hop-coastal-800)",
   "--hop-information-text-weak": "var(--hop-coastal-300)",
-  "--hop-neutral-border": "var(--hop-rock-200)",
-  "--hop-neutral-border-selected": "var(--hop-rock-800)",
-  "--hop-neutral-border-disabled": "var(--hop-rock-50)",
-  "--hop-neutral-border-hover": "var(--hop-rock-300)",
-  "--hop-neutral-border-press": "var(--hop-rock-400)",
-  "--hop-neutral-border-strong": "var(--hop-rock-800)",
-  "--hop-neutral-border-strong-hover": "var(--hop-rock-700)",
-  "--hop-neutral-border-weak": "var(--hop-rock-75)",
-  "--hop-neutral-border-weakest": "var(--hop-rock-50)",
-  "--hop-neutral-icon": "var(--hop-rock-800)",
-  "--hop-neutral-icon-selected": "var(--hop-samoyed)",
-  "--hop-neutral-icon-disabled": "var(--hop-rock-300)",
-  "--hop-neutral-icon-hover": "var(--hop-rock-700)",
-  "--hop-neutral-icon-press": "var(--hop-rock-900)",
-  "--hop-neutral-icon-strong": "var(--hop-samoyed)",
-  "--hop-neutral-icon-strong-hover": "var(--hop-samoyed)",
-  "--hop-neutral-icon-weak": "var(--hop-rock-400)",
-  "--hop-neutral-icon-weak-hover": "var(--hop-rock-600)",
-  "--hop-neutral-icon-weak-press": "var(--hop-rock-700)",
-  "--hop-neutral-icon-weakest": "var(--hop-rock-200)",
-  "--hop-neutral-surface": "var(--hop-samoyed)",
-  "--hop-neutral-surface-selected": "var(--hop-rock-800)",
-  "--hop-neutral-surface-disabled": "var(--hop-rock-50)",
-  "--hop-neutral-surface-hover": "var(--hop-rock-25)",
-  "--hop-neutral-surface-press": "var(--hop-rock-50)",
-  "--hop-neutral-surface-strong": "var(--hop-rock-800)",
-  "--hop-neutral-surface-weak": "var(--hop-rock-50)",
-  "--hop-neutral-surface-weak-selected": "var(--hop-rock-50)",
-  "--hop-neutral-surface-weak-hover": "var(--hop-rock-75)",
-  "--hop-neutral-surface-weak-press": "var(--hop-rock-100)",
-  "--hop-neutral-surface-weakest": "var(--hop-rock-25)",
-  "--hop-neutral-surface-weakest-selected": "var(--hop-rock-50)",
-  "--hop-neutral-surface-weakest-hover": "var(--hop-rock-50)",
-  "--hop-neutral-text": "var(--hop-rock-800)",
-  "--hop-neutral-text-selected": "var(--hop-samoyed)",
-  "--hop-neutral-text-disabled": "var(--hop-rock-300)",
-  "--hop-neutral-text-hover": "var(--hop-rock-700)",
-  "--hop-neutral-text-press": "var(--hop-rock-900)",
-  "--hop-neutral-text-strong": "var(--hop-samoyed)",
-  "--hop-neutral-text-weak": "var(--hop-rock-500)",
-  "--hop-neutral-text-weak-hover": "var(--hop-rock-600)",
-  "--hop-neutral-text-weak-press": "var(--hop-rock-700)",
-  "--hop-neutral-text-weakest": "var(--hop-rock-200)",
-  "--hop-primary-border": "var(--hop-sapphire-400)",
-  "--hop-primary-border-selected": "var(--hop-sapphire-400)",
-  "--hop-primary-border-focus": "var(--hop-sapphire-500)",
-  "--hop-primary-border-press": "var(--hop-sapphire-300)",
-  "--hop-primary-icon": "var(--hop-sapphire-500)",
-  "--hop-primary-icon-selected": "var(--hop-sapphire-500)",
-  "--hop-primary-icon-disabled": "var(--hop-sapphire-200)",
-  "--hop-primary-icon-hover": "var(--hop-sapphire-600)",
-  "--hop-primary-icon-press": "var(--hop-sapphire-700)",
-  "--hop-primary-icon-strong": "var(--hop-samoyed)",
-  "--hop-primary-icon-strong-hover": "var(--hop-samoyed)",
-  "--hop-primary-surface": "var(--hop-sapphire-50)",
-  "--hop-primary-surface-selected": "var(--hop-sapphire-50)",
-  "--hop-primary-surface-disabled": "var(--hop-sapphire-200)",
-  "--hop-primary-surface-focus": "var(--hop-sapphire-25)",
-  "--hop-primary-surface-hover": "var(--hop-sapphire-200)",
-  "--hop-primary-surface-press": "var(--hop-sapphire-300)",
-  "--hop-primary-surface-strong": "var(--hop-sapphire-400)",
-  "--hop-primary-surface-strong-selected": "var(--hop-sapphire-50)",
-  "--hop-primary-surface-strong-hover": "var(--hop-sapphire-600)",
-  "--hop-primary-surface-strong-press": "var(--hop-sapphire-700)",
-  "--hop-primary-surface-weak": "var(--hop-sapphire-25)",
-  "--hop-primary-surface-weak-hover": "var(--hop-sapphire-50)",
-  "--hop-primary-surface-weak-press": "var(--hop-sapphire-75)",
-  "--hop-primary-text": "var(--hop-sapphire-500)",
-  "--hop-primary-text-selected": "var(--hop-sapphire-500)",
-  "--hop-primary-text-disabled": "var(--hop-sapphire-200)",
-  "--hop-primary-text-hover": "var(--hop-sapphire-600)",
-  "--hop-primary-text-press": "var(--hop-sapphire-700)",
-  "--hop-primary-text-strong": "var(--hop-samoyed)",
-  "--hop-primary-text-strong-hover": "var(--hop-samoyed)",
   "--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)",
@@ -481,34 +536,6 @@ var SemanticTokens = {
   "--hop-success-text": "var(--hop-moss-700)",
   "--hop-success-text-hover": "var(--hop-moss-800)",
   "--hop-success-text-weak": "var(--hop-moss-300)",
-  "--hop-upsell-border": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-border-selected": "var(--hop-sunken-treasure-200)",
-  "--hop-upsell-border-disabled": "var(--hop-sunken-treasure-75)",
-  "--hop-upsell-border-press": "var(--hop-sunken-treasure-200)",
-  "--hop-upsell-icon": "var(--hop-sunken-treasure-700)",
-  "--hop-upsell-icon-selected": "var(--hop-sunken-treasure-400)",
-  "--hop-upsell-icon-hover": "var(--hop-sunken-treasure-800)",
-  "--hop-upsell-icon-press": "var(--hop-sunken-treasure-900)",
-  "--hop-upsell-icon-weakest": "var(--hop-sunken-treasure-75)",
-  "--hop-upsell-icon-weak": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-icon-weak-hover": "var(--hop-sunken-treasure-500)",
-  "--hop-upsell-icon-weak-press": "var(--hop-sunken-treasure-600)",
-  "--hop-upsell-surface": "var(--hop-sunken-treasure-75)",
-  "--hop-upsell-surface-selected": "var(--hop-sunken-treasure-50)",
-  "--hop-upsell-surface-disabled": "var(--hop-sunken-treasure-25)",
-  "--hop-upsell-surface-hover": "var(--hop-sunken-treasure-100)",
-  "--hop-upsell-surface-press": "var(--hop-sunken-treasure-200)",
-  "--hop-upsell-surface-weak": "var(--hop-sunken-treasure-25)",
-  "--hop-upsell-surface-weak-hover": "var(--hop-sunken-treasure-50)",
-  "--hop-upsell-surface-weak-press": "var(--hop-sunken-treasure-75)",
-  "--hop-upsell-text": "var(--hop-sunken-treasure-700)",
-  "--hop-upsell-text-selected": "var(--hop-sunken-treasure-400)",
-  "--hop-upsell-text-disabled": "var(--hop-sunken-treasure-400)",
-  "--hop-upsell-text-hover": "var(--hop-sunken-treasure-800)",
-  "--hop-upsell-text-press": "var(--hop-sunken-treasure-900)",
-  "--hop-upsell-text-weak": "var(--hop-sunken-treasure-300)",
-  "--hop-upsell-text-weak-hover": "var(--hop-sunken-treasure-500)",
-  "--hop-upsell-text-weak-press": "var(--hop-sunken-treasure-600)",
   "--hop-warning-border": "var(--hop-koi-100)",
   "--hop-warning-icon": "var(--hop-koi-700)",
   "--hop-warning-icon-weakest": "var(--hop-koi-100)",
@@ -840,7 +867,7 @@ var SemanticTokens = {
   "--hop-overline-font-weight": "var(--hop-font-weight-400)",
   "--hop-overline-line-height": "var(--hop-line-height-1-33)",
   "--hop-overline-top-offset": "-0.25rem",
-  "--hop-overline-bottom-offset": "-0.125rem",
+  "--hop-overline-bottom-offset": "-0.25rem",
   "--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)",

package/dist/{chunk-B6ZBFYWJ.js → chunk-6IPAN22Z.js}

@@ -1,12 +1,12 @@
 import { isNil } from './chunk-U5R6ZXH3.js';
-import { __privateAdd, __privateSet, __privateGet } from './chunk-6LX4VMOV.js';
+import { __privateAdd, __privateSet, __privateGet } from './chunk-2UOTJGT6.js';
 
 // src/utils/useThemeComputedStyle.ts
 var _componentRef, _scope;
 var ThemeComputedStyle = class {
   constructor(componentRef, scope) {
-    __privateAdd(this, _componentRef, void 0);
-    __privateAdd(this, _scope, void 0);
+    __privateAdd(this, _componentRef);
+    __privateAdd(this, _scope);
     __privateSet(this, _componentRef, componentRef);
     __privateSet(this, _scope, scope);
   }

package/dist/chunk-7STOSQRA.js

@@ -0,0 +1,8 @@
+// src/utils/slot.ts
+var SlotKey = "__slot__";
+function slot(slotName, ElementType) {
+  ElementType[SlotKey] = slotName;
+  return ElementType;
+}
+
+export { slot };

package/dist/{chunk-EF3UX45A.js → chunk-CFIMNXX5.js}

@@ -1,5 +1,5 @@
-import { DarkSemanticTokens } from './chunk-YJKWZYVH.js';
-import { CoreTokens, SemanticTokens } from './chunk-DVOV55CD.js';
+import { DarkSemanticTokens } from './chunk-LKOZVSXD.js';
+import { CoreTokens, SemanticTokens } from './chunk-4E7VQIC5.js';
 
 // src/tokens/tokens.ts
 var Tokens = {

package/dist/{chunk-BA7JHGU6.js → chunk-F7KWE6J5.js}

@@ -1,7 +1,7 @@
+import { ThemeComputedStyle } from './chunk-6IPAN22Z.js';
 import { useIsomorphicLayoutEffect } from './chunk-3YM73BQP.js';
-import { ThemeComputedStyle } from './chunk-B6ZBFYWJ.js';
 import { useInsertStyleElement } from './chunk-RIORU7JO.js';
-import { StyledSystemRootCssClass } from './chunk-REAV6RA4.js';
+import { StyledSystemRootCssClass } from './chunk-XGLTD52P.js';
 import { isNil } from './chunk-U5R6ZXH3.js';
 import { useColorSchemeContext } from './chunk-V7X6ANEM.js';
 import { useRef, useState } from 'react';