@hopper-ui/styled-system 1.2.0 → 2.0.1

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

@@ -216,237 +216,284 @@ 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-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-25)",
-  "--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-75)",
-  "--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-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)",
+  "--hop-danger-border-press": "var(--hop-amanita-600)",
+  "--hop-danger-icon": "var(--hop-amanita-700)",
+  "--hop-danger-icon-selected": "var(--hop-amanita-400)",
+  "--hop-danger-icon-disabled": "var(--hop-amanita-100)",
+  "--hop-danger-icon-hover": "var(--hop-amanita-500)",
+  "--hop-danger-icon-press": "var(--hop-amanita-800)",
+  "--hop-danger-icon-strong": "var(--hop-samoyed)",
+  "--hop-danger-icon-strong-hover": "var(--hop-samoyed)",
+  "--hop-danger-icon-weak": "var(--hop-amanita-300)",
+  "--hop-danger-icon-weak-hover": "var(--hop-amanita-500)",
+  "--hop-danger-icon-weak-press": "var(--hop-amanita-600)",
   "--hop-danger-surface": "var(--hop-amanita-25)",
-  "--hop-danger-text-hover": "var(--hop-amanita-500)",
+  "--hop-danger-surface-selected": "var(--hop-amanita-50)",
   "--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-press": "var(--hop-amanita-600)",
+  "--hop-danger-surface-strong": "var(--hop-amanita-400)",
   "--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-surface-weak-hover": "var(--hop-amanita-75)",
+  "--hop-danger-surface-weak-press": "var(--hop-amanita-100)",
   "--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-selected": "var(--hop-amanita-400)",
+  "--hop-danger-text-disabled": "var(--hop-amanita-100)",
+  "--hop-danger-text-hover": "var(--hop-amanita-500)",
+  "--hop-danger-text-press": "var(--hop-amanita-800)",
   "--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-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-icon-hover": "var(--hop-sapphire-600)",
+  "--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-text-disabled": "var(--hop-sapphire-200)",
-  "--hop-primary-surface": "var(--hop-sapphire-50)",
-  "--hop-primary-surface-weak": "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-active": "var(--hop-sapphire-50)",
+  "--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-surface-hover": "var(--hop-sapphire-600)",
+  "--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-primary-text-hover": "var(--hop-sapphire-600)",
-  "--hop-primary-surface-active": "var(--hop-sapphire-50)",
+  "--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)",
-  "--hop-decorative-option9-surface-strong": "var(--hop-rock-800)",
   "--hop-decorative-option9-surface-hover": "var(--hop-rock-500)",
+  "--hop-decorative-option9-surface-strong": "var(--hop-rock-800)",
   "--hop-decorative-option9-surface-weak": "var(--hop-rock-300)",
   "--hop-decorative-option9-surface-weak-hover": "var(--hop-rock-400)",
   "--hop-decorative-option9-surface-weakest": "var(--hop-rock-200)",
   "--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-border": "var(--hop-amanita-100)",
   "--hop-decorative-option8-icon": "var(--hop-amanita-900)",
-  "--hop-decorative-option8-surface-weakest": "var(--hop-amanita-25)",
+  "--hop-decorative-option8-surface": "var(--hop-amanita-75)",
+  "--hop-decorative-option8-surface-hover": "var(--hop-amanita-200)",
+  "--hop-decorative-option8-surface-strong": "var(--hop-amanita-100)",
   "--hop-decorative-option8-surface-weak": "var(--hop-amanita-50)",
   "--hop-decorative-option8-surface-weak-hover": "var(--hop-amanita-75)",
-  "--hop-decorative-option8-surface-hover": "var(--hop-amanita-100)",
-  "--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-75)",
+  "--hop-decorative-option8-surface-weakest": "var(--hop-amanita-25)",
   "--hop-decorative-option8-text": "var(--hop-amanita-900)",
-  "--hop-decorative-option8-border": "var(--hop-amanita-100)",
+  "--hop-decorative-option8-text-weak": "var(--hop-amanita-300)",
+  "--hop-decorative-option7-border": "var(--hop-toad-100)",
   "--hop-decorative-option7-icon": "var(--hop-toad-900)",
-  "--hop-decorative-option7-surface-weakest": "var(--hop-toad-25)",
+  "--hop-decorative-option7-surface": "var(--hop-toad-75)",
+  "--hop-decorative-option7-surface-hover": "var(--hop-toad-100)",
+  "--hop-decorative-option7-surface-strong": "var(--hop-toad-100)",
   "--hop-decorative-option7-surface-weak": "var(--hop-toad-50)",
   "--hop-decorative-option7-surface-weak-hover": "var(--hop-toad-75)",
