@hopper-ui/components 1.3.24 → 1.3.25

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

@@ -1,14 +1,14 @@
 import { PopoverContext } from './chunk-SC6ZK5ON.js';
 import { ListBoxContext } from './chunk-UIEP5BA5.js';
-import { EnsureTextWrapper } from './chunk-7UIRCOSZ.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___QvTxj", "hop-ComboBox--fluid": "ComboBox-module__hop-ComboBox--fluid___i9BEB", "hop-ComboBox__label": "ComboBox-module__hop-ComboBox__label___Rey-J", "hop-ComboBox__trigger": "ComboBox-module__hop-ComboBox__trigger___kGULP", "hop-ComboBox__trigger--sm": "ComboBox-module__hop-ComboBox__trigger--sm___5Rj--", "hop-ComboBox__trigger--md": "ComboBox-module__hop-ComboBox__trigger--md___BVlUI", "hop-ComboBox__input": "ComboBox-module__hop-ComboBox__input___4bjls", "hop-ComboBox__button": "ComboBox-module__hop-ComboBox__button___JAJ5n", "hop-ComboBox__prefix": "ComboBox-module__hop-ComboBox__prefix___QcH9U", "hop-ComboBox__button-icon": "ComboBox-module__hop-ComboBox__button-icon___fCjko", "hop-ComboBox__helper-message": "ComboBox-module__hop-ComboBox__helper-message___fgvp3", "hop-ComboBox__error-message": "ComboBox-module__hop-ComboBox__error-message___Kb04V" };
+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 };