@lumx/react 4.17.1-alpha.2 → 4.17.1-alpha.3

package/_internal/components/progress/ProgressCircular.js

@@ -0,0 +1,31 @@
+import { forwardRef } from "../../utils/react/forwardRef.js";
+import { useTheme } from "../../utils/theme/ThemeContext.js";
+import { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, ProgressCircular as ProgressCircular$1, element } from "../../packages/lumx-core/src/js/components/ProgressCircular/index.js";
+import { src_exports } from "../../../index.js";
+//#region src/components/progress/ProgressCircular.tsx
+/**
+* ProgressCircular component.
+*
+* @param  props Component props.
+* @param  ref   Component ref.
+* @return React element.
+*/
+var ProgressCircular = forwardRef((props, ref) => {
+	const defaultTheme = useTheme() || src_exports.Theme.light;
+	const { theme = defaultTheme, ...otherProps } = props;
+	return ProgressCircular$1({
+		ref,
+		theme,
+		...otherProps,
+		circleProps: {
+			className: element("path"),
+			strokeWidth: "5"
+		},
+		svgProps: { className: element("svg") }
+	});
+});
+ProgressCircular.displayName = COMPONENT_NAME;
+ProgressCircular.className = CLASSNAME;
+ProgressCircular.defaultProps = DEFAULT_PROPS;
+//#endregion
+export { ProgressCircular };

package/_internal/components/progress/ProgressLinear.d.ts

@@ -0,0 +1,20 @@
+import { Comp } from "../../utils/type/Comp.js";
+import { index_d_exports } from "../../utils/type/index.js";
+import { ReactToJSX } from "../../utils/type/ReactToJSX.js";
+import { ProgressLinearProps as ProgressLinearProps$1 } from "../../packages/lumx-core/src/js/components/ProgressLinear/index.js";
+
+//#region src/components/progress/ProgressLinear.d.ts
+/**
+ * Defines the props of the component.
+ */
+interface ProgressLinearProps extends index_d_exports.GenericProps, ReactToJSX<ProgressLinearProps$1> {}
+/**
+ * ProgressLinear component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const ProgressLinear: Comp<ProgressLinearProps, HTMLDivElement>;
+//#endregion
+export { ProgressLinear, ProgressLinearProps };

package/_internal/components/progress/ProgressLinear.js

@@ -0,0 +1,26 @@
+import { forwardRef } from "../../utils/react/forwardRef.js";
+import { useTheme } from "../../utils/theme/ThemeContext.js";
+import { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, ProgressLinear as ProgressLinear$1 } from "../../packages/lumx-core/src/js/components/ProgressLinear/index.js";
+import { src_exports } from "../../../index.js";
+//#region src/components/progress/ProgressLinear.tsx
+/**
+* ProgressLinear component.
+*
+* @param  props Component props.
+* @param  ref   Component ref.
+* @return React element.
+*/
+var ProgressLinear = forwardRef((props, ref) => {
+	const defaultTheme = useTheme() || src_exports.Theme.light;
+	const { theme = defaultTheme, ...otherProps } = props;
+	return ProgressLinear$1({
+		ref,
+		theme,
+		...otherProps
+	});
+});
+ProgressLinear.displayName = COMPONENT_NAME;
+ProgressLinear.className = CLASSNAME;
+ProgressLinear.defaultProps = DEFAULT_PROPS;
+//#endregion
+export { ProgressLinear };

package/_internal/components/progress/index.d.ts

@@ -0,0 +1,4 @@
+import { Progress, ProgressProps, ProgressVariant } from "./Progress.js";
+import { ProgressCircularSize } from "../../packages/lumx-core/src/js/components/ProgressCircular/index.js";
+import { ProgressCircular, ProgressCircularProps } from "./ProgressCircular.js";
+import { ProgressLinear, ProgressLinearProps } from "./ProgressLinear.js";

package/_internal/components/progress-tracker/ProgressTracker.d.ts

