@hopper-ui/components 1.0.2 → 1.0.4

package/dist/{chunk-IYQZFIWZ.js → chunk-XSASR6CK.js}

@@ -1,8 +1,8 @@
-import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
-import { TextContext } from './chunk-OE5BLFZI.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
+import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___8yQxN", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___DqWWU", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___-tsgh", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___MNp8x", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___-Efoi" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___-xrw1", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___E54A8", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___zTOLT", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___xBzvs", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___ZmA-j" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-M67A5LAA.js → chunk-Y3L6TPP3.js}

@@ -1,17 +1,17 @@
 import { useSlot } from './chunk-H5YTU3U7.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { useLocalizedString } from './chunk-H6CDFWVR.js';
+import { _Spinner } from './chunk-Y7XWWUMU.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { useLocalizedString } from './chunk-LL2FMAAO.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Spinner } from './chunk-RLIG2IHH.js';
+import { _Text } from './chunk-WGDP4ECF.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-2NABNL6G.js';
-import { TextContext } from './chunk-OE5BLFZI.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { slot, useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { chain, filterDOMProps, useRouter, shouldClientNavigate } from '@react-aria/utils';
 import { forwardRef } from 'react';
 import { useFocusRing, useHover, useButton, mergeProps } from 'react-aria';
@@ -19,7 +19,7 @@ import { useContextProps, ButtonContext as ButtonContext$1, composeRenderProps,
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___Cgrjd", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___RLlwJ", "hop-Button--fluid": "Button-module__hop-Button--fluid___fo6dc", "hop-Button--sm": "Button-module__hop-Button--sm___yDu3M", "hop-Button--primary": "Button-module__hop-Button--primary___DZGNR", "hop-Button--md": "Button-module__hop-Button--md___-sIpE", "hop-Button--secondary": "Button-module__hop-Button--secondary___zf0Z2", "hop-Button--upsell": "Button-module__hop-Button--upsell___ngWeQ", "hop-Button--danger": "Button-module__hop-Button--danger___ZhmVr", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___il--b", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___CE39F", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___tHGPW", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___1N6T2", "hop-Button__icon": "Button-module__hop-Button__icon___hJzzP", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___G-AhQ", "hop-Button__text": "Button-module__hop-Button__text___jCowV", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___BjrCe", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___I5u2J" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___0QG7O", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___nE-Ma", "hop-Button--fluid": "Button-module__hop-Button--fluid___SC33v", "hop-Button--sm": "Button-module__hop-Button--sm___QU3Uy", "hop-Button--primary": "Button-module__hop-Button--primary___YcboG", "hop-Button--md": "Button-module__hop-Button--md___yg8Fl", "hop-Button--secondary": "Button-module__hop-Button--secondary___gylFe", "hop-Button--upsell": "Button-module__hop-Button--upsell___ddBGK", "hop-Button--danger": "Button-module__hop-Button--danger___aosRA", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___dxJKj", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___CkcMt", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___qiCJB", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___V265i", "hop-Button__icon": "Button-module__hop-Button__icon___mwjgX", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___5kDpy", "hop-Button__text": "Button-module__hop-Button__text___YEnli", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___1Hzgu", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___ZjiCH" };
 var GlobalButtonCssSelector = "hop-Button";
 var additionalButtonHTMLAttributes = /* @__PURE__ */ new Set(["form", "formAction", "formEncType", "formMethod", "formNoValidate", "formTarget", "name", "value"]);
 function useSimulatedRACButton(props, ref) {
@@ -70,7 +70,7 @@ function Button(props, ref) {
     className,
     children: childrenProp,
     size: sizeProp,
-    fluid: fluidProp,
+    isFluid: isFluidProp,
     variant = "primary",
     isLoading,
     style: styleProp,
@@ -78,7 +78,7 @@ function Button(props, ref) {
   } = ownProps;
   const [textRef, hasText] = useSlot();
   const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const fluid = (_b = useResponsiveValue(fluidProp)) != null ? _b : false;
+  const isFluid = (_b = useResponsiveValue(isFluidProp)) != null ? _b : false;
   const classNames = composeClassnameRenderProps(
     className,
     GlobalButtonCssSelector,
@@ -87,7 +87,7 @@ function Button(props, ref) {
       "hop-Button",
       variant,
       size,
-      fluid && "fluid",
+      isFluid && "fluid",
       isLoading && "loading",
       !hasText && "icon-only"
     ),
@@ -180,7 +180,7 @@ function Button(props, ref) {
     }
   );
 }
-var _Button = forwardRef(Button);
+var _Button = slot("button", forwardRef(Button));
 _Button.displayName = "Button";
 
 export { GlobalButtonCssSelector, _Button };

package/dist/chunk-Y7HUXUHX.js

@@ -0,0 +1,30 @@
+import { _Flex } from './chunk-TVFC2MJ4.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function Inline(props, ref) {
+  const {
+    alignX,
+    alignY = "center",
+    gap = "inline-md",
+    wrap = true,
+    reverse,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    _Flex,
+    {
+      ref,
+      alignItems: alignY,
+      justifyContent: alignX,
+      direction: reverse ? "row-reverse" : "row",
+      gap,
+      wrap,
+      ...rest
+    }
+  );
+}
+var _Inline = forwardRef(Inline);
+_Inline.displayName = "Inline";
+
+export { _Inline };

