@hopper-ui/components 1.5.12 → 1.5.13

package/dist/chunk-24A5HTNX.js

@@ -1,76 +0,0 @@
-import { LabelContext } from './chunk-QCA3ZR56.js';
-import { useLocalizedString } from './chunk-75DHKNW2.js';
-import { useFormProps } from './chunk-5GXZIX65.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import { filterDOMProps } from '@react-aria/utils';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps, Label as Label$1 } from 'react-aria-components';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___sCvnv", "hop-Label__indicator": "Label-module__hop-Label__indicator___eU4BN" };
-var GlobalLabelCssSelector = "hop-Label";
-function Label(props, ref) {
-  [props, ref] = useContextProps(props, ref, LabelContext);
-  props = useFormProps(props);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    children,
-    slot,
-    style,
-    isRequired,
-    necessityIndicator,
-    ...otherProps
-  } = ownProps;
-  const stringFormatter = useLocalizedString();
-  const classNames = clsx(
-    className,
-    GlobalLabelCssSelector,
-    cssModule(
-      Label_module_default,
-      "hop-Label"
-    ),
-    stylingProps.className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  const necessityLabel = isRequired ? stringFormatter.format("Label.necessityLabel.required") : stringFormatter.format("Label.necessityLabel.optional");
-  const requiredIndicator = /* @__PURE__ */ jsx(
-    "span",
-    {
-      "aria-hidden": "true",
-      "aria-label": necessityLabel,
-      className: Label_module_default["hop-Label__indicator"],
-      children: "*"
-    }
-  );
-  const filteredProps = filterDOMProps(otherProps, { labelable: true });
-  return /* @__PURE__ */ jsxs(
-    Label$1,
-    {
-      ref,
-      className: classNames,
-      slot: slot || void 0,
-      style: mergedStyles,
-      ...filteredProps,
-      children: [
-        children,
-        necessityIndicator === "label" && !isRequired && /* @__PURE__ */ jsxs("span", { className: Label_module_default["hop-Label__label-indicator"], children: [
-          " (",
-          necessityLabel,
-          ")"
-        ] }),
-        necessityIndicator === "asterisk" && isRequired && requiredIndicator
-      ]
-    }
-  );
-}
-var _Label = forwardRef(Label);
-_Label.displayName = "Label";
-
-export { GlobalLabelCssSelector, _Label };

package/dist/chunk-2CH4NRJK.js

@@ -1,74 +0,0 @@
-import { cssModule } from './chunk-KVDXQMWI.js';
-import clsx from 'clsx';
-import { useContext, useState, useEffect, useCallback, useLayoutEffect } from 'react';
-import { TabListStateContext } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./TabLine.module.css#css-module
-var TabLine_module_default = { "hop-TabLine": "TabLine-module__hop-TabLine___GITQw", "hop-TabLine--disabled": "TabLine-module__hop-TabLine--disabled___aolb-" };
-var GlobalTabLineCssSelector = "hop-TabLine";
-function TabLine(props) {
-  var _a;
-  const { selectedTab, disabledKeys, isDisabled: isTabsDisabled } = props;
-  const state = useContext(TabListStateContext);
-  const [isDisabled, setIsDisabled] = useState(false);
-  useEffect(() => {
-    const disabled = isTabsDisabled || isAllTabsDisabled(state == null ? void 0 : state.collection, disabledKeys ? new Set(disabledKeys) : /* @__PURE__ */ new Set(null));
-    setIsDisabled(disabled);
-  }, [state == null ? void 0 : state.collection, disabledKeys, isTabsDisabled, setIsDisabled]);
-  const [style, setStyle] = useState({
-    transform: void 0,
-    width: void 0,
-    height: void 0
-  });
-  const onResize = useCallback(() => {
-    if (selectedTab) {
-      const styleObj = {
-        transform: void 0,
-        width: void 0,
-        height: void 0
-      };
-      const offset = selectedTab.offsetLeft;
-      styleObj.transform = `translateX(calc(${offset}px + var(--hop-space-inset-sm)))`;
-      styleObj.width = `calc(${selectedTab.offsetWidth}px - 2 * var(--hop-space-inset-sm))`;
-      setStyle(styleObj);
-    }
-  }, [setStyle, selectedTab]);
-  useEffect(() => {
-    window.addEventListener("resize", onResize, false);
-    return () => {
-      window.removeEventListener("resize", onResize, false);
-    };
-  }, [onResize]);
-  useLayoutEffect(() => {
-    onResize();
-  }, [onResize, (_a = state == null ? void 0 : state.selectedItem) == null ? void 0 : _a.key]);
-  const classNames = clsx(
-    GlobalTabLineCssSelector,
-    cssModule(
-      TabLine_module_default,
-      "hop-TabLine",
-      isDisabled && "disabled"
-    )
-  );
-  return /* @__PURE__ */ jsx("div", { style: { ...style }, className: classNames });
-}
-function isAllTabsDisabled(collection, disabledKeys) {
-  var _a, _b;
-  let testKey = null;
-  if (collection && collection.size > 0) {
-    testKey = collection.getFirstKey();
-    let index = 0;
-    while (testKey && index < collection.size) {
-      if (!disabledKeys.has(testKey) && !((_b = (_a = collection.getItem(testKey)) == null ? void 0 : _a.props) == null ? void 0 : _b.isDisabled)) {
-        return false;
-      }
-      testKey = collection.getKeyAfter(testKey);
-      index++;
-    }
-    return true;
-  }
-  return false;
-}
-
-export { GlobalTabLineCssSelector, TabLine };

