@hopper-ui/components 1.3.0 → 1.3.1

package/dist/chunk-X2T2UX2O.js

@@ -0,0 +1,72 @@
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { FloatingBadgeContext } from './chunk-CIGS4QGT.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./FloatingBadge.module.css#css-module
+var FloatingBadge_module_default = { "hop-FloatingBadge": "FloatingBadge-module__hop-FloatingBadge___cvHzG", "hop-FloatingBadge__badge": "FloatingBadge-module__hop-FloatingBadge__badge___DizOb" };
+var GlobalFloatingBadgeCssSelector = "hop-FloatingBadge";
+function FloatingBadge(props, ref) {
+  [props, ref] = useContextProps(props, ref, FloatingBadgeContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    children,
+    className,
+    offset = [0, 0],
+    overlap = "rectangular",
+    placement = "top right",
+    style,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    className,
+    GlobalFloatingBadgeCssSelector,
+    cssModule(
+      FloatingBadge_module_default,
+      "hop-FloatingBadge"
+    ),
+    stylingProps.className
+  );
+  const offsetXValue = typeof offset[0] === "string" ? offset[0] : `${offset[0]}px`;
+  const offsetYValue = typeof offset[1] === "string" ? offset[1] : `${offset[1]}px`;
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style,
+    "--hop-FloatingBadge-offset-x": offsetXValue,
+    "--hop-FloatingBadge-offset-y": offsetYValue
+  };
+  return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [BadgeContext, {
+          className: FloatingBadge_module_default["hop-FloatingBadge__badge"]
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...otherProps,
+          ref,
+          className: classNames,
+          style: mergedStyles,
+          slot: slot != null ? slot : void 0,
+          "data-overlap": overlap,
+          "data-placement": placement,
+          children
+        }
+      )
+    }
+  ) });
+}
+var _FloatingBadge = forwardRef(FloatingBadge);
+_FloatingBadge.displayName = "FloatingBadge";
+
+export { GlobalFloatingBadgeCssSelector, _FloatingBadge };

package/dist/{chunk-T3CLGQI6.js → chunk-XF4SQ222.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___TYOGA", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___yey8v", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___DQWyN", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___dV4JT", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___RExw1", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___jni6f" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___p4rFp", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___gwojN", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___L17XJ", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___4icwE", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___YFaPZ", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___BEXWT" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-DFVORYEU.js → chunk-XHQWDF7B.js}

@@ -1,6 +1,6 @@
+import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { TagListContext } from './chunk-XLKYXKWE.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
@@ -13,7 +13,7 @@ import { useContextProps, FieldErrorContext, TagGroup as TagGroup$1 } from 'reac
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TagGroup.module.css#css-module
-var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___1JF88", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___ktkn2", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___KfOWe", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___biZ4y", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___qcq0h" };
+var TagGroup_module_default = { "hop-TagGroup": "TagGroup-module__hop-TagGroup___JYbnj", "hop-TagGroup__label": "TagGroup-module__hop-TagGroup__label___dyPmo", "hop-TagGroup__list": "TagGroup-module__hop-TagGroup__list___ZQiq8", "hop-TagGroup__error-message": "TagGroup-module__hop-TagGroup__error-message___XFaIJ", "hop-TagGroup__helper-message": "TagGroup-module__hop-TagGroup__helper-message___hQqvS" };
 var GlobalTagGroupCssSelector = "hop-TagGroup";
 function TagGroup(props, ref) {
   var _a;

package/dist/{chunk-CWX45XWS.js → chunk-YD2TGFCB.js}

@@ -1,6 +1,6 @@
-import { _InputGroup } from './chunk-ZHOQYYHY.js';
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
-import { _ClearButton } from './chunk-BTHPJL3A.js';
+import { _InputGroup } from './chunk-PUMWU6M4.js';
+import { _ClearButton } from './chunk-HLXQ6C2E.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
@@ -17,7 +17,7 @@ import { useContextProps, composeRenderProps, Input, SearchField as SearchField$
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./SearchField.module.css#css-module
-var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XTMBu", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___vrM5S", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___vq1vb", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___IL75f", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___lG0Ig", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___FWBj0", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___USGKz", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___wN32w", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___baj2F" };
+var SearchField_module_default = { "hop-SearchField": "SearchField-module__hop-SearchField___XWIhj", "hop-SearchField--fluid": "SearchField-module__hop-SearchField--fluid___i4y3u", "hop-SearchField__Label": "SearchField-module__hop-SearchField__Label___nIAGG", "hop-SearchField__prefix": "SearchField-module__hop-SearchField__prefix___QAlG0", "hop-SearchField__InputGroup": "SearchField-module__hop-SearchField__InputGroup___emItm", "hop-SearchField--clearable": "SearchField-module__hop-SearchField--clearable___QsdZe", "hop-SearchField__ErrorMessage": "SearchField-module__hop-SearchField__ErrorMessage___yGGlb", "hop-SearchField__HelperMessage": "SearchField-module__hop-SearchField__HelperMessage___TTVbm", "hop-SearchField__ClearButton": "SearchField-module__hop-SearchField__ClearButton___k3a8p" };
 var GlobalSearchFieldCssSelector = "hop-SearchField";
 function SearchField(props, ref) {
   var _a;

package/dist/{chunk-QQI3KNHZ.js → chunk-ZG5E36S3.js}

@@ -1,13 +1,13 @@
 import { isFunction } from './chunk-TIPN4VYD.js';
 import { SectionContext } from './chunk-5H5AZJPQ.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { _ListBoxItem } from './chunk-6C5RI4RT.js';
+import { _ListBoxItem } from './chunk-WDA6LWC4.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { HeaderContext } from './chunk-7JOGKC3W.js';
 import { DividerContext } from './chunk-FYIHMKHI.js';
-import { _Text } from './chunk-D5PBETXF.js';
+import { _Text } from './chunk-QCTIAKM6.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, ListBox as ListBox$1, Collection }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ListBox.module.css#css-module
-var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___FMNx2", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___GbXKG", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___BDi3P", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___mh8wf", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___zF1td", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___RLZsm" };
+var ListBox_module_default = { "hop-ListBox": "ListBox-module__hop-ListBox___rt3cs", "hop-ListBox--fluid": "ListBox-module__hop-ListBox--fluid___vsxhM", "hop-ListBox__section": "ListBox-module__hop-ListBox__section___8rii0", "hop-ListBox__item": "ListBox-module__hop-ListBox__item___jg7EN", "hop-ListBox__section-header": "ListBox-module__hop-ListBox__section-header___QdDhF", "hop-ListBox__divider": "ListBox-module__hop-ListBox__divider___aRxop" };
 var GlobalListBoxCssSelector = "hop-ListBox";
 var GlobalListBoxEmptyItemCssSelector = "hop-ListBox__empty-item";
 var ListBoxToTextSizeAdapter = {