package/dist/{chunk-RLIG2IHH.js → chunk-Y7XWWUMU.js}

@@ -1,6 +1,6 @@
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { _Label } from './chunk-2CKDJG6R.js';
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Label } from './chunk-NUUG5PFN.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -8,7 +8,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___3AJ1T", "spin": "Spinner-module__spin___vO58Y", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___zyI-F", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___NNX0u", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___3ctxV", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___pSjYM", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___7JLY4", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___dCGQD" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___WKQTI", "spin": "Spinner-module__spin___t8CGY", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___YO1ZU", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___UiJMR", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___uAp2X", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___vU-oZ", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___8gJAf", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___GxQ20" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToLabelSizeAdapter = {
   sm: "xs",

package/dist/chunk-Z3ID4UEE.js

@@ -0,0 +1,55 @@
+import { Div, getSizingValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/layout/src/Grid.tsx
+function Grid(props, ref) {
+  const {
+    autoRows,
+    areas,
+    templateColumns,
+    templateRows,
+    autoColumns,
+    autoFlow,
+    inline,
+    UNSAFE_autoRows,
+    UNSAFE_templateColumns,
+    UNSAFE_templateRows,
+    UNSAFE_autoColumns,
+    ...otherProps
+  } = props;
+  return /* @__PURE__ */ jsx(
+    Div,
+    {
+      ref,
+      display: inline ? "inline-grid" : "grid",
+      gridAutoRows: autoRows,
+      gridTemplateAreas: areas,
+      gridTemplateColumns: templateColumns,
+      gridTemplateRows: templateRows,
+      gridAutoColumns: autoColumns,
+      gridAutoFlow: autoFlow,
+      UNSAFE_gridAutoRows: UNSAFE_autoRows,
+      UNSAFE_gridTemplateColumns: UNSAFE_templateColumns,
+      UNSAFE_gridTemplateRows: UNSAFE_templateRows,
+      UNSAFE_gridAutoColumns: UNSAFE_autoColumns,
+      ...otherProps
+    }
+  );
+}
+function repeat(count, repetition) {
+  return `repeat(${count}, ${Array.isArray(repetition) ? interpolateGridTemplateArray(repetition) : getSizingValue(repetition)})`;
+}
+function minmax(min, max) {
+  return `minmax(${getSizingValue(min)}, ${getSizingValue(max)})`;
+}
+function fitContent(dimension) {
+  return `fit-content(${getSizingValue(dimension)})`;
+}
+function interpolateGridTemplateArray(values) {
+  return values.map((x) => getSizingValue(x)).join(" ");
+}
+var _Grid = forwardRef(Grid);
+_Grid.displayName = "Inline";
+
+export { _Grid, fitContent, minmax, repeat };

package/dist/{chunk-CK42RJLK.js → chunk-ZAJJD5FY.js}

@@ -1,12 +1,12 @@
 import { SwitchContext } from './chunk-YHBJAXUY.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { _Text } from './chunk-2NABNL6G.js';
+import { _Text } from './chunk-WGDP4ECF.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { TextContext } from './chunk-OE5BLFZI.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Switch.module.css#css-module
-var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___2U4Lj", "hop-Switch--sm": "Switch-module__hop-Switch--sm___svZFy", "hop-Switch--md": "Switch-module__hop-Switch--md___MWofO", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___OL5-O", "hop-Switch__text": "Switch-module__hop-Switch__text___pkocB", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___iXQqm", "hop-Switch__icon": "Switch-module__hop-Switch__icon___r-c-z" };
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___wvxPf", "hop-Switch--sm": "Switch-module__hop-Switch--sm___lZll1", "hop-Switch--md": "Switch-module__hop-Switch--md___BUSV8", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___M3TnD", "hop-Switch__text": "Switch-module__hop-Switch__text___rMMHM", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___Ee4Bd", "hop-Switch__icon": "Switch-module__hop-Switch__icon___FP-3-" };
 var GlobalSwitchCssSelector = "hop-Switch";
 function Switch(props, ref) {
   var _a;

package/dist/chunk-ZSFJVMJN.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/badge/src/BadgeContext.ts
+var BadgeContext = createContext({});
+BadgeContext.displayName = "BadgeContext";
+
+export { BadgeContext };

package/dist/errorMessage/src/ErrorMessage.css

@@ -1,5 +1,5 @@
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___AZmOV {
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
+.Text-module__hop-Text___L5SE4 {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___AZmOV) {
+:where(.Text-module__hop-Text___L5SE4) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___V1bcv) {
+:where(.Text-module__hop-Text--xs___4XSOM) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___Dq2fh) {
+:where(.Text-module__hop-Text--sm___rxq9a) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___OIBbn) {
+:where(.Text-module__hop-Text--md___I1rkh) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___2Dp00) {
+:where(.Text-module__hop-Text--lg___A5qVa) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___OCJ5n) {
+:where(.Text-module__hop-Text--xl___W3xPi) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___bZkQu) {
+:where(.Text-module__hop-Text--2xl___C50TH) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___bNF26) {
+:where(.Text-module__hop-Text--inherit___YDakN) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/errorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___4wQIZ {
+.ErrorMessage-module__hop-ErrorMessage___mRyMK {
   --hop-ErrorMessage-color: var(--hop-danger-text-weak);
   --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
   --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -96,7 +96,7 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___NMFMY {
+.ErrorMessage-module__hop-ErrorMessage__icon___w9R-k {
   flex: 0 0 auto;
   align-self: flex-start;
 }

package/dist/errorMessage/src/ErrorMessage.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { StyledComponentProps } from '@hopper-ui/styled-system';
 import { FieldErrorProps } from 'react-aria-components';
-import { TextProps } from '../../Text/src/Text.js';
+import { TextProps } from '../../typography/Text/src/Text.js';
 
 declare const GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 interface ErrorMessageProps extends StyledComponentProps<FieldErrorProps>, Omit<TextProps, "style" | "className" | "children" | "color" | "content"> {

package/dist/errorMessage/src/ErrorMessage.js

@@ -1,9 +1,9 @@
-export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-N2QZWPQF.js';
+export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-QJBQRYJS.js';
 import '../../chunk-ACVMW6YD.js';
 import '../../chunk-NH3IVMXB.js';
-import '../../chunk-2NABNL6G.js';
+import '../../chunk-WGDP4ECF.js';
 import '../../chunk-HXI3MEEK.js';
-import '../../chunk-OE5BLFZI.js';
-import '../../chunk-M36KANKC.js';
+import '../../chunk-X6SER3TZ.js';
 import '../../chunk-KVDXQMWI.js';
-import '../../chunk-YSQDPG26.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/errorMessage/src/ErrorMessageContext.d.ts

@@ -2,7 +2,7 @@ import { ErrorMessageProps } from './ErrorMessage.js';
 import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import '@hopper-ui/styled-system';
-import '../../Text/src/Text.js';
+import '../../typography/Text/src/Text.js';
 
 declare const ErrorMessageContext: react.Context<ContextValue<ErrorMessageProps, HTMLSpanElement>>;
 

package/dist/errorMessage/src/ErrorMessageContext.js

@@ -1,2 +1,2 @@
 export { ErrorMessageContext } from '../../chunk-ACVMW6YD.js';
-import '../../chunk-YSQDPG26.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/errorMessage/src/index.css

@@ -1,5 +1,5 @@
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___AZmOV {
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
+.Text-module__hop-Text___L5SE4 {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___AZmOV) {
+:where(.Text-module__hop-Text___L5SE4) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___V1bcv) {
+:where(.Text-module__hop-Text--xs___4XSOM) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___Dq2fh) {
+:where(.Text-module__hop-Text--sm___rxq9a) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___OIBbn) {
+:where(.Text-module__hop-Text--md___I1rkh) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___2Dp00) {
+:where(.Text-module__hop-Text--lg___A5qVa) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___OCJ5n) {
+:where(.Text-module__hop-Text--xl___W3xPi) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___bZkQu) {
+:where(.Text-module__hop-Text--2xl___C50TH) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___bNF26) {
+:where(.Text-module__hop-Text--inherit___YDakN) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/errorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___4wQIZ {
+.ErrorMessage-module__hop-ErrorMessage___mRyMK {
   --hop-ErrorMessage-color: var(--hop-danger-text-weak);
   --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
   --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -96,7 +96,7 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___NMFMY {
+.ErrorMessage-module__hop-ErrorMessage__icon___w9R-k {
   flex: 0 0 auto;
   align-self: flex-start;
 }

package/dist/errorMessage/src/index.d.ts

@@ -3,4 +3,4 @@ export { ErrorMessageContext } from './ErrorMessageContext.js';
 import 'react';
 import '@hopper-ui/styled-system';
 import 'react-aria-components';
-import '../../Text/src/Text.js';
+import '../../typography/Text/src/Text.js';

package/dist/errorMessage/src/index.js

@@ -1,9 +1,9 @@
-export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-N2QZWPQF.js';
+export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-QJBQRYJS.js';
 export { ErrorMessageContext } from '../../chunk-ACVMW6YD.js';
 import '../../chunk-NH3IVMXB.js';
-import '../../chunk-2NABNL6G.js';
+import '../../chunk-WGDP4ECF.js';
 import '../../chunk-HXI3MEEK.js';
-import '../../chunk-OE5BLFZI.js';
-import '../../chunk-M36KANKC.js';
+import '../../chunk-X6SER3TZ.js';
 import '../../chunk-KVDXQMWI.js';
-import '../../chunk-YSQDPG26.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/helperMessage/src/HelperMessage.css

@@ -1,5 +1,5 @@
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___AZmOV {
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
+.Text-module__hop-Text___L5SE4 {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___AZmOV) {
+:where(.Text-module__hop-Text___L5SE4) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___V1bcv) {
+:where(.Text-module__hop-Text--xs___4XSOM) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___Dq2fh) {
+:where(.Text-module__hop-Text--sm___rxq9a) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___OIBbn) {
+:where(.Text-module__hop-Text--md___I1rkh) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___2Dp00) {
+:where(.Text-module__hop-Text--lg___A5qVa) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___OCJ5n) {
+:where(.Text-module__hop-Text--xl___W3xPi) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___bZkQu) {
+:where(.Text-module__hop-Text--2xl___C50TH) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___bNF26) {
+:where(.Text-module__hop-Text--inherit___YDakN) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helperMessage/src/HelperMessage.module.css/#css-module-data */
-.HelperMessage-module__hop-HelperMessage___e-3g- {
+.HelperMessage-module__hop-HelperMessage___VrfVI {
   --hop-HelperMessage-color: var(--hop-neutral-text-weak);
   --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
   display: flex;
@@ -88,7 +88,7 @@
   box-sizing: border-box;
   color: var(--hop-HelperMessage-color);
 }
-.HelperMessage-module__hop-HelperMessage__icon___jx2fw {
+.HelperMessage-module__hop-HelperMessage__icon___mVrpO {
   flex: 0 0 auto;
   align-self: flex-start;
 }

package/dist/helperMessage/src/HelperMessage.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { StyledComponentProps } from '@hopper-ui/styled-system';
-import { TextProps } from '../../Text/src/Text.js';
+import { TextProps } from '../../typography/Text/src/Text.js';
 import 'react-aria-components';
 
 declare const GlobalHelperMessageCssSelector = "hop-HelperMessage";

package/dist/helperMessage/src/HelperMessage.js

@@ -1,8 +1,8 @@
-export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from '../../chunk-FJ4WILCG.js';
+export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from '../../chunk-GBABMUAI.js';
 import '../../chunk-ESVVLTEN.js';
-import '../../chunk-2NABNL6G.js';
+import '../../chunk-WGDP4ECF.js';
 import '../../chunk-HXI3MEEK.js';
-import '../../chunk-OE5BLFZI.js';
-import '../../chunk-M36KANKC.js';
+import '../../chunk-X6SER3TZ.js';
 import '../../chunk-KVDXQMWI.js';
-import '../../chunk-YSQDPG26.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-2P3A4VVY.js';

package/dist/helperMessage/src/HelperMessageContext.d.ts

@@ -2,7 +2,7 @@ import { HelperMessageProps } from './HelperMessage.js';
 import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import '@hopper-ui/styled-system';
-import '../../Text/src/Text.js';
+import '../../typography/Text/src/Text.js';
 
 declare const HelperMessageContext: react.Context<ContextValue<HelperMessageProps, HTMLSpanElement>>;
 

package/dist/helperMessage/src/HelperMessageContext.js

@@ -1,2 +1,2 @@
 export { HelperMessageContext } from '../../chunk-ESVVLTEN.js';
-import '../../chunk-YSQDPG26.js';
+import '../../chunk-2P3A4VVY.js';