@@ -0,0 +1,26 @@
+import { Comp } from "../../utils/type/Comp.js";
+import { index_d_exports } from "../../utils/type/index.js";
+import { ReactNode } from "react";
+
+//#region src/components/progress-tracker/ProgressTracker.d.ts
+/**
+ * Defines the props of the component.
+ */
+interface ProgressTrackerProps extends index_d_exports.GenericProps {
+  /** ARIA label (purpose of the set of steps). */
+  ['aria-label']: string;
+  /** Step list. */
+  children: ReactNode;
+}
+/**
+ * ProgressTracker component.
+ *
+ * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const ProgressTracker: Comp<ProgressTrackerProps, HTMLDivElement>;
+//#endregion
+export { ProgressTracker, ProgressTrackerProps };

package/_internal/components/progress-tracker/ProgressTracker.js

@@ -0,0 +1,75 @@
+import { forwardRef } from "../../utils/react/forwardRef.js";
+import { mergeRefs } from "../../utils/react/mergeRefs.js";
+import { useRovingTabIndexContainer } from "../../hooks/useRovingTabIndexContainer.js";
+import { useTabProviderContextState } from "../tabs/state.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { classNames } from "@lumx/core/js/utils";
+//#region src/components/progress-tracker/ProgressTracker.tsx
+/**
+* Component display name.
+*/
+var COMPONENT_NAME = "ProgressTracker";
+/**
+* Component default class name and class prefix.
+*/
+var CLASSNAME = "lumx-progress-tracker";
+var { block, element } = classNames.bem(CLASSNAME);
+/**
+* Component default props.
+*/
+var DEFAULT_PROPS = {};
+/**
+* ProgressTracker component.
+*
+* Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+*
+* @param  props Component props.
+* @param  ref   Component ref.
+* @return React element.
+*/
+var ProgressTracker = forwardRef((props, ref) => {
+	const { "aria-label": ariaLabel, children, className, ...forwardedProps } = props;
+	const stepListRef = React.useRef(null);
+	useRovingTabIndexContainer({
+		containerRef: stepListRef,
+		itemSelector: "[role=\"tab\"]"
+	});
+	const state = useTabProviderContextState();
+	const numberOfSteps = state?.ids?.tab?.length || 0;
+	const backgroundPosition = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;
+	const trackPosition = numberOfSteps > 0 ? 100 / (numberOfSteps - 1) * (state?.activeTabIndex || 0) / 100 : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		ref: mergeRefs(ref, stepListRef),
+		...forwardedProps,
+		className: classNames.join(className, block()),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: element("steps"),
+				role: "tablist",
+				"aria-label": ariaLabel,
+				children
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: element("background-bar"),
+				style: {
+					left: `${backgroundPosition}%`,
+					right: `${backgroundPosition}%`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: element("foreground-bar"),
+				style: {
+					left: `${backgroundPosition}%`,
+					right: `${backgroundPosition}%`,
+					transform: `scaleX(${trackPosition})`
+				}
+			})
+		]
+	});
+});
+ProgressTracker.displayName = COMPONENT_NAME;
+ProgressTracker.className = CLASSNAME;
+ProgressTracker.defaultProps = DEFAULT_PROPS;
+//#endregion
+export { ProgressTracker };

package/_internal/components/progress-tracker/ProgressTrackerProvider.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+
+//#region src/components/progress-tracker/ProgressTrackerProvider.d.ts
+interface ProgressTrackerProviderProps {
+  /** Active step index. */
+  activeStepIndex?: number;
+  /** ProgressTrackerProvider children. */
+  children: ReactNode;
+  /** Step panel children should not render if the step panel is hidden. */
+  isLazy?: boolean;
+  /** Activate tabs on focus. */
+  shouldActivateOnFocus?: boolean;
+  /** Step change callback. */
+  onChange?(index: number): void;
+}
+/**
+ * This component provides a context in which steps can be defined and linked to their step panel.
+ *
+ * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel
+ * components in the react tree.
+ *
+ * This works exactly as TabProvider so it uses TabProviderContext and tabs state.
+ *
+ * @param  props React component props.
+ * @return React element.
+ */
+declare const ProgressTrackerProvider: React.FC<ProgressTrackerProviderProps>;
+//#endregion
+export { ProgressTrackerProvider, ProgressTrackerProviderProps };

