@hopper-ui/components 1.3.32 → 1.3.33

package/dist/tag/src/Tag.js

@@ -1,24 +1,24 @@
-export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-7ITDXJPN.js';
+export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-YXAAHLMF.js';
 import '../../chunk-EWMWQ2MC.js';
-import '../../chunk-VYNPGUH2.js';
+import '../../chunk-5N6R4USJ.js';
 import '../../chunk-DXVKHP4V.js';
-import '../../chunk-Y75VH6OP.js';
+import '../../chunk-PSIGABQ5.js';
 import '../../chunk-O7IJYNVQ.js';
-import '../../chunk-FXB7BBJB.js';
+import '../../chunk-HLWX7CML.js';
 import '../../chunk-4ZYV2XLW.js';
-import '../../chunk-UYXVO6TB.js';
+import '../../chunk-R5756BNI.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DHVVYSLB.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-HPEGBHAQ.js';
+import '../../chunk-BCUIZE4G.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-BAX352BZ.js';
+import '../../chunk-YQXI64TQ.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-JHZLRSJY.js';
+import '../../chunk-ETR3U3FY.js';
 import '../../chunk-WPNVVGFW.js';
 import '../../chunk-CQDLZ42T.js';
-import '../../chunk-2ZAWI3VO.js';
+import '../../chunk-5V32JYKM.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-AES7QBQE.js';

