@hopper-ui/components 0.1.1 → 1.0.1

package/dist/chunk-3FT5XSWV.js

@@ -0,0 +1,124 @@
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { _Text } from './chunk-HUJ3PTM7.js';
+import { TextContext } from './chunk-OE5BLFZI.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, DEFAULT_SLOT, Link as Link$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Link.module.css#css-module
+var Link_module_default = { "hop-Link": "Link-module__hop-Link___oiI-Z", "hop-Link--quiet": "Link-module__hop-Link--quiet___Hf4-m", "hop-Link--primary": "Link-module__hop-Link--primary___Oi-l-", "hop-Link--secondary": "Link-module__hop-Link--secondary___r8H7h", "hop-Link__icon": "Link-module__hop-Link__icon___JBrAN", "hop-Link__icon-list": "Link-module__hop-Link__icon-list___GKemr", "hop-Link__text": "Link-module__hop-Link__text___-0Fhk", "hop-Link__start-icon": "Link-module__hop-Link__start-icon___QQAbh", "hop-Link__start-icon-list": "Link-module__hop-Link__start-icon-list___hA3bc" };
+var GlobalLinkCssSelector = "hop-Link";
+var LinkToIconSizeAdapter = {
+  inherit: void 0,
+  xs: "sm",
+  sm: "sm",
+  md: "md",
+  lg: "md",
+  xl: "lg",
+  "2xl": "lg"
+};
+function Link(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, LinkContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    size: sizeProp,
+    style: styleProp,
+    isQuiet,
+    isExternal,
+    variant = "primary",
+    rel,
+    target,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "inherit";
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalLinkCssSelector,
+    cssModule(
+      Link_module_default,
+      "hop-Link",
+      isQuiet && "quiet",
+      variant,
+      size
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    if (prev && isTextOnlyChildren(prev)) {
+      return /* @__PURE__ */ jsx(_Text, { children: prev });
+    }
+    return prev;
+  });
+  const iconSize = LinkToIconSizeAdapter[size];
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [IconListContext, {
+          slots: {
+            [DEFAULT_SLOT]: {
+              color: "inherit",
+              size: iconSize,
+              className: Link_module_default["hop-Link__icon-list"]
+            },
+            "start-icon": {
+              color: "inherit",
+              size: iconSize,
+              className: Link_module_default["hop-Link__start-icon-list"]
+            }
+          }
+        }],
+        [IconContext, {
+          slots: {
+            [DEFAULT_SLOT]: {
+              color: "inherit",
+              size: iconSize,
+              className: Link_module_default["hop-Link__icon"]
+            },
+            "start-icon": {
+              color: "inherit",
+              size: iconSize,
+              className: Link_module_default["hop-Link__start-icon"]
+            }
+          }
+        }],
+        [TextContext, {
+          size,
+          className: Link_module_default["hop-Link__text"]
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        Link$1,
+        {
+          ...otherProps,
+          rel: rel != null ? rel : isExternal ? "noopener noreferrer" : void 0,
+          target: target != null ? target : isExternal ? "_blank" : void 0,
+          ref,
+          className: classNames,
+          style,
+          children
+        }
+      )
+    }
+  );
+}
+var _Link = forwardRef(Link);
+_Link.displayName = "Link";
+
+export { GlobalLinkCssSelector, _Link };

package/dist/chunk-3KIUEBO3.js