-  "--hop-decorative-option7-surface-strong": "var(--hop-toad-100)",
-  "--hop-decorative-option7-surface-hover": "var(--hop-toad-100)",
-  "--hop-decorative-option7-surface": "var(--hop-toad-75)",
-  "--hop-decorative-option7-text-weak": "var(--hop-toad-500)",
+  "--hop-decorative-option7-surface-weakest": "var(--hop-toad-25)",
   "--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-option7-text-weak": "var(--hop-toad-500)",
   "--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-weak-hover": "var(--hop-sunken-treasure-75)",
+  "--hop-decorative-option5-icon": "var(--hop-coastal-900)",
+  "--hop-decorative-option5-surface": "var(--hop-coastal-75)",
+  "--hop-decorative-option5-surface-hover": "var(--hop-coastal-100)",
+  "--hop-decorative-option5-surface-strong": "var(--hop-coastal-100)",
+  "--hop-decorative-option5-surface-weak": "var(--hop-coastal-50)",
+  "--hop-decorative-option5-surface-weak-hover": "var(--hop-coastal-75)",
+  "--hop-decorative-option5-surface-weakest": "var(--hop-coastal-25)",
+  "--hop-decorative-option5-text": "var(--hop-coastal-900)",
+  "--hop-decorative-option5-text-weak": "var(--hop-coastal-300)",
+  "--hop-decorative-option6-border": "var(--hop-sunken-treasure-100)",
+  "--hop-decorative-option6-icon": "var(--hop-sunken-treasure-900)",
+  "--hop-decorative-option6-surface": "var(--hop-sunken-treasure-75)",
   "--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-surface-weak": "var(--hop-sunken-treasure-50)",
+  "--hop-decorative-option6-surface-weak-hover": "var(--hop-sunken-treasure-75)",
+  "--hop-decorative-option6-surface-weakest": "var(--hop-sunken-treasure-25)",
   "--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-border": "var(--hop-moss-100)",
+  "--hop-decorative-option4-icon": "var(--hop-moss-900)",
+  "--hop-decorative-option4-surface": "var(--hop-moss-75)",
+  "--hop-decorative-option4-surface-hover": "var(--hop-moss-100)",
+  "--hop-decorative-option4-surface-strong": "var(--hop-moss-100)",
   "--hop-decorative-option4-surface-weak": "var(--hop-moss-50)",
   "--hop-decorative-option4-surface-weak-hover": "var(--hop-moss-75)",
-  "--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-surface-weakest": "var(--hop-moss-25)",
   "--hop-decorative-option4-text": "var(--hop-moss-900)",
-  "--hop-decorative-option4-border": "var(--hop-moss-100)",
+  "--hop-decorative-option4-text-weak": "var(--hop-moss-400)",
+  "--hop-decorative-option3-border": "var(--hop-koi-100)",
+  "--hop-decorative-option3-icon": "var(--hop-koi-900)",
+  "--hop-decorative-option3-surface": "var(--hop-koi-100)",
+  "--hop-decorative-option3-surface-hover": "var(--hop-koi-200)",
+  "--hop-decorative-option3-surface-strong": "var(--hop-koi-200)",
   "--hop-decorative-option3-surface-weak": "var(--hop-koi-50)",
   "--hop-decorative-option3-surface-weak-hover": "var(--hop-koi-75)",
   "--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-100)",
-  "--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-weak-hover": "var(--hop-quetzal-75)",
-  "--hop-decorative-option2-surface-strong": "var(--hop-quetzal-100)",
+  "--hop-decorative-option2-border": "var(--hop-quetzal-100)",
+  "--hop-decorative-option2-icon": "var(--hop-quetzal-900)",
   "--hop-decorative-option2-surface": "var(--hop-quetzal-75)",
   "--hop-decorative-option2-surface-hover": "var(--hop-quetzal-100)",
+  "--hop-decorative-option2-surface-strong": "var(--hop-quetzal-100)",
+  "--hop-decorative-option2-surface-weak": "var(--hop-quetzal-50)",
+  "--hop-decorative-option2-surface-weak-hover": "var(--hop-quetzal-75)",
+  "--hop-decorative-option2-surface-weakest": "var(--hop-quetzal-25)",
   "--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-border": "var(--hop-sapphire-100)",
