@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/components/SelectableCardGroup/index.js

@@ -14,65 +14,67 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/SelectableCardGroup/index.tsx
 var SelectableCardGroupComponent, SelectableCardGroup;
-var init_SelectableCardGroup = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Label();
-	init_Row();
-	init_Stack();
-	init_Context();
-	init_SingleCard();
-	init_styles_css();
-	SelectableCardGroupComponent = ({ legend, legendDescription, value, className, helper, error, columns = 1, children, onChange, name, required = false, type, showTick = false, "aria-describedby": ariaDescribedBy }) => {
-		const contextValue = useMemo(() => ({
-			error: !!error,
-			groupName: name,
-			groupValue: value,
-			onChange,
-			required,
-			showTick,
-			type
-		}), [
-			name,
-			value,
-			onChange,
-			required,
-			type,
-			showTick,
-			error
-		]);
-		const helperId = useId();
-		return /* @__PURE__ */ jsx(SelectableCardGroupContext.Provider, {
-			value: contextValue,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				gap: 1,
-				children: [/* @__PURE__ */ jsx("fieldset", {
-					className: cn(className, selectableCardGroupStyle.fieldset),
-					"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
-					children: /* @__PURE__ */ jsxs(Stack, {
-						gap: 1.5,
-						children: [legend ? /* @__PURE__ */ jsx(Label, {
-							as: "legend",
-							labelDescription: legendDescription,
-							required,
-							children: legend
-						}) : null, /* @__PURE__ */ jsx(Row, {
-							gap: 2,
-							templateColumns: `repeat(${columns}, minmax(0, 1fr))`,
-							children
-						})]
-					})
-				}), /* @__PURE__ */ jsx(Description, {
-					helper,
-					error,
-					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
-				})]
-			})
-		});
-	};
-	SelectableCardGroupComponent.displayName = "SelectableCardGroup";
-	SelectableCardGroup = Object.assign(SelectableCardGroupComponent, { Card: CardSelectableCard });
-});
+function init_SelectableCardGroup() {
+	return (init_SelectableCardGroup = __esmMin(() => {
+		init_hasHelperText();
+		init_Description();
+		init_Label();
+		init_Row();
+		init_Stack();
+		init_Context();
+		init_SingleCard();
+		init_styles_css();
+		SelectableCardGroupComponent = ({ legend, legendDescription, value, className, helper, error, columns = 1, children, onChange, name, required = false, type, showTick = false, "aria-describedby": ariaDescribedBy }) => {
+			const contextValue = useMemo(() => ({
+				error: !!error,
+				groupName: name,
+				groupValue: value,
+				onChange,
+				required,
+				showTick,
+				type
+			}), [
+				name,
+				value,
+				onChange,
+				required,
+				type,
+				showTick,
+				error
+			]);
+			const helperId = useId();
+			return /* @__PURE__ */ jsx(SelectableCardGroupContext.Provider, {
+				value: contextValue,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: 1,
+					children: [/* @__PURE__ */ jsx("fieldset", {
+						className: cn(className, selectableCardGroupStyle.fieldset),
+						"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+						children: /* @__PURE__ */ jsxs(Stack, {
+							gap: 1.5,
+							children: [legend ? /* @__PURE__ */ jsx(Label, {
+								as: "legend",
+								labelDescription: legendDescription,
+								required,
+								children: legend
+							}) : null, /* @__PURE__ */ jsx(Row, {
+								gap: 2,
+								templateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+								children
+							})]
+						})
+					}), /* @__PURE__ */ jsx(Description, {
+						helper,
+						error,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})]
+				})
+			});
+		};
+		SelectableCardGroupComponent.displayName = "SelectableCardGroup";
+		SelectableCardGroup = Object.assign(SelectableCardGroupComponent, { Card: CardSelectableCard });
+	}))();
+}
 
 //#endregion
 init_SelectableCardGroup();

package/dist/components/SelectableCardGroup/styles.css.js

