@ultraviolet/ui 3.24.3 → 3.25.0

package/dist/components/Data Entry/NumberInput/types.d.ts

@@ -0,0 +1,45 @@
+import type { RefObject, InputHTMLAttributes, ReactNode } from 'react';
+import type { SIZES } from './constant';
+type Sizes = keyof typeof SIZES;
+import type { BaseFormComponentProps } from '../../../types';
+export type NumberInputProps = BaseFormComponentProps<HTMLInputElement> & {
+    size?: Sizes;
+    /**
+     * Text displayed into component at the right of number value.
+     */
+    unit?: string;
+    tooltip?: string;
+    /**
+     * Label description displayed right next to the label. It allows you to customize the label content.
+     */
+    labelDescription?: ReactNode;
+    /**
+     * Whether to show controls
+     */
+    controls?: boolean;
+    error?: string | boolean;
+    success?: string | boolean;
+    value?: number | null;
+    onChange?: (newValue: number | null) => void;
+    min?: number;
+    max?: number;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'step' | 'readOnly'>;
+export type ControlsProps = {
+    controls?: NumberInputProps['controls'];
+    direction: 'up' | 'down';
+    size: keyof typeof SIZES;
+    localRef: RefObject<HTMLInputElement | null>;
+    max?: NumberInputProps['max'];
+    min?: NumberInputProps['min'];
+    isDisabledOrReadOnly?: boolean;
+    onChange?: NumberInputProps['onChange'];
+};
+export type UnitProps = {
+    unit?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    size: 'large' | 'medium' | 'small';
+    controls?: NumberInputProps['controls'];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Data Entry/NumberInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/NumberInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACvC,KAAK,KAAK,GAAG,MAAM,OAAO,KAAK,CAAA;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,GAAG;IACxE,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC,CAAA;AAEpF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;IACvC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,IAAI,EAAE,MAAM,OAAO,KAAK,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5C,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAC7B,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;CACxC,CAAA"}

package/dist/components/Data Entry/PhoneInput/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/PhoneInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;aAC5B,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;CACJ,CAAA"}

package/dist/components/Data Entry/PhoneInput/index.d.ts

@@ -0,0 +1,36 @@
+import type { ChangeEvent, ComponentType, InputHTMLAttributes, Ref } from 'react';
+import type { DescriptionProps } from '../../Typography/Description';
+type PhoneInputLabelProps = {
+    disabled?: boolean;
+    error?: string;
+    ref?: Ref<HTMLInputElement>;
+};
+type InputProps = Partial<Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'aria-labelledby' | 'aria-live' | 'aria-describedby' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onFocus' | 'placeholder' | 'readOnly'>> & Partial<DescriptionProps>;
+type PhoneInputProps = PhoneInputLabelProps & {
+    'data-testid'?: string | null;
+    value?: string;
+    label?: string;
+    required?: boolean;
+    tooltip?: string;
+    className?: string;
+    defaultCountry?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    error?: string;
+    onParsingError?: ({ error, inputValue }: {
+        error: Error;
+        inputValue: string;
+    }) => void;
+    disableAutoFormat?: boolean;
+    onValueChange?: (value: {
+        inputValue: string;
+        formatted: string;
+        country: string | null;
+        valid: boolean;
+        e164: string | null;
+        international: string | null;
+    }) => void;
+} & InputProps;
+type PhoneInputType = ComponentType<PhoneInputProps>;
+export declare const PhoneInput: PhoneInputType;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Data Entry/PhoneInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/PhoneInput/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAgB,GAAG,EAAE,MAAM,OAAO,CAAA;AAK/F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAIpE,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B,CAAA;AAED,KAAK,UAAU,GAAG,OAAO,CACvB,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,YAAY,GACZ,iBAAiB,GACjB,WAAW,GACX,kBAAkB,GAClB,UAAU,GACV,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,SAAS,GACT,aAAa,GACb,UAAU,CACb,CACF,GACC,OAAO,CAAC,gBAAgB,CAAC,CAAA;AAE3B,KAAK,eAAe,GAAG,oBAAoB,GAAG;IAC5C,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACtF,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;QACtB,KAAK,EAAE,OAAO,CAAA;QACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;QACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;KAC7B,KAAK,IAAI,CAAA;CACX,GAAG,UAAU,CAAA;AAEd,KAAK,cAAc,GAAG,aAAa,CAAC,eAAe,CAAC,CAAA;AAEpD,eAAO,MAAM,UAAU,EAAE,cAmKxB,CAAA"}

package/dist/components/Data Entry/PhoneInput/index.js

@@ -0,0 +1,154 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/index.js";
+import { hasHelperText, init_hasHelperText } from "../../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../../Typography/Description/index.js";
+import { Label, init_Label } from "../../Typography/Label/index.js";
+import { init_styles_css, phoneInputStyle } from "./styles.css.js";
+import { forwardRef, useCallback, useId, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { getPhoneCountryFlag, getPhoneExample, parsePhoneNumber } from "@scaleway/phonenumber";
+import { CheckCircleOutlineIcon } from "@ultraviolet/icons/CheckCircleOutlineIcon";
+
+//#region src/components/Data Entry/PhoneInput/index.tsx
+var PhoneInput;
+function init_PhoneInput() {
+	return (init_PhoneInput = __esmMin(() => {
+		init_hasHelperText();
+		init_Stack();
+		init_Tooltip();
+		init_Description();
+		init_Label();
+		init_styles_css();
+		PhoneInput = forwardRef(({ "data-testid": dataTestId, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, className, defaultCountry = "FR", disableAutoFormat = false, disabled = false, error: customError, id, label, success, error, helper, tooltip, name, size = "large", onBlur, onChange, onFocus, onParsingError, onValueChange, placeholder, readOnly, required, value }, ref) => {
+			var _getPhoneExample$numb;
+			var _localRef$current;
+			const localRef = useRef(null);
+			useImperativeHandle(ref, () => localRef.current);
+			const [countryFlag, setCountryFlag] = useState(defaultCountry);
+			const formatPhoneNumber = useCallback(({ inputValue }) => {
+				if (disableAutoFormat) return inputValue;
+				try {
+					const { regionCode = defaultCountry } = parsePhoneNumber(inputValue);
+					const { valid, number } = parsePhoneNumber(inputValue, { regionCode });
+					const isValid = inputValue.length > 4 && valid;
+					const formattedNumber = isValid ? number === null || number === void 0 ? void 0 : number.international : inputValue;
+					const result = {
+						inputValue,
+						formatted: isValid ? number === null || number === void 0 ? void 0 : number.international : inputValue,
+						country: regionCode,
+						valid: isValid,
+						e164: isValid ? number === null || number === void 0 ? void 0 : number.e164 : null,
+						international: formattedNumber !== null && formattedNumber !== void 0 ? formattedNumber : null
+					};
+					setCountryFlag(regionCode);
+					onValueChange === null || onValueChange === void 0 || onValueChange(result);
+					return formattedNumber;
+				} catch (error) {
+					if (error instanceof Error) onParsingError === null || onParsingError === void 0 || onParsingError({
+						error,
+						inputValue
+					});
+					return inputValue;
+				}
+			}, [
+				onParsingError,
+				disableAutoFormat,
+				onValueChange,
+				defaultCountry
+			]);
+			const handleOnChangeCallback = useCallback((inputValue) => {
+				var _formatPhoneNumber;
+				if (!localRef.current) return;
+				const formatted = (_formatPhoneNumber = formatPhoneNumber({ inputValue })) !== null && _formatPhoneNumber !== void 0 ? _formatPhoneNumber : "";
+				localRef.current.value = formatted;
+			}, [formatPhoneNumber]);
+			useLayoutEffect(() => {
+				if (value !== void 0) handleOnChangeCallback(value);
+			}, [value, handleOnChangeCallback]);
+			const uniqueId = useId();
+			const helperId = useId();
+			const localId = id || `phone-${uniqueId}`;
+			return /* @__PURE__ */ jsxs(Stack, {
+				className,
+				gap: .5,
+				children: [
+					label ? /* @__PURE__ */ jsx(Label, {
+						htmlFor: localId,
+						required,
+						size,
+						children: label
+					}) : null,
+					/* @__PURE__ */ jsx(Tooltip, {
+						text: tooltip,
+						children: /* @__PURE__ */ jsxs("div", {
+							className: cn(className, phoneInputStyle.inputWrapper, phoneInputStyle.inputWrapperSizes[size]),
+							"data-disabled": disabled,
+							"data-readonly": readOnly,
+							"data-success": success,
+							"data-error": !!customError,
+							children: [
+								/* @__PURE__ */ jsx(Stack, {
+									alignItems: "center",
+									className: phoneInputStyle.flag,
+									"data-disabled": disabled,
+									children: getPhoneCountryFlag(countryFlag)
+								}),
+								/* @__PURE__ */ jsx("input", {
+									"aria-invalid": !!error,
+									"aria-label": label ? void 0 : ariaLabel,
+									"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? helperId : void 0),
+									"aria-labelledby": ariaLabelledBy,
+									className: phoneInputStyle.input,
+									"data-testid": dataTestId,
+									"data-size": size,
+									disabled,
+									required,
+									readOnly,
+									id: localId,
+									maxLength: 20,
+									name,
+									onBlur,
+									onChange: (event) => {
+										if (localRef.current) handleOnChangeCallback(localRef.current.value);
+										onChange === null || onChange === void 0 || onChange(event);
+									},
+									onFocus,
+									placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : (_getPhoneExample$numb = getPhoneExample(countryFlag, "mobile").number) === null || _getPhoneExample$numb === void 0 ? void 0 : _getPhoneExample$numb.international,
+									ref: localRef,
+									type: "tel",
+									value: (_localRef$current = localRef.current) === null || _localRef$current === void 0 ? void 0 : _localRef$current.value
+								}),
+								success ? /* @__PURE__ */ jsx(CheckCircleOutlineIcon, {
+									disabled,
+									sentiment: "success",
+									size: "small"
+								}) : null,
+								error ? /* @__PURE__ */ jsx(AlertCircleIcon, {
+									disabled,
+									sentiment: "danger",
+									size: "small"
+								}) : null
+							]
+						})
+					}),
+					/* @__PURE__ */ jsx(Description, {
+						helper,
+						error,
+						success,
+						disabled,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})
+				]
+			});
+		});
+		PhoneInput.displayName = "PhoneInput";
+	}))();
+}
+
+//#endregion
+init_PhoneInput();
+export { PhoneInput, init_PhoneInput };

package/dist/components/Data Entry/PhoneInput/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/PhoneInput/styles.css.ts"],"names":[],"mappings":"AAwGA,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA"}

package/dist/components/Data Entry/PhoneInput/styles.css.js

@@ -0,0 +1,24 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Entry/PhoneInput/styles.css.ts
+var phoneInputStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		phoneInputStyle = {
+			flag: "uv_y109lc0",
+			inputWrapper: "uv_y109lc4",
+			inputWrapperSizes: {
+				large: "uv_y109lc1",
+				medium: "uv_y109lc2",
+				small: "uv_y109lc3"
+			},
+			input: "uv_y109lc5"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, phoneInputStyle };

package/dist/components/Data Entry/PhoneInput/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/PhoneInput/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Entry/Radio/MarkedIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkedIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/Radio/MarkedIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,aAAyB;IAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,gCAOhF,CAAA"}

package/dist/components/Data Entry/Radio/MarkedIcon.js

@@ -0,0 +1,42 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, radioStyle } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/Radio/MarkedIcon.tsx
+var RadioMarkedIcon;
+function init_MarkedIcon() {
+	return (init_MarkedIcon = __esmMin(() => {
+		init_styles_css();
+		RadioMarkedIcon = ({ size = "medium" }) => /* @__PURE__ */ jsxs("g", { children: [
+			/* @__PURE__ */ jsx("circle", {
+				className: radioStyle.focusRing,
+				cx: "12",
+				cy: "12",
+				r: size === "medium" ? "10" : "8",
+				strokeWidth: "6"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: size === "medium" ? "10" : "8",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				className: radioStyle.innerCircleRing,
+				cx: "12",
+				cy: "12",
+				r: size === "medium" ? "8" : "6"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				className: radioStyle.mark,
+				cx: "12",
+				cy: "12",
+				r: size === "medium" ? "5" : "4"
+			})
+		] });
+	}))();
+}
+
+//#endregion
+init_MarkedIcon();
+export { RadioMarkedIcon, init_MarkedIcon };

package/dist/components/Data Entry/Radio/index.d.ts

@@ -0,0 +1,17 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import type { LabelProp } from '../../../types';
+type RadioProps = {
+    error?: ReactNode;
+    value: string | number;
+    helper?: ReactNode;
+    className?: string;
+    size?: 'small' | 'medium';
+    'data-testid'?: string;
+    tooltip?: string;
+} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'disabled' | 'autoFocus' | 'onKeyDown' | 'id' | 'name' | 'required' | 'tabIndex' | 'checked' | 'onClick' | 'style' | 'aria-describedby'> & LabelProp;
+/**
+ * Radio component is used to select a single option from a list of options. It is a type of input component.
+ */
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Data Entry/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/Radio/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAQ/C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,kBAAkB,CACrB,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGA4FjB,CAAA"}

package/dist/components/Data Entry/Radio/index.js

@@ -0,0 +1,95 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { hasHelperText, init_hasHelperText } from "../../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../../Typography/Description/index.js";
+import { init_styles_css, radioStyle } from "./styles.css.js";
+import { RadioMarkedIcon, init_MarkedIcon } from "./MarkedIcon.js";
+import { forwardRef, useId } from "react";
+import { cn } from "@ultraviolet/utils";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/Radio/index.tsx
+var Radio;
+function init_Radio() {
+	return (init_Radio = __esmMin(() => {
+		init_hasHelperText();
+		init_Stack();
+		init_Tooltip();
+		init_Description();
+		init_Text();
+		init_MarkedIcon();
+		init_styles_css();
+		Radio = forwardRef(({ checked = false, onChange, onFocus, onBlur, disabled = false, error, name, value, label, helper, className, autoFocus, onKeyDown, size = "medium", tooltip, "aria-label": ariaLabel, "data-testid": dataTestId, "aria-describedby": ariaDescribedBy, tabIndex, id, style }, forwadedRef) => {
+			const generatedId = useId();
+			const helperId = useId();
+			const localId = id !== null && id !== void 0 ? id : generatedId;
+			return /* @__PURE__ */ jsx(Tooltip, {
+				text: tooltip,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					className: radioStyle.stack,
+					gap: .5,
+					children: [/* @__PURE__ */ jsxs("div", {
+						"aria-disabled": disabled,
+						className: cn(className, radioStyle.container[size]),
+						"data-checked": checked,
+						"data-invalid": !!error,
+						"data-testid": dataTestId,
+						children: [
+							/* @__PURE__ */ jsx("input", {
+								"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+								"aria-disabled": disabled,
+								"aria-label": ariaLabel,
+								autoFocus,
+								checked,
+								className: radioStyle.radio,
+								disabled,
+								id: localId,
+								name,
+								onBlur,
+								onChange,
+								onFocus,
+								onKeyDown,
+								ref: forwadedRef,
+								style,
+								tabIndex,
+								type: "radio",
+								value
+							}),
+							/* @__PURE__ */ jsxs("svg", {
+								className: radioStyle.ring,
+								viewBox: "0 0 24 24",
+								children: [/* @__PURE__ */ jsx("title", { children: "radio" }), /* @__PURE__ */ jsx(RadioMarkedIcon, { size })]
+							}),
+							label ? /* @__PURE__ */ jsx(Fragment$1, { children: typeof label === "string" ? /* @__PURE__ */ jsx(Text, {
+								as: "label",
+								className: cn(radioStyle.textLabel[size], radioStyle.label),
+								htmlFor: localId,
+								prominence: "default",
+								sentiment: "neutral",
+								variant: size === "small" ? "bodySmall" : "body",
+								children: label
+							}) : /* @__PURE__ */ jsx("label", {
+								className: cn(radioStyle.labelStyle, radioStyle.label),
+								htmlFor: localId,
+								children: label
+							}) }) : null
+						]
+					}), /* @__PURE__ */ jsx(Description, {
+						error,
+						helper,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+						disabled
+					})]
+				})
+			});
+		});
+		Radio.displayName = "Radio";
+	}))();
+}
+
+//#endregion
+init_Radio();
+export { Radio, init_Radio };

