@box/blueprint-web 5.31.3

package/lib-esm/primitives/select-menu-grid/select-menu-grid-option.js

@@ -0,0 +1,100 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Button } from '@ariakit/react';
+import clsx from 'clsx';
+import Color from 'color';
+import { forwardRef } from 'react';
+import { Ghost } from '../../ghost/ghost.js';
+import { Tooltip } from '../../tooltip/tooltip.js';
+import styles from './select-menu-grid-option.module.js';
+
+const SelectMenuGridSquare = /*#__PURE__*/forwardRef((props, ref) => jsx(SelectMenuGridOption, {
+  ...props,
+  variant: "square"
+}));
+const SelectMenuGridColorCircle = /*#__PURE__*/forwardRef((props, ref) => jsx(SelectMenuGridOption, {
+  ...props,
+  variant: "colorCircle"
+}));
+const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    active,
+    'aria-label': ariaLabel,
+    children,
+    className,
+    color,
+    variant,
+    loading,
+    loadingAriaLabel,
+    disabled,
+    tooltipSide = 'bottom',
+    ...restProps
+  } = props;
+  const isButtonDisabled = disabled || loading;
+  const isButtonActive = !disabled && !loading && active;
+  const shouldShowTooltip = !isButtonDisabled;
+  // TODO: [DSYS-764] use IconButton instead of AriakitButton
+  const button = jsxs(Button, {
+    ...restProps,
+    ref: forwardedRef,
+    "aria-label": loading ? loadingAriaLabel : ariaLabel,
+    className: clsx(styles.optionButton, className, {
+      [styles.loading]: loading,
+      [styles.active]: isButtonActive
+    }),
+    disabled: isButtonDisabled,
+    children: [variant === 'colorCircle' && jsx(ColorSwatch, {
+      color: color || '',
+      loading: !!loading
+    }), variant === 'square' && jsx(Icon, {
+      loading: !!loading,
+      children: children
+    })]
+  });
+  return jsxs("div", {
+    className: styles.buttonWrapper,
+    role: "gridcell",
+    children: [shouldShowTooltip && jsx(Tooltip, {
+      "aria-hidden": true,
+      content: ariaLabel,
+      side: tooltipSide,
+      children: button
+    }), !shouldShowTooltip && button]
+  });
+});
+const ColorSwatch = ({
+  color,
+  loading
+}) => {
+  const borderColor = new Color(color).darken(0.5).hex();
+  const style = {
+    '--circleColor': color,
+    '--circleBorderColor': borderColor
+  };
+  return jsx("div", {
+    className: clsx(styles.circle, styles.outlineHost, {
+      [styles.loading]: loading
+    }),
+    style: style,
+    children: loading ? jsx(Ghost, {
+      variant: "circle"
+    }) : jsx("div", {
+      className: styles.color
+    })
+  });
+};
+const Icon = ({
+  children,
+  loading
+}) => {
+  return jsx("div", {
+    className: clsx(styles.square),
+    children: jsx("div", {
+      className: styles.outlineHost,
+      children: loading ? jsx(Ghost, {
+        variant: "circle"
+      }) : children
+    })
+  });
+};
+
+export { SelectMenuGridColorCircle, SelectMenuGridOption, SelectMenuGridSquare };

package/lib-esm/primitives/select-menu-grid/select-menu-grid-option.module.js

@@ -0,0 +1,4 @@
+import '../../index.css';
+var styles = {"square":"select-menu-grid-option-module_square__Yv5oz","outlineHost":"select-menu-grid-option-module_outlineHost__WJs6b","circle":"select-menu-grid-option-module_circle__d3pfV","loading":"select-menu-grid-option-module_loading__6QZv2","color":"select-menu-grid-option-module_color__1gyI9","optionButton":"select-menu-grid-option-module_optionButton__Dr5WT","active":"select-menu-grid-option-module_active__eE8Kv"};
+
+export { styles as default };

package/lib-esm/primitives/select-menu-grid/select-menu-grid.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SelectMenuGrid: import("react").ForwardRefExoticComponent<Omit<{
+    children: import("react").ReactNode;
+    columns: number;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/select-menu-grid/select-menu-grid.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import chunk from 'lodash/chunk';
+import { forwardRef, Children } from 'react';
+import styles from './select-menu-grid.module.js';
+
+const Row = props => jsx("div", {
+  ...props,
+  className: styles.row,
+  role: "row"
+});
+const SelectMenuGrid = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  const {
+    columns,
+    children,
+    className,
+    ...rest
+  } = props;
+  const childrenByColumns = chunk(Children.toArray(children), columns);
+  return jsx("div", {
+    ...rest,
+    ref: forwardedRef,
+    className: clsx(styles.grid, className),
+    role: "grid",
+    children: childrenByColumns.map((row, i) => jsx(Row, {
+      children: row
+    }, row[0]?.key || i))
+  });
+});
+
+export { SelectMenuGrid };

