@hopper-ui/components 1.0.11 → 1.0.13

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-UAKDD5TO.js';
+export { Collection, GlobalPopoverCssSelector, GlobalTagCssSelector, _Popover as Popover, _Tag as Tag, $f86e6c1ec7da6ebb$export$bc3384a35de93d66 as useAsyncList } from './chunk-B42AJF74.js';
 export { PopoverContext } from './chunk-SC6ZK5ON.js';
 export { PopoverTrigger } from './chunk-I4VPBQI7.js';
+export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from './chunk-MVWQVBTK.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-NFOY572L.js';
-export { GlobalSwitchFieldCssSelector, _SwitchField as SwitchField } from './chunk-LRJ5ZWXY.js';
+export { TagListContext } from './chunk-XLKYXKWE.js';
+export { GlobalSwitchCssSelector, _Switch as Switch } from './chunk-QTV45NTY.js';
+export { GlobalSwitchFieldCssSelector, _SwitchField as SwitchField } from './chunk-IEE2HHGR.js';
 export { SwitchContext } from './chunk-YHBJAXUY.js';
 export { SwitchFieldContext } from './chunk-H7VJS4MX.js';
-export { GlobalTagGroupCssSelector, _TagGroup as TagGroup } from './chunk-N65OIMRV.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-4SPQFKVC.js';
+export { fitContent, minmax, repeat } from './chunk-GFHBDUJD.js';
+export { GlobalRadioFieldCssSelector, _RadioField as RadioField } from './chunk-CXIH6I5X.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-GAPQ6VJL.js';
+export { GlobalPasswordFieldCssSelector, _PasswordField as PasswordField } from './chunk-M4IVTAHY.js';
+export { PasswordFieldContext } from './chunk-QW45G6K4.js';
+export { GlobalSearchFieldCssSelector, _SearchField as SearchField } from './chunk-TNVYVDLF.js';
 export { SearchFieldContext } from './chunk-3NKF5TPD.js';
-export { GlobalTextFieldCssSelector, _TextField as TextField } from './chunk-TP6OU6SQ.js';
+export { GlobalTextFieldCssSelector, _TextField as TextField } from './chunk-44KY7MFF.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-B5563GK3.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-5SHNL47W.js';
+export { GlobalLabelCssSelector, _Label as Label } from './chunk-I2YZLGRE.js';
+export { GlobalHeadingCssSelector, H1, H2, H3, H4, H5, H6, _Heading as Heading } from './chunk-ERE2XRQA.js';
 export { HeadingContext } from './chunk-TXZ6BMFR.js';
-export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from './chunk-7PFCZHVB.js';
+export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from './chunk-CCIVRIKG.js';
 export { InputGroupContext } from './chunk-6BFSSZCY.js';
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from './chunk-WQPDNKWM.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from './chunk-L2HJORV2.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from './chunk-WCLGYVXV.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from './chunk-2MUGMKNO.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-JTX4ZTQ6.js';
+export { _Button as Button, GlobalButtonCssSelector } from './chunk-723W7LGB.js';
 export { useSlot } from './chunk-H5YTU3U7.js';
-export { _ButtonGroup as ButtonGroup, GlobalButtonGroupCssSelector } from './chunk-5VWMGH3R.js';
+export { _ButtonGroup as ButtonGroup, GlobalButtonGroupCssSelector } from './chunk-JLUFMLGV.js';
 export { ButtonContext } from './chunk-WMTWFKKP.js';
 export { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
-export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from './chunk-7GVDINGU.js';
+export { _ClearButton as ClearButton, GlobalClearButtonCssSelector } from './chunk-KARK64JC.js';
 export { ClearButtonContext } from './chunk-DXVKHP4V.js';
-export { _EmbeddedButton as EmbeddedButton, GlobalEmbeddedButtonCssSelector } from './chunk-KUX5YOEF.js';
+export { _EmbeddedButton as EmbeddedButton, GlobalEmbeddedButtonCssSelector } from './chunk-ZXDN2IRM.js';
 export { EmbeddedButtonContext } from './chunk-O7IJYNVQ.js';
 export { GlobalSectionCssSelector, _Section as Section } from './chunk-O5PTD6IN.js';
-export { GlobalSpinnerCssSelector, _Spinner as Spinner } from './chunk-OFNA3Y6A.js';
-export { GlobalLabelCssSelector, _Label as Label } from './chunk-QQBJ4REK.js';
+export { GlobalSpinnerCssSelector, _Spinner as Spinner } from './chunk-AMXRADUV.js';
 export { SpinnerContext } from './chunk-4ZYV2XLW.js';
-export { GlobalLinkCssSelector, _Link as Link } from './chunk-EZX4K3AY.js';
+export { GlobalLinkCssSelector, _Link as Link } from './chunk-LDORNYHF.js';
 export { LinkContext } from './chunk-4VVNSXIB.js';
-export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox as ListBox } from './chunk-3XZXPN6Y.js';
+export { GlobalListBoxCssSelector, GlobalListBoxEmptyItemCssSelector, _ListBox as ListBox } from './chunk-CS2RAWQB.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-W5DFK35A.js';
-export { GlobalRadioGroupCssSelector, _RadioGroup as RadioGroup } from './chunk-B3EA6PO5.js';
+export { GlobalListBoxItemCssSelector, _ListBoxItem as ListBoxItem } from './chunk-SW7LHIQ2.js';
+export { GlobalRadioCssSelector, _Radio as Radio } from './chunk-SSMGKQ27.js';
+export { GlobalRadioGroupCssSelector, _RadioGroup as RadioGroup } from './chunk-NHM3MQI3.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-I3OSQDQM.js';
-export { RadioContext } from './chunk-FU5CCPLP.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from './chunk-BRIG7AIE.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from './chunk-W34MMJ2L.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-RYSCBMR6.js';
+import './chunk-THQZBL4T.js';
 import './chunk-OKZYR4RF.js';