package/dist/components/Data Entry/Radio/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/Radio/styles.css.ts"],"names":[],"mappings":"AAqNA,eAAO,MAAM,UAAU;;;;;;;;;;;;CAYtB,CAAA"}

package/dist/components/Data Entry/Radio/styles.css.js

@@ -0,0 +1,39 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "../SelectableCardOptionGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../SelectableCard/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "../../Action/SwitchButton/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Entry/Radio/styles.css.ts
+var radioStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla$2();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$3();
+		radioStyle = {
+			stack: "uv_v3r5nr0",
+			margedText: "uv_v3r5nr1",
+			container: {
+				small: "uv_v3r5nr3 uv_v3r5nr2",
+				medium: "uv_v3r5nr4 uv_v3r5nr2"
+			},
+			textLabel: {
+				small: "uv_v3r5nr6 uv_v3r5nr5",
+				medium: "uv_v3r5nr7 uv_v3r5nr5"
+			},
+			label: "uv_v3r5nr8",
+			labelStyle: "uv_v3r5nr9",
+			radio: "uv_v3r5nra",
+			ring: "uv_v3r5nrb",
+			mark: "uv_v3r5nrc",
+			innerCircleRing: "uv_v3r5nrd",
+			focusRing: "uv_v3r5nre"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, radioStyle };