package/lib-esm/primitives/select-menu-grid/select-menu-grid.module.js

@@ -0,0 +1,4 @@
+import '../../index.css';
+var styles = {"grid":"select-menu-grid-module_grid__fNzMF","row":"select-menu-grid-module_row__-RLsM"};
+
+export { styles as default };

package/lib-esm/primitives/select-menu-grid/types.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { type ButtonProps as AriakitButtonProps } from '@ariakit/react';
+import { type RequireAllOrNone, type SetOptional } from 'type-fest';
+type Loading = {
+    /** Loading state of the grid option. Ghost section is displaying as a placeholder. When this is true `loadingAriaLabel` must also be provided. */
+    loading: boolean;
+    /** The aria-label for the ghost state. */
+    loadingAriaLabel: string;
+};
+export type CommonOptionProps = {
+    /** The aria-label for the grid option */
+    'aria-label': string;
+    /** The side on which the tooltip is shown */
+    tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
+    /** Display option as active */
+    active?: boolean;
+} & RequireAllOrNone<Loading, keyof Loading> & AriakitButtonProps;
+export type SelectMenuGridSquareProps = CommonOptionProps & {
+    /** The content to render for the grid option */
+    children: React.ReactNode;
+};
+export type SelectMenuGridColorCircleProps = CommonOptionProps & {
+    /** The color of the swatch  */
+    color: string;
+};
+export type SelectMenuGridOptionProps = SetOptional<SelectMenuGridSquareProps, keyof SelectMenuGridSquareProps> & SetOptional<SelectMenuGridColorCircleProps, keyof SelectMenuGridColorCircleProps> & {
+    variant: 'square' | 'colorCircle';
+};
+export type SelectMenuGridProps = {
+    /** The grid options to render */
+    children: React.ReactNode;
+    /** The number of columns to slice the grid options into */
+    columns: number;
+} & React.ComponentProps<'div'>;
+export {};

package/lib-esm/primitives/slot.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Slot: <T>(props: {
+    name: T;
+    children: JSX.Element | null;
+}) => JSX.Element | null;

package/lib-esm/primitives/slot.js

@@ -0,0 +1,4 @@
+// This should never be part of public api because of generic type
+const Slot = props => props.children;
+
+export { Slot };

package/lib-esm/primitives/supplementary-fonts/get-supplementary-font-faces-config.d.ts

@@ -0,0 +1,5 @@
+import { type SupplementaryFontsConfig } from './types';
+/**
+ * Example of basePath: 'https://cdn01.boxcdn.net/fonts/1.0.17/lato/'
+ * */
+export declare const getSupplementaryFontFacesConfig: (basePath: string) => SupplementaryFontsConfig;

package/lib-esm/primitives/supplementary-fonts/get-supplementary-font-faces-config.js

@@ -0,0 +1,17 @@
+/**
+ * Example of basePath: 'https://cdn01.boxcdn.net/fonts/1.0.17/lato/'
+ * */
+const getSupplementaryFontFacesConfig = basePath => {
+  return {
+    black: new FontFace('Lato', `url(${basePath}Lato-Black.woff2)`, {
+      style: 'normal',
+      weight: '900'
+    }),
+    semibold: new FontFace('Lato', `url(${basePath}Lato-Semibold.woff2)`, {
+      style: 'normal',
+      weight: '600'
+    })
+  };
+};
+
+export { getSupplementaryFontFacesConfig };

package/lib-esm/primitives/supplementary-fonts/index.d.ts

@@ -0,0 +1,4 @@
+export * from './supplementary-fonts';
+export * from './useSupplementaryFonts.hook';
+export * from './get-supplementary-font-faces-config';
+export * from './types';

package/lib-esm/primitives/supplementary-fonts/supplementary-fonts.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { type SupplementaryFontsConfig } from './types';
+export interface SupplementaryFontsProps {
+    supplementaryFontFacesConfig: SupplementaryFontsConfig;
+}
+export declare const SupplementaryFonts: import("react").NamedExoticComponent<SupplementaryFontsProps>;

