@hopper-ui/components 1.3.23 → 1.3.25

package/dist/{chunk-QN4JO3ZF.js → chunk-WQT2547E.js}

@@ -1,5 +1,5 @@
 import { ClearButtonContext } from './chunk-DXVKHP4V.js';
-import { _EmbeddedButton } from './chunk-274FJB5O.js';
+import { _EmbeddedButton } from './chunk-P5EJKG65.js';
 import { useLocalizedString } from './chunk-TFVDF4YH.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { forwardRef } from 'react';

package/dist/{chunk-2E3YA5WL.js → chunk-WYWHOSC6.js}

@@ -1,11 +1,11 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { IconListContext } from './chunk-DHVVYSLB.js';
-import { EnsureTextWrapper } from './chunk-2ASLFWR3.js';
+import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
 import { useRenderProps } from './chunk-NH3IVMXB.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext, MinusIcon, CheckmarkIcon } from '@hopper-ui/icons';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DecorativeCheckbox.module.css#css-module
-var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___XFbcU Checkbox-module__hop-Checkbox___6p94H", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___YIc1u Checkbox-module__hop-Checkbox--sm___Q21jw", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___J2PvK Checkbox-module__hop-Checkbox--md___xCsVT", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___JsC8C Checkbox-module__hop-Checkbox__icon___xTtXG", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___KBc5m Checkbox-module__hop-Checkbox__icon___xTtXG", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___w6lwK Checkbox-module__hop-Checkbox__box___-Yuy-", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___XOONT Checkbox-module__hop-Checkbox__check___mp55c", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___YkK29 Checkbox-module__hop-Checkbox__text___KzSfP" };
+var DecorativeCheckbox_module_default = { "hop-DecorativeCheckbox": "DecorativeCheckbox-module__hop-DecorativeCheckbox___AbS9w Checkbox-module__hop-Checkbox___egH6w", "hop-DecorativeCheckbox--sm": "DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___pe8Ns Checkbox-module__hop-Checkbox--sm___bE3Lt", "hop-DecorativeCheckbox--md": "DecorativeCheckbox-module__hop-DecorativeCheckbox--md___dNtzP Checkbox-module__hop-Checkbox--md___-VJ30", "hop-DecorativeCheckbox__icon": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___kdbBA Checkbox-module__hop-Checkbox__icon___zNKWi", "hop-DecorativeCheckbox__icon-list": "DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___-D6ul Checkbox-module__hop-Checkbox__icon___zNKWi", "hop-DecorativeCheckbox__box": "DecorativeCheckbox-module__hop-DecorativeCheckbox__box___CIPTg Checkbox-module__hop-Checkbox__box___VefY2", "hop-DecorativeCheckbox__check": "DecorativeCheckbox-module__hop-DecorativeCheckbox__check___plG89 Checkbox-module__hop-Checkbox__check___fpH6T", "hop-DecorativeCheckbox__text": "DecorativeCheckbox-module__hop-DecorativeCheckbox__text___Amp9H Checkbox-module__hop-Checkbox__text___njOhl" };
 var GlobalDecorativeCheckboxCssSelector = "hop-DecorativeCheckbox";
 function DecorativeCheckbox(props, ref) {
   var _a;

package/dist/{chunk-H3MVVKNK.js → chunk-X7WNB6WS.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___IXZZR", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___0QU2V", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___6EVZi", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___3f4MO", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___k8Bla", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___DuE7P" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Y2cEn", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___oYBzt", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___kt9oJ", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___34R4r", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___7TOhU", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___o-ej7" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-CFRCUHQZ.js → chunk-XSKVQY7T.js}

@@ -1,38 +1,38 @@
 import { TagGroupContext } from './chunk-LCAS3YQV.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
-import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { _Footer } from './chunk-GTM56LGX.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
-import { PasswordFieldContext } from './chunk-QW45G6K4.js';
 import { SearchFieldContext } from './chunk-3NKF5TPD.js';
 import { TextAreaContext } from './chunk-MHQZXLKW.js';
+import { TextFieldContext } from './chunk-O4XPUINW.js';
 import { NumberFieldContext } from './chunk-ZQ3AWYRR.js';
+import { PasswordFieldContext } from './chunk-QW45G6K4.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
 import { ButtonGroupContext } from './chunk-VJQ7M2BK.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
-import { SelectOptionsContext } from './chunk-CQFXGAJK.js';
 import { ButtonContext as ButtonContext$1 } from './chunk-WMTWFKKP.js';
 import { SelectContext } from './chunk-T24MBA34.js';
-import { LinkContext } from './chunk-4VVNSXIB.js';
-import { _ListBox } from './chunk-Q5ITMJW2.js';
+import { SelectOptionsContext } from './chunk-CQFXGAJK.js';
+import { _ListBox } from './chunk-6FGO2GDP.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { _HopperProvider } from './chunk-NMKBUGSO.js';
+import { LinkContext } from './chunk-4VVNSXIB.js';
 import { FormContext } from './chunk-EURJK4ZT.js';
+import { ComboBoxOptionsContext } from './chunk-XGOJ7VOE.js';
+import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { EnsureTextWrapper } from './chunk-2ASLFWR3.js';
+import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
 import { HeadingContext } from './chunk-TXZ6BMFR.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
-import { ComboBoxOptionsContext } from './chunk-XGOJ7VOE.js';
-import { BadgeContext } from './chunk-CQDLZ42T.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearProviders } from './chunk-HXI3MEEK.js';
-import { SlotProvider } from './chunk-M36KANKC.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue, useColorSchemeContext } from '@hopper-ui/styled-system';
 export * from '@hopper-ui/styled-system';
@@ -123,7 +123,7 @@ var _ComboBoxOptions = forwardRef(ComboBoxOptions);
 _ComboBoxOptions.displayName = "ComboBoxOptions";
 
 // css-module:./Form.module.css#css-module
-var Form_module_default = { "hop-Form": "Form-module__hop-Form___tj4-P" };
+var Form_module_default = { "hop-Form": "Form-module__hop-Form___k-qf6" };
 var GlobalFormCssSelector = "hop-Form";
 function Form(props, ref) {
   var _a;
@@ -738,7 +738,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
 }
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___SH1ee", "fade": "Popover-module__fade___fPmE-", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___nkXzy", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___IO3PL", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___EfdPN", "hop-Popover__title": "Popover-module__hop-Popover__title___UNlB1", "hop-Popover__content": "Popover-module__hop-Popover__content___kVKqO", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___iDWIe", "hop-Popover__footer": "Popover-module__hop-Popover__footer___u2Usr", "hop-Popover__actions": "Popover-module__hop-Popover__actions___NTjkp", "hop-Popover__action": "Popover-module__hop-Popover__action___4FF5r" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___0W4lQ", "fade": "Popover-module__fade___-Uil4", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___1zEVU", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___Mt9Jo", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___PoQpI", "hop-Popover__title": "Popover-module__hop-Popover__title___1oWTa", "hop-Popover__content": "Popover-module__hop-Popover__content___Rgicc", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___LQ8My", "hop-Popover__footer": "Popover-module__hop-Popover__footer___EiDp8", "hop-Popover__actions": "Popover-module__hop-Popover__actions___R0VZP", "hop-Popover__action": "Popover-module__hop-Popover__action___0c-dO" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/{chunk-FJJGUPQ2.js → chunk-XVOHLDT7.js}

@@ -1,14 +1,14 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { EnsureTextWrapper } from './chunk-2ASLFWR3.js';
+import { EnsureTextWrapper } from './chunk-QH5LWKA7.js';
 import { LabelContext } from './chunk-QCA3ZR56.js';
 import { HelperMessageContext } from './chunk-HZKFQ33E.js';
 import { ErrorMessageContext } from './chunk-FAE27DLF.js';
 import { ComboBoxContext } from './chunk-4XHTP4GX.js';
 import { TextContext } from './chunk-X6SER3TZ.js';
 import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
-import { SlotProvider } from './chunk-M36KANKC.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';
@@ -18,7 +18,7 @@ import { useContextProps, useSlottedContext, InputContext, composeRenderProps, C
 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___4q8ly", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___PRhRC", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___fw4iy", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___lS9-p", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___muJXw", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___BuClg", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___E1lkz", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___0eAke", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___YpD-4", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___srXaC", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___HYIZJ", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___5Gu0u" };
+var ComboBox_module_default = { "hop-ComboBox": "ComboBox-module__hop-ComboBox___a9LpO", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___d-xQt", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___1Pmp0", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___Y0udS", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___iATng", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___4-gUx", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___uEoSl", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___-e9b-", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___omevd", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___LTpHS", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___avOXN", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___QGgiZ" };
 var GlobalComboBoxCssSelector = "hop-ComboBox";
 function ComboBox(props, ref) {
   var _a, _b, _c;

package/dist/chunk-YSI55QTD.js

@@ -0,0 +1,133 @@
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
+import { RadioGroupContext } from './chunk-5MBJWRZD.js';
+import { RadioContext } from './chunk-FU5CCPLP.js';
+import { _HelperMessage } from './chunk-L37Y7HGN.js';
+import { _ErrorMessage } from './chunk-2ETSJJL5.js';
+import { _Label } from './chunk-AAMEZDS5.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 clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./RadioGroup.module.css#css-module
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___S5RSh", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___lbjiV", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___55KLp", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___hI2c8", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___VqckA", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___pCNlq", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___82uWm", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___EQAOM", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___A0DRQ" };
+var GlobalRadioGroupCssSelector = "hop-RadioGroup";
+function RadioGroup(props, ref) {
+  var _a, _b, _c;
+  [props, ref] = useContextProps(props, ref, RadioGroupContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { stylingProps: listStylingProps, ...listProps } = useStyledSystem((_a = ownProps.listProps) != null ? _a : {});
+  const {
+    className,
+    children: childrenProp,
+    description,
+    errorMessage,
+    isDisabled,
+    isInvalid,
+    isRequired,
+    label,
+    orientation: orientationProp = "vertical",
+    size: sizeProp = "md",
+    style: styleProp,
+    variant = "borderless",
+    necessityIndicator,
+    ...otherProps
+  } = ownProps;
+  const {
+    className: listClassName,
+    slot: listSlot,
+    style: listStyleProp,
+    ...otherListProps
+  } = listProps;
+  const orientation = (_b = useResponsiveValue(orientationProp)) != null ? _b : "vertical";
+  const size = (_c = useResponsiveValue(sizeProp)) != null ? _c : "md";
+  const classNames = composeClassnameRenderProps(
+    className,
+    GlobalRadioGroupCssSelector,
+    cssModule(
+      RadioGroup_module_default,
+      "hop-RadioGroup",
+      size,
+      variant
+    ),
+    stylingProps.className
+  );
+  const listClassNames = clsx(
+    RadioGroup_module_default["hop-RadioGroup__list"],
+    listClassName,
+    listStylingProps.className
+  );
+  const style = composeRenderProps(styleProp, (prev) => {
+    return {
+      ...stylingProps.style,
+      ...prev
+    };
+  });
+  const listStyle = {
+    ...listStylingProps.style,
+    ...listStyleProp
+  };
+  const children = composeRenderProps(childrenProp, (prev) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: listClassNames,
+        slot: listSlot != null ? listSlot : void 0,
+        style: listStyle,
+        ...otherListProps,
+        children: prev
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [RadioContext, {
+          className: RadioGroup_module_default["hop-RadioGroup__radio"],
+          size
+        }],
+        [RadioFieldContext, {
+          className: RadioGroup_module_default["hop-RadioGroup__radio"],
+          size,
+          isDisabled
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        RadioGroup$1,
+        {
+          ref,
+          className: classNames,
+          style,
+          isInvalid,
+          isDisabled,
+          isRequired,
+          orientation,
+          ...otherProps,
+          children: (radioGroupRenderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            label && /* @__PURE__ */ jsx(
+              _Label,
+              {
+                className: RadioGroup_module_default["hop-RadioGroup__label"],
+                isRequired,
+                necessityIndicator,
+                children: label
+              }
+            ),
+            children(radioGroupRenderProps),
+            description && /* @__PURE__ */ jsx(_HelperMessage, { className: RadioGroup_module_default["hop-RadioGroup__helper-message"], hideIcon: true, children: description }),
+            errorMessage && /* @__PURE__ */ jsx(_ErrorMessage, { className: RadioGroup_module_default["hop-RadioGroup__error-message"], hideIcon: true, children: errorMessage })
+          ] })
+        }
+      )
+    }
+  );
+}
+var _RadioGroup = forwardRef(RadioGroup);
+_RadioGroup.displayName = "RadioGroup";
+
+export { GlobalRadioGroupCssSelector, _RadioGroup };