@hopper-ui/components 1.0.13 → 1.2.0

package/dist/tag/src/index.js

@@ -1,108 +1,27 @@
-export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-B42AJF74.js';
-import '../../chunk-SC6ZK5ON.js';
-import '../../chunk-I4VPBQI7.js';
-export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-MVWQVBTK.js';
+export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-FOD7XUSJ.js';
+export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-V5Q245NH.js';
 export { TagContext } from '../../chunk-EWMWQ2MC.js';
 export { TagGroupContext } from '../../chunk-LCAS3YQV.js';
 export { GlobalTagListCssSelector, _TagList as TagList } from '../../chunk-WWRB4K4M.js';
 export { TagListContext } from '../../chunk-XLKYXKWE.js';
-import '../../chunk-QTV45NTY.js';
-import '../../chunk-IEE2HHGR.js';
-import '../../chunk-YHBJAXUY.js';
-import '../../chunk-H7VJS4MX.js';
-import '../../chunk-GFHBDUJD.js';
-import '../../chunk-CXIH6I5X.js';
-import '../../chunk-GXBVNCVP.js';
-import '../../chunk-IXB2WK56.js';
-import '../../chunk-AQITZWYM.js';
-import '../../chunk-I67NHYK4.js';
-import '../../chunk-N77LTZ4U.js';
-import '../../chunk-Y7HUXUHX.js';
-import '../../chunk-D6UTDI2K.js';
-import '../../chunk-TVFC2MJ4.js';
-import '../../chunk-M4IVTAHY.js';
-import '../../chunk-QW45G6K4.js';
-import '../../chunk-TNVYVDLF.js';
-import '../../chunk-3NKF5TPD.js';
-import '../../chunk-44KY7MFF.js';
-import '../../chunk-O4XPUINW.js';
-import '../../chunk-3LRBUQC2.js';
-import '../../chunk-MTDFS4CZ.js';
-import '../../chunk-LJXTJRSB.js';
-import '../../chunk-I2YZLGRE.js';
-import '../../chunk-ERE2XRQA.js';
-import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-CCIVRIKG.js';
-import '../../chunk-6BFSSZCY.js';
-import '../../chunk-WCLGYVXV.js';
-import '../../chunk-2MUGMKNO.js';
-import '../../chunk-WDUQUPTE.js';
-import '../../chunk-ZGNK4GWA.js';
-import '../../chunk-N7YDPVZL.js';
-import '../../chunk-723W7LGB.js';
-import '../../chunk-H5YTU3U7.js';
-import '../../chunk-JLUFMLGV.js';
-import '../../chunk-WMTWFKKP.js';
-import '../../chunk-VJQ7M2BK.js';
-import '../../chunk-KARK64JC.js';
+import '../../chunk-2XO5CZBO.js';
 import '../../chunk-DXVKHP4V.js';
-import '../../chunk-ZXDN2IRM.js';
+import '../../chunk-5IB23E3O.js';
 import '../../chunk-O7IJYNVQ.js';
-import '../../chunk-O5PTD6IN.js';
-import '../../chunk-AMXRADUV.js';
+import '../../chunk-CKKLDA5J.js';
 import '../../chunk-4ZYV2XLW.js';
-import '../../chunk-LDORNYHF.js';
-import '../../chunk-4VVNSXIB.js';
-import '../../chunk-CS2RAWQB.js';
-import '../../chunk-TIPN4VYD.js';
-import '../../chunk-JTNMFPM4.js';
-import '../../chunk-5H5AZJPQ.js';
-import '../../chunk-UIEP5BA5.js';
-import '../../chunk-SW7LHIQ2.js';
-import '../../chunk-SSMGKQ27.js';
-import '../../chunk-NHM3MQI3.js';
-import '../../chunk-FU5CCPLP.js';
-import '../../chunk-DGLAGYBD.js';
-import '../../chunk-5MBJWRZD.js';
-import '../../chunk-NKHMUPAP.js';
-import '../../chunk-A7TZHALP.js';
-import '../../chunk-W34MMJ2L.js';
 import '../../chunk-QCA3ZR56.js';