@@ -3,10 +3,12 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/SelectableCardGroup/styles.css.ts
 var selectableCardGroupStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	selectableCardGroupStyle = { fieldset: "uv_7j58nd0" };
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		selectableCardGroupStyle = { fieldset: "uv_7j58nd0" };
+	}))();
+}
 
 //#endregion
 init_styles_css();

package/dist/components/SelectableCardGroup/styles.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/SelectableCardGroup/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();

package/dist/components/SelectableCardOptionGroup/Provider.js

@@ -3,23 +3,25 @@ import { createContext, useContext } from "react";
 
 //#region src/components/SelectableCardOptionGroup/Provider.ts
 var SelectableCardOptionGroupContext, useSelectableCardOptionGroup;
-var init_Provider = __esmMin(() => {
-	SelectableCardOptionGroupContext = createContext({
-		disabled: false,
-		error: false,
-		groupName: "",
-		onChange: () => {},
-		onChangeOption: () => {},
-		optionValue: "",
-		required: false,
-		size: "large"
-	});
-	useSelectableCardOptionGroup = () => {
-		const context = useContext(SelectableCardOptionGroupContext);
-		if (!context) throw new Error("SelectableCardOptionGroup.Option must be used inside a SelectableCardOptionGroup");
-		return context;
-	};
-});
+function init_Provider() {
+	return (init_Provider = __esmMin(() => {
+		SelectableCardOptionGroupContext = createContext({
+			disabled: false,
+			error: false,
+			groupName: "",
+			onChange: () => {},
+			onChangeOption: () => {},
+			optionValue: "",
+			required: false,
+			size: "large"
+		});
+		useSelectableCardOptionGroup = () => {
+			const context = useContext(SelectableCardOptionGroupContext);
+			if (!context) throw new Error("SelectableCardOptionGroup.Option must be used inside a SelectableCardOptionGroup");
+			return context;
+		};
+	}))();
+}
 
 //#endregion
 init_Provider();

package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.js

@@ -14,71 +14,73 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx
 var SelectableCardOptionGroupComponent, SelectableCardOptionGroup;
-var init_SelectableCardOptionGroup = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Label();
-	init_Row();
-	init_Stack();
-	init_Option();
-	init_Provider();
-	init_styles_css();
-	SelectableCardOptionGroupComponent = ({ legend, legendDescription, className, required, columns = 3, children, helper, error, onChange, value, optionValue, onChangeOption, name, disabled, size = "large", style, "aria-describedby": ariaDescribedBy }) => {
-		const contextValue = useMemo(() => ({
-			disabled,
-			error: !!error,
-			groupName: name,
-			groupValue: value,
-			onChange,
-			onChangeOption,
-			optionValue,
-			required,
-			size
-		}), [
-			disabled,
-			error,
-			name,
-			onChange,
-			onChangeOption,
-			optionValue,
-			required,
-			value,
-			size
-		]);
-		const helperId = useId();
-		return /* @__PURE__ */ jsx(SelectableCardOptionGroupContext.Provider, {
-			value: contextValue,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				gap: 1,
-				style,
-				children: [/* @__PURE__ */ jsx("fieldset", {
-					className: cn(className, selectableCardOptionGroupStyle.fieldset),
-					"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
-					children: /* @__PURE__ */ jsxs(Stack, {
-						gap: 1.5,
-						children: [legend ? /* @__PURE__ */ jsx(Label, {
-							as: "legend",
-							labelDescription: legendDescription,
-							required,
-							children: legend
-						}) : null, /* @__PURE__ */ jsx(Row, {
-							gap: 2,
-							templateColumns: `repeat(${columns}, minmax(0, 1fr))`,
-							children
-						})]
-					})
-				}), /* @__PURE__ */ jsx(Description, {
-					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
-					error,
-					helper,
-					disabled
-				})]
-			})
-		});
-	};
-	SelectableCardOptionGroupComponent.displayName = "SelectableCardOptionGroup";
-	SelectableCardOptionGroup = Object.assign(SelectableCardOptionGroupComponent, { Option });
-});
+function init_SelectableCardOptionGroup() {
+	return (init_SelectableCardOptionGroup = __esmMin(() => {
+		init_hasHelperText();
+		init_Description();
+		init_Label();
+		init_Row();
+		init_Stack();
+		init_Option();
+		init_Provider();
+		init_styles_css();
+		SelectableCardOptionGroupComponent = ({ legend, legendDescription, className, required, columns = 3, children, helper, error, onChange, value, optionValue, onChangeOption, name, disabled, size = "large", style, "aria-describedby": ariaDescribedBy }) => {
+			const contextValue = useMemo(() => ({
+				disabled,
+				error: !!error,
+				groupName: name,
+				groupValue: value,
+				onChange,
+				onChangeOption,
+				optionValue,
+				required,
+				size
+			}), [
+				disabled,
+				error,
+				name,
+				onChange,
+				onChangeOption,
+				optionValue,
+				required,
+				value,
+				size
+			]);
+			const helperId = useId();
+			return /* @__PURE__ */ jsx(SelectableCardOptionGroupContext.Provider, {
+				value: contextValue,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: 1,
+					style,
+					children: [/* @__PURE__ */ jsx("fieldset", {
+						className: cn(className, selectableCardOptionGroupStyle.fieldset),
+						"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+						children: /* @__PURE__ */ jsxs(Stack, {
+							gap: 1.5,
+							children: [legend ? /* @__PURE__ */ jsx(Label, {
+								as: "legend",
+								labelDescription: legendDescription,
+								required,
+								children: legend
+							}) : null, /* @__PURE__ */ jsx(Row, {
+								gap: 2,
+								templateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+								children
+							})]
+						})
+					}), /* @__PURE__ */ jsx(Description, {
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+						error,
+						helper,
+						disabled
+					})]
+				})
+			});
+		};
+		SelectableCardOptionGroupComponent.displayName = "SelectableCardOptionGroup";
+		SelectableCardOptionGroup = Object.assign(SelectableCardOptionGroupComponent, { Option });
+	}))();
+}
 
 //#endregion
 init_SelectableCardOptionGroup();

