@hopper-ui/components 1.0.10 → 1.0.12

package/dist/index.d.ts

@@ -97,6 +97,7 @@ export { Size, SizeAdapter } from './utils/src/sizeAdapter.js';
 export { BaseComponentProps, DOMProps, InteractionProps, RenderProps, RenderPropsHookOptions, StyleProps, StyleRenderProps } from './utils/src/types.js';
 export { isTextOnlyChildren } from './utils/src/isTextOnlyChildren.js';
 export { SlotProvider, SlotProviderProps } from './utils/src/SlotProvider.js';
+export { Scale, useScale } from './utils/src/useScale.js';
 export { useSlot } from './utils/src/useSlot.js';
 export { ClearContainerSlots, ClearProviders, ClearProvidersProps } from './utils/src/ClearSlots.js';
 export { useRenderProps } from './utils/src/useRenderProps.js';

package/dist/index.js

@@ -1,106 +1,107 @@
-export { Collection, GlobalPopoverCssSelector, GlobalTagCssSelector, _Popover as Popover, _Tag as Tag, $f86e6c1ec7da6ebb$export$bc3384a35de93d66 as useAsyncList } from './chunk-AXN2XN3F.js';
+export { Collection, GlobalPopoverCssSelector, GlobalTagCssSelector, _Popover as Popover, _Tag as Tag, $f86e6c1ec7da6ebb$export$bc3384a35de93d66 as useAsyncList } from './chunk-WQ2IDC5N.js';
 export { PopoverContext } from './chunk-SC6ZK5ON.js';
 export { PopoverTrigger } from './chunk-I4VPBQI7.js';
+export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from './chunk-WKTV56XG.js';
+export { TagContext } from './chunk-EWMWQ2MC.js';
+export { TagGroupContext } from './chunk-LCAS3YQV.js';
 export { GlobalTagListCssSelector, _TagList as TagList } from './chunk-WWRB4K4M.js';
-export { GlobalSwitchCssSelector, _Switch as Switch } from './chunk-SC3SJLSD.js';
-export { GlobalSwitchFieldCssSelector, _SwitchField as SwitchField } from './chunk-LWNOCFB6.js';
+export { TagListContext } from './chunk-XLKYXKWE.js';
+export { GlobalSwitchCssSelector, _Switch as Switch } from './chunk-OQ4PSWC7.js';
+export { GlobalSwitchFieldCssSelector, _SwitchField as SwitchField } from './chunk-EUVNSKLC.js';
 export { SwitchContext } from './chunk-YHBJAXUY.js';
 export { SwitchFieldContext } from './chunk-H7VJS4MX.js';
-export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from './chunk-RUDTNECQ.js';
-export { TagGroupContext } from './chunk-LCAS3YQV.js';
-export { TagListContext } from './chunk-XLKYXKWE.js';
-export { TagContext } from './chunk-EWMWQ2MC.js';
-export { GlobalRadioFieldCssSelector, _RadioField as RadioField } from './chunk-DI7CG5S5.js';
+export { fitContent, minmax, repeat } from './chunk-GFHBDUJD.js';
+export { GlobalRadioFieldCssSelector, _RadioField as RadioField } from './chunk-C6HQZUJC.js';
+export { _Content as Content, GlobalContentCssSelector } from './chunk-GXBVNCVP.js';
+export { ContentContext } from './chunk-IXB2WK56.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 { _Inline as Inline } from './chunk-Y7HUXUHX.js';
 export { _Stack as Stack } from './chunk-D6UTDI2K.js';
 export { _Flex as Flex } from './chunk-TVFC2MJ4.js';
-export { fitContent, minmax, repeat } from './chunk-GFHBDUJD.js';
-export { GlobalSearchFieldCssSelector, _SearchField as SearchField } from './chunk-GGEFS6GJ.js';
+export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField } from './chunk-AV6EXKJL.js';
+export { PasswordFieldContext } from './chunk-QW45G6K4.js';
+export { GlobalSearchFieldCssSelector, _SearchField as SearchField } from './chunk-GF4GFADL.js';
 export { SearchFieldContext } from './chunk-3NKF5TPD.js';
