@hopper-ui/components 1.1.0 → 1.2.1

package/dist/index.d.ts

@@ -22,12 +22,12 @@ export { CheckboxGroup, CheckboxGroupProps, GlobalCheckboxGroupCssSelector } fro
 export { CheckboxGroupContext } from './checkbox/src/CheckboxGroupContext.js';
 export { CheckboxList, CheckboxListProps, GlobalCheckboxListCssSelector } from './checkbox/src/CheckboxList.js';
 export { CheckboxListContext } from './checkbox/src/CheckboxListContext.js';
-export { Chip, ChipProps, GlobalChipCssSelector } from './Chip/src/Chip.js';
-export { ChipContext } from './Chip/src/ChipContext.js';
 export { Divider, DividerProps, GlobalDividerCssSelector } from './Divider/src/Divider.js';
 export { DividerContext } from './Divider/src/DividerContext.js';
 export { ErrorMessage, ErrorMessageProps, GlobalErrorMessageCssSelector } from './ErrorMessage/src/ErrorMessage.js';
 export { ErrorMessageContext } from './ErrorMessage/src/ErrorMessageContext.js';
+export { Form, FormProps, GlobalFormCssSelector } from './Form/src/Form.js';
+export { FormContext } from './Form/src/FormContext.js';
 export { GlobalHeaderCssSelector, Header, HeaderProps } from './Header/src/Header.js';
 export { HeaderContext } from './Header/src/HeaderContext.js';
 export { GlobalHelperMessageCssSelector, HelperMessage, HelperMessageProps } from './HelperMessage/src/HelperMessage.js';
@@ -37,6 +37,8 @@ export { GlobalIconListCssSelector, IconList, IconListProps } from './IconList/s
 export { IconListContext } from './IconList/src/IconListContext.js';
 export { GlobalInputGroupCssSelector, InputGroup, InputGroupProps } from './inputs/src/InputGroup.js';
 export { InputGroupContext } from './inputs/src/InputGroupContext.js';
+export { GlobalNumberFieldCssSelector, NumberField, NumberFieldProps } from './inputs/src/NumberField.js';
+export { NumberFieldContext } from './inputs/src/NumberFieldContext.js';
 export { GlobalTextAreaCssSelector, ResizeMode, TextArea, TextAreaProps } from './inputs/src/TextArea.js';
 export { TextAreaContext } from './inputs/src/TextAreaContext.js';
 export { GlobalTextFieldCssSelector, TextField, TextFieldProps } from './inputs/src/TextField.js';
@@ -106,7 +108,7 @@ export { useTruncatedText } from './utils/src/useTruncatedText.js';
 export { ClearContainerSlots, ClearProviders, ClearProvidersProps } from './utils/src/ClearSlots.js';
 export { useRenderProps } from './utils/src/useRenderProps.js';
 export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from './utils/src/assertion.js';
-export { Collection } from 'react-aria-components';
+export { Collection, Selection } from 'react-aria-components';
 export { useAsyncList } from 'react-stately';
 export * from '@hopper-ui/styled-system';
 import 'react';

package/dist/index.js

@@ -1,111 +1,113 @@
-export { Collection, GlobalPopoverCssSelector, GlobalTagCssSelector, _Popover as Popover, _Tag as Tag, $f86e6c1ec7da6ebb$export$bc3384a35de93d66 as useAsyncList } from './chunk-BXPZ6HPC.js';
+export { Collection, _Form as Form, GlobalFormCssSelector, GlobalPopoverCssSelector, _Popover as Popover, $f86e6c1ec7da6ebb$export$bc3384a35de93d66 as useAsyncList } from './chunk-PUNJWQAN.js';
 export { PopoverTrigger } from './chunk-I4VPBQI7.js';
 export { PopoverContext } from './chunk-SC6ZK5ON.js';
