@hopper-ui/styled-system 0.2.4 → 0.2.6

package/dist/html-wrappers/html.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___hm18j:hover {
+.UseStyledSystem-module__hop-b-hover___GVP3r:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___21HKw:hover {
+.UseStyledSystem-module__hop-bb-hover___idnOk:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___Grzt6:hover {
+.UseStyledSystem-module__hop-bl-hover___xhKyA:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___G7tk8:hover {
+.UseStyledSystem-module__hop-br-hover___qYvoG:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___sm1qA:hover {
+.UseStyledSystem-module__hop-bt-hover___3HGdJ:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___e1pDZ:focus-visible {
+.UseStyledSystem-module__hop-b-focus___v2Wwi:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___n1ebY:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___itBFq:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___pkLah:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___dT6WS:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___EIC7F:focus-visible {
+.UseStyledSystem-module__hop-br-focus___FPZjN:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___Hs3sj:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___SBwfM:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___ELBnY:active {
+.UseStyledSystem-module__hop-b-active___vI8-0:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___0i1A8:active {
+.UseStyledSystem-module__hop-bb-active___50sg5:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___fNBrE:active {
+.UseStyledSystem-module__hop-bl-active___jTAz1:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___fmCeI:active {
+.UseStyledSystem-module__hop-br-active___0EeBh:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___gWcN8:active {
+.UseStyledSystem-module__hop-bt-active___RXq33:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___RJ8bQ:hover {
+.UseStyledSystem-module__hop-bg-hover___w134R:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___0wFZh:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___GcLCI:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___ClI7B:active {
+.UseStyledSystem-module__hop-bg-active___rdOhL:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___n4AMX:hover {
+.UseStyledSystem-module__hop-bs-hover___y-aEQ:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___EkVlA:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___qMKoc:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___jUKcJ:active {
+.UseStyledSystem-module__hop-bs-active___8MtLu:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___Yszuq:hover {
+.UseStyledSystem-module__hop-c-hover___m3q2O:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___R-D-d:focus-visible {
+.UseStyledSystem-module__hop-c-focus___ToVnJ:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___iy--9:active {
+.UseStyledSystem-module__hop-c-active___PorM-:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___OqIJ2:hover {
+.UseStyledSystem-module__hop-cs-hover___lQTKe:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___y-XLH:hover {
+.UseStyledSystem-module__hop-f-hover___KvbSc:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___NSIK4:focus-visible {
+.UseStyledSystem-module__hop-f-focus___eFUxf:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___rxxcZ:hover {
+.UseStyledSystem-module__hop-o-hover___WyG8r:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___oO8-E:focus-visible {
+.UseStyledSystem-module__hop-o-focus___NDLtq:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___bYxsk:active {
+.UseStyledSystem-module__hop-o-active___L-qyl:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___bZPzq:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___Yw8fd: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__html-element___o62yV),
-:where(.htmlElement-module__html-element___o62yV::after),
-:where(.htmlElement-module__html-element___o62yV::before) {
+:where(.htmlElement-module__html-element___mTHcW),
+:where(.htmlElement-module__html-element___mTHcW::after),
+:where(.htmlElement-module__html-element___mTHcW::before) {
   box-sizing: border-box;
 }

package/dist/html-wrappers/html.d.ts

@@ -178,4 +178,4 @@ type HtmlInputProps = ComponentProps<typeof HtmlInput>;
 type HtmlLabelProps = ComponentProps<typeof HtmlLabel>;
 type HtmlTextAreaProps = ComponentProps<typeof HtmlTextArea>;
 
-export { A, AProps, Address, AddressProps, Article, ArticleProps, Aside, AsideProps, Div, DivProps, HtmlButton, HtmlButtonProps, HtmlFooter, HtmlFooterProps, HtmlForm, HtmlFormProps, HtmlH1, HtmlH1Props, HtmlH2, HtmlH2Props, HtmlH3, HtmlH3Props, HtmlH4, HtmlH4Props, HtmlH5, HtmlH5Props, HtmlH6, HtmlH6Props, HtmlHeader, HtmlHeaderProps, HtmlInput, HtmlInputProps, HtmlLabel, HtmlLabelProps, HtmlParagraph, HtmlParagraphProps, HtmlSection, HtmlSectionProps, HtmlTextArea, HtmlTextAreaProps, Img, ImgProps, LI, LIProps, Main, MainProps, Nav, NavProps, OL, OLProps, Span, SpanProps, TBody, TBodyProps, TD, TDProps, TFoot, TFootProps, TH, THProps, THead, THeadProps, TR, TRProps, Table, TableProps, UL, ULProps };
+export { A, type AProps, Address, type AddressProps, Article, type ArticleProps, Aside, type AsideProps, Div, type DivProps, HtmlButton, type HtmlButtonProps, HtmlFooter, type HtmlFooterProps, HtmlForm, type HtmlFormProps, HtmlH1, type HtmlH1Props, HtmlH2, type HtmlH2Props, HtmlH3, type HtmlH3Props, HtmlH4, type HtmlH4Props, HtmlH5, type HtmlH5Props, HtmlH6, type HtmlH6Props, HtmlHeader, type HtmlHeaderProps, HtmlInput, type HtmlInputProps, HtmlLabel, type HtmlLabelProps, HtmlParagraph, type HtmlParagraphProps, HtmlSection, type HtmlSectionProps, HtmlTextArea, type HtmlTextAreaProps, Img, type ImgProps, LI, type LIProps, Main, type MainProps, Nav, type NavProps, OL, type OLProps, Span, type SpanProps, TBody, type TBodyProps, TD, type TDProps, TFoot, type TFootProps, TH, type THProps, THead, type THeadProps, TR, type TRProps, Table, type TableProps, UL, type ULProps };

package/dist/html-wrappers/html.js

@@ -1,6 +1,6 @@
-export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from '../chunk-Y5XP6E4D.js';
-import '../chunk-HM4X5E4X.js';
-import '../chunk-I7U75XRH.js';
+export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from '../chunk-BTJMZT3L.js';
+import '../chunk-UTFGHZHA.js';
+import '../chunk-5XPS6ZZ7.js';
 import '../chunk-T2LQYER5.js';
 import '../chunk-PCGVOTW3.js';
 import '../chunk-SFOVKOPG.js';
@@ -8,4 +8,4 @@ import '../chunk-VBKLISDI.js';
 import '../chunk-XUHDFZZL.js';
 import '../chunk-U5R6ZXH3.js';
 import '../chunk-I37Y2R7V.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/html-wrappers/htmlElement.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___hm18j:hover {
+.UseStyledSystem-module__hop-b-hover___GVP3r:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___21HKw:hover {
+.UseStyledSystem-module__hop-bb-hover___idnOk:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___Grzt6:hover {
+.UseStyledSystem-module__hop-bl-hover___xhKyA:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___G7tk8:hover {
+.UseStyledSystem-module__hop-br-hover___qYvoG:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___sm1qA:hover {
+.UseStyledSystem-module__hop-bt-hover___3HGdJ:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___e1pDZ:focus-visible {
+.UseStyledSystem-module__hop-b-focus___v2Wwi:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___n1ebY:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___itBFq:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___pkLah:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___dT6WS:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___EIC7F:focus-visible {
+.UseStyledSystem-module__hop-br-focus___FPZjN:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___Hs3sj:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___SBwfM:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___ELBnY:active {
+.UseStyledSystem-module__hop-b-active___vI8-0:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___0i1A8:active {
+.UseStyledSystem-module__hop-bb-active___50sg5:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___fNBrE:active {
+.UseStyledSystem-module__hop-bl-active___jTAz1:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___fmCeI:active {
+.UseStyledSystem-module__hop-br-active___0EeBh:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___gWcN8:active {
+.UseStyledSystem-module__hop-bt-active___RXq33:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___RJ8bQ:hover {
+.UseStyledSystem-module__hop-bg-hover___w134R:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___0wFZh:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___GcLCI:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___ClI7B:active {
+.UseStyledSystem-module__hop-bg-active___rdOhL:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___n4AMX:hover {
+.UseStyledSystem-module__hop-bs-hover___y-aEQ:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___EkVlA:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___qMKoc:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___jUKcJ:active {
+.UseStyledSystem-module__hop-bs-active___8MtLu:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___Yszuq:hover {
+.UseStyledSystem-module__hop-c-hover___m3q2O:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___R-D-d:focus-visible {
+.UseStyledSystem-module__hop-c-focus___ToVnJ:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___iy--9:active {
+.UseStyledSystem-module__hop-c-active___PorM-:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___OqIJ2:hover {
+.UseStyledSystem-module__hop-cs-hover___lQTKe:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___y-XLH:hover {
+.UseStyledSystem-module__hop-f-hover___KvbSc:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___NSIK4:focus-visible {
+.UseStyledSystem-module__hop-f-focus___eFUxf:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___rxxcZ:hover {
+.UseStyledSystem-module__hop-o-hover___WyG8r:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___oO8-E:focus-visible {
+.UseStyledSystem-module__hop-o-focus___NDLtq:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___bYxsk:active {
+.UseStyledSystem-module__hop-o-active___L-qyl:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___bZPzq:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___Yw8fd: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__html-element___o62yV),
-:where(.htmlElement-module__html-element___o62yV::after),
-:where(.htmlElement-module__html-element___o62yV::before) {
+:where(.htmlElement-module__html-element___mTHcW),
+:where(.htmlElement-module__html-element___mTHcW::after),
+:where(.htmlElement-module__html-element___mTHcW::before) {
   box-sizing: border-box;
 }

package/dist/html-wrappers/htmlElement.d.ts

@@ -9,4 +9,4 @@ import '../tokens/token-mappings.js';
 type HtmlElementProps<T extends keyof JSX.IntrinsicElements> = StyledComponentProps<T>;
 declare function htmlElement<T extends keyof JSX.IntrinsicElements>(elementType: T): react.ForwardRefExoticComponent<react.PropsWithoutRef<HtmlElementProps<T>> & react.RefAttributes<ElementRef<T>>>;
 
-export { HtmlElementProps, htmlElement };
+export { type HtmlElementProps, htmlElement };

package/dist/html-wrappers/htmlElement.js

@@ -1,5 +1,5 @@
-export { htmlElement } from '../chunk-HM4X5E4X.js';
-import '../chunk-I7U75XRH.js';
+export { htmlElement } from '../chunk-UTFGHZHA.js';
+import '../chunk-5XPS6ZZ7.js';
 import '../chunk-T2LQYER5.js';
 import '../chunk-PCGVOTW3.js';
 import '../chunk-SFOVKOPG.js';
@@ -7,4 +7,4 @@ import '../chunk-VBKLISDI.js';
 import '../chunk-XUHDFZZL.js';
 import '../chunk-U5R6ZXH3.js';
 import '../chunk-I37Y2R7V.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/index.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___hm18j:hover {
+.UseStyledSystem-module__hop-b-hover___GVP3r:hover {
   --hop-b-hover: initial;
   border: var(--hop-b-hover) !important;
 }
-.UseStyledSystem-module__hop-bb-hover___21HKw:hover {
+.UseStyledSystem-module__hop-bb-hover___idnOk:hover {
   --hop-bb-hover: initial;
   border-bottom: var(--hop-bb-hover) !important;
 }
-.UseStyledSystem-module__hop-bl-hover___Grzt6:hover {
+.UseStyledSystem-module__hop-bl-hover___xhKyA:hover {
   --hop-bl-hover: initial;
   border-left: var(--hop-bl-hover) !important;
 }
-.UseStyledSystem-module__hop-br-hover___G7tk8:hover {
+.UseStyledSystem-module__hop-br-hover___qYvoG:hover {
   --hop-br-hover: initial;
   border-right: var(--hop-br-hover) !important;
 }
-.UseStyledSystem-module__hop-bt-hover___sm1qA:hover {
+.UseStyledSystem-module__hop-bt-hover___3HGdJ:hover {
   --hop-bt-hover: initial;
   border-top: var(--hop-bt-hover) !important;
 }
-.UseStyledSystem-module__hop-b-focus___e1pDZ:focus-visible {
+.UseStyledSystem-module__hop-b-focus___v2Wwi:focus-visible {
   --hop-b-focus: initial;
   border: var(--hop-b-focus) !important;
 }
-.UseStyledSystem-module__hop-bb-focus___n1ebY:focus-visible {
+.UseStyledSystem-module__hop-bb-focus___itBFq:focus-visible {
   --hop-bb-focus: initial;
   border-bottom: var(--hop-bb-focus) !important;
 }
-.UseStyledSystem-module__hop-bl-focus___pkLah:focus-visible {
+.UseStyledSystem-module__hop-bl-focus___dT6WS:focus-visible {
   --hop-bl-focus: initial;
   border-left: var(--hop-bl-focus) !important;
 }
-.UseStyledSystem-module__hop-br-focus___EIC7F:focus-visible {
+.UseStyledSystem-module__hop-br-focus___FPZjN:focus-visible {
   --hop-br-focus: initial;
   border-right: var(--hop-br-focus) !important;
 }
-.UseStyledSystem-module__hop-bt-focus___Hs3sj:focus-visible {
+.UseStyledSystem-module__hop-bt-focus___SBwfM:focus-visible {
   --hop-bt-focus: initial;
   border-top: var(--hop-bt-focus) !important;
 }
-.UseStyledSystem-module__hop-b-active___ELBnY:active {
+.UseStyledSystem-module__hop-b-active___vI8-0:active {
   --hop-b-active: initial;
   border: var(--hop-b-active) !important;
 }
-.UseStyledSystem-module__hop-bb-active___0i1A8:active {
+.UseStyledSystem-module__hop-bb-active___50sg5:active {
   --hop-bb-active: initial;
   border-bottom: var(--hop-bb-active) !important;
 }
-.UseStyledSystem-module__hop-bl-active___fNBrE:active {
+.UseStyledSystem-module__hop-bl-active___jTAz1:active {
   --hop-bl-active: initial;
   border-left: var(--hop-bl-active) !important;
 }
-.UseStyledSystem-module__hop-br-active___fmCeI:active {
+.UseStyledSystem-module__hop-br-active___0EeBh:active {
   --hop-br-active: initial;
   border-right: var(--hop-br-active) !important;
 }
-.UseStyledSystem-module__hop-bt-active___gWcN8:active {
+.UseStyledSystem-module__hop-bt-active___RXq33:active {
   --hop-bt-active: initial;
   border-top: var(--hop-bt-active) !important;
 }
-.UseStyledSystem-module__hop-bg-hover___RJ8bQ:hover {
+.UseStyledSystem-module__hop-bg-hover___w134R:hover {
   --hop-bg-hover: initial;
   background-color: var(--hop-bg-hover) !important;
 }
-.UseStyledSystem-module__hop-bg-focus___0wFZh:focus-visible {
+.UseStyledSystem-module__hop-bg-focus___GcLCI:focus-visible {
   --hop-bg-focus: initial;
   background-color: var(--hop-bg-focus) !important;
 }
-.UseStyledSystem-module__hop-bg-active___ClI7B:active {
+.UseStyledSystem-module__hop-bg-active___rdOhL:active {
   --hop-bg-active: initial;
   background-color: var(--hop-bg-active) !important;
 }
-.UseStyledSystem-module__hop-bs-hover___n4AMX:hover {
+.UseStyledSystem-module__hop-bs-hover___y-aEQ:hover {
   --hop-bs-hover: initial;
   box-shadow: var(--hop-bs-hover) !important;
 }
-.UseStyledSystem-module__hop-bs-focus___EkVlA:focus-visible {
+.UseStyledSystem-module__hop-bs-focus___qMKoc:focus-visible {
   --hop-bs-focus: initial;
   box-shadow: var(--hop-bs-focus) !important;
 }
-.UseStyledSystem-module__hop-bs-active___jUKcJ:active {
+.UseStyledSystem-module__hop-bs-active___8MtLu:active {
   --hop-bs-active: initial;
   box-shadow: var(--hop-bs-active) !important;
 }
-.UseStyledSystem-module__hop-c-hover___Yszuq:hover {
+.UseStyledSystem-module__hop-c-hover___m3q2O:hover {
   --hop-c-hover: initial;
   color: var(--hop-c-hover) !important;
 }
-.UseStyledSystem-module__hop-c-focus___R-D-d:focus-visible {
+.UseStyledSystem-module__hop-c-focus___ToVnJ:focus-visible {
   --hop-c-focus: initial;
   color: var(--hop-c-focus) !important;
 }
-.UseStyledSystem-module__hop-c-active___iy--9:active {
+.UseStyledSystem-module__hop-c-active___PorM-:active {
   --hop-c-active: initial;
   color: var(--hop-c-active) !important;
 }
-.UseStyledSystem-module__hop-cs-hover___OqIJ2:hover {
+.UseStyledSystem-module__hop-cs-hover___lQTKe:hover {
   --hop-cs-hover: initial;
   cursor: var(--hop-cs-hover) !important;
 }
-.UseStyledSystem-module__hop-f-hover___y-XLH:hover {
+.UseStyledSystem-module__hop-f-hover___KvbSc:hover {
   --hop-f-hover: initial;
   fill: var(--hop-f-hover) !important;
 }
-.UseStyledSystem-module__hop-f-focus___NSIK4:focus-visible {
+.UseStyledSystem-module__hop-f-focus___eFUxf:focus-visible {
   --hop-f-focus: initial;
   fill: var(--hop-f-focus) !important;
 }
-.UseStyledSystem-module__hop-o-hover___rxxcZ:hover {
+.UseStyledSystem-module__hop-o-hover___WyG8r:hover {
   --hop-o-hover: initial;
   opacity: var(--hop-o-hover) !important;
 }
-.UseStyledSystem-module__hop-o-focus___oO8-E:focus-visible {
+.UseStyledSystem-module__hop-o-focus___NDLtq:focus-visible {
   --hop-o-focus: initial;
   opacity: var(--hop-o-focus) !important;
 }
-.UseStyledSystem-module__hop-o-active___bYxsk:active {
+.UseStyledSystem-module__hop-o-active___L-qyl:active {
   --hop-o-active: initial;
   opacity: var(--hop-o-active) !important;
 }
-.UseStyledSystem-module__hop-ol-focus___bZPzq:focus-visible {
+.UseStyledSystem-module__hop-ol-focus___Yw8fd: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__html-element___o62yV),
-:where(.htmlElement-module__html-element___o62yV::after),
-:where(.htmlElement-module__html-element___o62yV::before) {
+:where(.htmlElement-module__html-element___mTHcW),
+:where(.htmlElement-module__html-element___mTHcW::after),
+:where(.htmlElement-module__html-element___mTHcW::before) {
   box-sizing: border-box;
 }

package/dist/index.js

@@ -1,18 +1,18 @@
-export { StyledSystemProvider } from './chunk-NTEKQGZI.js';
-export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-Y5XP6E4D.js';
-export { htmlElement } from './chunk-HM4X5E4X.js';
-export { BodyStyleProvider } from './chunk-C3BQSQFB.js';
+export { StyledSystemProvider } from './chunk-7XB4VCCJ.js';
+export { BodyStyleProvider } from './chunk-Z7O4JONV.js';
 export { useIsomorphicLayoutEffect } from './chunk-3YM73BQP.js';
-export { ThemeComputedStyle } from './chunk-AHDDZ2BQ.js';
-export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-Z33MPMW6.js';
-export { TokenProvider } from './chunk-6Z3ODGLS.js';
+export { ThemeComputedStyle } from './chunk-B6ZBFYWJ.js';
+export { A, Address, Article, Aside, Div, HtmlButton, HtmlFooter, HtmlForm, HtmlH1, HtmlH2, HtmlH3, HtmlH4, HtmlH5, HtmlH6, HtmlHeader, HtmlInput, HtmlLabel, HtmlParagraph, HtmlSection, HtmlTextArea, Img, LI, Main, Nav, OL, Span, TBody, TD, TFoot, TH, THead, TR, Table, UL } from './chunk-BTJMZT3L.js';
+export { htmlElement } from './chunk-UTFGHZHA.js';
+export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from './chunk-MCUHAIA4.js';
+export { TokenProvider } from './chunk-AMNZEPOY.js';
 export { Tokens } from './chunk-A47SIZVA.js';
 import './chunk-ZKEMKHXY.js';
 import './chunk-HAB2KYRH.js';
 export { useInsertStyleElement } from './chunk-RIORU7JO.js';
 export { useIsomorphicInsertionEffect } from './chunk-YPIK2HRL.js';
-export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-LTBVOC66.js';
-export { isStyledSystemProp, useStyledSystem } from './chunk-I7U75XRH.js';
+export { HopperRootCssClass, StyledSystemRootCssClass } from './chunk-HZFB352P.js';
+export { isStyledSystemProp, useStyledSystem } from './chunk-5XPS6ZZ7.js';
 export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, IconColorMapping, LineHeightMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSystemValue, parseResponsiveSystemValue } from './chunk-T2LQYER5.js';
 import './chunk-PCGVOTW3.js';
 export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from './chunk-SFOVKOPG.js';
@@ -20,8 +20,8 @@ export { BreakpointContext, useBreakpointContext } from './chunk-VBKLISDI.js';
 export { Breakpoints } from './chunk-XUHDFZZL.js';
 import './chunk-U5R6ZXH3.js';
 export { UnsafePrefix } from './chunk-I37Y2R7V.js';
-export { useColorScheme } from './chunk-XTX4KVWI.js';
-import './chunk-STEDL5VQ.js';
+export { useColorScheme } from './chunk-KLNF34G6.js';
+import './chunk-M4X2T3D3.js';
 export { useColorSchemeValue } from './chunk-X5OXC6DN.js';
 export { ColorSchemeContext, useColorSchemeContext } from './chunk-V7X6ANEM.js';
-import './chunk-JFESGV6Z.js';
+import './chunk-6LX4VMOV.js';

package/dist/responsive/BreakpointContext.d.ts

@@ -7,4 +7,4 @@ interface BreakpointContextType {
 declare const BreakpointContext: react.Context<BreakpointContextType>;
 declare function useBreakpointContext(): BreakpointContextType;
 
-export { BreakpointContext, BreakpointContextType, useBreakpointContext };
+export { BreakpointContext, type BreakpointContextType, useBreakpointContext };

package/dist/responsive/BreakpointContext.js

@@ -1,2 +1,2 @@
 export { BreakpointContext, useBreakpointContext } from '../chunk-VBKLISDI.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/responsive/BreakpointProvider.d.ts

@@ -9,4 +9,4 @@ interface BreakpointProviderProps {
 }
 declare function BreakpointProvider({ children, unsupportedMatchMediaBreakpoint }: BreakpointProviderProps): react_jsx_runtime.JSX.Element;
 
-export { BreakpointProvider, BreakpointProviderProps, DefaultUnsupportedMatchMediaBreakpoint };
+export { BreakpointProvider, type BreakpointProviderProps, DefaultUnsupportedMatchMediaBreakpoint };

package/dist/responsive/BreakpointProvider.js

@@ -1,5 +1,5 @@
-export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from '../chunk-Z33MPMW6.js';
+export { BreakpointProvider, DefaultUnsupportedMatchMediaBreakpoint } from '../chunk-MCUHAIA4.js';
 import '../chunk-VBKLISDI.js';
 import '../chunk-XUHDFZZL.js';
-import '../chunk-STEDL5VQ.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-M4X2T3D3.js';
+import '../chunk-6LX4VMOV.js';

package/dist/responsive/Breakpoints.d.ts

@@ -7,4 +7,4 @@ declare const Breakpoints: {
 };
 type Breakpoint = keyof typeof Breakpoints | "base";
 
-export { Breakpoint, Breakpoints };
+export { type Breakpoint, Breakpoints };

package/dist/responsive/Breakpoints.js

@@ -1,2 +1,2 @@
 export { Breakpoints } from '../chunk-XUHDFZZL.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';

package/dist/responsive/useResponsiveValue.d.ts

@@ -8,4 +8,4 @@ declare function isResponsiveObject(obj: unknown): obj is ResponsiveValue<unknow
 declare function parseResponsiveValue<T>(value: T | ResponsiveValue<T>, matchedBreakpoints: Breakpoint[]): T | undefined;
 declare function useResponsiveValue<T>(value: T | ResponsiveValue<T>): T | undefined;
 
-export { ResponsiveProp, ResponsiveValue, isResponsiveObject, parseResponsiveValue, useResponsiveValue };
+export { type ResponsiveProp, type ResponsiveValue, isResponsiveObject, parseResponsiveValue, useResponsiveValue };

package/dist/responsive/useResponsiveValue.js

@@ -2,4 +2,4 @@ export { isResponsiveObject, parseResponsiveValue, useResponsiveValue } from '..
 import '../chunk-VBKLISDI.js';
 import '../chunk-XUHDFZZL.js';
 import '../chunk-U5R6ZXH3.js';
-import '../chunk-JFESGV6Z.js';
+import '../chunk-6LX4VMOV.js';