@hopper-ui/components 0.1.1 → 1.0.1

package/dist/chunk-EADFYPVX.js

@@ -0,0 +1,93 @@
+import { CheckboxContext } from './chunk-2EAZPH3M.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 { MinusIcon, CheckmarkIcon, IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./Checkbox.module.css#css-module
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___BhbaC", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___49uhn", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___prKLF", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___HDKtm", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___2RKb6", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___3yEvn", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___9qQbS", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___R5Lg8" };
+var GlobalCheckboxCssSelector = "hop-Checkbox";
+function Checkbox(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, CheckboxContext);
+  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,
+    GlobalCheckboxCssSelector,
+    cssModule(
+      Checkbox_module_default,
+      "hop-Checkbox",
+      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(
+    Checkbox$1,
+    {
+      ref,
+      className: classNames,
+      style,
+      ...otherProps,
+      children: (checkboxProps) => {
+        const checkboxIconClassName = Checkbox_module_default["hop-Checkbox__check"];
+        const icon = checkboxProps.isIndeterminate ? /* @__PURE__ */ jsx(MinusIcon, { size: "sm", className: checkboxIconClassName }) : /* @__PURE__ */ jsx(CheckmarkIcon, { size: "sm", className: checkboxIconClassName });
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: Checkbox_module_default["hop-Checkbox__box"], children: icon }),
+          /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [TextContext, {
+                  className: Checkbox_module_default["hop-Checkbox__text"],
+                  size
+                }],
+                [IconListContext, {
+                  className: Checkbox_module_default["hop-Checkbox__icon-list"],
+                  size
+                }],
+                [IconContext, {
+                  className: Checkbox_module_default["hop-Checkbox__icon"],
+                  size
+                }]
+              ],
+              children: children(checkboxProps)
+            }
+          ) })
+        ] });
+      }
+    }
+  );
+}
+var _Checkbox = forwardRef(Checkbox);
+_Checkbox.displayName = "Checkbox";
+
+export { GlobalCheckboxCssSelector, _Checkbox };

package/dist/chunk-ESVVLTEN.js

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

package/dist/chunk-FD4HMY5A.js

@@ -0,0 +1,91 @@
+import { SwitchContext } from './chunk-YHBJAXUY.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 { IconContext } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { forwardRef } from 'react';
+import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./Switch.module.css#css-module
+var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___6Sj-R", "hop-Switch--sm": "Switch-module__hop-Switch--sm___KZDNj", "hop-Switch--md": "Switch-module__hop-Switch--md___vSzXv", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___HHYut", "hop-Switch__text": "Switch-module__hop-Switch__text___83KFO", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___fkOxm", "hop-Switch__icon": "Switch-module__hop-Switch__icon___AvDWN" };
+var GlobalSwitchCssSelector = "hop-Switch";
+function Switch(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, SwitchContext);
+  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,
+    GlobalSwitchCssSelector,
+    cssModule(
+      Switch_module_default,
+      "hop-Switch",
+      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(
+    Switch$1,
+    {
+      ref,
+      className: classNames,
+      style,
+      ...otherProps,
+      children: (switchProps) => {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: Switch_module_default["hop-Switch__indicator"] }),
+          /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+            SlotProvider,
+            {
+              values: [
+                [TextContext, {
+                  className: Switch_module_default["hop-Switch__text"],
+                  size
+                }],
+                [IconListContext, {
+                  className: Switch_module_default["hop-Switch__icon-list"],
+                  size
+                }],
+                [IconContext, {
+                  className: Switch_module_default["hop-Switch__icon"],
+                  size
+                }]
+              ],
+              children: children(switchProps)
+            }
+          ) })
+        ] });
+      }
+    }
+  );
+}
+var _Switch = forwardRef(Switch);
+_Switch.displayName = "Switch";
+
+export { GlobalSwitchCssSelector, _Switch };

package/dist/chunk-FU5CCPLP.js

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

package/dist/{chunk-JGYEQS4H.js → chunk-G7RKLBFT.js}

@@ -1,14 +1,14 @@
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SpinnerContext } from './chunk-4ZYV2XLW.js';
-import { _Label } from './chunk-CMJUZLSA.js';
+import { _Label } from './chunk-TRS7R4W3.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import { forwardRef } from 'react';
 import { useContextProps, ProgressBar } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/Spinner/src/Spinner.module.css