-export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from './chunk-CXCOSGTO.js';
+export { GlobalTagCssSelector, _Tag as Tag } from './chunk-J6YYPRGY.js';
+export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from './chunk-YWIDJ55Q.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';
-export { GlobalSwitchCssSelector, _Switch as Switch } from './chunk-KA6KVIVV.js';
-export { GlobalSwitchFieldCssSelector, _SwitchField as SwitchField } from './chunk-TKB5Q2WX.js';
+export { GlobalSwitchCssSelector, _Switch as Switch } from './chunk-4APVXEPA.js';
+export { GlobalSwitchFieldCssSelector, _SwitchField as SwitchField } from './chunk-QGC3OX7W.js';
 export { SwitchContext } from './chunk-YHBJAXUY.js';
 export { SwitchFieldContext } from './chunk-H7VJS4MX.js';
 export { _Inline as Inline } from './chunk-Y7HUXUHX.js';
 export { _Stack as Stack } from './chunk-D6UTDI2K.js';
 export { fitContent, minmax, repeat } from './chunk-GFHBDUJD.js';
-export { GlobalRadioFieldCssSelector, _RadioField as RadioField } from './chunk-BLQ72S4U.js';
+export { GlobalRadioFieldCssSelector, _RadioField as RadioField } from './chunk-462UBJV3.js';
 export { _Content as Content, GlobalContentCssSelector } from './chunk-GXBVNCVP.js';
 export { ContentContext } from './chunk-IXB2WK56.js';
 export { _Flex as Flex } from './chunk-TVFC2MJ4.js';
 export { _Footer as Footer, GlobalFooterCssSelector } from './chunk-AQITZWYM.js';
 export { FooterContext } from './chunk-I67NHYK4.js';
 export { _Grid as Grid } from './chunk-N77LTZ4U.js';
-export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField } from './chunk-GCJT5PQ4.js';
+export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField } from './chunk-RLDQEH6F.js';
 export { PasswordFieldContext } from './chunk-QW45G6K4.js';
-export { GlobalSearchFieldCssSelector, _SearchField as SearchField } from './chunk-6K6W32Q7.js';
+export { GlobalSearchFieldCssSelector, _SearchField as SearchField } from './chunk-VQC5F6I7.js';
 export { SearchFieldContext } from './chunk-3NKF5TPD.js';
-export { GlobalTextAreaCssSelector, _TextArea as TextArea } from './chunk-XGI4LDIF.js';
+export { GlobalTextAreaCssSelector, _TextArea as TextArea } from './chunk-XI3BX2TP.js';
 export { useFontFaceReady } from './chunk-IU6XMS2X.js';
 export { useTruncatedText } from './chunk-Z57VHYOF.js';
 export { TextAreaContext } from './chunk-MHQZXLKW.js';
-export { GlobalTextFieldCssSelector, _TextField as TextField } from './chunk-A7HLXFSP.js';
+export { GlobalTextFieldCssSelector, _TextField as TextField } from './chunk-ZEXXNE5U.js';
 export { TextFieldContext } from './chunk-O4XPUINW.js';
 export { _CheckboxList as CheckboxList, GlobalCheckboxListCssSelector } from './chunk-3LRBUQC2.js';
+export { GlobalNumberFieldCssSelector, _NumberField as NumberField } from './chunk-J7BXE7WN.js';
 export { useScale } from './chunk-MTDFS4CZ.js';