+  "--hop-decorative-option1-icon": "var(--hop-sapphire-900)",
+  "--hop-decorative-option1-surface": "var(--hop-sapphire-100)",
+  "--hop-decorative-option1-surface-hover": "var(--hop-sapphire-200)",
+  "--hop-decorative-option1-surface-strong": "var(--hop-sapphire-200)",
   "--hop-decorative-option1-surface-weak": "var(--hop-sapphire-50)",
   "--hop-decorative-option1-surface-weak-hover": "var(--hop-sapphire-75)",
   "--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-hover": "var(--hop-rock-700)",
-  "--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-75)",
-  "--hop-neutral-surface-weak-active": "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-decorative-option1-text-weak": "var(--hop-sapphire-300)",
+  "--hop-information-border": "var(--hop-coastal-100)",
+  "--hop-information-icon": "var(--hop-coastal-700)",
   "--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-strong": "var(--hop-coastal-100)",
   "--hop-information-surface-weak": "var(--hop-coastal-50)",
+  "--hop-information-text": "var(--hop-coastal-800)",
   "--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-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-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-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-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-neutral-surface-strong": "var(--hop-rock-200)",
+  "--hop-status-neutral-text": "var(--hop-rock-800)",
   "--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)",
@@ -463,22 +510,41 @@ var SemanticTokens = {
   "--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-option5-surface": "var(--hop-toad-50)",
+  "--hop-status-option5-surface-strong": "var(--hop-toad-200)",
+  "--hop-status-option5-text": "var(--hop-toad-600)",
+  "--hop-status-option5-icon": "var(--hop-toad-600)",
+  "--hop-status-option6-surface": "var(--hop-sunken-treasure-25)",
+  "--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-200)",
+  "--hop-status-option6-text": "var(--hop-sunken-treasure-600)",
+  "--hop-status-option6-icon": "var(--hop-sunken-treasure-600)",
   "--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-status-progress-surface": "var(--hop-sapphire-50)",
+  "--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
+  "--hop-status-progress-text": "var(--hop-sapphire-600)",
+  "--hop-status-progress-icon": "var(--hop-sapphire-600)",
+  "--hop-success-border": "var(--hop-moss-100)",
+  "--hop-success-icon": "var(--hop-moss-700)",
+  "--hop-success-icon-weakest": "var(--hop-moss-100)",
+  "--hop-success-icon-weak": "var(--hop-moss-300)",
+  "--hop-success-surface": "var(--hop-moss-25)",
+  "--hop-success-surface-strong": "var(--hop-moss-100)",
+  "--hop-success-surface-weak": "var(--hop-moss-50)",
+  "--hop-success-text": "var(--hop-moss-700)",
+  "--hop-success-text-hover": "var(--hop-moss-800)",
+  "--hop-success-text-weak": "var(--hop-moss-300)",
+  "--hop-warning-border": "var(--hop-koi-100)",
+  "--hop-warning-icon": "var(--hop-koi-700)",
+  "--hop-warning-icon-weakest": "var(--hop-koi-100)",
+  "--hop-warning-icon-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-text": "var(--hop-koi-700)",
+  "--hop-warning-text-weak": "var(--hop-koi-300)",
   "--hop-dataviz-monochromatic-primary-25": "#f5f6ff",
   "--hop-dataviz-monochromatic-primary-50": "#e6ebff",
   "--hop-dataviz-monochromatic-primary-75": "#d6e0ff",
@@ -801,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-KLNF34G6.js → chunk-5U5IRAPA.js}

@@ -1,4 +1,4 @@
-import { useMediaQuery } from './chunk-M4X2T3D3.js';
+import { useMediaQuery } from './chunk-T6JS7L6B.js';
 
 // src/color-scheme/useColorScheme.ts
 function useColorScheme(colorScheme, defaultColorScheme) {

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-EJR6CH3T.js → chunk-6KT6K6NI.js}

@@ -1,4 +1,4 @@
-import { htmlElement } from './chunk-LCW3QCQQ.js';
+import { htmlElement } from './chunk-KOWHTPQC.js';
 
 // src/html-wrappers/html.ts
 var Address = htmlElement("address");

package/dist/{chunk-ZDENFQ6H.js → chunk-BUQLB5H6.js}

@@ -1,6 +1,6 @@
-import { Tokens } from './chunk-45MYTH4M.js';
+import { Tokens } from './chunk-CFIMNXX5.js';
 import { useInsertStyleElement } from './chunk-RIORU7JO.js';
-import { StyledSystemRootCssClass } from './chunk-GFXIV6J4.js';
+import { StyledSystemRootCssClass } from './chunk-3KPNXG7H.js';
 
 // src/tokens/TokenProvider.tsx
 function TokenProvider() {

package/dist/{chunk-45MYTH4M.js → chunk-CFIMNXX5.js}

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