package/_internal/components/progress-tracker/ProgressTrackerProvider.js

@@ -0,0 +1,45 @@
+import { INIT_STATE, reducer } from "../../packages/lumx-core/src/js/components/Tabs/state.js";
+import { TabProviderContext } from "../tabs/state.js";
+import { useEffect, useReducer } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/progress-tracker/ProgressTrackerProvider.tsx
+var DEFAULT_PROPS = {
+	isLazy: INIT_STATE.isLazy,
+	shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
+};
+/**
+* This component provides a context in which steps can be defined and linked to their step panel.
+*
+* It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel
+* components in the react tree.
+*
+* This works exactly as TabProvider so it uses TabProviderContext and tabs state.
+*
+* @param  props React component props.
+* @return React element.
+*/
+var ProgressTrackerProvider = (props) => {
+	const { children, onChange, ...propState } = props;
+	const [state, dispatch] = useReducer(reducer, INIT_STATE);
+	useEffect(() => {
+		dispatch({
+			type: "update",
+			payload: {
+				...DEFAULT_PROPS,
+				...propState,
+				activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex
+			}
+		});
+	}, [dispatch, ...Object.values(propState)]);
+	useEffect(() => {
+		if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) return;
+		onChange(state.activeTabIndex);
+	}, [onChange, state.activeTabIndex]);
+	return /* @__PURE__ */ jsx(TabProviderContext.Provider, {
+		value: [state, dispatch],
+		children
+	});
+};
+ProgressTrackerProvider.defaultProps = DEFAULT_PROPS;
+//#endregion
+export { ProgressTrackerProvider };

package/_internal/components/progress-tracker/ProgressTrackerStep.d.ts