package/dist/components/SelectableCardOptionGroup/components/Image.js

@@ -6,21 +6,23 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SelectableCardOptionGroup/components/Image.tsx
 var IMAGE_SIZES, Image;
-var init_Image = __esmMin(() => {
-	init_styles_css();
-	IMAGE_SIZES = {
-		large: 56,
-		medium: 40
-	};
-	Image = ({ src, alt, size, disabled, className }) => /* @__PURE__ */ jsx("img", {
-		alt,
-		className: cn(className, disabled ? selectableCardOptionGroupStyle.disabledImage : ""),
-		"data-disabled": disabled,
-		height: IMAGE_SIZES[size],
-		src,
-		width: IMAGE_SIZES[size]
-	});
-});
+function init_Image() {
+	return (init_Image = __esmMin(() => {
+		init_styles_css();
+		IMAGE_SIZES = {
+			large: 56,
+			medium: 40
+		};
+		Image = ({ src, alt, size, disabled, className }) => /* @__PURE__ */ jsx("img", {
+			alt,
+			className: cn(className, disabled ? selectableCardOptionGroupStyle.disabledImage : ""),
+			"data-disabled": disabled,
+			height: IMAGE_SIZES[size],
+			src,
+			width: IMAGE_SIZES[size]
+		});
+	}))();
+}
 
 //#endregion
 init_Image();

package/dist/components/SelectableCardOptionGroup/components/Option.js

@@ -1,12 +1,11 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../../Stack/index.js";
 import { Label, init_Label } from "../../Label/index.js";
 import { init_styles_css, selectableCardOptionGroupStyle } from "../styles.css.js";
 import { SelectInput, init_SelectInput } from "../../SelectInput/index.js";
 import { SelectableCard, init_SelectableCard } from "../../SelectableCard/SelectableCard.js";
-import { init_SelectableCard as init_SelectableCard$1 } from "../../SelectableCard/index.js";
 import { init_Provider, useSelectableCardOptionGroup } from "../Provider.js";
 import { Image, init_Image } from "./Image.js";
 import { useId } from "react";