-import '../../chunk-2EAZPH3M.js';
-import '../../chunk-YEYNRBMQ.js';
+import '../../chunk-F4H76S4H.js';
+import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-65JPI4FL.js';
-import '../../chunk-Y2POLIXK.js';
-import '../../chunk-THQZBL4T.js';
-import '../../chunk-OKZYR4RF.js';
-import '../../chunk-RGGVZKNN.js';
 import '../../chunk-HZKFQ33E.js';
-import '../../chunk-NMKBUGSO.js';
-import '../../chunk-JN2FF2IX.js';
-import '../../chunk-UPR32DV5.js';
-import '../../chunk-NH3IVMXB.js';
-import '../../chunk-FAE27DLF.js';
-import '../../chunk-L5A2UTQV.js';
-import '../../chunk-7JOGKC3W.js';
-import '../../chunk-ESRYOELK.js';
-import '../../chunk-5WWMVQI4.js';
-import '../../chunk-WPNVVGFW.js';
-import '../../chunk-CQDLZ42T.js';
-import '../../chunk-RXZQB35O.js';
-import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-632B5YBQ.js';
-import '../../chunk-DZHRELLA.js';
-import '../../chunk-FYIHMKHI.js';
-import '../../chunk-GH5LAOQU.js';
-import '../../chunk-UGHMX7QX.js';
-import '../../chunk-NS3XVOQ7.js';
-import '../../chunk-PAYZGXTT.js';
+import '../../chunk-CQDLZ42T.js';
+import '../../chunk-FAE27DLF.js';
+import '../../chunk-XT2MZWEV.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
-import '../../chunk-SNWJJ3FF.js';
 import '../../chunk-AES7QBQE.js';