-export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from './chunk-GDCTBE7C.js';
+export { GlobalHelperMessageCssSelector, _HelperMessage as HelperMessage } from './chunk-RGGVZKNN.js';
 export { HelperMessageContext } from './chunk-HZKFQ33E.js';
 export { GlobalHopperProviderCssSelector, _HopperProvider as HopperProvider } from './chunk-NMKBUGSO.js';
-export { GlobalIconListCssSelector, _IconList as IconList } from './chunk-HTM3ZSBX.js';
-export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from './chunk-AB24MF66.js';
+export { GlobalIconListCssSelector, _IconList as IconList } from './chunk-JN2FF2IX.js';
+export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from './chunk-UPR32DV5.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-K7RORXVD.js';
+export { _Badge as Badge, GlobalBadgeCssSelector } from './chunk-ESRYOELK.js';
+export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from './chunk-5WWMVQI4.js';
+export { OverlineTextContext } from './chunk-WPNVVGFW.js';
+export { BadgeContext } from './chunk-CQDLZ42T.js';
+export { _Chip as Chip, GlobalChipCssSelector } from './chunk-RXZQB35O.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-TYMV4JQ2.js';
-export { GlobalOverlineTextCssSelector, _OverlineText as OverlineText } from './chunk-YLUVOHHC.js';
-export { OverlineTextContext } from './chunk-WPNVVGFW.js';
-export { BadgeContext } from './chunk-CQDLZ42T.js';
-export { _Divider as Divider, GlobalDividerCssSelector } from './chunk-OWWIZWZA.js';
+export { _Divider as Divider, GlobalDividerCssSelector } from './chunk-DZHRELLA.js';
 export { DividerContext } from './chunk-FYIHMKHI.js';
-export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from './chunk-P62FAV3S.js';
-export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from './chunk-WC72FIUS.js';
+export { _AnonymousAvatar as AnonymousAvatar, GlobalAnonymousAvatarCssSelector } from './chunk-GH5LAOQU.js';
+export { _Avatar as Avatar, AvatarToTextSizeAdapter, GlobalAvatarCssSelector } from './chunk-UGHMX7QX.js';
 import './chunk-NS3XVOQ7.js';
-export { GlobalTextCssSelector, _Text as Text } from './chunk-PPO5T6D3.js';
+export { GlobalTextCssSelector, _Text as Text } from './chunk-PAYZGXTT.js';
 export { TextContext } from './chunk-X6SER3TZ.js';
 export { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
-export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from './chunk-BKYHKRAJ.js';
+export { _DeletedAvatar as DeletedAvatar, GlobalDeletedAvatarCssSelector } from './chunk-SNWJJ3FF.js';
 export { AvatarContext } from './chunk-AES7QBQE.js';
-export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from './chunk-ZINTZZLE.js';
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage as RichIconAvatarImage } from './chunk-AYPCLDGU.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___2fum1 {
+.InputGroup-module__hop-InputGroup___yPMIO {
   --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___yPMIO) {
   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___gFErQ {
+.InputGroup-module__hop-InputGroup--fluid___SDrjN {
   --inline-size: 100% ;
 }
-.InputGroup-module__hop-InputGroup--sm___l2GEn {
+.InputGroup-module__hop-InputGroup--sm___uk-A0 {
   --block-size: var(--hop-InputGroup-sm-block-size);
 }
-.InputGroup-module__hop-InputGroup___2fum1[data-hovered] {
+.InputGroup-module__hop-InputGroup___yPMIO[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___2fum1[data-focus-within] {
+.InputGroup-module__hop-InputGroup___yPMIO[data-focus-within] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
 }
-.InputGroup-module__hop-InputGroup___2fum1[data-invalid] {
+.InputGroup-module__hop-InputGroup___yPMIO[data-invalid] {
   --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
 }
-.InputGroup-module__hop-InputGroup___2fum1[data-disabled] {
+.InputGroup-module__hop-InputGroup___yPMIO[data-disabled] {
   --background: var(--hop-InputGroup-background-disabled);
   --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
 }
-.InputGroup-module__hop-InputGroup__input___sVDs1 {
+.InputGroup-module__hop-InputGroup__input___aerYh {
   --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___gFErQ .InputGroup-module__hop-InputGroup__input___sVDs1 {
+.InputGroup-module__hop-InputGroup--fluid___SDrjN .InputGroup-module__hop-InputGroup__input___aerYh {
   --input-inline-size: 100%;
 }
-.InputGroup-module__hop-InputGroup--sm___l2GEn .InputGroup-module__hop-InputGroup__input___sVDs1 {
+.InputGroup-module__hop-InputGroup--sm___uk-A0 .InputGroup-module__hop-InputGroup__input___aerYh {
   --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___sVDs1::placeholder {
+.InputGroup-module__hop-InputGroup__input___aerYh::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___sVDs1[data-disabled]::placeholder {
+.InputGroup-module__hop-InputGroup__input___aerYh[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-7PFCZHVB.js';
+export { GlobalInputGroupCssSelector, _InputGroup as InputGroup } from '../../chunk-CCIVRIKG.js';
 import '../../chunk-6BFSSZCY.js';
 import '../../chunk-65JPI4FL.js';
 import '../../chunk-M36KANKC.js';