@@ -15,88 +14,90 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/SelectableCardOptionGroup/components/Option.tsx
 var Option;
-var init_Option = __esmMin(() => {
-	init_Label();
-	init_SelectableCard$1();
-	init_SelectInput();
-	init_Stack();
-	init_Provider();
-	init_Image();
-	init_styles_css();
-	init_objectSpread2();
-	Option = ({ value, label, labelDescription, "aria-label": ariaLabel, children, className, options, optionPlaceholder, image, disabled, id, "data-testid": dataTestId, tooltip, style }) => {
-		const { onChange, onChangeOption, groupValue, disabled: groupDisabled, size, error, optionValue } = useSelectableCardOptionGroup();
-		const generatedId = useId();
-		const inputId = id !== null && id !== void 0 ? id : generatedId;
-		const isDisabled = disabled || groupDisabled;
-		return /* @__PURE__ */ jsx(SelectableCard, _objectSpread2(_objectSpread2({
-			checked: groupValue === value,
-			className: cn(className, selectableCardOptionGroupStyle.selectableCard),
-			"data-testid": dataTestId,
-			disabled: isDisabled,
-			isError: error,
-			onChange: (event) => {
-				onChange === null || onChange === void 0 || onChange(event);
-				if (Array.isArray(options)) {
-					var _options$;
-					onChangeOption === null || onChangeOption === void 0 || onChangeOption(options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value);
-				}
-			},
-			showTick: true,
-			style,
-			tooltip,
-			type: "radio",
-			value
-		}, label ? { id: inputId } : { "aria-label": ariaLabel }), {}, { children: /* @__PURE__ */ jsxs(Stack, {
-			className: selectableCardOptionGroupStyle.optionFullHeight,
-			direction: "column",
-			flex: "1 1 auto",
-			gap: 2,
-			justifyContent: "space-between",
-			width: "100%",
-			children: [/* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				className: selectableCardOptionGroupStyle.optionPadded,
+function init_Option() {
+	return (init_Option = __esmMin(() => {
+		init_Label();
+		init_SelectableCard();
+		init_SelectInput();
+		init_Stack();
+		init_Provider();
+		init_Image();
+		init_styles_css();
+		init_objectSpread2();
+		Option = ({ value, label, labelDescription, "aria-label": ariaLabel, children, className, options, optionPlaceholder, image, disabled, id, "data-testid": dataTestId, tooltip, style }) => {
+			const { onChange, onChangeOption, groupValue, disabled: groupDisabled, size, error, optionValue } = useSelectableCardOptionGroup();
+			const generatedId = useId();
+			const inputId = id !== null && id !== void 0 ? id : generatedId;
+			const isDisabled = disabled || groupDisabled;
+			return /* @__PURE__ */ jsx(SelectableCard, _objectSpread2(_objectSpread2({
+				checked: groupValue === value,
+				className: cn(className, selectableCardOptionGroupStyle.selectableCard),
+				"data-testid": dataTestId,
+				disabled: isDisabled,
+				isError: error,
+				onChange: (event) => {
+					onChange === null || onChange === void 0 || onChange(event);
+					if (Array.isArray(options)) {
+						var _options$;
+						onChangeOption === null || onChangeOption === void 0 || onChangeOption(options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value);
+					}
+				},
+				showTick: true,
+				style,
+				tooltip,
+				type: "radio",
+				value
+			}, label ? { id: inputId } : { "aria-label": ariaLabel }), {}, { children: /* @__PURE__ */ jsxs(Stack, {
+				className: selectableCardOptionGroupStyle.optionFullHeight,
 				direction: "column",
-				gap: 1,
-				justifyContent: "center",
+				flex: "1 1 auto",
+				gap: 2,
+				justifyContent: "space-between",
 				width: "100%",
-				children: [typeof image === "string" ? /* @__PURE__ */ jsx(Image, {
-					alt: typeof label === "string" ? label : value,
-					disabled: isDisabled,
-					size,
-					src: image
-				}) : image, /* @__PURE__ */ jsxs(Stack, {
+				children: [/* @__PURE__ */ jsxs(Stack, {
 					alignItems: "center",
+					className: selectableCardOptionGroupStyle.optionPadded,
 					direction: "column",
-					gap: .5,
+					gap: 1,
 					justifyContent: "center",
 					width: "100%",
-					children: [typeof label === "string" ? /* @__PURE__ */ jsx(Label, {
+					children: [typeof image === "string" ? /* @__PURE__ */ jsx(Image, {
+						alt: typeof label === "string" ? label : value,
 						disabled: isDisabled,
-						htmlFor: inputId,
-						labelDescription,
-						sentiment: groupValue === value ? "primary" : "neutral",
-						children: label
-					}) : label, children]
+						size,
+						src: image
+					}) : image, /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						direction: "column",
+						gap: .5,
+						justifyContent: "center",
+						width: "100%",
+						children: [typeof label === "string" ? /* @__PURE__ */ jsx(Label, {
+							disabled: isDisabled,
+							htmlFor: inputId,
+							labelDescription,
+							sentiment: groupValue === value ? "primary" : "neutral",
+							children: label
+						}) : label, children]
+					})]
+				}), /* @__PURE__ */ jsx(SelectInput, {
+					"aria-label": typeof label === "string" ? `${label} option` : `${value} option`,
+					className: cn(selectableCardOptionGroupStyle.optionSelectInput, isDisabled ? selectableCardOptionGroupStyle.optionSelectInputDisabled : "", error ? selectableCardOptionGroupStyle.optionSelectInputError : ""),
+					"data-testid": dataTestId ? `${dataTestId}-select` : void 0,
+					disabled: isDisabled,
+					error,
+					name: "selectable-card-option",
+					onChange: onChangeOption,
+					options,
+					placeholder: optionPlaceholder,
+					size: "medium",
+					value: optionValue
 				})]
-			}), /* @__PURE__ */ jsx(SelectInput, {
-				"aria-label": typeof label === "string" ? `${label} option` : `${value} option`,
-				className: cn(selectableCardOptionGroupStyle.optionSelectInput, isDisabled ? selectableCardOptionGroupStyle.optionSelectInputDisabled : "", error ? selectableCardOptionGroupStyle.optionSelectInputError : ""),
-				"data-testid": dataTestId ? `${dataTestId}-select` : void 0,
-				disabled: isDisabled,
-				error,
-				name: "selectable-card-option",
-				onChange: onChangeOption,
-				options,
-				placeholder: optionPlaceholder,
-				size: "medium",
-				value: optionValue
-			})]
-		}) }));
-	};
-	Option.displayName = "SelectableCardOptionGroup.Option";
-});
+			}) }));
+		};
+		Option.displayName = "SelectableCardOptionGroup.Option";
+	}))();
+}
 
 //#endregion
 init_Option();