@@ -0,0 +1,69 @@
+import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
+import { useRenderProps } from './chunk-NH3IVMXB.js';
+import { _Text } from './chunk-HUJ3PTM7.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { WarningIcon } from '@hopper-ui/icons';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext } from 'react';
+import { FieldErrorContext, useContextProps } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./ErrorMessage.module.css#css-module
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___rzxzc", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___XMlVC" };
+var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
+function ErrorMessage(props, ref) {
+  const validation = useContext(FieldErrorContext);
+  if (!(validation == null ? void 0 : validation.isInvalid)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ErrorMessageInner, { ...props, ref });
+}
+var _ErrorMessage = forwardRef(ErrorMessage);
+_ErrorMessage.displayName = "ErrorMessage";
+var ErrorMessageInner = forwardRef((props, ref) => {
+  const validation = useContext(FieldErrorContext);
+  [props, ref] = useContextProps(props, ref, ErrorMessageContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { className, children, hideIcon = false, style, slot = "errorMessage", ...otherProps } = ownProps;
+  const classNames = clsx(
+    GlobalErrorMessageCssSelector,
+    cssModule(
+      ErrorMessage_module_default,
+      "hop-ErrorMessage"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  const warningIcon = !hideIcon && /* @__PURE__ */ jsx(WarningIcon, { size: "sm", className: ErrorMessage_module_default["hop-ErrorMessage__icon"] });
+  const renderProps = useRenderProps({
+    className: classNames,
+    children: children ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      warningIcon,
+      " ",
+      children
+    ] }) : null,
+    defaultChildren: /* @__PURE__ */ jsxs(Fragment, { children: [
+      warningIcon,
+      " ",
+      validation.validationErrors.join(" ")
+    ] }),
+    values: validation
+  });
+  return /* @__PURE__ */ jsx(
+    _Text,
+    {
+      ...otherProps,
+      ...renderProps,
+      slot,
+      ref,
+      style: mergedStyles
+    }
+  );
+});
+
+export { GlobalErrorMessageCssSelector, _ErrorMessage };

package/dist/chunk-3LRBUQC2.js

@@ -0,0 +1,43 @@
+import { CheckboxListContext } from './chunk-WDUQUPTE.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';
+
+var GlobalCheckboxListCssSelector = "hop-CheckboxList";
+function CheckboxList(props, ref) {
+  [props, ref] = useContextProps(props, ref, CheckboxListContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    className,
+    GlobalCheckboxListCssSelector,
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      slot: slot != null ? slot : void 0,
+      children
+    }
+  );
+}
+var _CheckboxList = forwardRef(CheckboxList);
+_CheckboxList.displayName = "CheckboxList";
+
+export { GlobalCheckboxListCssSelector, _CheckboxList };

package/dist/chunk-4VVNSXIB.js

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

package/dist/chunk-5MBJWRZD.js

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

package/dist/chunk-6EMOC7TA.js

@@ -0,0 +1,83 @@
+import { SwitchFieldContext } from './chunk-H7VJS4MX.js';
+import { SwitchContext } from './chunk-YHBJAXUY.js';
+import { TextContext } from './chunk-OE5BLFZI.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useId } from 'react-aria';
+import { useContextProps } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./SwitchField.module.css#css-module
+var SwitchField_module_default = { "hop-SwitchField": "SwitchField-module__hop-SwitchField___MErIH", "hop-SwitchField--sm": "SwitchField-module__hop-SwitchField--sm___yuCKo", "hop-SwitchField--md": "SwitchField-module__hop-SwitchField--md___XnuIh", "hop-SwitchField__description": "SwitchField-module__hop-SwitchField__description___cn6Ep", "hop-SwitchField__switch": "SwitchField-module__hop-SwitchField__switch___4JG5h" };
+var GlobalSwitchFieldCssSelector = "hop-SwitchField";
+var SwitchToDescriptionSizeAdapter = {
+  sm: "xs",
+  md: "sm"
+};
+function SwitchField(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, SwitchFieldContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    isDisabled,
+    size: sizeProp = "md",
+    style,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    className,
+    GlobalSwitchFieldCssSelector,
+    cssModule(
+      SwitchField_module_default,
+      "hop-SwitchField",
+      size
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  const descriptionId = useId();
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, {
+          id: descriptionId,
+          className: SwitchField_module_default["hop-SwitchField__description"],
+          size: SwitchToDescriptionSizeAdapter[size]
+        }],
+        [SwitchContext, {
+          className: SwitchField_module_default["hop-SwitchField__switch"],
+          size,
+          isDisabled,
+          "aria-describedby": descriptionId
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...otherProps,
+          ref,
+          className: classNames,
+          style: mergedStyles,
+          slot: slot != null ? slot : void 0,
+          "data-disabled": isDisabled,
+          children
+        }
+      )
+    }
+  );
+}
+var _SwitchField = forwardRef(SwitchField);
+_SwitchField.displayName = "SwitchField";
+
+export { GlobalSwitchFieldCssSelector, _SwitchField };

package/dist/chunk-A7TZHALP.js

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

package/dist/chunk-ACVMW6YD.js

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

package/dist/{chunk-YLDA2M2E.js → chunk-ANVMQBBG.js}