package/dist/components/Data Entry/Radio/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/Radio/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Entry/RadioGroup/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/RadioGroup/Context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;AAEnE,eAAO,MAAM,iBAAiB,4DAA8D,CAAA"}

package/dist/components/Data Entry/RadioGroup/Context.js

@@ -0,0 +1,14 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { createContext } from "react";
+
+//#region src/components/Data Entry/RadioGroup/Context.tsx
+var RadioGroupContext;
+function init_Context() {
+	return (init_Context = __esmMin(() => {
+		RadioGroupContext = createContext(void 0);
+	}))();
+}
+
+//#endregion
+init_Context();
+export { RadioGroupContext, init_Context };

package/dist/components/Data Entry/RadioGroup/SingleRadio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/RadioGroup/SingleRadio.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAA;wCAC5E,EAC9B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,oBAAoB"}

package/dist/components/Data Entry/RadioGroup/SingleRadio.js

@@ -0,0 +1,44 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Radio, init_Radio } from "../Radio/index.js";
+import { RadioGroupContext, init_Context } from "./Context.js";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/RadioGroup/SingleRadio.tsx
+var RadioGroupRadio;
+function init_SingleRadio() {
+	return (init_SingleRadio = __esmMin(() => {
+		init_Radio();
+		init_Context();
+		RadioGroupRadio = ({ onFocus, onBlur, disabled, error, value, label, helper, className, autoFocus, onKeyDown, tooltip, "data-testid": dataTestId, style }) => {
+			const context = useContext(RadioGroupContext);
+			if (!context) throw new Error("RadioGroup.Radio can only be used inside a RadioGroup");
+			const { groupName, onChange, groupValue, error: errorContext, size } = context;
+			return /* @__PURE__ */ jsx(Radio, {
+				autoFocus,
+				checked: groupValue === value,
+				className,
+				"data-testid": dataTestId,
+				disabled,
+				error: error || errorContext,
+				helper,
+				label,
+				name: groupName,
+				onBlur,
+				onChange,
+				onFocus,
+				onKeyDown,
+				size,
+				style,
+				tooltip,
+				value
+			});
+		};
+		RadioGroupRadio.displayName = "RadioGroup.Radio";
+	}))();
+}
+
+//#endregion
+init_SingleRadio();
+export { RadioGroupRadio, init_SingleRadio };

package/dist/components/Data Entry/RadioGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/RadioGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG/C,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,kBAAkB,CAAC,CAAA;AAEvF;;GAEG;AACH,QAAA,MAAM,mBAAmB;6KAetB,eAAe;;CAuDjB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,mBAAmB,GAAG;IAChE,KAAK,EAAE,OAAO,eAAe,CAAA;CAC9B,CAAA;AAID,eAAO,MAAM,UAAU,EAAE,6BAEvB,CAAA"}