package/lib-esm/primitives/supplementary-fonts/supplementary-fonts.js

@@ -0,0 +1,12 @@
+import { memo } from 'react';
+import { useSupplementaryFonts } from './useSupplementaryFonts.hook.js';
+
+const SupplementaryFonts = /*#__PURE__*/memo(function SupplementaryFontsImpl(props) {
+  const {
+    supplementaryFontFacesConfig
+  } = props;
+  useSupplementaryFonts(supplementaryFontFacesConfig, true);
+  return null;
+});
+
+export { SupplementaryFonts };

package/lib-esm/primitives/supplementary-fonts/types.d.ts

@@ -0,0 +1,2 @@
+export type SupplementaryFontName = 'black' | 'semibold';
+export type SupplementaryFontsConfig = Partial<Record<SupplementaryFontName, FontFace>>;

package/lib-esm/primitives/supplementary-fonts/useSupplementaryFonts.hook.d.ts

@@ -0,0 +1,2 @@
+import { type SupplementaryFontsConfig } from './types';
+export declare const useSupplementaryFonts: (supplementaryFontFacesConfig: SupplementaryFontsConfig, enabled?: boolean) => void;

package/lib-esm/primitives/supplementary-fonts/useSupplementaryFonts.hook.js

@@ -0,0 +1,36 @@
+import { useMemo, useCallback, useEffect } from 'react';
+
+const useSupplementaryFonts = (supplementaryFontFacesConfig, enabled = true) => {
+  const fonts = useMemo(() => {
+    return Object.values(supplementaryFontFacesConfig);
+  }, [supplementaryFontFacesConfig]);
+  const loadFonts = useCallback(() => {
+    Promise.all(fonts.map(fontFace => fontFace.load())).then(() => {
+      fonts.forEach(fontFace => document.fonts.add(fontFace));
+    }, () => {
+      // eslint-disable-next-line no-console
+      console.warn(`Some of the supplementary fonts did not load...`);
+    });
+  }, [fonts]);
+  const cleanupFonts = useCallback(() => {
+    fonts.forEach(fontFace => {
+      document.fonts.delete(fontFace);
+    });
+    window.removeEventListener('load', loadFonts);
+  }, [fonts, loadFonts]);
+  useEffect(() => {
+    if (!enabled) {
+      return cleanupFonts;
+    }
+    if (document.readyState !== 'complete') {
+      window.addEventListener('load', loadFonts, {
+        once: true
+      });
+    } else {
+      loadFonts();
+    }
+    return cleanupFonts;
+  }, [cleanupFonts, enabled, fonts, loadFonts]);
+};
+
+export { useSupplementaryFonts };

package/lib-esm/primitives/tabs/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const Tabs: ((props: import("./tabs").TabsProps) => JSX.Element) & {
+    /**
+     * The component that displays a Tab name and allows selection.
+     */
+    Tab: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").TabOptions<"button"> & {
+        [index: `data-${string}`]: unknown;
+        wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+        children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+        render?: import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    } & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    }, "children" | keyof import("@ariakit/react").TabOptions<T>>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    /**
+     * Wrapper for a list of Tabs.
+     */
+    TabList: import("react").ForwardRefExoticComponent<Omit<import("./tab-list").TabListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    /**
+     * The content for a single Tab.
+     */
+    TabPanel: import("react").ForwardRefExoticComponent<Omit<import("./tab-panel").TabPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { useTabs } from './use-tabs';
+export { type TabProps } from './tab';
+export { type TabListProps } from './tab-list';
+export { type TabPanelProps } from './tab-panel';
+export { type TabsProps } from './tabs';

package/lib-esm/primitives/tabs/index.js

@@ -0,0 +1,22 @@
+import { Tab } from './tab.js';
+import { TabList } from './tab-list.js';
+import { TabPanel } from './tab-panel.js';
+import { Tabs as Tabs$1 } from './tabs.js';
+import '@ariakit/react';
+
+const Tabs = Object.assign(Tabs$1, {
+  /**
+   * The component that displays a Tab name and allows selection.
+   */
+  Tab,
+  /**
+   * Wrapper for a list of Tabs.
+   */
+  TabList,
+  /**
+   * The content for a single Tab.
+   */
+  TabPanel
+});
+
+export { Tabs };