@@ -15,6 +15,7 @@ var HopperProvider = (props, ref) => {
     withCssVariables = true,
     className,
     navigate,
+    useHref,
     ...rest
   } = props;
   const classNames = clsx(
@@ -23,7 +24,7 @@ var HopperProvider = (props, ref) => {
   );
   let content = children;
   if (navigate) {
-    content = /* @__PURE__ */ jsx(RouterProvider, { navigate, children });
+    content = /* @__PURE__ */ jsx(RouterProvider, { navigate, useHref, children });
   }
   return /* @__PURE__ */ jsx(StyledSystemProvider, { ref, withBodyStyle, colorScheme, withCssVariables, className: classNames, ...rest, children: /* @__PURE__ */ jsx(I18nProvider, { locale, children: content }) });
 };

package/dist/chunk-BIVAOAN2.js

@@ -0,0 +1,101 @@
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
+import { RadioGroupContext } from './chunk-5MBJWRZD.js';
+import { RadioListContext } from './chunk-A7TZHALP.js';
+import { RadioContext } from './chunk-FU5CCPLP.js';
+import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
+import { HelperMessageContext } from './chunk-ESVVLTEN.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { LabelContext } from './chunk-HVKOIMMW.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./RadioGroup.module.css#css-module
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___tyigb", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___qqRsL", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___tPrLx", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___ycjxA", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___hknla", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___NFcmy", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___BXwx0", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___YSs1D", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___IS5V1" };
+var GlobalRadioGroupCssSelector = "hop-RadioGroup";
+function RadioGroup(props, ref) {
+  var _a, _b;
+  [props, ref] = useContextProps(props, ref, RadioGroupContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    isDisabled,
+    isInvalid,
+    orientation: orientationProp = "vertical",
+    size: sizeProp = "md",
+    style: styleProp,
+    variant = "borderless",
+    ...otherProps
+  } = ownProps;
+  const orientation = (_a = useResponsiveValue(orientationProp)) != null ? _a : "vertical";
+  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "md";
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalRadioGroupCssSelector,
+    cssModule(
+      RadioGroup_module_default,
+      "hop-RadioGroup",
+      size,
+      variant
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [LabelContext, {
+          className: RadioGroup_module_default["hop-RadioGroup__label"],
+          size
+        }],
+        [RadioContext, {
+          className: RadioGroup_module_default["hop-RadioGroup__radio"],
+          size
+        }],
+        [RadioFieldContext, {
+          className: RadioGroup_module_default["hop-RadioGroup__radio"],
+          size,
+          isDisabled
+        }],
+        [RadioListContext, {
+          className: RadioGroup_module_default["hop-RadioGroup__list"]
+        }],
+        [ErrorMessageContext, {
+          className: RadioGroup_module_default["hop-RadioGroup__error-message"],
+          hideIcon: true
+        }],
+        [HelperMessageContext, {
+          className: RadioGroup_module_default["hop-RadioGroup__helper-message"],
+          hideIcon: true
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        RadioGroup$1,
+        {
+          ref,
+          className: classNames,
+          style,
+          isInvalid,
+          isDisabled,
+          orientation,
+          ...otherProps,
+          children
+        }
+      )
+    }
+  );
+}
+var _RadioGroup = forwardRef(RadioGroup);
+_RadioGroup.displayName = "RadioGroup";
+
+export { GlobalRadioGroupCssSelector, _RadioGroup };

package/dist/chunk-BPM4ETTB.js

@@ -0,0 +1,35 @@
+import { __commonJS, __toESM } from './chunk-YSQDPG26.js';
+import { useLocalizedStringFormatter } from 'react-aria';
+
+// src/i18n/intl/en-US.json
+var require_en_US = __commonJS({
+  "src/i18n/intl/en-US.json"(exports, module) {
+    module.exports = {
+      "Button.spinnerAriaLabel": `Loading`,
+      "Input.charactersLeft": (args, formatter) => `${formatter.plural(args.charLeft, { "=0": `No characters left`, one: () => `${formatter.number(args.charLeft)} character left`, other: () => `${formatter.number(args.charLeft)} characters left` })}.`
+    };
+  }
+});
+
+// src/i18n/intl/fr-CA.json
+var require_fr_CA = __commonJS({
+  "src/i18n/intl/fr-CA.json"(exports, module) {
+    module.exports = {
+      "Button.spinnerAriaLabel": `Chargement en cours`,
+      "Input.charactersLeft": (args, formatter) => `${formatter.plural(args.charLeft, { "=0": `Aucun caract\xE8re restant`, one: () => `${formatter.number(args.charLeft)} caract\xE8re restant`, other: () => `${formatter.number(args.charLeft)} caract\xE8res restants` })}.`
+    };
+  }
+});
+
+// src/i18n/src/useLocalizedString.tsx
+var import_en_US = __toESM(require_en_US(), 1);
+var import_fr_CA = __toESM(require_fr_CA(), 1);
+var Resources = {
+  "en-US": import_en_US.default,
+  "fr-CA": import_fr_CA.default
+};
+function useLocalizedString() {
+  return useLocalizedStringFormatter(Resources, "@hopper-ui/components");
+}
+
+export { useLocalizedString };