package/dist/chunk-2DJOSCOS.js

@@ -1,261 +0,0 @@
-import { InputContext, Input } from './chunk-6IH5OUNU.js';
-import { _InputGroup } from './chunk-BZGCNB2Q.js';
-import { _Popover } from './chunk-NSWO6KOB.js';
-import { _Footer } from './chunk-VOZN65OL.js';
-import { _ListBoxSection } from './chunk-DZJSSJVJ.js';
-import { _ListBox } from './chunk-FUPP4KDU.js';
-import { _ListBoxItem } from './chunk-CQIEYCDR.js';
-import { _HelperMessage } from './chunk-34C3NQQ7.js';
-import { _ErrorMessage } from './chunk-BAIN4DDL.js';
-import { _ToggleArrow } from './chunk-QITF3KZ6.js';
-import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
-import { ensureTextWrapper } from './chunk-ZJUDBIS4.js';
-import { _Label } from './chunk-24A5HTNX.js';
-import { useFormProps } from './chunk-5GXZIX65.js';
-import { ClearProviders, ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
-import { TextContext as TextContext$1 } from './chunk-X6SER3TZ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { IconContext } 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, composeRenderProps, TextContext, ButtonContext, ComboBox as ComboBox$1, 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___2wD2f", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___633Pl", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___i-IbD", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___uRK71", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___SPHkr", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___jDFJw", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___PWzbI", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___Pv7Yq" };
-var GlobalComboBoxCssSelector = "hop-ComboBox";
-function ComboBox(props, ref) {
-  var _a, _b, _c, _d, _e;
-  const {
-    inputRef: userProvidedInputRef = null,
-    ...propsWithoutRef
-  } = props;
-  [props, ref] = useContextProps(propsWithoutRef, ref, ComboBoxContext);
-  props = useFormProps(props);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    align: alignProp,
-    className,
-    children,
-    description,
-    direction: directionProp,
-    errorMessage,
-    footer,
-    isAutoMenuWidth,
-    isDisabled,
-    isFluid: isFluidProp,
-    isInvalid,
-    isLoading,
-    isRequired,
-    items,
-    label,
-    listBoxProps,
-    menuTrigger = "focus",
-    necessityIndicator,
-    onLoadMore,
-    popoverProps,
-    placeholder,
-    prefix,
-    selectionIndicator,
-    shouldFlip,
-    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 [triggerWidth, setTriggerWidth] = useState(null);
-  const onResize = useCallback(() => {
-    if (triggerRef.current) {
-      setTriggerWidth(triggerRef.current.offsetWidth + "px");
-    }
-  }, [triggerRef]);
-  useResizeObserver({
-    ref: triggerRef,
-    onResize
-  });
-  const {
-    className: triggerClassName,
-    ...otherTriggerProps
-  } = triggerProps != null ? triggerProps : {};
-  const {
-    style: popoverStyleProp
-  } = popoverProps != null ? popoverProps : {};
-  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "md";
-  const isFluid = (_c = useResponsiveValue(isFluidProp)) != null ? _c : false;
-  const align = (_d = useResponsiveValue(alignProp)) != null ? _d : "start";
-  const direction = (_e = useResponsiveValue(directionProp)) != null ? _e : "bottom";
-  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
-    )
-  );
-  const style = composeRenderProps(styleProp, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const popoverStyle = composeRenderProps(popoverStyleProp, (prev) => {
-    return {
-      ...prev,
-      "--custom-trigger-width": triggerWidth
-      // TODO: declaring a variable here and using it in the Popover.module.css is a mistake.
-    };
-  });
-  const footerMarkup = footer ? /* @__PURE__ */ jsx(
-    ClearProviders,
-    {
-      values: [
-        TextContext,
-        TextContext$1,
-        ButtonContext
-      ],
-      children: /* @__PURE__ */ jsx(
-        SlotProvider,
-        {
-          values: [
-            [TextContext$1, {
-              size
-            }]
-          ],
-          children: /* @__PURE__ */ jsx(_Footer, { children: ensureTextWrapper(footer) })
-        }
-      )
-    }
-  ) : null;
-  const prefixMarkup = prefix ? /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [TextContext$1, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }],
-        [IconContext, { size, className: ComboBox_module_default["hop-ComboBox__prefix"] }]
-      ],
-      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: ensureTextWrapper(prefix) })
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx(
-    ComboBox$1,
-    {
-      ref,
-      className: classNames,
-      style,
-      isInvalid,
-      isRequired,
-      items,
-      menuTrigger,
-      isDisabled,
-      ...otherProps,
-      children: ({ isOpen }) => {
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          label && /* @__PURE__ */ jsx(
-            _Label,
-            {
-              className: ComboBox_module_default["hop-ComboBox__label"],
-              isRequired,
-              necessityIndicator,
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            _InputGroup,
-            {
-              ref: triggerRef,
-              className: triggerClassNames,
-              "data-selected": isOpen || void 0,
-              isFluid: true,
-              isDisabled,
-              isInvalid,
-              ...otherTriggerProps,
-              children: [
-                prefixMarkup,
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    ref: mergedInputRefs,
-                    placeholder,
-                    size
-                  }
-                ),
-                /* @__PURE__ */ jsx(Button, { className: ComboBox_module_default["hop-ComboBox__button"], children: /* @__PURE__ */ jsx(
-                  _ToggleArrow,
-                  {
-                    className: ComboBox_module_default["hop-ComboBox__button-icon"],
-                    isExpanded: isOpen
-                  }
-                ) })
-              ]
-            }
-          ),
-          description && /* @__PURE__ */ jsx(_HelperMessage, { className: ComboBox_module_default["hop-ComboBox__helper-message"], children: description }),
-          /* @__PURE__ */ jsx(_ErrorMessage, { className: ComboBox_module_default["hop-ComboBox__error-message"], children: errorMessage }),
-          /* @__PURE__ */ jsxs(
-            _Popover,
-            {
-              isAutoWidth: isAutoMenuWidth,
-              isNonDialog: true,
-              placement: `${direction} ${align}`,
-              shouldFlip,
-              style: popoverStyle,
-              triggerRef,
-              ...popoverProps,
-              children: [
-                /* @__PURE__ */ jsx(
-                  SlotProvider,
-                  {
-                    values: [
-                      [BadgeContext, {
-                        variant: "secondary"
-                      }]
-                    ],
-                    children: /* @__PURE__ */ jsx(
-                      _ListBox,
-                      {
-                        size,
-                        isInvalid,
-                        items,
-                        isLoading,
-                        onLoadMore,
-                        selectionIndicator,
-                        ...listBoxProps,
-                        children
-                      }
-                    )
-                  }
-                ),
-                footerMarkup
-              ]
-            }
-          )
-        ] });
-      }
-    }
-  );
-}
-var _ComboBox = forwardRef(ComboBox);
-_ComboBox.displayName = "ComboBox";
-var ComboBoxItem = _ListBoxItem;
-var ComboBoxSection = _ListBoxSection;
-
-export { ComboBoxItem, ComboBoxSection, GlobalComboBoxCssSelector, _ComboBox };