package/dist/components/SelectableCardOptionGroup/styles.css.js

@@ -3,19 +3,21 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/SelectableCardOptionGroup/styles.css.ts
 var selectableCardOptionGroupStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	selectableCardOptionGroupStyle = {
-		fieldset: "uv_12n1yvr0",
-		disabledImage: "uv_12n1yvr1",
-		selectableCard: "uv_12n1yvr2",
-		optionFullHeight: "uv_12n1yvr3",
-		optionSelectInput: "uv_12n1yvr4",
-		optionSelectInputDisabled: "uv_12n1yvr5",
-		optionSelectInputError: "uv_12n1yvr6",
-		optionPadded: "uv_12n1yvr7"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		selectableCardOptionGroupStyle = {
+			fieldset: "uv_12n1yvr0",
+			disabledImage: "uv_12n1yvr1",
+			selectableCard: "uv_12n1yvr2",
+			optionFullHeight: "uv_12n1yvr3",
+			optionSelectInput: "uv_12n1yvr4",
+			optionSelectInputDisabled: "uv_12n1yvr5",
+			optionSelectInputError: "uv_12n1yvr6",
+			optionPadded: "uv_12n1yvr7"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

package/dist/components/SelectableCardOptionGroup/styles.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/SelectableCardOptionGroup/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();