package/dist/chunk-CE3ABLD2.js

@@ -0,0 +1,92 @@
+import { RadioContext } from './chunk-FU5CCPLP.js';
+import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
+import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { _Text } from './chunk-HUJ3PTM7.js';
+import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
+import { TextContext } from './chunk-OE5BLFZI.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { IconListContext } from './chunk-DHVVYSLB.js';
+import { BulletIcon, IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, Radio as Radio$1 } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./Radio.module.css#css-module
+var Radio_module_default = { "hop-Radio": "Radio-module__hop-Radio___J9jax", "hop-Radio--sm": "Radio-module__hop-Radio--sm___XzxGj", "hop-Radio--md": "Radio-module__hop-Radio--md___ma6ni", "hop-Radio__icon": "Radio-module__hop-Radio__icon___67u4N", "hop-Radio__icon-list": "Radio-module__hop-Radio__icon-list___AEqkh", "hop-Radio__box": "Radio-module__hop-Radio__box___-lKCg", "hop-Radio__bullet": "Radio-module__hop-Radio__bullet___glY5a", "hop-Radio__text": "Radio-module__hop-Radio__text___P-AeI" };
+var GlobalRadioCssSelector = "hop-Radio";
+function Radio(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, RadioContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children: childrenProp,
+    size: sizeProp = "md",
+    style: styleProp,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalRadioCssSelector,
+    cssModule(
+      Radio_module_default,
+      "hop-Radio",
+      size
+    ),
+    stylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const children = composeRenderProps(childrenProp, (prev) => {
+    if (prev && isTextOnlyChildren(prev)) {
+      return /* @__PURE__ */ jsx(_Text, { children: prev });
+    }
+    return prev;
+  });
+  return /* @__PURE__ */ jsx(
+    Radio$1,
+    {
+      ref,
+      className: classNames,
+      style,
+      ...otherProps,
+      children: (radioProps) => {
+        const radioIconClassName = Radio_module_default["hop-Radio__bullet"];
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: Radio_module_default["hop-Radio__box"], children: /* @__PURE__ */ jsx(BulletIcon, { size, className: radioIconClassName }) }),
+          /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [TextContext, {
+                  className: Radio_module_default["hop-Radio__text"],
+                  size
+                }],
+                [IconListContext, {
+                  className: Radio_module_default["hop-Radio__icon-list"],
+                  size
+                }],
+                [IconContext, {
+                  className: Radio_module_default["hop-Radio__icon"],
+                  size
+                }]
+              ],
+              children: children(radioProps)
+            }
+          ) })
+        ] });
+      }
+    }
+  );
+}
+var _Radio = forwardRef(Radio);
+_Radio.displayName = "Radio";
+
+export { GlobalRadioCssSelector, _Radio };

package/dist/chunk-CJFCOPMQ.js

@@ -0,0 +1,57 @@
+import { HelperMessageContext } from './chunk-ESVVLTEN.js';
+import { _Text } from './chunk-HUJ3PTM7.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___cUnyr", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___6wjTh" };
+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,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      size: "xs",
+      slot,
+      children: [
+        !hideIcon && /* @__PURE__ */ jsx(InfoIcon, { size: "sm", className: HelperMessage_module_default["hop-HelperMessage__icon"] }),
+        children
+      ]
+    }
+  );
+});
+
+export { GlobalHelperMessageCssSelector, _HelperMessage };

package/dist/chunk-DGLAGYBD.js

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