-export { GlobalTextFieldCssSelector, _TextField as TextField } from './chunk-4CRD45GS.js';
+export { GlobalTextFieldCssSelector, _TextField as TextField } from './chunk-H47QYKHU.js';
 export { TextFieldContext } from './chunk-O4XPUINW.js';
-export { _Content as Content, GlobalContentCssSelector } from './chunk-GXBVNCVP.js';
-export { ContentContext } from './chunk-IXB2WK56.js';
 export { _CheckboxList as CheckboxList, GlobalCheckboxListCssSelector } from './chunk-3LRBUQC2.js';
-export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField } from './chunk-Q4BCNP43.js';
-export { PasswordFieldContext } from './chunk-QW45G6K4.js';
+export { useScale } from './chunk-MTDFS4CZ.js';
 import './chunk-LJXTJRSB.js';
-export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from './chunk-I4ZQ5ODG.js';
+export { GlobalLabelCssSelector, _Label as Label } from './chunk-L6GOPZJM.js';
+export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from './chunk-Z4S37Y6Z.js';
 export { HeadingContext } from './chunk-TXZ6BMFR.js';
-export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from './chunk-XIJCDZFG.js';
+export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from './chunk-R5TKT4GV.js';
 export { InputGroupContext } from './chunk-6BFSSZCY.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from './chunk-SV4ZFFJK.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from './chunk-DPIHGS6W.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from './chunk-B57SRQ7N.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from './chunk-2EWSXUKP.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-TKKUUTJJ.js';
+export { _Button as Button, GlobalButtonCssSelector } from './chunk-HAJOOYIY.js';
 export { useSlot } from './chunk-H5YTU3U7.js';
-export { _ButtonGroup as ButtonGroup, GlobalButtonGroupCssSelector } from './chunk-EK7VYKUJ.js';
+export { _ButtonGroup as ButtonGroup, GlobalButtonGroupCssSelector } from './chunk-JHCYXGZQ.js';
 export { ButtonContext } from './chunk-WMTWFKKP.js';
 export { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from './chunk-AUF6GNR5.js';
+export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from './chunk-XVFY4N5S.js';
 export { ClearButtonContext } from './chunk-DXVKHP4V.js';
-export { _EmbeddedButton as EmbeddedButton, GlobalEmbeddedButtonCssSelector } from './chunk-6IYUHCFN.js';
+export { _EmbeddedButton as EmbeddedButton, GlobalEmbeddedButtonCssSelector } from './chunk-QCUDNLBI.js';
 export { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
 export { GlobalSectionCssSelector, _Section as Section } from './chunk-O5PTD6IN.js';
-export { GlobalSpinnerCssSelector, _Spinner as Spinner } from './chunk-BHKFMRTW.js';
-export { GlobalLabelCssSelector, _Label as Label } from './chunk-EVDGB7QY.js';
+export { GlobalSpinnerCssSelector, _Spinner as Spinner } from './chunk-USYSDGSI.js';
 export { SpinnerContext } from './chunk-4ZYV2XLW.js';
-export { GlobalLinkCssSelector, _Link as Link } from './chunk-2XPKW4HJ.js';
+export { GlobalLinkCssSelector, _Link as Link } from './chunk-VIJAZ3D6.js';
 export { LinkContext } from './chunk-4VVNSXIB.js';
-export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox as ListBox } from './chunk-SEFGTHWT.js';
+export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox as ListBox } from './chunk-UG2GABQI.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-KYUCKXEK.js';
-export { GlobalRadioGroupCssSelector, _RadioGroup as RadioGroup } from './chunk-SP2EQCZE.js';
+export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem } from './chunk-YKLQWMUL.js';
+export { GlobalRadioCssSelector, _Radio as Radio } from './chunk-RHZPF2YH.js';
+export { GlobalRadioGroupCssSelector, _RadioGroup as RadioGroup } from './chunk-37ZFOV4F.js';
+export { RadioContext } from './chunk-FU5CCPLP.js';
 export { RadioFieldContext } from './chunk-DGLAGYBD.js';
 export { RadioGroupContext } from './chunk-5MBJWRZD.js';
 export { GlobalRadioListCssSelector, _RadioList as RadioList } from './chunk-NKHMUPAP.js';
 export { RadioListContext } from './chunk-A7TZHALP.js';