package/lib-esm/primitives/tabs/tab-list.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type TabListProps as PrimitiveTabListProps } from '@ariakit/react';
+export type TabListProps = Omit<PrimitiveTabListProps, 'store'>;
+export declare const TabList: import("react").ForwardRefExoticComponent<Omit<TabListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/tabs/tab-list.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { TabList as TabList$1 } from '@ariakit/react';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import styles from './tabs.module.js';
+import { useTabs } from './use-tabs.js';
+
+const TabList = /*#__PURE__*/forwardRef(function TabList(props, ref) {
+  const {
+    className
+  } = props;
+  const tab = useTabs();
+  if (!tab) {
+    throw new Error('TabList must be wrapped in a Tabs component');
+  }
+  return jsx("div", {
+    className: styles.tabsListContainer,
+    children: jsx(TabList$1, {
+      ...props,
+      ref: ref,
+      className: clsx(styles.tabList, className),
+      store: tab
+    })
+  });
+});
+
+export { TabList };

package/lib-esm/primitives/tabs/tab-panel.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type TabPanelProps as PrimitiveTabPanelProps } from '@ariakit/react';
+export type TabPanelProps = Omit<PrimitiveTabPanelProps, 'store'>;
+export declare const TabPanel: import("react").ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib-esm/primitives/tabs/tab-panel.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { TabPanel as TabPanel$1 } from '@ariakit/react';
+import { forwardRef } from 'react';
+import { useTabs } from './use-tabs.js';
+
+const TabPanel = /*#__PURE__*/forwardRef(function TabPanel(props, ref) {
+  const {
+    children,
+    ...rest
+  } = props;
+  const tab = useTabs();
+  if (!tab) {
+    throw new Error('TabPanel must be wrapped in a Tabs component');
+  }
+  return jsx(TabPanel$1, {
+    ...rest,
+    ref: ref,
+    store: tab,
+    children: children
+  });
+});
+
+export { TabPanel };

package/lib-esm/primitives/tabs/tab.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type TabProps as PrimitiveTabProps } from '@ariakit/react';
+export type TabProps = PrimitiveTabProps;
+export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("@ariakit/react").TabOptions<"button"> & {
+    [index: `data-${string}`]: unknown;
+    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+    render?: import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | keyof import("@ariakit/react").TabOptions<T>>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/lib-esm/primitives/tabs/tab.js

@@ -0,0 +1,58 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Tab as Tab$1 } from '@ariakit/react';
+import clsx from 'clsx';
+import { forwardRef, useRef, useEffect } from 'react';
+import { useForkRef } from '../../utils/useForkRef.js';
+import styles from './tabs.module.js';
+import { useTabs } from './use-tabs.js';
+
+const scrollSelectedTabIntoView = (tabRef, isSelected) => {
+  const tabElement = tabRef.current;
+  const tabParentElement = tabRef.current?.parentElement;
+  const outlineWidthAndOffset = 4;
+  if (!isSelected || !tabElement || !tabParentElement) {
+    return;
+  }
+  const scrollHorizontalPosition = tabElement.getBoundingClientRect().left + outlineWidthAndOffset;
+  tabParentElement.scrollLeft = scrollHorizontalPosition;
+};
+const Tab = /*#__PURE__*/forwardRef(function Tab(props, ref) {
+  const {
+    className,
+    children,
+    id,
+    ...rest
+  } = props;
+  const tabRef = useRef(null);
+  const selectedTabId = useTabs()?.useState('selectedId');
+  const isTabSelected = selectedTabId === id;
+  const tabId = id ? {
+    id
+  } : {};
+  const scrolledOnMount = useRef(false);
+  useEffect(() => {
+    if (scrolledOnMount.current === true) {
+      return;
+    }
+    scrollSelectedTabIntoView(tabRef, isTabSelected);
+    scrolledOnMount.current = true;
+  }, [isTabSelected]);
+  return jsxs(Fragment, {
+    children: [jsxs(Tab$1, {
+      ...rest,
+      ref: useForkRef(tabRef, ref),
+      className: clsx(styles.tab, className),
+      ...tabId,
+      children: [children, jsx("span", {
+        className: styles.hiddenWidthSetter,
+        children: children
+      })]
+    }), jsx("div", {
+      "aria-hidden": "true",
+      className: styles.tabSeparator,
+      role: "presentation"
+    })]
+  });
+});
+
+export { Tab };

package/lib-esm/primitives/tabs/tabs.d.ts

