@hopper-ui/components 1.3.9 → 1.3.11

package/dist/utils/src/index.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___qL-Ga {
+.Heading-module__hop-Heading___vu21Z {
   --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___qL-Ga) {
+:where(.Heading-module__hop-Heading___vu21Z) {
   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___emC4g) {
+:where(.Heading-module__hop-Heading--xs___gjgUo) {
   --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___0rHcs) {
+:where(.Heading-module__hop-Heading--sm___1fSAD) {
   --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___lrBIc) {
+:where(.Heading-module__hop-Heading--md___ddJPc) {
   --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___9cuPI) {
+:where(.Heading-module__hop-Heading--lg___-HY-X) {
   --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___WkYun) {
+:where(.Heading-module__hop-Heading--xl___16E0u) {
   --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___RaYLz) {
+:where(.Heading-module__hop-Heading--2xl___j7Igk) {
   --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___e1oE9) {
+:where(.Heading-module__hop-Heading--3xl___xb45E) {
   --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/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___aPHsZ {
+.Text-module__hop-Text___qZV3q {
   --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);
@@ -114,49 +114,49 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___aPHsZ) {
+:where(.Text-module__hop-Text___qZV3q) {
   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___Q-dLx) {
+:where(.Text-module__hop-Text--xs___bDVxV) {
   --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___FPZs6) {
+:where(.Text-module__hop-Text--sm___d61X4) {
   --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___wwFGu) {
+:where(.Text-module__hop-Text--md___xnyIv) {
   --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___eP1l5) {
+:where(.Text-module__hop-Text--lg___8GI0t) {
   --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___MX4B5) {
+:where(.Text-module__hop-Text--xl___x12No) {
   --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___jSUoQ) {
+:where(.Text-module__hop-Text--2xl___ctOKo) {
   --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___rWFT-) {
+:where(.Text-module__hop-Text--inherit___BukrW) {
   --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);
@@ -164,7 +164,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___XDVrN) {
+:where(.OverlineText-module__hop-OverlineText___8qz2T) {
   --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);
@@ -188,39 +188,39 @@
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing);
 }
-.OverlineText-module__hop-OverlineText__text___nGtRo {
+.OverlineText-module__hop-OverlineText__text___coZ7j {
   box-sizing: border-box;
 }
-.OverlineText-module__hop-OverlineText__text___nGtRo::before,
-.OverlineText-module__hop-OverlineText__text___nGtRo::after {
+.OverlineText-module__hop-OverlineText__text___coZ7j::before,
+.OverlineText-module__hop-OverlineText__text___coZ7j::after {
   content: "";
   display: block;
   box-sizing: border-box;
   inline-size: 0;
   block-size: 0;
 }
-.OverlineText-module__hop-OverlineText__text___nGtRo::before {
+.OverlineText-module__hop-OverlineText__text___coZ7j::before {
   margin-block-end: var(--bottom-offset);
 }
-.OverlineText-module__hop-OverlineText__text___nGtRo::after {
+.OverlineText-module__hop-OverlineText__text___coZ7j::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___1zcVv {
+.Label-module__hop-Label___Yuie9 {
   --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___1zcVv) {
+:where(.Label-module__hop-Label___Yuie9) {
   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___ZX47s) {
+:where(.Label-module__hop-Label__indicator___-c2pq) {
   padding-inline-start: var(--hop-space-20);
 }

package/dist/utils/src/index.js

@@ -1,22 +1,22 @@
 import '../../chunk-LQICWONC.js';
 import '../../chunk-SNIF7MEM.js';
-export { EnsureTextWrapper } from '../../chunk-A3E76SDY.js';
+export { EnsureTextWrapper } from '../../chunk-M64YZ3V3.js';
 export { useScale } from '../../chunk-MTDFS4CZ.js';
 export { useFontFaceReady } from '../../chunk-IU6XMS2X.js';
 export { useTruncatedText } from '../../chunk-Z57VHYOF.js';
 export { useSlot } from '../../chunk-H5YTU3U7.js';
 export { useIsOverflow } from '../../chunk-EHXOXTDN.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-NQD2OQEG.js';
-import '../../chunk-XHW2Z6AX.js';
+import '../../chunk-MZTFEGDM.js';
+import '../../chunk-YV4BUYJN.js';
 import '../../chunk-TXZ6BMFR.js';
 import '../../chunk-QCA3ZR56.js';
 export { isArray, isDefined, isEmptyArray, isFunction, isNil, isNilOrEmpty, isNull, isNumber, isObject, isPlainObject, isPromise, isString, isUndefined } from '../../chunk-TIPN4VYD.js';
 import '../../chunk-TFVDF4YH.js';
 export { isTextOnlyChildren } from '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-2SF7BBJT.js';
+import '../../chunk-BUP6LEQX.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-KQQCELPA.js';
+import '../../chunk-R5YV23ZF.js';
 import '../../chunk-X6SER3TZ.js';
 export { ClearContainerSlots, ClearProviders } from '../../chunk-HXI3MEEK.js';
 export { useRenderProps } from '../../chunk-NH3IVMXB.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/components",
   "author": "Workleap",
-  "version": "1.3.9",
+  "version": "1.3.11",
   "description": "The components package.",
   "license": "Apache-2.0",
   "repository": {
@@ -45,7 +45,7 @@
     "@react-stately/utils": "^3.10.3",
     "@react-types/shared": "^3.24.1",
     "clsx": "^2.1.1",
-    "@hopper-ui/icons": "2.8.0"
+    "@hopper-ui/icons": "2.8.1"
   },
   "devDependencies": {
     "@swc/core": "1.5.25",
@@ -77,7 +77,7 @@
     "ts-jest": "29.1.4",
     "tsup": "8.1.0",
     "typescript": "5.4.5",
-    "@hopper-ui/styled-system": "2.3.3"
+    "@hopper-ui/styled-system": "2.4.0"
   },
   "scripts": {
     "dev": "tsup --config ./tsup.dev.ts",

package/dist/chunk-KSKIQSYM.js

@@ -1,260 +0,0 @@
-import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { _Popover } from './chunk-UJXKUNEW.js';
-import { EnsureTextWrapper } from './chunk-A3E76SDY.js';
-import { _Footer } from './chunk-AQITZWYM.js';
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { _ListBox } from './chunk-XQFICAVB.js';
-import { _ListBoxItem } from './chunk-2GYC6ADT.js';
-import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { ErrorMessageContext } from './chunk-FAE27DLF.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { TextContext } from './chunk-X6SER3TZ.js';
-import { ClearContainerSlots, ClearProviders } from './chunk-HXI3MEEK.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext, AngleUpIcon, AngleDownIcon } from '@hopper-ui/icons';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { useObjectRef, mergeRefs, useResizeObserver } from '@react-aria/utils';
-import { forwardRef, useRef, useState, useCallback } from 'react';
-import { useContextProps, useSlottedContext, InputContext, composeRenderProps, TextContext as TextContext$1, ButtonContext, ComboBox as ComboBox$1, Group, Input, Button } from 'react-aria-components';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// css-module:./ComboBox.module.css#css-module
-var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___yka4p", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___wc-wK", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___JxClR", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___mwnmp", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___t-bwh", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___SwrW0", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___-iJvh", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___N4euJ", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___iz3ml", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___EtzJV", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___T5Iem", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___qYblw" };
-var GlobalComboBoxCssSelector = "hop-ComboBox";
-function ComboBox(props, ref) {
-  var _a, _b, _c;
-  const {
-    inputRef: userProvidedInputRef = null,
-    ...propsWithoutRef
-  } = props;
-  [props, ref] = useContextProps(propsWithoutRef, ref, ComboBoxContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    fieldChildren,
-    footer,
-    isAutoMenuWidth,
-    isFluid: isFluidProp,
-    isInvalid,
-    items,
-    menuTrigger = "focus",
-    listBoxProps,
-    placeholder,
-    popoverProps,
-    prefix,
-    size: sizeProp,
-    style: styleProp,
-    triggerProps,
-    ...otherProps
-  } = ownProps;
-  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, (_a = props.inputRef) != null ? _a : null));
-  const inputContext = useSlottedContext(InputContext);
-  const mergedInputRefs = (inputContext == null ? void 0 : inputContext.ref) ? mergeRefs(inputRef, inputContext.ref) : inputRef;
-  const triggerRef = useRef(null);
-  const buttonRef = useRef(null);
-  const [triggerWidth, setTriggerWidth] = useState(null);
-  const onResize = useCallback(() => {
-    if (triggerRef.current) {
-      setTriggerWidth(triggerRef.current.offsetWidth + "px");
-    }
-  }, [triggerRef]);
-  useResizeObserver({
-    ref: triggerRef,
-    onResize
-  });
-  const { stylingProps: triggerStylingProps, ...triggerOwnProps } = useStyledSystem(triggerProps != null ? triggerProps : {});
-  const {
-    className: triggerClassName,
-    style: triggerStyleProp,
-    ...otherTriggerProps
-  } = triggerOwnProps;
-  const { stylingProps: popoverStylingProps, ...popoverOwnProps } = useStyledSystem(popoverProps != null ? popoverProps : {});
-  const {
-    placement = "bottom start",
-    style: popoverStyleProp,
-    ...otherPopoverProps
-  } = popoverOwnProps;
-  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "sm";
-  const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalComboBoxCssSelector,
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox",
-      isFluid && "fluid",
-      size
-    ),
-    stylingProps.className
-  );
-  const triggerClassNames = composeClassnameRenderProps(
-    triggerClassName,
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox__trigger",
-      size
-    ),
-    triggerStylingProps.className
-  );
-  const buttonClassNames = composeClassnameRenderProps(
-    cssModule(
-      ComboBox_module_default,
-      "hop-ComboBox__button"
-    )
-  );
-  const inputClassNames = composeClassnameRenderProps(
-    inputContext == null ? void 0 : inputContext.className,
-    ComboBox_module_default["hop-ComboBox__input"]
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const triggerStyle = composeRenderProps(triggerStyleProp, (prev) => {
-    return {
-      ...triggerStylingProps.style,
-      ...prev
-    };
-  });
-  const popoverStyle = composeRenderProps(popoverStyleProp, (prev) => {
-    return {
-      ...popoverStylingProps.style,
-      ...prev,
-      "--custom-trigger-width": triggerWidth
-    };
-  });
-  const handleMouseDown = useCallback((e) => {
-    if (inputRef.current && e.target !== inputRef.current && buttonRef.current && e.target !== buttonRef.current) {
-      inputRef.current.focus();
-      e.preventDefault();
-    }
-  }, [inputRef]);
-  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [TextContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }],
-        [IconContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }]
-      ],
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: prefix }) })
-    }
-  ) : null;
-  const footerMarkup = footer ? /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [TextContext, { size, className: ComboBox_module_default["hop-ComboBox__footer-text"] }]
-      ],
-      children: /* @__PURE__ */ jsx(
-        ClearProviders,
-        {
-          values: [
-            TextContext$1,
-            TextContext,
-            ButtonContext
-          ],
-          children: /* @__PURE__ */ jsx(_Footer, { children: /* @__PURE__ */ jsx(EnsureTextWrapper, { children: footer }) })
-        }
-      )
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx(
-    ComboBox$1,
-    {
-      ...otherProps,
-      ref,
-      className: classNames,
-      style,
-      isInvalid,
-      menuTrigger,
-      children: (comboBoxRenderProps) => {
-        const { isOpen } = comboBoxRenderProps;
-        const ButtonIcon = isOpen ? AngleUpIcon : AngleDownIcon;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            SlotProvider,
-            {
-              values: [
-                [LabelContext, {
-                  className: ComboBox_module_default["hop-ComboBox__label"]
-                }],
-                [HelperMessageContext, {
-                  className: ComboBox_module_default["hop-ComboBox__helper-message"]
-                }],
-                [ErrorMessageContext, {
-                  className: ComboBox_module_default["hop-ComboBox__error-message"]
-                }]
-              ],
-              children: fieldChildren
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Group,
-            {
-              ...otherTriggerProps,
-              ref: triggerRef,
-              className: triggerClassNames,
-              style: triggerStyle,
-              onMouseDown: handleMouseDown,
-              "data-selected": isOpen || void 0,
-              children: [
-                prefixMarkup,
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    ref: mergedInputRefs,
-                    className: inputClassNames,
-                    placeholder
-                  }
-                ),
-                /* @__PURE__ */ jsx(Button, { className: buttonClassNames, ref: buttonRef, children: /* @__PURE__ */ jsx(ButtonIcon, { size: "sm", className: ComboBox_module_default["hop-ComboBox__button-icon"] }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            _Popover,
-            {
-              ...otherPopoverProps,
-              placement,
-              isNonDialog: true,
-              autoWidth: isAutoMenuWidth,
-              style: popoverStyle,
-              triggerRef,
-              children: [
-                /* @__PURE__ */ jsx(
-                  SlotProvider,
-                  {
-                    values: [
-                      [BadgeContext, {
-                        variant: "secondary"
-                      }]
-                    ],
-                    children: /* @__PURE__ */ jsx(_ListBox, { ...listBoxProps, items, size, isInvalid, children })
-                  }
-                ),
-                footerMarkup
-              ]
-            }
-          )
-        ] });
-      }
-    }
-  );
-}
-var _ComboBox = forwardRef(ComboBox);
-_ComboBox.displayName = "ComboBox";
-var CompoundComboBox = Object.assign(_ComboBox, {
-  /**
-   * A combo box option is an item that is displayed in a combo box.
-   *
-   * [View Documentation](TODO)
-   */
-  Option: _ListBoxItem
-});
-
-export { CompoundComboBox, GlobalComboBoxCssSelector };