package/dist/tag/src/TagGroup.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___yXCh3 {
+.Heading-module__hop-Heading___CVskF {
   --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___yXCh3) {
+:where(.Heading-module__hop-Heading___CVskF) {
   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___cgxRO) {
+:where(.Heading-module__hop-Heading--xs___7Zrw2) {
   --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___9XWSE) {
+:where(.Heading-module__hop-Heading--sm___VbyiN) {
   --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___dSJp9) {
+:where(.Heading-module__hop-Heading--md___gkCTa) {
   --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___7BQM-) {
+:where(.Heading-module__hop-Heading--lg___XhmuU) {
   --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___mc-2D) {
+:where(.Heading-module__hop-Heading--xl___0Rnx-) {
   --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___b9d1O) {
+:where(.Heading-module__hop-Heading--2xl___H2izG) {
   --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___mSP0w) {
+:where(.Heading-module__hop-Heading--3xl___NX39q) {
   --font-size: var(--hop-Heading-3xl-font-size);
   --font-family: var(--hop-Heading-3xl-font-family);
   --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
 }
 
 /* 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___5ke-P) {
+:where(.OverlineText-module__hop-OverlineText___Fyhbp) {
   --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);
@@ -108,45 +108,45 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___WdEoR {
+.OverlineText-module__hop-OverlineText__text___-NVnD {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___WdEoR::before,
-.OverlineText-module__hop-OverlineText__text___WdEoR::after {
+.OverlineText-module__hop-OverlineText__text___-NVnD::before,
+.OverlineText-module__hop-OverlineText__text___-NVnD::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___WdEoR::before {
+.OverlineText-module__hop-OverlineText__text___-NVnD::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___WdEoR::after {
+.OverlineText-module__hop-OverlineText__text___-NVnD::after {
   margin-block-start: var(--top-offset);
 }
 
 /* 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___BRqtH {
+.Label-module__hop-Label___0IaEN {
   --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___BRqtH) {
+:where(.Label-module__hop-Label___0IaEN) {
   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___78Snn) {
+:where(.Label-module__hop-Label__indicator___ckLyt) {
   padding-inline-start: var(--hop-space-20);
 }
 
 /* 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___mlsmJ {
+.Text-module__hop-Text___oqQoT {
   --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);
@@ -176,49 +176,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___mlsmJ) {
+:where(.Text-module__hop-Text___oqQoT) {
   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___4g9Hm) {
+:where(.Text-module__hop-Text--xs___gmh3H) {
   --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___w-WWU) {
+:where(.Text-module__hop-Text--sm___vOWCS) {
   --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___FHx98) {
+:where(.Text-module__hop-Text--md___k7DwC) {
   --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___N-Ov9) {
+:where(.Text-module__hop-Text--lg___yM6qv) {
   --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___O0xxj) {
+:where(.Text-module__hop-Text--xl___2nk6L) {
   --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___7cgXw) {
+:where(.Text-module__hop-Text--2xl___NUzYK) {
   --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___CD7Gr) {
+:where(.Text-module__hop-Text--inherit___WNcxc) {
   --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);
@@ -226,7 +226,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___-OJ96 {
+.ErrorMessage-module__hop-ErrorMessage___IeyIQ {
   --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);
@@ -243,13 +243,13 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___G-fBg {
+.ErrorMessage-module__hop-ErrorMessage__icon___wmjDl {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
-.HelperMessage-module__hop-HelperMessage___wwxDN {
+.HelperMessage-module__hop-HelperMessage___05GPA {
   --hop-HelperMessage-color: var(--hop-neutral-text-weak);
   --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
   display: flex;
@@ -258,13 +258,13 @@
   box-sizing: border-box;
   color: var(--hop-HelperMessage-color);
 }
-.HelperMessage-module__hop-HelperMessage__icon___8k1Gi {
+.HelperMessage-module__hop-HelperMessage__icon___H5hK- {
   flex: 0 0 auto;
   align-self: flex-start;
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
-.TagGroup-module__hop-TagGroup___86SX6 {
+.TagGroup-module__hop-TagGroup___r75G6 {
   --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
   --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
   --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -284,10 +284,10 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__label___9q2EX {
+.TagGroup-module__hop-TagGroup___r75G6 > .TagGroup-module__hop-TagGroup__label___fwjSr {
   order: 1;
 }
-.TagGroup-module__hop-TagGroup__list___wY28t {
+.TagGroup-module__hop-TagGroup__list___cJoAk {
   display: flex;
   flex-wrap: wrap;
   gap: var(--list-row-gap) var(--list-column-gap);
@@ -296,11 +296,11 @@
   border-radius: var(--list-border-radius);
   outline: none;
 }
-.TagGroup-module__hop-TagGroup__list___wY28t[data-focus-visible] {
+.TagGroup-module__hop-TagGroup__list___cJoAk[data-focus-visible] {
   outline: 0.125rem solid var(--list-focus-ring-color);
   outline-offset: 0.125rem;
 }
-.TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__error-message___lPWQQ,
-.TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__helper-message___S4hdN {
+.TagGroup-module__hop-TagGroup___r75G6 > .TagGroup-module__hop-TagGroup__error-message___-R-9d,
+.TagGroup-module__hop-TagGroup___r75G6 > .TagGroup-module__hop-TagGroup__helper-message___h1vlD {
   order: 3;
 }

package/dist/tag/src/TagGroup.d.ts

@@ -1,37 +1,43 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
-import { TagGroupProps as TagGroupProps$1 } from 'react-aria-components';
-import { NecessityIndicator } from '../../utils/src/types.js';
+import { ForwardedRef } from 'react';
+import { TagListProps as TagListProps$1, TagGroupProps as TagGroupProps$1 } from 'react-aria-components';
+import { FieldProps } from '../../utils/src/types.js';
 import { T as TagSize, g as TagVariant } from '../../ClearButton-DTR1qTbm.js';
 import '@react-types/shared';
 import '../../Spinner/src/Spinner.js';
 
 declare const GlobalTagGroupCssSelector = "hop-TagGroup";
-interface TagGroupProps extends StyledComponentProps<TagGroupProps$1> {
+type ListProps = "items" | "children" | "renderEmptyState";
+type TagListProps<T> = StyledComponentProps<Omit<TagListProps$1<T>, ListProps>>;
+interface TagGroupProps<T> extends StyledComponentProps<Omit<TagGroupProps$1, "children">>, Pick<TagListProps$1<T>, ListProps>, Omit<FieldProps, "size"> {
     /**
      * Whether the tags are invalid or not.
      */
     isInvalid?: boolean;
-    /**
-     * Whether the required state should be shown as an asterisk or a label, which would display (Optional) on all non required field labels.
-     */
-    necessityIndicator?: NecessityIndicator;
     /**
      * A tag can vary in size.
      * @default "md"
      */
     size?: ResponsiveProp<TagSize>;
+    /**
+     * The tag list props
+     */
+    tagListProps?: TagListProps<T>;
     /**
      * The visual style of the TagGroup.
      * @default "neutral"
      */
     variant?: TagVariant;
 }
+declare function TagGroup<T extends object>(props: TagGroupProps<T>, ref: ForwardedRef<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 /**
  * A versatile TagGroup component for categorizing items.
  *
  * [View Documentation](TODO)
  */
-declare const _TagGroup: react.ForwardRefExoticComponent<TagGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const _TagGroup: <T>(props: TagGroupProps<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof TagGroup>;
 
-export { GlobalTagGroupCssSelector, _TagGroup as TagGroup, type TagGroupProps };
+export { GlobalTagGroupCssSelector, _TagGroup as TagGroup, type TagGroupProps, type TagListProps };

package/dist/tag/src/TagGroup.js

@@ -1,10 +1,18 @@
-export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-52EKMM7G.js';
-import '../../chunk-XLKYXKWE.js';
+export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-VHQQVD4Y.js';
 import '../../chunk-EWMWQ2MC.js';
 import '../../chunk-LCAS3YQV.js';
+import '../../chunk-5L4SRFMM.js';
 import '../../chunk-HZKFQ33E.js';
+import '../../chunk-YQXI64TQ.js';
 import '../../chunk-QCA3ZR56.js';
+import '../../chunk-TFVDF4YH.js';
+import '../../chunk-Z2UVDVEE.js';
 import '../../chunk-FAE27DLF.js';
+import '../../chunk-5V32JYKM.js';
+import '../../chunk-X6SER3TZ.js';
+import '../../chunk-HXI3MEEK.js';
+import '../../chunk-NH3IVMXB.js';
+import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/tag/src/TagGroupContext.d.ts

@@ -1,12 +1,13 @@
 import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import { TagGroupProps } from './TagGroup.js';
+import 'react/jsx-runtime';
 import '@hopper-ui/styled-system';
 import '../../utils/src/types.js';
 import '@react-types/shared';
 import '../../ClearButton-DTR1qTbm.js';
 import '../../Spinner/src/Spinner.js';
 
-declare const TagGroupContext: react.Context<ContextValue<TagGroupProps, HTMLDivElement>>;
+declare const TagGroupContext: react.Context<ContextValue<TagGroupProps<any>, HTMLDivElement>>;
 
 export { TagGroupContext };