@@ -0,0 +1,37 @@
+import { Comp } from "../../utils/type/Comp.js";
+import { index_d_exports } from "../../utils/type/index.js";
+
+//#region src/components/progress-tracker/ProgressTrackerStep.d.ts
+/**
+ * Defines the props of the component.
+ */
+interface ProgressTrackerStepProps extends index_d_exports.GenericProps {
+  /** Children are not supported. */
+  children?: never;
+  /** Whether the step should be in error state or not. */
+  hasError?: boolean;
+  /** Helper text. */
+  helper?: string | null;
+  /** Native id property. */
+  id?: string;
+  /** Whether the current step is active or not. */
+  isActive?: boolean;
+  /** Whether the current step is completed or not. */
+  isComplete?: boolean;
+  /** Whether the component is disabled or not. */
+  isDisabled?: boolean;
+  /** Label text. */
+  label?: string | null;
+}
+/**
+ * ProgressTrackerStep component.
+ *
+ * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const ProgressTrackerStep: Comp<ProgressTrackerStepProps, HTMLButtonElement>;
+//#endregion
+export { ProgressTrackerStep, ProgressTrackerStepProps };

package/_internal/components/progress-tracker/ProgressTrackerStep.js

@@ -0,0 +1,107 @@
+import { forwardRef } from "../../utils/react/forwardRef.js";
+import { useDisableStateProps } from "../../utils/disabled/useDisableStateProps.js";
+import { Icon } from "../icon/Icon.js";
+import { InputHelper } from "../input-helper/InputHelper.js";
+import { InputLabel } from "../input-label/InputLabel.js";
+import { useTabProviderContext } from "../tabs/state.js";
+import { src_exports } from "../../../index.js";
+import { useCallback } from "react";
+import { mdiAlertCircle } from "@lumx/icons/esm/alert-circle.js";
+import { mdiCheckCircle } from "@lumx/icons/esm/check-circle.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { classNames } from "@lumx/core/js/utils";
+import { mdiRadioboxBlank } from "@lumx/icons/esm/radiobox-blank.js";
+import { mdiRadioboxMarked } from "@lumx/icons/esm/radiobox-marked.js";
+//#region src/components/progress-tracker/ProgressTrackerStep.tsx
+/**
+* Component display name.
+*/
+var COMPONENT_NAME = "ProgressTrackerStep";
+/**
+* Component default class name and class prefix.
+*/
+var CLASSNAME = "lumx-progress-tracker-step";
+var { block, element } = classNames.bem(CLASSNAME);
+/**
+* Component default props.
+*/
+var DEFAULT_PROPS = {};
+/**
+* ProgressTrackerStep component.
+*
+* Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+*
+* @param  props Component props.
+* @param  ref   Component ref.
+* @return React element.
+*/
+var ProgressTrackerStep = forwardRef((props, ref) => {
+	const { isAnyDisabled, otherProps } = useDisableStateProps(props);
+	const { className, hasError, helper, id, isActive: propIsActive, isComplete, label, onFocus, onKeyPress, tabIndex = -1, ...forwardedProps } = otherProps;
+	const state = useTabProviderContext("tab", id);
+	const isActive = propIsActive || state?.isActive;
+	const changeToCurrentTab = useCallback(() => {
+		if (isAnyDisabled) return;
+		state?.changeToTab();
+	}, [isAnyDisabled, state]);
+	const handleFocus = useCallback((event) => {
+		onFocus?.(event);
+		if (state?.shouldActivateOnFocus) changeToCurrentTab();
+	}, [
+		changeToCurrentTab,
+		onFocus,
+		state?.shouldActivateOnFocus
+	]);
+	const handleKeyPress = useCallback((event) => {
+		onKeyPress?.(event);
+		if (event.key !== "Enter") return;
+		changeToCurrentTab();
+	}, [changeToCurrentTab, onKeyPress]);
+	const getIcon = () => {
+		if (isComplete) return mdiCheckCircle;
+		if (isActive) return hasError ? mdiAlertCircle : mdiRadioboxMarked;
+		return mdiRadioboxBlank;
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		ref,
+		...forwardedProps,
+		type: "button",
+		id: state?.tabId,
+		className: classNames.join(className, block({
+			"has-error": hasError,
+			"is-active": isActive,
+			"is-clickable": state && !isAnyDisabled,
+			"is-complete": isComplete
+		})),
+		onClick: changeToCurrentTab,
+		onKeyPress: handleKeyPress,
+		onFocus: handleFocus,
+		role: "tab",
+		tabIndex: isActive ? 0 : tabIndex,
+		"aria-disabled": isAnyDisabled,
+		"aria-selected": isActive,
+		"aria-controls": state?.tabPanelId,
+		children: [
+			/* @__PURE__ */ jsx(Icon, {
+				className: element("state"),
+				icon: getIcon(),
+				size: src_exports.Size.s
+			}),
+			/* @__PURE__ */ jsx(InputLabel, {
+				htmlFor: state?.tabId || "",
+				className: element("label"),
+				children: label
+			}),
+			helper && /* @__PURE__ */ jsx(InputHelper, {
+				kind: hasError ? src_exports.Kind.error : src_exports.Kind.info,
+				className: element("helper"),
+				children: helper
+			})
+		]
+	});
+});
+ProgressTrackerStep.displayName = COMPONENT_NAME;
+ProgressTrackerStep.className = CLASSNAME;
+ProgressTrackerStep.defaultProps = DEFAULT_PROPS;
+//#endregion
+export { ProgressTrackerStep };

package/_internal/components/progress-tracker/ProgressTrackerStepPanel.d.ts

