@hopper-ui/components 1.0.4 → 1.0.6

package/dist/{chunk-HDYG2F3D.js → chunk-BKC74M6Y.js}

@@ -1,7 +1,7 @@
-import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
+import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { filterDOMProps } from '@react-aria/utils';
 import clsx from 'clsx';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___3ZJC5", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___owh4g", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___BFJZq", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___MAZ-9", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___p1FOK", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___WhSP1", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___dSxDj" };
+var ButtonGroup_module_default = { "hop-ButtonGroup": "ButtonGroup-module__hop-ButtonGroup___WMOza", "hop-ButtonGroup--horizontal": "ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz", "hop-ButtonGroup--vertical": "ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP", "hop-ButtonGroup--start": "ButtonGroup-module__hop-ButtonGroup--start___SCa6l", "hop-ButtonGroup--center": "ButtonGroup-module__hop-ButtonGroup--center___09ey-", "hop-ButtonGroup--end": "ButtonGroup-module__hop-ButtonGroup--end___SudBa", "hop-ButtonGroup--wrap": "ButtonGroup-module__hop-ButtonGroup--wrap___O3fzZ", "hop-ButtonGroup--fluid": "ButtonGroup-module__hop-ButtonGroup--fluid___70I5p" };
 var GlobalButtonGroupCssSelector = "hop-ButtonGroup";
 function ButtonGroup(props, ref) {
   var _a, _b, _c, _d, _e;

package/dist/{chunk-ZSFJVMJN.js → chunk-CQDLZ42T.js}

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-// src/badge/src/BadgeContext.ts
+// src/Badge/src/BadgeContext.ts
 var BadgeContext = createContext({});
 BadgeContext.displayName = "BadgeContext";
 

package/dist/chunk-E4ALW4MZ.js

@@ -0,0 +1,250 @@
+import { _RadioGroup } from './chunk-JRDN364E.js';
+import { _RadioList } from './chunk-NKHMUPAP.js';
+import { _Radio } from './chunk-2XUHTPCX.js';
+import { _Checkbox } from './chunk-53FHDOG7.js';
+import { useLocalizedString } from './chunk-ZOTVZM6F.js';
+import { ListBoxItemContext } from './chunk-Y2POLIXK.js';
+import { _ListBoxItemSkeleton } from './chunk-4TXFHYHL.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { _Text } from './chunk-RG4JKE4N.js';
+import { TextContext } from './chunk-X6SER3TZ.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { CheckmarkIcon, IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef, useContext, useState } from 'react';
+import { useContextProps, composeRenderProps, ListBoxItem as ListBoxItem$1, ListStateContext, DEFAULT_SLOT } from 'react-aria-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./ListBoxItem.module.css#css-module
+var ListBoxItem_module_default = { "hop-ListBoxItem": "ListBoxItem-module__hop-ListBoxItem___Yx1lW", "hop-ListBoxItem--xs": "ListBoxItem-module__hop-ListBoxItem--xs___-dXrA", "hop-ListBoxItem--sm": "ListBoxItem-module__hop-ListBoxItem--sm___PJua2", "hop-ListBoxItem--md": "ListBoxItem-module__hop-ListBoxItem--md___tUXMc", "hop-ListBoxItem--lg": "ListBoxItem-module__hop-ListBoxItem--lg___eGqO4", "hop-ListBoxItem__inner": "ListBoxItem-module__hop-ListBoxItem__inner___QR5j1", "hop-ListBoxItem__checkmark": "ListBoxItem-module__hop-ListBoxItem__checkmark___Ei8-S", "hop-ListBoxItem__description": "ListBoxItem-module__hop-ListBoxItem__description___grvX-", "hop-ListBoxItem__radio-group": "ListBoxItem-module__hop-ListBoxItem__radio-group___7RjtE", "hop-ListBoxItem__checkbox": "ListBoxItem-module__hop-ListBoxItem__checkbox___jfL9v", "hop-ListBoxItem__avatar": "ListBoxItem-module__hop-ListBoxItem__avatar___q2xtk", "hop-ListBoxItem__icon-list": "ListBoxItem-module__hop-ListBoxItem__icon-list___FHexQ", "hop-ListBoxItem__icon": "ListBoxItem-module__hop-ListBoxItem__icon___0KEwI", "hop-ListBoxItem__label": "ListBoxItem-module__hop-ListBoxItem__label___-q2Uo", "hop-ListBoxItem__end-icon-list": "ListBoxItem-module__hop-ListBoxItem__end-icon-list___h93Wc", "hop-ListBoxItem__end-icon": "ListBoxItem-module__hop-ListBoxItem__end-icon___bzOPv", "hop-ListBoxItem__badge": "ListBoxItem-module__hop-ListBoxItem__badge___AONN3" };
+var GlobalListBoxItemCssSelector = "hop-ListBoxItem";
+var ListBoxItemToIconSizeAdapter = {
+  xs: "sm",
+  sm: "sm",
+  md: "md",
+  lg: "md"
+};
+var ListBoxItemToTextSizeAdapter = {
+  xs: "sm",
+  sm: "sm",
+  md: "sm",
+  lg: "md"
+};
+function ListBoxItemInner(props) {
+  const stringFormatter = useLocalizedString();
+  const listStateContext = useContext(ListStateContext);
+  const {
+    selectionMode,
+    isDisabled,
+    isFocusVisible,
+    isPressed,
+    isHovered,
+    isSelected,
+    selectionIndicator,
+    isInvalid,
+    size,
+    children
+  } = props;
+  const isRadio = selectionIndicator === "input" && selectionMode === "single";
+  const isCheckbox = selectionIndicator === "input" && selectionMode === "multiple";
+  const isCheck = selectionIndicator === "check" && selectionMode !== "none";
+  const isListHasSelection = listStateContext.selectionManager.selectedKeys.size > 0;
+  const [isListHasSelectionEnd, setIsListHasSelectionEnd] = useState(isListHasSelection);
+  const handleTransitionEnd = (event) => {
+    if (event.propertyName === "grid-template-columns") {
+      setIsListHasSelectionEnd((prev) => isListHasSelection && !prev);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: ListBoxItem_module_default["hop-ListBoxItem__inner"],
+      "data-list-has-selection": isListHasSelection || void 0,
+      "data-list-has-selection-end": isListHasSelectionEnd || void 0,
+      onTransitionEnd: handleTransitionEnd,
+      children: [
+        isRadio && /* @__PURE__ */ jsx(
+          _RadioGroup,
+          {
+            size: "sm",
+            "aria-hidden": "true",
+            "aria-label": stringFormatter.format("ListBoxItem.indicatorAriaLabel"),
+            value: isSelected ? "radio" : null,
+            className: ListBoxItem_module_default["hop-ListBoxItem__radio-group"],
+            isInvalid,
+            children: /* @__PURE__ */ jsx(_RadioList, { children: /* @__PURE__ */ jsx(
+              _Radio,
+              {
+                className: ListBoxItem_module_default["hop-ListBoxItem__radio"],
+                value: "radio",
+                isDisabled,
+                isFocused: isFocusVisible,
+                isHovered,
+                isPressed
+              }
+            ) })
+          }
+        ),
+        isCheckbox && /* @__PURE__ */ jsx(
+          _Checkbox,
+          {
+            size: "sm",
+            value: "checkbox",
+            "aria-hidden": "true",
+            className: ListBoxItem_module_default["hop-ListBoxItem__checkbox"],
+            isDisabled,
+            isFocused: isFocusVisible,
+            isHovered,
+            isPressed,
+            isSelected,
+            isInvalid
+          }
+        ),
+        isCheck && /* @__PURE__ */ jsx(CheckmarkIcon, { className: ListBoxItem_module_default["hop-ListBoxItem__checkmark"], size: "sm" }),
+        /* @__PURE__ */ jsx(
+          SlotProvider,
+          {
+            values: [
+              [TextContext, {
+                slots: {
+                  [DEFAULT_SLOT]: {
+                    slot: "label",
+                    className: ListBoxItem_module_default["hop-ListBoxItem__label"],
+                    size: ListBoxItemToTextSizeAdapter[size]
+                  },
+                  label: {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__label"],
+                    size: ListBoxItemToTextSizeAdapter[size]
+                  },
+                  description: {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__description"],
+                    size: "xs"
+                  }
+                }
+              }],
+              [IconListContext, {
+                slots: {
+                  [DEFAULT_SLOT]: {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__icon-list"],
+                    size: ListBoxItemToIconSizeAdapter[size]
+                  },
+                  "end-icon": {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__end-icon-list"],
+                    size: ListBoxItemToIconSizeAdapter[size]
+                  }
+                }
+              }],
+              [IconContext, {
+                slots: {
+                  [DEFAULT_SLOT]: {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__icon"],
+                    size: ListBoxItemToIconSizeAdapter[size]
+                  },
+                  "end-icon": {
+                    className: ListBoxItem_module_default["hop-ListBoxItem__end-icon"],
+                    size: ListBoxItemToIconSizeAdapter[size]
+                  }
+                }
+              }],
+              [BadgeContext, {
+                className: ListBoxItem_module_default["hop-ListBoxItem__badge"],
+                isDisabled
+              }]
+            ],
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function ListBoxItem(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, ListBoxItemContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    isDisabled,
+    isInvalid,
+    isLoading,
+    size: sizeProp,
+    style: styleProp,
+    textValue: textValueProp,
+    selectionIndicator,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "sm";
+  const textValue = textValueProp != null ? textValueProp : typeof childrenProp === "string" ? childrenProp : void 0;
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalListBoxItemCssSelector,
+    cssModule(
+      ListBoxItem_module_default,
+      "hop-ListBoxItem",
+      size,
+      selectionIndicator
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    if (prev && isTextOnlyChildren(prev)) {
+      return /* @__PURE__ */ jsx(_Text, { slot: "label", children: prev });
+    }
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    ListBoxItem$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style,
+      textValue,
+      isDisabled: isLoading || isDisabled,
+      "data-invalid": isInvalid || void 0,
+      "data-loading": isLoading || void 0,
+      children: (listBoxItemProps) => {
+        if (isLoading) {
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: ListBoxItem_module_default["hop-ListBoxItem__inner"],
+              children: /* @__PURE__ */ jsx(
+                _ListBoxItemSkeleton,
+                {
+                  size,
+                  slot: "label"
+                }
+              )
+            }
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          ListBoxItemInner,
+          {
+            ...listBoxItemProps,
+            selectionIndicator,
+            isInvalid,
+            size,
+            children: children(listBoxItemProps)
+          }
+        );
+      }
+    }
+  );
+}
+var _ListBoxItem = forwardRef(ListBoxItem);
+_ListBoxItem.displayName = "ListBoxItem";
+
+export { GlobalListBoxItemCssSelector, _ListBoxItem };

package/dist/chunk-E4WFKXW4.js

@@ -0,0 +1,161 @@
+import { _Text } from './chunk-RG4JKE4N.js';
+import { AvatarContext } from './chunk-AES7QBQE.js';
+import { _RichIconAvatarImage } from './chunk-ITQK6JTD.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useImageFallback } from './chunk-NS3XVOQ7.js';
+import { BrokenImageRichIcon } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { filterDOMProps } from '@react-aria/utils';
+import clsx from 'clsx';
+import { forwardRef, useMemo } from 'react';
+import { useContextProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Avatar.module.css#css-module
+var Avatar_module_default = { "hop-Avatar": "Avatar-module__hop-Avatar___8RZO3", "hop-Avatar--xs": "Avatar-module__hop-Avatar--xs___ynFuF", "hop-Avatar--sm": "Avatar-module__hop-Avatar--sm___3oY2t", "hop-Avatar--md": "Avatar-module__hop-Avatar--md___6Gv9Q", "hop-Avatar--lg": "Avatar-module__hop-Avatar--lg___S6Ehu", "hop-Avatar--xl": "Avatar-module__hop-Avatar--xl___1CYyi", "hop-Avatar--2xl": "Avatar-module__hop-Avatar--2xl___u7E0y", "hop-Avatar--decorative-option1": "Avatar-module__hop-Avatar--decorative-option1___ULBn2", "hop-Avatar--decorative-option2": "Avatar-module__hop-Avatar--decorative-option2___J4qwW", "hop-Avatar--decorative-option3": "Avatar-module__hop-Avatar--decorative-option3___yKw7L", "hop-Avatar--decorative-option4": "Avatar-module__hop-Avatar--decorative-option4___KS3Oe", "hop-Avatar--decorative-option5": "Avatar-module__hop-Avatar--decorative-option5___lTcxY", "hop-Avatar--decorative-option6": "Avatar-module__hop-Avatar--decorative-option6___vuJcI", "hop-Avatar--decorative-option7": "Avatar-module__hop-Avatar--decorative-option7___SBK4z", "hop-Avatar--decorative-option8": "Avatar-module__hop-Avatar--decorative-option8___smE79", "hop-Avatar--decorative-option9": "Avatar-module__hop-Avatar--decorative-option9___vvtuE", "hop-Avatar__image": "Avatar-module__hop-Avatar__image___M4hSZ" };
+var GlobalAvatarCssSelector = "hop-Avatar";
+var AvatarToTextSizeAdapter = {
+  xs: "xs",
+  sm: "xs",
+  md: "md",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "xl"
+};
+function getColorIndex(name, maxNumberOfColor) {
+  let hashCode = 0;
+  for (let i = name.length - 1; i >= 0; i--) {
+    const character = name.charCodeAt(i);
+    const shift = i % 8;
+    hashCode ^= (character << shift) + (character >> 8 - shift);
+  }
+  return hashCode % maxNumberOfColor;
+}
+function getColorName(name) {
+  const variantToUse = `option${getColorIndex(name, 8) + 1}`;
+  return `decorative-${variantToUse}`;
+}
+function AvatarInitials(props) {
+  var _a;
+  const {
+    name,
+    size: sizeValue
+  } = props;
+  const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
+  const initials = useMemo(() => {
+    const cleanName = name.replace(/\s+/g, " ").trim();
+    const [firstName, lastName] = cleanName.split(" ");
+    const letters = firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+    return size === "xs" && letters.length > 1 ? letters.charAt(0) : letters;
+  }, [name, size]);
+  return /* @__PURE__ */ jsx(
+    _Text,
+    {
+      size: AvatarToTextSizeAdapter[size],
+      className: Avatar_module_default["hop-Avatar__initials"],
+      children: initials
+    }
+  );
+}
+function Avatar(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, AvatarContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    "aria-label": ariaLabel,
+    className,
+    fallbackSrc,
+    imageProps,
+    isDisabled,
+    name,
+    size: sizeValue,
+    slot,
+    src,
+    style,
+    ...otherProps
+  } = ownProps;
+  const domProps = filterDOMProps(otherProps);
+  const { onError, onLoad, ...otherImageProps } = imageProps != null ? imageProps : {};
+  const { imageUrl, status } = useImageFallback({ src, fallbackSrc, onError, onLoad });
+  const imageLoaded = status === "loaded";
+  const imageFailed = status === "failed";
+  const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
+  const isBrokenImage = src && imageFailed && fallbackSrc !== null;
+  const isImage = src && !imageFailed;
+  const isInitials = !src || src && imageFailed && fallbackSrc === null;
+  const classNames = clsx(
+    className,
+    GlobalAvatarCssSelector,
+    cssModule(
+      Avatar_module_default,
+      "hop-Avatar",
+      size,
+      isBrokenImage && "broken-image",
+      isImage && "image",
+      isInitials && getColorName(name)
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  if (imageFailed && fallbackSrc !== null) {
+    return /* @__PURE__ */ jsx(
+      _RichIconAvatarImage,
+      {
+        ...domProps,
+        "aria-label": ariaLabel != null ? ariaLabel : name,
+        className: classNames,
+        isDisabled,
+        ref,
+        size,
+        slot,
+        style: mergedStyles,
+        children: /* @__PURE__ */ jsx(BrokenImageRichIcon, {})
+      }
+    );
+  }
+  let content = null;
+  if (isInitials || imageLoaded) {
+    content = /* @__PURE__ */ jsx(
+      AvatarInitials,
+      {
+        ...otherProps,
+        name,
+        size
+      }
+    );
+  }
+  if (imageLoaded) {
+    content = /* @__PURE__ */ jsx(
+      "img",
+      {
+        ...filterDOMProps(otherImageProps),
+        alt: "",
+        "aria-hidden": true,
+        className: Avatar_module_default["hop-Avatar__image"],
+        onError,
+        src: imageUrl
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...domProps,
+      "aria-label": ariaLabel != null ? ariaLabel : name,
+      className: classNames,
+      "data-disabled": isDisabled || void 0,
+      role: "img",
+      slot: slot != null ? slot : void 0,
+      ref,
+      style: mergedStyles,
+      children: content
+    }
+  );
+}
+var _Avatar = forwardRef(Avatar);
+_Avatar.displayName = "Avatar";
+
+export { AvatarToTextSizeAdapter, GlobalAvatarCssSelector, _Avatar };

package/dist/{chunk-PEPKE5SW.js → chunk-F2URSFJA.js}

@@ -1,10 +1,10 @@
-import { ChipContext } from './chunk-WTKIUAHI.js';
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-WGDP4ECF.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { ChipContext } from './chunk-632B5YBQ.js';
+import { _Text } from './chunk-RG4JKE4N.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
-import { IconListContext } from './chunk-DHVVYSLB.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Chip.module.css#css-module
-var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___224kd", "hop-Chip--xs": "Chip-module__hop-Chip--xs___vVaFu", "hop-Chip--sm": "Chip-module__hop-Chip--sm___ay2-7", "hop-Chip--md": "Chip-module__hop-Chip--md___bPrjx", "hop-Chip--lg": "Chip-module__hop-Chip--lg___Ep8YA", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___iuOzW", "hop-Chip--progress": "Chip-module__hop-Chip--progress___TNwPo", "hop-Chip--positive": "Chip-module__hop-Chip--positive___s28s9", "hop-Chip--caution": "Chip-module__hop-Chip--caution___cWFT2", "hop-Chip--negative": "Chip-module__hop-Chip--negative___jBX4e", "hop-Chip--option1": "Chip-module__hop-Chip--option1___O1niF", "hop-Chip--option2": "Chip-module__hop-Chip--option2___a-gEh", "hop-Chip--option3": "Chip-module__hop-Chip--option3___9wALH", "hop-Chip--option4": "Chip-module__hop-Chip--option4___wF9tQ", "hop-Chip--option5": "Chip-module__hop-Chip--option5___zSGD-", "hop-Chip--option6": "Chip-module__hop-Chip--option6___jgB-E", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___YRaw7", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___LKrv0", "hop-Chip__icon": "Chip-module__hop-Chip__icon___YPNfW", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___gWAUM", "hop-Chip__text": "Chip-module__hop-Chip__text___XGH1R", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___Gr-pd", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___OCPtE" };
+var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___s008o", "hop-Chip--xs": "Chip-module__hop-Chip--xs___b5iix", "hop-Chip--sm": "Chip-module__hop-Chip--sm___C8xGE", "hop-Chip--md": "Chip-module__hop-Chip--md___taZzL", "hop-Chip--lg": "Chip-module__hop-Chip--lg___7MJ0a", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___WiQy4", "hop-Chip--progress": "Chip-module__hop-Chip--progress___D-NIl", "hop-Chip--positive": "Chip-module__hop-Chip--positive___x7VFX", "hop-Chip--caution": "Chip-module__hop-Chip--caution___4ZjhL", "hop-Chip--negative": "Chip-module__hop-Chip--negative___D02Dr", "hop-Chip--option1": "Chip-module__hop-Chip--option1___eYOWy", "hop-Chip--option2": "Chip-module__hop-Chip--option2___2gGTf", "hop-Chip--option3": "Chip-module__hop-Chip--option3___1ZcdZ", "hop-Chip--option4": "Chip-module__hop-Chip--option4___5KV7u", "hop-Chip--option5": "Chip-module__hop-Chip--option5___dcyfm", "hop-Chip--option6": "Chip-module__hop-Chip--option6___PO6T4", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___ASMuf", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___-uqxh", "hop-Chip__icon": "Chip-module__hop-Chip__icon___mqVpj", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___PV91l", "hop-Chip__text": "Chip-module__hop-Chip__text___KOlG8", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___yJdUP", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___BmX3z" };
 var GlobalChipCssSelector = "hop-Chip";
 var ChipToTextSizeAdapter = {
   xs: "xs",

package/dist/{chunk-ACVMW6YD.js → chunk-FAE27DLF.js}

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-// src/errorMessage/src/ErrorMessageContext.ts
+// src/ErrorMessage/src/ErrorMessageContext.ts
 var ErrorMessageContext = createContext({});
 ErrorMessageContext.displayName = "ErrorMessageContext";
 

package/dist/chunk-FYIHMKHI.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/Divider/src/DividerContext.ts
+var DividerContext = createContext({});
+DividerContext.displayName = "DividerContext";
+
+export { DividerContext };

package/dist/{chunk-Y7XWWUMU.js → chunk-G242LPQE.js}

@@ -1,4 +1,4 @@
-import { _Label } from './chunk-2CKDJG6R.js';
+import { _Label } from './chunk-HR25MLRP.js';
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -8,7 +8,7 @@ import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Spinner.module.css#css-module
-var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___WKQTI", "spin": "Spinner-module__spin___t8CGY", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___YO1ZU", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___UiJMR", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___uAp2X", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___vU-oZ", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___8gJAf", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___GxQ20" };
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___LbEMh", "spin": "Spinner-module__spin___Z5UnU", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___peiQV", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___8fE20", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___3UVCZ", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___tZuJb", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___EVNJP", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___nM4Dw" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToLabelSizeAdapter = {
   sm: "xs",

package/dist/chunk-GFHBDUJD.js

@@ -0,0 +1,17 @@
+import { getSizingValue } from '@hopper-ui/styled-system';
+
+// src/layout/src/grid-helpers.ts
+function repeat(count, repetition) {
+  return `repeat(${count}, ${Array.isArray(repetition) ? interpolateGridTemplateArray(repetition) : getSizingValue(repetition)})`;
+}
+function minmax(min, max) {
+  return `minmax(${getSizingValue(min)}, ${getSizingValue(max)})`;
+}
+function fitContent(dimension) {
+  return `fit-content(${getSizingValue(dimension)})`;
+}
+function interpolateGridTemplateArray(values) {
+  return values.map((x) => getSizingValue(x)).join(" ");
+}
+
+export { fitContent, minmax, repeat };

package/dist/{chunk-2CKDJG6R.js → chunk-HR25MLRP.js}

@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___7xL3v", "hop-Label--xs": "Label-module__hop-Label--xs___CHLy3", "hop-Label--sm": "Label-module__hop-Label--sm___oQzz3", "hop-Label--md": "Label-module__hop-Label--md___dLqF6", "hop-Label--lg": "Label-module__hop-Label--lg___ViQCe", "hop-Label--xl": "Label-module__hop-Label--xl___wlNpS", "hop-Label--2xl": "Label-module__hop-Label--2xl___N5Lkc", "hop-Label--inherit": "Label-module__hop-Label--inherit___UeeVB" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___mLBaa", "hop-Label--xs": "Label-module__hop-Label--xs___SooLf", "hop-Label--sm": "Label-module__hop-Label--sm___0IFHf", "hop-Label--md": "Label-module__hop-Label--md___OwSmD", "hop-Label--lg": "Label-module__hop-Label--lg___NtQQ0", "hop-Label--xl": "Label-module__hop-Label--xl___-Hdm9", "hop-Label--2xl": "Label-module__hop-Label--2xl___Ulb-V", "hop-Label--inherit": "Label-module__hop-Label--inherit___K1Xcp" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   var _a;

package/dist/{chunk-ESVVLTEN.js → chunk-HZKFQ33E.js}

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-// src/helperMessage/src/HelperMessageContext.ts
+// src/HelperMessage/src/HelperMessageContext.ts
 var HelperMessageContext = createContext({});
 HelperMessageContext.displayName = "HelperMessageContext";
 

package/dist/chunk-I4VPBQI7.js

@@ -0,0 +1,7 @@
+import { DialogTrigger } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// src/overlays/Popover/src/PopoverTrigger.tsx
+var PopoverTrigger = (props) => /* @__PURE__ */ jsx(DialogTrigger, { ...props, children: props.children });
+
+export { PopoverTrigger };

package/dist/chunk-ITQK6JTD.js

@@ -0,0 +1,81 @@
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { RichIconAvatarImageContext } from './chunk-JWW56J7M.js';
+import { RichIconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } 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:./RichIconAvatarImage.module.css#css-module
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___R2v-y", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___r7PMb", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___nZFlr", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___mkcIx", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___TifOU", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___xs3Zv", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___l0TTX", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6FWkl" };
+var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
+var AvatarToIconSizeAdapter = {
+  xs: "md",
+  sm: "md",
+  md: "lg",
+  lg: "xl",
+  xl: "xl",
+  "2xl": "xl"
+};
+function RichIconAvatarImage(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, RichIconAvatarImageContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    children,
+    className,
+    isDisabled,
+    style,
+    slot,
+    size: sizeValue,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeValue)) != null ? _a : "md";
+  const classNames = clsx(
+    className,
+    GlobalRichIconAvatarImageCssSelector,
+    cssModule(
+      RichIconAvatarImage_module_default,
+      "hop-RichIconAvatarImage",
+      size
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  if (!props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      role: "img",
+      "data-disabled": isDisabled || void 0,
+      children: /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [RichIconContext, {
+              className: RichIconAvatarImage_module_default["hop-RichIconAvatarImage__icon"],
+              size: AvatarToIconSizeAdapter[size]
+            }]
+          ],
+          children
+        }
+      )
+    }
+  );
+}
+var _RichIconAvatarImage = forwardRef(RichIconAvatarImage);
+_RichIconAvatarImage.displayName = "RichIconAvatarImage";
+
+export { AvatarToIconSizeAdapter, GlobalRichIconAvatarImageCssSelector, _RichIconAvatarImage };