-export { GlobalRadioCssSelector, _Radio as Radio } from './chunk-AYFNI5MJ.js';
-export { RadioContext } from './chunk-FU5CCPLP.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from './chunk-TQOAZNFZ.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from './chunk-26DZ7VIM.js';
+export { LabelContext } from './chunk-QCA3ZR56.js';
 export { CheckboxContext } from './chunk-2EAZPH3M.js';
 import './chunk-YEYNRBMQ.js';
-export { LabelContext } from './chunk-QCA3ZR56.js';
 export { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 export { ListBoxItemContext } from './chunk-Y2POLIXK.js';
-import './chunk-IBYM3BOF.js';
+import './chunk-TRIFBDZE.js';
 import './chunk-OKZYR4RF.js';
-export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from './chunk-NO2FWJBI.js';
+export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from './chunk-LPNAHCYD.js';
 export { HelperMessageContext } from './chunk-HZKFQ33E.js';
 export { GlobalHopperProviderCssSelector, _HopperProvider as HopperProvider } from './chunk-NMKBUGSO.js';
-export { GlobalIconListCssSelector, _IconList as IconList } from './chunk-4NZBP4JD.js';
-export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from './chunk-UX6DUMLO.js';
+export { GlobalIconListCssSelector, _IconList as IconList } from './chunk-F54JRMFF.js';
+export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from './chunk-OPVD3ERM.js';
 export { useRenderProps } from './chunk-NH3IVMXB.js';
 export { ErrorMessageContext } from './chunk-FAE27DLF.js';
 export { GlobalHeaderCssSelector, _Header as Header } from './chunk-L5A2UTQV.js';
 export { HeaderContext } from './chunk-7JOGKC3W.js';
-export { _Chip as Chip, GlobalChipCssSelector } from './chunk-INJZF4DT.js';
+export { _Chip as Chip, GlobalChipCssSelector } from './chunk-KHBGN72O.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-CP6TQMUU.js';
-export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from './chunk-RFT4HR7Q.js';
+export { _Badge as Badge, GlobalBadgeCssSelector } from './chunk-5O2R6OZD.js';
+export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from './chunk-GLJ23R4O.js';
 export { OverlineTextContext } from './chunk-WPNVVGFW.js';
 export { BadgeContext } from './chunk-CQDLZ42T.js';
-export { _Divider as Divider, GlobalDividerCssSelector } from './chunk-3O5HAEBL.js';
+export { _Divider as Divider, GlobalDividerCssSelector } from './chunk-UZWPP6WB.js';
 export { DividerContext } from './chunk-FYIHMKHI.js';
-export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from './chunk-MJ4Q7MK4.js';
-export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from './chunk-4HJLLB6E.js';
+export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from './chunk-FMYIFMMF.js';
+export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from './chunk-OWUGMRU6.js';
 import './chunk-NS3XVOQ7.js';
-export { GlobalTextCssSelector, _Text as Text } from './chunk-MJ2W4MJY.js';
+export { GlobalTextCssSelector, _Text as Text } from './chunk-4GSKU4TS.js';
 export { TextContext } from './chunk-X6SER3TZ.js';
 export { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
-export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from './chunk-ZSGYSO46.js';
+export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from './chunk-W6AZ2ZWU.js';
 export { AvatarContext } from './chunk-AES7QBQE.js';
-export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from './chunk-WWOPLGWW.js';
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from './chunk-4RGYMJVX.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___3HFsN {
+.InputGroup-module__hop-InputGroup___7m6-I {
   --hop-InputGroup-background: var(--hop-neutral-surface);
   --hop-InputGroup-border-color: var(--hop-neutral-border);
   --hop-InputGroup-border-width: 0.0625rem;
@@ -35,6 +35,8 @@
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
   --background: var(--hop-InputGroup-background);
   --block-size: var(--hop-InputGroup-md-block-size);
+}
+:where(.InputGroup-module__hop-InputGroup___7m6-I) {
   position: relative;
   display: inline-flex;
   gap: var(--hop-InputGroup-gap);
@@ -47,27 +49,27 @@
   border: var(--border);
   border-radius: var(--hop-InputGroup-border-radius);
 }
-.InputGroup-module__hop-InputGroup--fluid___0UENZ {
+.InputGroup-module__hop-InputGroup--fluid___P3TmP {
   --inline-size: 100% ;
 }
-.InputGroup-module__hop-InputGroup--sm___mMBoN {
+.InputGroup-module__hop-InputGroup--sm___XqGLX {
   --block-size: var(--hop-InputGroup-sm-block-size);
 }
-.InputGroup-module__hop-InputGroup___3HFsN[data-hovered] {
+.InputGroup-module__hop-InputGroup___7m6-I[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___3HFsN[data-focus-within] {
+.InputGroup-module__hop-InputGroup___7m6-I[data-focus-within] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
 }
-.InputGroup-module__hop-InputGroup___3HFsN[data-invalid] {
+.InputGroup-module__hop-InputGroup___7m6-I[data-invalid] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
 }
-.InputGroup-module__hop-InputGroup___3HFsN[data-disabled] {
+.InputGroup-module__hop-InputGroup___7m6-I[data-disabled] {
   --background: var(--hop-InputGroup-background-disabled);
   --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
 }
-.InputGroup-module__hop-InputGroup__input___Ya-cm {
+.InputGroup-module__hop-InputGroup__input___6P3GF {
   --input-font-family: var(--hop-InputGroup-input-md-font-family);
   --input-font-size: var(--hop-InputGroup-input-md-font-size);
   --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
@@ -89,23 +91,23 @@
   border: none;
   outline: none;
 }
-.InputGroup-module__hop-InputGroup--fluid___0UENZ .InputGroup-module__hop-InputGroup__input___Ya-cm {
+.InputGroup-module__hop-InputGroup--fluid___P3TmP .InputGroup-module__hop-InputGroup__input___6P3GF {
   --input-inline-size: 100%;
 }
-.InputGroup-module__hop-InputGroup--sm___mMBoN .InputGroup-module__hop-InputGroup__input___Ya-cm {
+.InputGroup-module__hop-InputGroup--sm___XqGLX .InputGroup-module__hop-InputGroup__input___6P3GF {
   --input-font-family: var(--hop-InputGroup-input-sm-font-family);
   --input-font-size: var(--hop-InputGroup-input-sm-font-size);
   --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
   --input-line-height: var(--hop-InputGroup-input-sm-line-height);
   --input-block-size: var(--hop-InputGroup-input-sm-block-size);
 }
-.InputGroup-module__hop-InputGroup__input___Ya-cm::placeholder {
+.InputGroup-module__hop-InputGroup__input___6P3GF::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);
   line-height: var(--hop-InputGroup-placeholder-line-height);
   color: var(--input-placeholder-color);
 }
-.InputGroup-module__hop-InputGroup__input___Ya-cm[data-disabled]::placeholder {
+.InputGroup-module__hop-InputGroup__input___6P3GF[data-disabled]::placeholder {
   --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
 }

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

@@ -13,6 +13,7 @@ interface InputGroupProps extends StyledComponentProps<GroupProps> {
      * Whether or not the button takes up the width of its container.
      */
     isFluid?: ResponsiveProp<boolean>;
+    inputClassName?: string;
 }
 /**
  * An input group combines an input component with addons.

package/dist/inputs/src/InputGroup.js

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