@@ -0,0 +1,6 @@
+import { type TabStoreProps } from '@ariakit/react';
+import { type ReactNode } from 'react';
+export type TabsProps = TabStoreProps & {
+    children: ReactNode;
+};
+export declare const Tabs: (props: TabsProps) => JSX.Element;

package/lib-esm/primitives/tabs/tabs.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { TabProvider } from '@ariakit/react';
+
+const Tabs = props => {
+  const {
+    children
+  } = props;
+  return jsx(TabProvider, {
+    selectOnMove: false,
+    ...props,
+    children: children
+  });
+};
+
+export { Tabs };

package/lib-esm/primitives/tabs/tabs.module.js

@@ -0,0 +1,4 @@
+import '../../index.css';
+var styles = {"tabsListContainer":"tabs-module_tabsListContainer__WMuv5","tabList":"tabs-module_tabList__CokWn","tabSeparator":"tabs-module_tabSeparator__bYXO6","tab":"tabs-module_tab__gY-fb","hiddenWidthSetter":"tabs-module_hiddenWidthSetter__ACHut"};
+
+export { styles as default };

package/lib-esm/primitives/tabs/use-tabs.d.ts

@@ -0,0 +1 @@
+export declare const useTabs: () => import("@ariakit/react").TabStore | undefined;

package/lib-esm/primitives/tabs/use-tabs.js

@@ -0,0 +1,7 @@
+import { useTabContext } from '@ariakit/react';
+
+const useTabs = () => {
+  return useTabContext();
+};
+
+export { useTabs };

package/lib-esm/primitives/utility/AreaIndicator.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface AreaIndicatorProps extends React.ComponentProps<'div'> {
+    /** Label text displayed on hover */
+    label: string;
+}
+/** Provides a container for component to indicate its boundaries on hover */
+export declare const AreaIndicator: ({ children, label, className, ...rest }: AreaIndicatorProps) => JSX.Element;

package/lib-esm/radio-group/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Legend } from '../util-components/legend';
+export { type RadioGroupProps, type RadioItemProps } from './types';
+export declare const Radio: {
+    Item: import("react").ForwardRefExoticComponent<import("./types").RadioItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Group: import("react").ForwardRefExoticComponent<import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Legend: typeof Legend;
+};
+export default Radio;

package/lib-esm/radio-group/index.js

@@ -0,0 +1,11 @@
+import { Legend } from '../util-components/legend/legend.js';
+import { RadioGroup } from './radio-group.js';
+import { RadioItem } from './radio-item.js';
+
+const Radio = {
+  Item: RadioItem,
+  Group: RadioGroup,
+  Legend
+};
+
+export { Radio, Radio as default };

package/lib-esm/radio-group/radio-group.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import * as RadixRadioGroup from '@radix-ui/react-radio-group';
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadixRadioGroup.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export default RadioGroup;

package/lib-esm/radio-group/radio-group.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixRadioGroup from '@radix-ui/react-radio-group';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import styles from './radio-group.module.js';
+
+const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    name,
+    value,
+    children,
+    className,
+    onValueChange,
+    defaultValue,
+    loop,
+    orientation,
+    ...rest
+  } = props;
+  return jsx(RadixRadioGroup.Root, {
+    ...rest,
+    ref: ref,
+    className: clsx([styles.root], {
+      [styles.horizontal]: orientation === 'horizontal'
+    }, className),
+    defaultValue: defaultValue,
+    loop: loop,
+    name: name,
+    onValueChange: onValueChange,
+    orientation: orientation,
+    value: value,
+    children: children
+  });
+});
+
+export { RadioGroup, RadioGroup as default };

package/lib-esm/radio-group/radio-group.module.js

@@ -0,0 +1,4 @@
+import '../index.css';
+var styles = {"root":"radio-group-module_root__lFKEv","horizontal":"radio-group-module_horizontal__Yc3SJ","radioOption":"radio-group-module_radioOption__PFDPe","label":"radio-group-module_label__vxC5u","description":"radio-group-module_description__hnHTK","disabled":"radio-group-module_disabled__2fo43","radioButton":"radio-group-module_radioButton__BJNc2","indicator":"radio-group-module_indicator__9CwvD"};
+
+export { styles as default };

package/lib-esm/radio-group/radio-item.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type RadioItemProps } from './types';
+export declare const RadioItem: import("react").ForwardRefExoticComponent<RadioItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default RadioItem;