@@ -0,0 +1,27 @@
+import { Comp } from "../../utils/type/Comp.js";
+import { index_d_exports } from "../../utils/type/index.js";
+
+//#region src/components/progress-tracker/ProgressTrackerStepPanel.d.ts
+/**
+ * Defines the props of the component.
+ */
+interface ProgressTrackerStepPanelProps extends index_d_exports.GenericProps {
+  /** Native id property. */
+  id?: string;
+  /** Whether the step is active or not. */
+  isActive?: boolean;
+  /** Children */
+  children?: React.ReactNode;
+}
+/**
+ * ProgressTrackerStepPanel component.
+ *
+ * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const ProgressTrackerStepPanel: Comp<ProgressTrackerStepPanelProps, HTMLDivElement>;
+//#endregion
+export { ProgressTrackerStepPanel, ProgressTrackerStepPanelProps };

package/_internal/components/progress-tracker/ProgressTrackerStepPanel.js

@@ -0,0 +1,47 @@
+import { forwardRef } from "../../utils/react/forwardRef.js";
+import { useTabProviderContext } from "../tabs/state.js";
+import { jsx } from "react/jsx-runtime";
+import { classNames } from "@lumx/core/js/utils";
+//#region src/components/progress-tracker/ProgressTrackerStepPanel.tsx
+/**
+* Component display name.
+*/
+var COMPONENT_NAME = "ProgressTrackerStepPanel";
+/**
+* Component default class name and class prefix.
+*/
+var CLASSNAME = `lumx-step-panel`;
+var { block } = classNames.bem(CLASSNAME);
+/**
+* Component default props.
+*/
+var DEFAULT_PROPS = {};
+/**
+* ProgressTrackerStepPanel component.
+*
+* Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+*
+* @param  props Component props.
+* @param  ref   Component ref.
+* @return React element.
+*/
+var ProgressTrackerStepPanel = forwardRef((props, ref) => {
+	const { children, id, className, isActive: propIsActive, ...forwardedProps } = props;
+	const state = useTabProviderContext("tabPanel", id);
+	const isActive = propIsActive || state?.isActive;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		...forwardedProps,
+		id: state?.tabPanelId,
+		className: classNames.join(className, block({ "is-active": isActive })),
+		role: "tabpanel",
+		tabIndex: isActive ? 0 : -1,
+		"aria-labelledby": state?.tabId,
+		children: (!state?.isLazy || isActive) && children
+	});
+});
+ProgressTrackerStepPanel.displayName = COMPONENT_NAME;
+ProgressTrackerStepPanel.className = CLASSNAME;
+ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS;
+//#endregion
+export { ProgressTrackerStepPanel };

package/_internal/components/progress-tracker/index.d.ts

@@ -0,0 +1,4 @@
+import { ProgressTrackerProvider, ProgressTrackerProviderProps } from "./ProgressTrackerProvider.js";
+import { ProgressTracker, ProgressTrackerProps } from "./ProgressTracker.js";
+import { ProgressTrackerStep, ProgressTrackerStepProps } from "./ProgressTrackerStep.js";
+import { ProgressTrackerStepPanel, ProgressTrackerStepPanelProps } from "./ProgressTrackerStepPanel.js";

package/_internal/components/radio-button/RadioButton.d.ts

@@ -0,0 +1,23 @@
+import { Comp } from "../../utils/type/Comp.js";
+import { index_d_exports } from "../../utils/type/index.js";
+import { ReactToJSX } from "../../utils/type/ReactToJSX.js";
+import { RadioButtonProps as RadioButtonProps$1 } from "../../packages/lumx-core/src/js/components/RadioButton/index.js";
+
+//#region src/components/radio-button/RadioButton.d.ts
+/**
+ * Defines the props of the component.
+ */
+interface RadioButtonProps extends index_d_exports.GenericProps, ReactToJSX<RadioButtonProps$1, 'inputId'> {
+  /** On change callback. */
+  onChange?(value?: string, name?: string, event?: React.ChangeEvent): void;
+}
+/**
+ * RadioButton component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const RadioButton: Comp<RadioButtonProps, HTMLDivElement>;
+//#endregion
+export { RadioButton, RadioButtonProps };

package/_internal/components/radio-button/RadioButton.js

@@ -0,0 +1,50 @@
+import { useId } from "../../hooks/useId.js";
+import { forwardRef } from "../../utils/react/forwardRef.js";
+import { useTheme } from "../../utils/theme/ThemeContext.js";
+import { useDisableStateProps } from "../../utils/disabled/useDisableStateProps.js";
+import { CLASSNAME, COMPONENT_NAME, RadioButton as RadioButton$1 } from "../../packages/lumx-core/src/js/components/RadioButton/index.js";
+import { src_exports } from "../../../index.js";
+//#region src/components/radio-button/RadioButton.tsx
+/**
+* Component default props.
+*/
+var DEFAULT_PROPS = {};
+/**
+* RadioButton component.
+*
+* @param  props Component props.
+* @param  ref   Component ref.
+* @return React element.
+*/
+var RadioButton = forwardRef((props, ref) => {
+	const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);
+	const defaultTheme = useTheme() || src_exports.Theme.light;
+	const { checked, className, helper, id, inputRef, isChecked = checked, label, name, onChange, theme = defaultTheme, value, inputProps = {}, ...forwardedProps } = otherProps;
+	const generatedInputId = useId();
+	const inputId = id || generatedInputId;
+	return RadioButton$1({
+		ref,
+		className,
+		helper,
+		inputRef,
+		isChecked,
+		label,
+		name,
+		handleChange: onChange,
+		theme,
+		value,
+		inputProps: {
+			...inputProps,
+			...disabledStateProps,
+			readOnly: inputProps.readOnly || disabledStateProps["aria-disabled"]
+		},
+		...forwardedProps,
+		isDisabled: isAnyDisabled,
+		inputId
+	});
+});
+RadioButton.displayName = COMPONENT_NAME;
+RadioButton.className = CLASSNAME;
+RadioButton.defaultProps = DEFAULT_PROPS;
+//#endregion
+export { RadioButton };