-var Spinner_default = {};
+// css-module:./Spinner.module.css#css-module
+var Spinner_module_default = { "hop-Spinner": "Spinner-module__hop-Spinner___aEM81", "spin": "Spinner-module__spin___7FYor", "hop-Spinner--sm": "Spinner-module__hop-Spinner--sm___OD2lW", "hop-Spinner--md": "Spinner-module__hop-Spinner--md___sXKHE", "hop-Spinner--lg": "Spinner-module__hop-Spinner--lg___L-WLb", "hop-Spinner__track": "Spinner-module__hop-Spinner__track___DpgY-", "hop-Spinner__fill": "Spinner-module__hop-Spinner__fill___2StSk", "hop-Spinner__label": "Spinner-module__hop-Spinner__label___uof8N" };
 var GlobalSpinnerCssSelector = "hop-Spinner";
 var SpinnerToLabelSizeAdapter = {
   sm: "xs",
@@ -31,7 +31,7 @@ var Spinner = (props, ref) => {
     className,
     GlobalSpinnerCssSelector,
     cssModule(
-      Spinner_default,
+      Spinner_module_default,
       "hop-Spinner",
       size
     ),
@@ -45,7 +45,7 @@ var Spinner = (props, ref) => {
     _Label,
     {
       className: cssModule(
-        Spinner_default,
+        Spinner_module_default,
         "hop-Spinner__label"
       ),
       size: SpinnerToLabelSizeAdapter[size],
@@ -65,7 +65,7 @@ var Spinner = (props, ref) => {
           "div",
           {
             className: cssModule(
-              Spinner_default,
+              Spinner_module_default,
               "hop-Spinner__track"
             )
           }
@@ -74,7 +74,7 @@ var Spinner = (props, ref) => {
           "div",
           {
             className: cssModule(
-              Spinner_default,
+              Spinner_module_default,
               "hop-Spinner__fill"
             )
           }

package/dist/chunk-H234F7HP.js

@@ -0,0 +1,83 @@
+import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
+import { CheckboxContext } from './chunk-2EAZPH3M.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:./CheckboxField.module.css#css-module
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___9sca9", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___0N2IZ", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___qjuuC", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___gwO6h", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___IbRlC" };
+var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
+var CheckboxToDescriptionSizeAdapter = {
+  sm: "xs",
+  md: "sm"
+};
+function CheckboxField(props, ref) {
+  var _a;
+  [props, ref] = useContextProps(props, ref, CheckboxFieldContext);
+  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,
+    GlobalCheckboxFieldCssSelector,
+    cssModule(
+      CheckboxField_module_default,
+      "hop-CheckboxField",
+      size
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  const descriptionId = useId();
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, {
+          id: descriptionId,
+          className: CheckboxField_module_default["hop-CheckboxField__description"],
+          size: CheckboxToDescriptionSizeAdapter[size]
+        }],
+        [CheckboxContext, {
+          className: CheckboxField_module_default["hop-CheckboxField__checkbox"],
+          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 _CheckboxField = forwardRef(CheckboxField);
+_CheckboxField.displayName = "CheckboxField";
+
+export { GlobalCheckboxFieldCssSelector, _CheckboxField };

package/dist/chunk-H5YTU3U7.js

@@ -0,0 +1,20 @@
+import { useIsomorphicLayoutEffect } from '@hopper-ui/styled-system';
+import { useState, useRef, useCallback } from 'react';
+
+// src/utils/src/useSlot.ts
+function useSlot() {
+  const [hasSlot, setHasSlot] = useState(true);
+  const hasRun = useRef(false);
+  const ref = useCallback((el) => {
+    hasRun.current = true;
+    setHasSlot(!!el);
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    if (!hasRun.current) {
+      setHasSlot(false);
+    }
+  }, []);
+  return [ref, hasSlot];
+}
+
+export { useSlot };

package/dist/chunk-H7VJS4MX.js

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

package/dist/chunk-HUJ3PTM7.js

@@ -0,0 +1,58 @@
+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 { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, Text as Text$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Text.module.css#css-module
+var Text_module_default = { "hop-Text": "Text-module__hop-Text___eHjGr", "hop-Text--xs": "Text-module__hop-Text--xs___6lQf3", "hop-Text--sm": "Text-module__hop-Text--sm___79uWV", "hop-Text--md": "Text-module__hop-Text--md___kaNdx", "hop-Text--lg": "Text-module__hop-Text--lg___DD3l0", "hop-Text--xl": "Text-module__hop-Text--xl___CU19-", "hop-Text--2xl": "Text-module__hop-Text--2xl___Zif3-", "hop-Text--inherit": "Text-module__hop-Text--inherit___NWdla" };
+var GlobalTextCssSelector = "hop-Text";
+function Text(props, ref) {
+  [props, ref] = useContextProps(props, ref, TextContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { className, size: sizeProp, children, style, elementType = "span", ...otherProps } = ownProps;
+  const size = useResponsiveValue(sizeProp != null ? sizeProp : "md");
+  const classNames = clsx(
+    GlobalTextCssSelector,
+    cssModule(
+      Text_module_default,
+      "hop-Text",
+      size
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    Text$1,
+    {
+      ...otherProps,
+      ref,
+      elementType,
+      className: classNames,
+      style: mergedStyles,
+      children: /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsx(
+        SlotProvider,
+        {
+          values: [
+            [TextContext, {
+              size: "inherit"
+            }]
+          ],
+          children
+        }
+      ) })
+    }
+  );
+}
+var _Text = forwardRef(Text);
+_Text.displayName = "Text";
+
+export { GlobalTextCssSelector, _Text };

package/dist/chunk-HXI3MEEK.js

@@ -0,0 +1,27 @@
+import { TextContext } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// src/utils/src/ClearSlots.tsx
+function ClearProviders({
+  values,
+  children
+}) {
+  for (const Context of values) {
+    children = /* @__PURE__ */ jsx(Context.Provider, { value: null, children });
+  }
+  return children;
+}
+function ClearContainerSlots({ children }) {
+  return /* @__PURE__ */ jsx(
+    ClearProviders,
+    {
+      values: [
+        TextContext,
+        TextContext
+      ],
+      children
+    }
+  );
+}
+
+export { ClearContainerSlots, ClearProviders };

package/dist/chunk-KKFX7YII.js

@@ -0,0 +1,83 @@
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
+import { RadioContext } from './chunk-FU5CCPLP.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:./RadioField.module.css#css-module
+var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___j1CT8", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___Ln2rb", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___gjZg1", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___5M3wB", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___jjwMS" };
+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,
+    children,
+    isDisabled,
+    size: sizeProp = "md",
+    style,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    className,
+    GlobalRadioFieldCssSelector,
+    cssModule(
+      RadioField_module_default,
+      "hop-RadioField",
+      size
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...stylingProps.style,
+    ...style
+  };
+  const descriptionId = useId();
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [TextContext, {
+          id: descriptionId,
+          className: RadioField_module_default["hop-RadioField__description"],
+          size: RadioToDescriptionSizeAdapter[size]
+        }],
+        [RadioContext, {
+          className: RadioField_module_default["hop-RadioField__radio"],
+          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 _RadioField = forwardRef(RadioField);
+_RadioField.displayName = "RadioField";
+
+export { GlobalRadioFieldCssSelector, _RadioField };

package/dist/chunk-N7YDPVZL.js

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

package/dist/chunk-NH3IVMXB.js

@@ -0,0 +1,43 @@
+import { useMemo } from 'react';
+
+// src/utils/src/useRenderProps.ts
+function useRenderProps(props) {
+  const {
+    className,
+    style,
+    children,
+    defaultClassName = void 0,
+    defaultChildren = void 0,
+    defaultStyle,
+    values
+  } = props;
+  return useMemo(() => {
+    let computedClassName;
+    let computedStyle;
+    let computedChildren;
+    if (typeof className === "function") {
+      computedClassName = className({ ...values, defaultClassName });
+    } else {
+      computedClassName = className;
+    }
+    if (typeof style === "function") {
+      computedStyle = style({ ...values, defaultStyle: defaultStyle || {} });
+    } else {
+      computedStyle = style;
+    }
+    if (typeof children === "function") {
+      computedChildren = children({ ...values, defaultChildren });
+    } else if (children == null) {
+      computedChildren = defaultChildren;
+    } else {
+      computedChildren = children;
+    }
+    return {
+      className: computedClassName != null ? computedClassName : defaultClassName,
+      style: computedStyle || defaultStyle ? { ...defaultStyle, ...computedStyle } : void 0,
+      children: computedChildren != null ? computedChildren : defaultChildren
+    };
+  }, [className, style, children, defaultClassName, defaultChildren, defaultStyle, values]);
+}
+
+export { useRenderProps };

package/dist/chunk-NKHMUPAP.js

@@ -0,0 +1,43 @@
+import { RadioListContext } from './chunk-A7TZHALP.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 GlobalRadioListCssSelector = "hop-RadioList";
+function RadioList(props, ref) {
+  [props, ref] = useContextProps(props, ref, RadioListContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    children,
+    style,
+    slot,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    className,
+    GlobalRadioListCssSelector,
+    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 _RadioList = forwardRef(RadioList);
+_RadioList.displayName = "RadioList";
+
+export { GlobalRadioListCssSelector, _RadioList };