package/dist/chunk-34C3NQQ7.js

@@ -1,57 +0,0 @@
-import { HelperMessageContext } from './chunk-HZKFQ33E.js';
-import { _Text } from './chunk-V4PG262Z.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { InfoIcon } from '@hopper-ui/icons';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef, useContext } from 'react';
-import { useContextProps, FieldErrorContext } from 'react-aria-components';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// css-module:./HelperMessage.module.css#css-module
-var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___iCR9L", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___0m5Ul" };
-var GlobalHelperMessageCssSelector = "hop-HelperMessage";
-function HelperMessage(props, ref) {
-  const validation = useContext(FieldErrorContext);
-  if (validation == null ? void 0 : validation.isInvalid) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(HelperMessageInner, { ...props, ref });
-}
-var _HelperMessage = forwardRef(HelperMessage);
-_HelperMessage.displayName = "HelperMessage";
-var HelperMessageInner = forwardRef((props, ref) => {
-  [props, ref] = useContextProps(props, ref, HelperMessageContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const { className, children, hideIcon = false, style, slot = "description", ...otherProps } = ownProps;
-  const classNames = clsx(
-    GlobalHelperMessageCssSelector,
-    cssModule(
-      HelperMessage_module_default,
-      "hop-HelperMessage"
-    ),
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsxs(
-    _Text,
-    {
-      ref,
-      className: classNames,
-      style: mergedStyles,
-      size: "xs",
-      slot,
-      ...otherProps,
-      children: [
-        !hideIcon && /* @__PURE__ */ jsx(InfoIcon, { size: "sm", className: HelperMessage_module_default["hop-HelperMessage__icon"] }),
-        children
-      ]
-    }
-  );
-});
-
-export { GlobalHelperMessageCssSelector, _HelperMessage };

package/dist/chunk-3GDBPRCQ.js

@@ -1,44 +0,0 @@
-import { OverlineTextContext } from './chunk-WPNVVGFW.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem } from '@hopper-ui/styled-system';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { useContextProps, Text } from 'react-aria-components';
-import { jsx } from 'react/jsx-runtime';
-
-// css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___SapTb", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___wYArw" };
-var GlobalOverlineTextCssSelector = "hop-OverlineText";
-function OverlineText(props, ref) {
-  [props, ref] = useContextProps(props, ref, OverlineTextContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const { className, children, style, elementType = "span", ...otherProps } = ownProps;
-  const classNames = clsx(
-    GlobalOverlineTextCssSelector,
-    cssModule(
-      OverlineText_module_default,
-      "hop-OverlineText"
-    ),
-    stylingProps.className,
-    className
-  );
-  const mergedStyles = {
-    ...stylingProps.style,
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    Text,
-    {
-      ref,
-      elementType,
-      className: classNames,
-      style: mergedStyles,
-      ...otherProps,
-      children: /* @__PURE__ */ jsx("span", { className: OverlineText_module_default["hop-OverlineText__text"], children })
-    }
-  );
-}
-var _OverlineText = forwardRef(OverlineText);
-_OverlineText.displayName = "OverlineText";
-
-export { GlobalOverlineTextCssSelector, _OverlineText };

package/dist/chunk-3MTGAZ77.js

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

package/dist/chunk-3ZCLNFNH.js

@@ -1,56 +0,0 @@
-import { useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
-import { useState, useEffect, useRef, useCallback } from 'react';
-
-// src/Avatar/src/useImageFallback.ts
-function useImageFallback(props) {
-  const { src, fallbackSrc, onError, onLoad } = props;
-  const [status, setStatus] = useState("pending");
-  const [imageUrl, setImageUrl] = useState(src != null ? src : "");
-  useEffect(() => {
-    setStatus(src ? "loading" : "pending");
-  }, [src]);
-  const imageRef = useRef(null);
-  const load = useCallback(() => {
-    if (!src) {
-      return;
-    }
-    flush();
-    const image = new Image();
-    image.src = src;
-    setImageUrl(src);
-    image.onload = (event) => {
-      flush();
-      setStatus("loaded");
-      onLoad == null ? void 0 : onLoad(event);
-    };
-    image.onerror = (event) => {
-      if (src !== fallbackSrc && image.src === src && fallbackSrc) {
-        setImageUrl(fallbackSrc);
-        image.src = fallbackSrc;
-      } else {
-        setStatus("failed");
-        flush();
-      }
-      onError == null ? void 0 : onError(event);
-    };
-    imageRef.current = image;
-  }, [src, onLoad, fallbackSrc, onError]);
-  const flush = () => {
-    if (imageRef.current) {
-      imageRef.current.onload = null;
-      imageRef.current.onerror = null;
-      imageRef.current = null;
-    }
-  };
-  useIsomorphicLayoutEffect(() => {
-    if (status === "loading") {
-      load();
-    }
-    return () => {
-      flush();
-    };
-  }, [status, load]);
-  return { imageUrl, status };
-}
-
-export { useImageFallback };

package/dist/chunk-3ZFWPRCT.js

@@ -1,101 +0,0 @@
-import { RadioFieldContext } from './chunk-DGLAGYBD.js';
-import { RadioContext } from './chunk-FU5CCPLP.js';
-import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-V4PG262Z.js';
-import { ClearContainerSlots } from './chunk-ZMIX3DJQ.js';
-import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
-import { cssModule } from './chunk-KVDXQMWI.js';
-import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
-import { useSlotId } from '@react-aria/utils';
-import { forwardRef } from 'react';
-import { mergeProps } from 'react-aria';
-import { useContextProps, composeRenderProps } from 'react-aria-components';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// css-module:./RadioField.module.css#css-module
-var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___jfxGw", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___losFB", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___Ai1VQ", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___M9Pkp", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___sXP7e" };
-var GlobalRadioFieldCssSelector = "hop-RadioField";
-var RadioToDescriptionSizeAdapter = {
-  sm: "xs",
-  md: "sm"
-};
-function RadioField(props, ref) {
-  var _a;
-  [props, ref] = useContextProps(props, ref, RadioFieldContext);
-  const { stylingProps, ...ownProps } = useStyledSystem(props);
-  const {
-    className,
-    description,
-    isDisabled,
-    size: sizeProp = "md",
-    style,
-    slot,
-    ...otherProps
-  } = ownProps;
-  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
-  const classNames = composeClassnameRenderProps(
-    className,
-    GlobalRadioFieldCssSelector,
-    cssModule(
-      RadioField_module_default,
-      "hop-RadioField",
-      size
-    ),
-    stylingProps.className
-  );
-  const mergedStyles = composeRenderProps(style, (prev) => {
-    return {
-      ...stylingProps.style,
-      ...prev
-    };
-  });
-  const renderProps = useRenderProps({
-    ...props,
-    className: classNames,
-    style: mergedStyles,
-    values: {
-      isDisabled: isDisabled || false
-    }
-  });
-  const descriptionId = useSlotId([Boolean(description)]);
-  return /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
-    SlotProvider,
-    {
-      values: [
-        [RadioContext, {
-          className: RadioField_module_default["hop-RadioField__radio"],
-          size,
-          isDisabled,
-          "aria-describedby": descriptionId
-        }]
-      ],
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ...mergeProps(otherProps, renderProps),
-          ref,
-          slot: slot != null ? slot : void 0,
-          "data-disabled": isDisabled,
-          children: [
-            renderProps.children,
-            description && /* @__PURE__ */ jsx(
-              _Text,
-              {
-                id: descriptionId,
-                className: RadioField_module_default["hop-RadioField__description"],
-                size: RadioToDescriptionSizeAdapter[size],
-                slot: "description",
-                children: description
-              }
-            )
-          ]
-        }
-      )
-    }
-  ) });
-}
-var _RadioField = forwardRef(RadioField);
-_RadioField.displayName = "RadioField";
-
-export { GlobalRadioFieldCssSelector, _RadioField };