@hopper-ui/components 1.3.32 → 1.3.34

package/dist/tag/src/Tag.js

@@ -1,24 +1,26 @@
-export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-7ITDXJPN.js';
+export { GlobalTagCssSelector, _Tag as Tag } from '../../chunk-6L4MTZT4.js';
 import '../../chunk-EWMWQ2MC.js';
-import '../../chunk-VYNPGUH2.js';
+import '../../chunk-7FV3FDFI.js';
 import '../../chunk-DXVKHP4V.js';
-import '../../chunk-Y75VH6OP.js';
+import '../../chunk-G7QY3NWV.js';
 import '../../chunk-O7IJYNVQ.js';
-import '../../chunk-FXB7BBJB.js';
+import '../../chunk-CC5QQ4YM.js';
 import '../../chunk-4ZYV2XLW.js';
-import '../../chunk-UYXVO6TB.js';
-import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DHVVYSLB.js';
+import '../../chunk-WILQEDLK.js';
+import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-HPEGBHAQ.js';
+import '../../chunk-K5WUDBPF.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-BAX352BZ.js';
+import '../../chunk-6NX5XSZH.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-JHZLRSJY.js';
+import '../../chunk-SH3CLZKH.js';
+import '../../chunk-Q7NXUUB3.js';
+import '../../chunk-NUV3PDGE.js';
 import '../../chunk-WPNVVGFW.js';
 import '../../chunk-CQDLZ42T.js';
-import '../../chunk-2ZAWI3VO.js';
+import '../../chunk-75I7LTO3.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___UhOuN {
   --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___UhOuN) {
   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___mgq0R) {
   --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___Sd105) {
   --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___OeuQ-) {
   --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___937DG) {
   --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___PA7Cj) {
   --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___9H5AH) {
   --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___BC0kT) {
   --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___bCG0m) {
   --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,52 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___WdEoR {
+.OverlineText-module__hop-OverlineText__text___o7Sr6 {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___WdEoR::before,
-.OverlineText-module__hop-OverlineText__text___WdEoR::after {
+.OverlineText-module__hop-OverlineText__text___o7Sr6::before,
+.OverlineText-module__hop-OverlineText__text___o7Sr6::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___o7Sr6::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___WdEoR::after {
+.OverlineText-module__hop-OverlineText__text___o7Sr6::after {
   margin-block-start: var(--top-offset);
 }
 
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
+.Form-module__hop-Form___iuRf1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--hop-space-stack-lg);
+}
+
 /* 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___bYJKr {
   --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___bYJKr) {
   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___AtTcd) {
   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___Fxj3U {
   --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 +183,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___Fxj3U) {
   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___OBqqd) {
   --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___W0t5J) {
   --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___0XAci) {
   --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___fe6zi) {
   --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___Yu73w) {
   --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___XUoUN) {
   --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___zBVgd) {
   --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 +233,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___1ogYr {
   --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 +250,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___NXHIT {
   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___2u276 {
   --hop-HelperMessage-color: var(--hop-neutral-text-weak);
   --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
   display: flex;
@@ -258,13 +265,13 @@
   box-sizing: border-box;
   color: var(--hop-HelperMessage-color);
 }
-.HelperMessage-module__hop-HelperMessage__icon___8k1Gi {
+.HelperMessage-module__hop-HelperMessage__icon___qXSF9 {
   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___-82Bs {
   --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 +291,10 @@
   inline-size: max-content;
   max-inline-size: 100%;
 }
-.TagGroup-module__hop-TagGroup___86SX6 > .TagGroup-module__hop-TagGroup__label___9q2EX {
+.TagGroup-module__hop-TagGroup___-82Bs > .TagGroup-module__hop-TagGroup__label___8v0Gh {
   order: 1;
 }
-.TagGroup-module__hop-TagGroup__list___wY28t {
+.TagGroup-module__hop-TagGroup__list___6gKT9 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--list-row-gap) var(--list-column-gap);
@@ -296,11 +303,11 @@
   border-radius: var(--list-border-radius);
   outline: none;
 }
-.TagGroup-module__hop-TagGroup__list___wY28t[data-focus-visible] {
+.TagGroup-module__hop-TagGroup__list___6gKT9[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___-82Bs > .TagGroup-module__hop-TagGroup__error-message___uSlkg,
+.TagGroup-module__hop-TagGroup___-82Bs > .TagGroup-module__hop-TagGroup__helper-message___2WpP7 {
   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,20 @@
-export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-52EKMM7G.js';
-import '../../chunk-XLKYXKWE.js';
-import '../../chunk-EWMWQ2MC.js';
+export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from '../../chunk-RAAORA53.js';
 import '../../chunk-LCAS3YQV.js';
+import '../../chunk-EWMWQ2MC.js';
+import '../../chunk-EXO4OJ7Z.js';
 import '../../chunk-HZKFQ33E.js';
-import '../../chunk-QCA3ZR56.js';
+import '../../chunk-KFPJZFZS.js';
 import '../../chunk-FAE27DLF.js';
+import '../../chunk-6NX5XSZH.js';
+import '../../chunk-QCA3ZR56.js';
+import '../../chunk-TFVDF4YH.js';
+import '../../chunk-SH3CLZKH.js';
+import '../../chunk-Q7NXUUB3.js';
+import '../../chunk-75I7LTO3.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 };