-import '../../chunk-AYPCLDGU.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
-import '../../chunk-JWW56J7M.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/typography/Heading/src/Heading.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
-.Heading-module__hop-Heading___FB1PP {
+.Heading-module__hop-Heading___FVhfN {
   --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
   --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
   --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___FB1PP) {
+:where(.Heading-module__hop-Heading___FVhfN) {
   margin: 0;
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Heading-module__hop-Heading--xs___ZJL3P) {
+:where(.Heading-module__hop-Heading--xs___t30s-) {
   --font-size: var(--hop-Heading-xs-font-size);
   --font-family: var(--hop-Heading-xs-font-family);
   --font-weight: var(--hop-Heading-xs-font-weight);
   --line-height: var(--hop-Heading-xs-line-height);
 }
-:where(.Heading-module__hop-Heading--sm___fp3A6) {
+:where(.Heading-module__hop-Heading--sm___R6y6i) {
   --font-size: var(--hop-Heading-sm-font-size);
   --font-family: var(--hop-Heading-sm-font-family);
   --font-weight: var(--hop-Heading-sm-font-weight);
   --line-height: var(--hop-Heading-sm-line-height);
 }
-:where(.Heading-module__hop-Heading--md___rEF7K) {
+:where(.Heading-module__hop-Heading--md___d6d9m) {
   --font-size: var(--hop-Heading-md-font-size);
   --font-family: var(--hop-Heading-md-font-family);
   --font-weight: var(--hop-Heading-md-font-weight);
   --line-height: var(--hop-Heading-md-line-height);
 }
-:where(.Heading-module__hop-Heading--lg___kCSub) {
+:where(.Heading-module__hop-Heading--lg___yqjzy) {
   --font-size: var(--hop-Heading-lg-font-size);
   --font-family: var(--hop-Heading-lg-font-family);
   --font-weight: var(--hop-Heading-lg-font-weight);
   --line-height: var(--hop-Heading-lg-line-height);
 }
-:where(.Heading-module__hop-Heading--xl___5VyFh) {
+:where(.Heading-module__hop-Heading--xl___U0Gfz) {
   --font-size: var(--hop-Heading-xl-font-size);
   --font-family: var(--hop-Heading-xl-font-family);
   --font-weight: var(--hop-Heading-xl-font-weight);
   --line-height: var(--hop-Heading-xl-line-height);
 }
-:where(.Heading-module__hop-Heading--2xl___-qmiM) {
+:where(.Heading-module__hop-Heading--2xl___B7lym) {
   --font-size: var(--hop-Heading-2xl-font-size);
   --font-family: var(--hop-Heading-2xl-font-family);
   --font-weight: var(--hop-Heading-2xl-font-weight);
   --line-height: var(--hop-Heading-2xl-line-height);
 }
-:where(.Heading-module__hop-Heading--3xl___xDM3d) {
+:where(.Heading-module__hop-Heading--3xl___P65x-) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);

package/dist/typography/Heading/src/Heading.js

@@ -1,4 +1,4 @@
-export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from '../../../chunk-ERE2XRQA.js';
+export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from '../../../chunk-PQXVL3YJ.js';
 import '../../../chunk-TXZ6BMFR.js';
 import '../../../chunk-KVDXQMWI.js';
 import '../../../chunk-JSBRDJBE.js';

package/dist/typography/Heading/src/index.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
-.Heading-module__hop-Heading___FB1PP {
+.Heading-module__hop-Heading___FVhfN {
   --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
   --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
   --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
   --hop-Heading-inherit-size-font-weight: inherit;
   --hop-Heading-inherit-size-line-height: inherit;
 }
-:where(.Heading-module__hop-Heading___FB1PP) {
+:where(.Heading-module__hop-Heading___FVhfN) {
   margin: 0;
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Heading-module__hop-Heading--xs___ZJL3P) {
+:where(.Heading-module__hop-Heading--xs___t30s-) {
   --font-size: var(--hop-Heading-xs-font-size);
   --font-family: var(--hop-Heading-xs-font-family);
   --font-weight: var(--hop-Heading-xs-font-weight);
   --line-height: var(--hop-Heading-xs-line-height);
 }
-:where(.Heading-module__hop-Heading--sm___fp3A6) {
+:where(.Heading-module__hop-Heading--sm___R6y6i) {
   --font-size: var(--hop-Heading-sm-font-size);
   --font-family: var(--hop-Heading-sm-font-family);
   --font-weight: var(--hop-Heading-sm-font-weight);
   --line-height: var(--hop-Heading-sm-line-height);
 }
-:where(.Heading-module__hop-Heading--md___rEF7K) {
+:where(.Heading-module__hop-Heading--md___d6d9m) {
   --font-size: var(--hop-Heading-md-font-size);
   --font-family: var(--hop-Heading-md-font-family);
   --font-weight: var(--hop-Heading-md-font-weight);
   --line-height: var(--hop-Heading-md-line-height);
 }
-:where(.Heading-module__hop-Heading--lg___kCSub) {
+:where(.Heading-module__hop-Heading--lg___yqjzy) {
   --font-size: var(--hop-Heading-lg-font-size);
   --font-family: var(--hop-Heading-lg-font-family);
   --font-weight: var(--hop-Heading-lg-font-weight);
   --line-height: var(--hop-Heading-lg-line-height);
 }
-:where(.Heading-module__hop-Heading--xl___5VyFh) {
+:where(.Heading-module__hop-Heading--xl___U0Gfz) {
   --font-size: var(--hop-Heading-xl-font-size);
   --font-family: var(--hop-Heading-xl-font-family);
   --font-weight: var(--hop-Heading-xl-font-weight);
   --line-height: var(--hop-Heading-xl-line-height);
 }
-:where(.Heading-module__hop-Heading--2xl___-qmiM) {
+:where(.Heading-module__hop-Heading--2xl___B7lym) {
   --font-size: var(--hop-Heading-2xl-font-size);
   --font-family: var(--hop-Heading-2xl-font-family);
   --font-weight: var(--hop-Heading-2xl-font-weight);
   --line-height: var(--hop-Heading-2xl-line-height);
 }
-:where(.Heading-module__hop-Heading--3xl___xDM3d) {
+:where(.Heading-module__hop-Heading--3xl___P65x-) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);

package/dist/typography/Heading/src/index.js

@@ -1,4 +1,4 @@
-export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from '../../../chunk-ERE2XRQA.js';
+export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from '../../../chunk-PQXVL3YJ.js';
 export { HeadingContext } from '../../../chunk-TXZ6BMFR.js';
 import '../../../chunk-KVDXQMWI.js';
 import '../../../chunk-JSBRDJBE.js';

package/dist/typography/Label/src/Label.css

@@ -1,15 +1,18 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
-.Label-module__hop-Label___PodEd {
+.Label-module__hop-Label___L4zrw {
   --hop-Label-font-size: var(--hop-heading-xs-font-size);
   --hop-Label-font-family: var(--hop-heading-xs-font-family);
   --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
   --hop-Label-line-height: var(--hop-heading-xs-line-height);
   --hop-Label-color: var(--hop-neutral-text-weak);
 }
-:where(.Label-module__hop-Label___PodEd) {
+:where(.Label-module__hop-Label___L4zrw) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
   line-height: var(--hop-Label-line-height);
   color: var(--hop-Label-color);
 }
+:where(.Label-module__hop-Label__indicator___mWy1n) {
+  padding-inline-start: var(--hop-space-20);
+}

package/dist/typography/Label/src/Label.d.ts

@@ -4,6 +4,14 @@ import { LabelProps as LabelProps$1 } from 'react-aria-components';
 
 declare const GlobalLabelCssSelector = "hop-Label";
 interface LabelProps extends StyledComponentProps<LabelProps$1> {
+    /**
+     * Whether the label shows a required state.
+     */
+    isRequired?: boolean;
+    /**
+     * Whether the required state should be shown as an icon or text.
+     */
+    necessityIndicator?: "icon" | "label";
 }
 /**
  * A primitive label component matching Hopper's typography type scale.

package/dist/typography/Label/src/Label.js

@@ -1,4 +1,5 @@
-export { GlobalLabelCssSelector, _Label as Label } from '../../../chunk-I2YZLGRE.js';
+export { GlobalLabelCssSelector, _Label as Label } from '../../../chunk-RWAVMW7T.js';
 import '../../../chunk-QCA3ZR56.js';
+import '../../../chunk-F4H76S4H.js';
 import '../../../chunk-KVDXQMWI.js';
 import '../../../chunk-JSBRDJBE.js';

package/dist/typography/Label/src/index.css

@@ -1,15 +1,18 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
-.Label-module__hop-Label___PodEd {
+.Label-module__hop-Label___L4zrw {
   --hop-Label-font-size: var(--hop-heading-xs-font-size);
   --hop-Label-font-family: var(--hop-heading-xs-font-family);
   --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
   --hop-Label-line-height: var(--hop-heading-xs-line-height);
   --hop-Label-color: var(--hop-neutral-text-weak);
 }
-:where(.Label-module__hop-Label___PodEd) {
+:where(.Label-module__hop-Label___L4zrw) {
   font-family: var(--hop-Label-font-family);
   font-size: var(--hop-Label-font-size);
   font-weight: var(--hop-Label-font-weight);
   line-height: var(--hop-Label-line-height);
   color: var(--hop-Label-color);
 }
+:where(.Label-module__hop-Label__indicator___mWy1n) {
+  padding-inline-start: var(--hop-space-20);
+}

package/dist/typography/Label/src/index.js

@@ -1,4 +1,5 @@
-export { GlobalLabelCssSelector, _Label as Label } from '../../../chunk-I2YZLGRE.js';
+export { GlobalLabelCssSelector, _Label as Label } from '../../../chunk-RWAVMW7T.js';
 export { LabelContext } from '../../../chunk-QCA3ZR56.js';
+import '../../../chunk-F4H76S4H.js';
 import '../../../chunk-KVDXQMWI.js';
 import '../../../chunk-JSBRDJBE.js';

package/dist/typography/OverlineText/src/OverlineText.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___1BZid) {
+:where(.OverlineText-module__hop-OverlineText___kurkU) {
   --hop-OverlineText-font-family: var(--hop-overline-font-family);
   --hop-OverlineText-font-size: var(--hop-overline-font-size);
   --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,20 +23,20 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___RuqQo {
+.OverlineText-module__hop-OverlineText__text___7uNsa {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___RuqQo::before,
-.OverlineText-module__hop-OverlineText__text___RuqQo::after {
+.OverlineText-module__hop-OverlineText__text___7uNsa::before,
+.OverlineText-module__hop-OverlineText__text___7uNsa::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___RuqQo::before {
+.OverlineText-module__hop-OverlineText__text___7uNsa::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___RuqQo::after {
+.OverlineText-module__hop-OverlineText__text___7uNsa::after {
   margin-block-start: var(--top-offset);
 }

package/dist/typography/OverlineText/src/OverlineText.js

@@ -1,4 +1,4 @@
-export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from '../../../chunk-5WWMVQI4.js';
+export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from '../../../chunk-CEUQHDEQ.js';
 import '../../../chunk-WPNVVGFW.js';
 import '../../../chunk-KVDXQMWI.js';
 import '../../../chunk-JSBRDJBE.js';

package/dist/typography/OverlineText/src/index.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
-:where(.OverlineText-module__hop-OverlineText___1BZid) {
+:where(.OverlineText-module__hop-OverlineText___kurkU) {
   --hop-OverlineText-font-family: var(--hop-overline-font-family);
   --hop-OverlineText-font-size: var(--hop-overline-font-size);
   --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,20 +23,20 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___RuqQo {
+.OverlineText-module__hop-OverlineText__text___7uNsa {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___RuqQo::before,
-.OverlineText-module__hop-OverlineText__text___RuqQo::after {
+.OverlineText-module__hop-OverlineText__text___7uNsa::before,
+.OverlineText-module__hop-OverlineText__text___7uNsa::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___RuqQo::before {
+.OverlineText-module__hop-OverlineText__text___7uNsa::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___RuqQo::after {
+.OverlineText-module__hop-OverlineText__text___7uNsa::after {
   margin-block-start: var(--top-offset);
 }

package/dist/typography/OverlineText/src/index.js

@@ -1,4 +1,4 @@
-export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from '../../../chunk-5WWMVQI4.js';
+export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from '../../../chunk-CEUQHDEQ.js';
 export { OverlineTextContext } from '../../../chunk-WPNVVGFW.js';
 import '../../../chunk-KVDXQMWI.js';
 import '../../../chunk-JSBRDJBE.js';

package/dist/typography/Text/src/Text.css

@@ -1,5 +1,5 @@
 /* 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___XGciL {
+.Text-module__hop-Text___7s-NC {
   --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___XGciL) {
+:where(.Text-module__hop-Text___7s-NC) {
   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___8DcIm) {
+:where(.Text-module__hop-Text--xs___uRZNm) {
   --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___B0mGK) {
+:where(.Text-module__hop-Text--sm___LfDaA) {
   --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___QwBMo) {
+:where(.Text-module__hop-Text--md___aGVbv) {
   --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___BAtSv) {
+:where(.Text-module__hop-Text--lg___TgsRg) {
   --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___QUy6V) {
+:where(.Text-module__hop-Text--xl___gAcxP) {
   --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___DFqJ4) {
+:where(.Text-module__hop-Text--2xl___n-9B9) {
   --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___WkAxg) {
+:where(.Text-module__hop-Text--inherit___SEa0P) {
   --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);

package/dist/typography/Text/src/Text.js

@@ -1,4 +1,4 @@
-export { GlobalTextCssSelector, _Text as Text } from '../../../chunk-PAYZGXTT.js';
+export { GlobalTextCssSelector, _Text as Text } from '../../../chunk-XT2MZWEV.js';
 import '../../../chunk-X6SER3TZ.js';
 import '../../../chunk-HXI3MEEK.js';
 import '../../../chunk-M36KANKC.js';

package/dist/typography/Text/src/index.css

@@ -1,5 +1,5 @@
 /* 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___XGciL {
+.Text-module__hop-Text___7s-NC {
   --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___XGciL) {
+:where(.Text-module__hop-Text___7s-NC) {
   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___8DcIm) {
+:where(.Text-module__hop-Text--xs___uRZNm) {
   --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___B0mGK) {
+:where(.Text-module__hop-Text--sm___LfDaA) {
   --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___QwBMo) {
+:where(.Text-module__hop-Text--md___aGVbv) {
   --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___BAtSv) {
+:where(.Text-module__hop-Text--lg___TgsRg) {
   --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___QUy6V) {
+:where(.Text-module__hop-Text--xl___gAcxP) {
   --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___DFqJ4) {
+:where(.Text-module__hop-Text--2xl___n-9B9) {
   --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___WkAxg) {
+:where(.Text-module__hop-Text--inherit___SEa0P) {
   --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);

package/dist/typography/Text/src/index.js

@@ -1,4 +1,4 @@
-export { GlobalTextCssSelector, _Text as Text } from '../../../chunk-PAYZGXTT.js';
+export { GlobalTextCssSelector, _Text as Text } from '../../../chunk-XT2MZWEV.js';
 export { TextContext } from '../../../chunk-X6SER3TZ.js';
 import '../../../chunk-HXI3MEEK.js';
 import '../../../chunk-M36KANKC.js';

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

@@ -4,8 +4,10 @@ export { Size, SizeAdapter } from './sizeAdapter.js';
 export { BaseComponentProps, DOMProps, InteractionProps, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps } from './types.js';
 export { isTextOnlyChildren } from './isTextOnlyChildren.js';
 export { SlotProvider, SlotProviderProps } from './SlotProvider.js';
+export { useFontFaceReady } from './useFontFaceReady.js';
 export { Scale, useScale } from './useScale.js';
 export { useSlot } from './useSlot.js';
+export { useTruncatedText } from './useTruncatedText.js';
 export { ClearContainerSlots, ClearProviders, ClearProvidersProps } from './ClearSlots.js';
 export { useRenderProps } from './useRenderProps.js';
 export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from './assertion.js';

package/dist/utils/src/index.js

@@ -1,11 +1,13 @@
-import '../../chunk-LQICWONC.js';
 import '../../chunk-SNIF7MEM.js';
+import '../../chunk-LQICWONC.js';
+export { useFontFaceReady } from '../../chunk-IU6XMS2X.js';
+export { useTruncatedText } from '../../chunk-Z57VHYOF.js';
 export { useScale } from '../../chunk-MTDFS4CZ.js';
 export { useSlot } from '../../chunk-H5YTU3U7.js';
 export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from '../../chunk-TIPN4VYD.js';
+export { isTextOnlyChildren } from '../../chunk-ZWU6DRRZ.js';
 export { composeClassnameRenderProps } from '../../chunk-65JPI4FL.js';
 export { useRenderProps } from '../../chunk-NH3IVMXB.js';
-export { isTextOnlyChildren } from '../../chunk-ZWU6DRRZ.js';
 export { ClearContainerSlots, ClearProviders } from '../../chunk-HXI3MEEK.js';
 export { SlotProvider } from '../../chunk-M36KANKC.js';
 export { cssModule } from '../../chunk-KVDXQMWI.js';

package/dist/utils/src/useFontFaceReady.d.ts

@@ -0,0 +1,3 @@
+declare const useFontFaceReady: () => boolean;
+
+export { useFontFaceReady };

package/dist/utils/src/useFontFaceReady.js

@@ -0,0 +1,2 @@
+export { useFontFaceReady } from '../../chunk-IU6XMS2X.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/utils/src/useTruncatedText.d.ts

@@ -0,0 +1,3 @@
+declare const useTruncatedText: () => (value: string, limit?: number) => string;
+
+export { useTruncatedText };

package/dist/utils/src/useTruncatedText.js

@@ -0,0 +1,2 @@
+export { useTruncatedText } from '../../chunk-Z57VHYOF.js';
+import '../../chunk-JSBRDJBE.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/components",
   "author": "Workleap",
-  "version": "1.0.13",
+  "version": "1.2.0",
   "description": "The components package.",
   "license": "Apache-2.0",
   "repository": {
@@ -45,7 +45,7 @@
     "@react-stately/utils": "^3.10.1",
     "@react-types/shared": "^3.23.1",
     "clsx": "^2.1.1",
-    "@hopper-ui/icons": "2.6.2"
+    "@hopper-ui/icons": "2.7.0"
   },
   "devDependencies": {
     "@swc/core": "1.5.25",
@@ -77,7 +77,7 @@
     "ts-jest": "29.1.4",
     "tsup": "8.1.0",
     "typescript": "5.4.5",
-    "@hopper-ui/styled-system": "2.1.1"
+    "@hopper-ui/styled-system": "2.3.0"
   },
   "scripts": {
     "dev": "tsup --config ./tsup.dev.ts",