+export { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
 import './chunk-LJXTJRSB.js';
-export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from './chunk-GXFFLWNF.js';
+export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from './chunk-F47GZGT7.js';
 export { HeadingContext } from './chunk-TXZ6BMFR.js';
-export { GlobalLabelCssSelector, _Label as Label } from './chunk-7VS566A2.js';
-export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from './chunk-YRUBXLBX.js';
+export { GlobalLabelCssSelector, _Label as Label } from './chunk-XUCH26RT.js';
+export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from './chunk-TFELIWJO.js';
 export { InputGroupContext } from './chunk-6BFSSZCY.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from './chunk-UMD6RDUS.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from './chunk-FQO2QRSC.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from './chunk-2DPE3H3G.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from './chunk-CSE22YXO.js';
 export { CheckboxListContext } from './chunk-WDUQUPTE.js';
 export { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 export { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-export { _Button as Button, GlobalButtonCssSelector } from './chunk-6CDXS774.js';
+export { _Button as Button, GlobalButtonCssSelector } from './chunk-MFFXNI66.js';
 export { useSlot } from './chunk-H5YTU3U7.js';
-export { _ButtonGroup as ButtonGroup, GlobalButtonGroupCssSelector } from './chunk-BQZQTNI6.js';
+export { _ButtonGroup as ButtonGroup, GlobalButtonGroupCssSelector } from './chunk-YXD3IR3T.js';
 export { ButtonContext } from './chunk-WMTWFKKP.js';
 export { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from './chunk-SR3GAXY5.js';
+export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from './chunk-WYBQCRQB.js';
 export { ClearButtonContext } from './chunk-DXVKHP4V.js';
-export { _EmbeddedButton as EmbeddedButton, GlobalEmbeddedButtonCssSelector } from './chunk-TGXZJJJA.js';
+export { _EmbeddedButton as EmbeddedButton, GlobalEmbeddedButtonCssSelector } from './chunk-DZKJZSTQ.js';
 export { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
 export { GlobalSectionCssSelector, _Section as Section } from './chunk-O5PTD6IN.js';
-export { GlobalSpinnerCssSelector, _Spinner as Spinner } from './chunk-WAUGFWZA.js';
+export { GlobalSpinnerCssSelector, _Spinner as Spinner } from './chunk-AGRQ7UGN.js';
 export { SpinnerContext } from './chunk-4ZYV2XLW.js';
-export { GlobalLinkCssSelector, _Link as Link } from './chunk-I6OII2RA.js';
+export { GlobalLinkCssSelector, _Link as Link } from './chunk-C7XRB2J6.js';
 export { LinkContext } from './chunk-4VVNSXIB.js';
-export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox as ListBox } from './chunk-XHZ4R2MB.js';
+export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox as ListBox } from './chunk-LXCCS4SA.js';
 export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from './chunk-TIPN4VYD.js';
 import './chunk-JTNMFPM4.js';
 export { SectionContext } from './chunk-5H5AZJPQ.js';
 export { ListBoxContext } from './chunk-UIEP5BA5.js';
-export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem } from './chunk-RD6VCI72.js';
+export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem } from './chunk-4H7PKEMJ.js';
 export { GlobalRadioListCssSelector, _RadioList as RadioList } from './chunk-NKHMUPAP.js';
-export { GlobalRadioCssSelector, _Radio as Radio } from './chunk-TMWNNF4J.js';
-export { GlobalRadioGroupCssSelector, _RadioGroup as RadioGroup } from './chunk-VVY3ONWS.js';
+export { GlobalRadioCssSelector, _Radio as Radio } from './chunk-ZPPQJKHC.js';
+export { GlobalRadioGroupCssSelector, _RadioGroup as RadioGroup } from './chunk-F4KQUFXI.js';
 export { RadioGroupContext } from './chunk-5MBJWRZD.js';
 export { RadioListContext } from './chunk-A7TZHALP.js';
 export { RadioContext } from './chunk-FU5CCPLP.js';
 export { RadioFieldContext } from './chunk-DGLAGYBD.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from './chunk-ZNGSZW7M.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from './chunk-T7QJEHL7.js';
 export { LabelContext } from './chunk-QCA3ZR56.js';
 export { CheckboxContext } from './chunk-2EAZPH3M.js';
-import './chunk-YEYNRBMQ.js';
+import './chunk-F4H76S4H.js';
+export { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
 export { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 export { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import './chunk-AT7ZY6GA.js';
+import './chunk-WQSVNGFJ.js';
 import './chunk-OKZYR4RF.js';
-export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from './chunk-P7UUQGGF.js';
+export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from './chunk-TM4R5NO7.js';
 export { HelperMessageContext } from './chunk-HZKFQ33E.js';
 export { GlobalHopperProviderCssSelector, _HopperProvider as HopperProvider } from './chunk-NMKBUGSO.js';
-export { GlobalIconListCssSelector, _IconList as IconList } from './chunk-BGRKDTCG.js';
-export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from './chunk-Q52NUBN7.js';
-export { useRenderProps } from './chunk-NH3IVMXB.js';
-export { ErrorMessageContext } from './chunk-FAE27DLF.js';
+export { GlobalIconListCssSelector, _IconList as IconList } from './chunk-55AWCUQF.js';
+export { IconListContext } from './chunk-DHVVYSLB.js';
+export { FormContext } from './chunk-EURJK4ZT.js';
 export { GlobalHeaderCssSelector, _Header as Header } from './chunk-L5A2UTQV.js';
 export { HeaderContext } from './chunk-7JOGKC3W.js';
-export { _Chip as Chip, GlobalChipCssSelector } from './chunk-OETAIO6N.js';
-export { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-export { IconListContext } from './chunk-DHVVYSLB.js';
-export { ChipContext } from './chunk-632B5YBQ.js';
-export { _Badge as Badge, GlobalBadgeCssSelector } from './chunk-QY6U3R3W.js';
-export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from './chunk-YE7RARJB.js';
+export { _Divider as Divider, GlobalDividerCssSelector } from './chunk-IUFABTFZ.js';
+export { DividerContext } from './chunk-FYIHMKHI.js';
+export { _Badge as Badge, GlobalBadgeCssSelector } from './chunk-6WKRP4MN.js';
+export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from './chunk-MX5BW5VE.js';
 export { OverlineTextContext } from './chunk-WPNVVGFW.js';
 export { BadgeContext } from './chunk-CQDLZ42T.js';
-export { _Divider as Divider, GlobalDividerCssSelector } from './chunk-VFYGHX3N.js';
-export { DividerContext } from './chunk-FYIHMKHI.js';
-export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from './chunk-TVV4RMFR.js';
-export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from './chunk-PQV24MM4.js';
+export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from './chunk-BN32T6QQ.js';
+export { useRenderProps } from './chunk-NH3IVMXB.js';
+export { ErrorMessageContext } from './chunk-FAE27DLF.js';
+export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from './chunk-RYZNMKWB.js';
+export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from './chunk-SPFANCCV.js';
 import './chunk-NS3XVOQ7.js';
-export { GlobalTextCssSelector, _Text as Text } from './chunk-6MSRPPI6.js';
+export { GlobalTextCssSelector, _Text as Text } from './chunk-K7DU4YR4.js';
 export { TextContext } from './chunk-X6SER3TZ.js';
 export { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
-export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from './chunk-ICDMJUNE.js';
+export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from './chunk-CXWMHWSS.js';
 export { AvatarContext } from './chunk-AES7QBQE.js';
-export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from './chunk-6PH4IIEW.js';
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from './chunk-THUFFPGX.js';
 export { SlotProvider } from './chunk-M36KANKC.js';
 export { cssModule } from './chunk-KVDXQMWI.js';
 export { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';

package/dist/inputs/src/InputGroup.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
-.InputGroup-module__hop-InputGroup___MpyEZ {
+.InputGroup-module__hop-InputGroup___JGJFG {
   --hop-InputGroup-background: var(--hop-neutral-surface);
   --hop-InputGroup-border-color: var(--hop-neutral-border);
   --hop-InputGroup-border-width: 0.0625rem;
@@ -80,11 +80,11 @@
   border: var(--border);
   border-radius: var(--hop-InputGroup-border-radius);
 }
-.InputGroup-module__hop-InputGroup--fluid___nXqi6 {
+.InputGroup-module__hop-InputGroup--fluid___6JfQH {
   --inline-size: 100%;
   --input-inline-size: 100%;
 }
-.InputGroup-module__hop-InputGroup--sm___tvLAO {
+.InputGroup-module__hop-InputGroup--sm___JoxWu {
   --block-size: var(--hop-InputGroup-sm-block-size);
   --input-font-family: var(--hop-InputGroup-input-sm-font-family);
   --input-font-size: var(--hop-InputGroup-input-sm-font-size);
@@ -92,7 +92,7 @@
   --input-line-height: var(--hop-InputGroup-input-sm-line-height);
   --input-block-size: var(--hop-InputGroup-input-sm-block-size);
 }
-.InputGroup-module__hop-InputGroup___MpyEZ[data-input-type=textarea] {
+.InputGroup-module__hop-InputGroup___JGJFG[data-input-type=textarea] {
   --gap: var(--hop-InputGroup-gap-textarea);
   --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
   --align-items: var(--hop-InputGroup-align-items-textarea);
@@ -100,29 +100,29 @@
   --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
   --padding-block: var(--hop-InputGroup-padding-block-textarea);
 }
-.InputGroup-module__hop-InputGroup___MpyEZ[data-input-type=number] {
+.InputGroup-module__hop-InputGroup___JGJFG[data-input-type=number] {
   --display: var(--hop-InputGroup-display-number);
   --gap: var(--hop-InputGroup-gap-number);
   --inline-size: var(--hop-InputGroup-inline-size-number);
 }
-.InputGroup-module__hop-InputGroup___MpyEZ[data-hovered] {
+.InputGroup-module__hop-InputGroup___JGJFG[data-hovered] {
   --background: var(--hop-InputGroup-background-hover);
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
 }
-.InputGroup-module__hop-InputGroup___MpyEZ[data-focus-within] {
+.InputGroup-module__hop-InputGroup___JGJFG[data-focus-within] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
 }
-.InputGroup-module__hop-InputGroup___MpyEZ[data-invalid] {
+.InputGroup-module__hop-InputGroup___JGJFG[data-invalid] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
 }
-.InputGroup-module__hop-InputGroup___MpyEZ[data-disabled] {
+.InputGroup-module__hop-InputGroup___JGJFG[data-disabled] {
   --background: var(--hop-InputGroup-background-disabled);
   --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
   --input-color: var(--hop-InputGroup-input-color-disabled);
   --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
 }
-.InputGroup-module__hop-InputGroup__input___lecEl,
-.InputGroup-module__hop-InputGroup__textarea___e89Dj {
+.InputGroup-module__hop-InputGroup__input___2VtDU,
+.InputGroup-module__hop-InputGroup__textarea___eOkGw {
   flex: 1 1 auto;
   box-sizing: border-box;
   inline-size: var(--input-inline-size);
@@ -136,14 +136,14 @@
   border: none;
   outline: none;
 }
-.InputGroup-module__hop-InputGroup__input___lecEl {
+.InputGroup-module__hop-InputGroup__input___2VtDU {
   block-size: var(--input-block-size);
   padding: var(--hop-InputGroup-input-padding);
 }
-.InputGroup-module__hop-InputGroup__textarea___e89Dj {
+.InputGroup-module__hop-InputGroup__textarea___eOkGw {
   padding: var(--hop-InputGroup-textarea-padding);
 }
-.InputGroup-module__hop-InputGroup__input___lecEl::placeholder {
+.InputGroup-module__hop-InputGroup__input___2VtDU::placeholder {
   font-family: var(--hop-InputGroup-placeholder-font-family);
   font-size: var(--hop-InputGroup-placeholder-font-size);
   font-weight: var(--hop-InputGroup-placeholder-font-weight);

package/dist/inputs/src/InputGroup.d.ts

@@ -10,7 +10,8 @@ interface InputGroupProps extends StyledComponentProps<GroupProps> {
      */
     size?: ResponsiveProp<"sm" | "md">;
     /**
-     * Whether or not the button takes up the width of its container.
+     * Whether the button takes up the width of its container.
+     * @default false
      */
     isFluid?: ResponsiveProp<boolean>;
     /**

package/dist/inputs/src/InputGroup.js

@@ -1,4 +1,4 @@
-export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from '../../chunk-YRUBXLBX.js';
+export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from '../../chunk-TFELIWJO.js';
 import '../../chunk-6BFSSZCY.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';