package/_internal/components/radio-button/RadioGroup.d.ts

@@ -0,0 +1,20 @@
+import { Comp } from "../../utils/type/Comp.js";
+import { index_d_exports } from "../../utils/type/index.js";
+import { ReactToJSX } from "../../utils/type/ReactToJSX.js";
+import { RadioGroupProps as RadioGroupProps$1 } from "../../packages/lumx-core/src/js/components/RadioGroup/index.js";
+
+//#region src/components/radio-button/RadioGroup.d.ts
+/**
+ * Defines the props of the component.
+ */
+interface RadioGroupProps extends index_d_exports.GenericProps, ReactToJSX<RadioGroupProps$1> {}
+/**
+ * RadioGroup component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const RadioGroup: Comp<RadioGroupProps, HTMLDivElement>;
+//#endregion
+export { RadioGroup, RadioGroupProps };

package/_internal/components/radio-button/RadioGroup.js

@@ -0,0 +1,23 @@
+import { forwardRef } from "../../utils/react/forwardRef.js";
+import { CLASSNAME, COMPONENT_NAME, RadioGroup as RadioGroup$1 } from "../../packages/lumx-core/src/js/components/RadioGroup/index.js";
+//#region src/components/radio-button/RadioGroup.tsx
+/**
+* RadioGroup component.
+*
+* @param  props Component props.
+* @param  ref   Component ref.
+* @return React element.
+*/
+var RadioGroup = forwardRef((props, ref) => {
+	const { children, className, ...forwardedProps } = props;
+	return RadioGroup$1({
+		ref,
+		className,
+		children,
+		...forwardedProps
+	});
+});
+RadioGroup.displayName = COMPONENT_NAME;
+RadioGroup.className = CLASSNAME;
+//#endregion
+export { RadioGroup };

package/_internal/components/radio-button/index.d.ts

@@ -0,0 +1,2 @@
+import { RadioButton, RadioButtonProps } from "./RadioButton.js";
+import { RadioGroup, RadioGroupProps } from "./RadioGroup.js";

package/_internal/components/select/Select.d.ts

@@ -0,0 +1,20 @@
+import { Comp } from "../../utils/type/Comp.js";
+import { CoreSelectProps, SelectVariant } from "./constants.js";
+
+//#region src/components/select/Select.d.ts
+/** Defines the props of the component. */
+interface SelectProps extends CoreSelectProps {
+  /** Selected value. */
+  value: string;
+}
+/**
+ * Select component.
+ *
+ * @deprecated use `SelectTextField` instead
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Select: Comp<SelectProps, HTMLDivElement>;
+//#endregion
+export { Select, SelectProps };