@ultraviolet/ui 3.12.3 → 3.13.0

package/dist/components/SelectInput/components/helpers.js

@@ -0,0 +1,77 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { SIZES_TAG, init_constants } from "../constants.js";
+
+//#region src/components/SelectInput/components/helpers.ts
+var getTagsWidth, computeOverflowVars, computeSelectedDataMultiselect, computeSelectedDataSingleSelect;
+var init_helpers = __esmMin(() => {
+	init_constants();
+	getTagsWidth = (toMeasureElementsArray, innerWidth, potentiallyNonOverflowedValues) => toMeasureElementsArray.reduce((accumulator, currentValue, index) => {
+		const elementWidth = currentValue.offsetWidth;
+		const newAccumulatedWidth = accumulator.accumulatedWidth + elementWidth + SIZES_TAG.gap;
+		const canBeVisible = newAccumulatedWidth <= innerWidth;
+		return {
+			accumulatedWidth: canBeVisible ? newAccumulatedWidth : accumulator.accumulatedWidth,
+			lastVisibleElementWidth: canBeVisible ? elementWidth : accumulator.lastVisibleElementWidth,
+			lastVisibleLabel: canBeVisible ? potentiallyNonOverflowedValues[index].label : accumulator.lastVisibleLabel,
+			measuredHiddenTags: accumulator.measuredHiddenTags + (canBeVisible ? 0 : 1),
+			measuredVisibleTags: [...accumulator.measuredVisibleTags, ...canBeVisible ? [potentiallyNonOverflowedValues[index]] : []]
+		};
+	}, {
+		accumulatedWidth: 0,
+		lastVisibleElementWidth: 0,
+		lastVisibleLabel: "",
+		measuredHiddenTags: 0,
+		measuredVisibleTags: []
+	});
+	computeOverflowVars = (tagsWidth, hasOverflow, lastVisibleElementMaxSize, hasHiddenTags, potentiallyNonOverflowedValues, additionnalElementsWidth) => {
+		if (tagsWidth.measuredHiddenTags === 1 && tagsWidth.measuredVisibleTags.length === 0) {
+			const newOverflowPx = tagsWidth.lastVisibleElementWidth + (tagsWidth.measuredHiddenTags > 1 ? additionnalElementsWidth : 0) - innerWidth;
+			return {
+				overflowAmount: 0,
+				nonOverflowedValues: [potentiallyNonOverflowedValues[0]],
+				lastElementMaxWidth: tagsWidth.lastVisibleElementWidth - newOverflowPx,
+				hasOverflow: true
+			};
+		}
+		if (hasOverflow && hasHiddenTags && (lastVisibleElementMaxSize > 65 || tagsWidth.measuredVisibleTags.length === 1 && lastVisibleElementMaxSize > 65) && typeof tagsWidth.lastVisibleLabel === "string") return {
+			overflowAmount: tagsWidth.measuredHiddenTags,
+			nonOverflowedValues: tagsWidth.measuredVisibleTags,
+			lastElementMaxWidth: lastVisibleElementMaxSize,
+			hasOverflow: true
+		};
+		if (hasOverflow && hasHiddenTags) return {
+			overflowAmount: tagsWidth.measuredHiddenTags + 1,
+			nonOverflowedValues: tagsWidth.measuredVisibleTags.slice(0, -1),
+			lastElementMaxWidth: 0,
+			hasOverflow: false
+		};
+		return {
+			overflowAmount: tagsWidth.measuredHiddenTags,
+			nonOverflowedValues: tagsWidth.measuredVisibleTags,
+			lastElementMaxWidth: lastVisibleElementMaxSize,
+			hasOverflow: false
+		};
+	};
+	computeSelectedDataMultiselect = (closestOption, options, selectedData) => ({
+		computedData: {
+			clickedOption: closestOption,
+			group: Array.isArray(options) ? void 0 : Object.keys(options).find((group) => options[group].includes(closestOption)),
+			type: "selectOption"
+		},
+		onChangeData: selectedData.selectedValues.includes(closestOption.value) ? selectedData.selectedValues : [...selectedData.selectedValues, closestOption.value]
+	});
+	computeSelectedDataSingleSelect = (closestOption, selectedData) => {
+		var _selectedData$selecte;
+		return {
+			computedData: {
+				clickedOption: closestOption,
+				type: "selectOption"
+			},
+			onChangeData: (_selectedData$selecte = selectedData.selectedValues[0]) !== null && _selectedData$selecte !== void 0 ? _selectedData$selecte : ""
+		};
+	};
+});
+
+//#endregion
+init_helpers();
+export { computeOverflowVars, computeSelectedDataMultiselect, computeSelectedDataSingleSelect, getTagsWidth, init_helpers };

package/dist/components/SelectInput/components/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown } from './Dropdown';
+export { SelectBar } from './SelectBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SelectInput/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/SelectInput/components/index.js

@@ -0,0 +1,15 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { Dropdown } from "./Dropdown/Dropdown.js";
+import { init_Dropdown } from "./Dropdown/index.js";
+import { SelectBar } from "./SelectBar/SelectBar.js";
+import { init_SelectBar } from "./SelectBar/index.js";
+
+//#region src/components/SelectInput/components/index.ts
+var init_components = __esmMin(() => {
+	init_Dropdown();
+	init_SelectBar();
+});
+
+//#endregion
+init_components();
+export { init_components };

package/dist/components/SelectInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/SelectInput/index.js

@@ -5,8 +5,9 @@ import { Text, init_Text } from "../Text/index.js";
 import { Label, init_Label } from "../Label/index.js";
 import { SelectInputProvider, init_SelectInputProvider } from "./SelectInputProvider.js";
 import { init_styles_css, selectInputStyle } from "./styles.css.js";
-import { Dropdown, init_Dropdown } from "./components/Dropdown.js";
-import { SelectBar, init_SelectBar } from "./components/SelectBar.js";
+import { Dropdown } from "./components/Dropdown/Dropdown.js";
+import { SelectBar } from "./components/SelectBar/SelectBar.js";
+import { init_components } from "./components/index.js";
 import { useId, useRef } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -17,8 +18,7 @@ var init_SelectInput = __esmMin(() => {
 	init_Label();
 	init_Stack();
 	init_Text();
-	init_Dropdown();
-	init_SelectBar();
+	init_components();
 	init_SelectInputProvider();
 	init_styles_css();
 	SelectInput = ({ name, id, onBlur, onFocus, onChange, "aria-label": ariaLabel, value, label, helper, options, size = "large", emptyState, descriptionDirection = "column", success, error, "data-testid": dataTestId, className, tooltip, footer, placeholderSearch = "Search in list", placeholder = "Select item", searchable = true, disabled = false, readOnly = false, clearable = false, multiselect = false, required = false, labelDescription, autofocus, loadMore, optionalInfoPlacement = "right", isLoading, selectAll, selectAllGroup = false, dropdownAlign, portalTarget, onOpen, groupEmptyState, groupError, style, addOption }) => {

package/dist/components/SelectInput/reducerFonctions.d.ts

@@ -0,0 +1,28 @@
+import type { DataType, OptionType, ReducerState } from './types';
+export declare const selectAllAction: (state: ReducerState, allGroups: string[], allValues: OptionType[]) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+export declare const selectGroupAction: (state: ReducerState, selectedGroupAction: string, options: DataType, numberOfOptions: number, numberOfDisabledOptions: number) => ReducerState;
+export declare const selectOptionAction: (state: ReducerState, options: DataType, numberOfOptions: number, numberOfDisabledOptions: number, multiselect: boolean, clickedOption: OptionType, group?: string | undefined) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+export declare const clearAllAction: () => {
+    allSelected: boolean;
+    selectedGroups: never[];
+    selectedValues: never[];
+};
+export declare const updateAction: (state: ReducerState, options: DataType) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+export declare const resetAction: (selectedGroups: string[], selectedValues: string[]) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+//# sourceMappingURL=reducerFonctions.d.ts.map

package/dist/components/SelectInput/reducerFonctions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducerFonctions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/reducerFonctions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjE,eAAO,MAAM,eAAe;;;;CAa3B,CAAA;AAED,eAAO,MAAM,iBAAiB,iJAwC7B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;CAiD9B,CAAA;AAED,eAAO,MAAM,cAAc;;;;CAIzB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;CAgBvB,CAAA;AAEF,eAAO,MAAM,WAAW;;;;CAGqC,CAAA"}

package/dist/components/SelectInput/reducerFonctions.js

@@ -0,0 +1,76 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/SelectInput/reducerFonctions.ts
+var selectAllAction, selectGroupAction, selectOptionAction, clearAllAction, updateAction, resetAction;
+var init_reducerFonctions = __esmMin(() => {
+	selectAllAction = (state, allGroups, allValues) => {
+		if (state.allSelected) return {
+			allSelected: false,
+			selectedGroups: [],
+			selectedValues: []
+		};
+		return {
+			allSelected: true,
+			selectedGroups: allGroups,
+			selectedValues: allValues.map((option) => option.value)
+		};
+	};
+	selectGroupAction = (state, selectedGroupAction, options, numberOfOptions, numberOfDisabledOptions) => {
+		if (!Array.isArray(options)) {
+			if (state.selectedGroups.includes(selectedGroupAction)) return {
+				allSelected: false,
+				selectedGroups: state.selectedGroups.filter((selectedGroup) => selectedGroup !== selectedGroupAction),
+				selectedValues: [...state.selectedValues].filter((selectedValue) => !options[selectedGroupAction].find((option) => option.value === selectedValue))
+			};
+			const newSelectedValues = [...state.selectedValues];
+			options[selectedGroupAction].map((option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value));
+			return {
+				allSelected: newSelectedValues.length === numberOfOptions - numberOfDisabledOptions,
+				selectedGroups: [...state.selectedGroups, selectedGroupAction],
+				selectedValues: newSelectedValues
+			};
+		}
+		return state;
+	};
+	selectOptionAction = (state, options, numberOfOptions, numberOfDisabledOptions, multiselect, clickedOption, group) => {
+		if (multiselect) {
+			if (state.selectedValues.includes(clickedOption.value)) return {
+				allSelected: false,
+				selectedGroups: group && state.selectedGroups.includes(group) ? state.selectedGroups.filter((selectedGroup) => selectedGroup !== group) : [],
+				selectedValues: state.selectedValues.filter((val) => val !== clickedOption.value)
+			};
+			return {
+				allSelected: state.selectedValues.length + 1 === numberOfOptions - numberOfDisabledOptions,
+				selectedGroups: !Array.isArray(options) && group && options[group].every((option) => [...state.selectedValues, clickedOption.value].includes(option.value) || option.disabled) ? [...state.selectedGroups, group] : state.selectedGroups,
+				selectedValues: [...state.selectedValues, clickedOption.value]
+			};
+		}
+		return {
+			allSelected: false,
+			selectedGroups: state.selectedGroups,
+			selectedValues: [clickedOption.value]
+		};
+	};
+	clearAllAction = () => ({
+		allSelected: false,
+		selectedGroups: [],
+		selectedValues: []
+	});
+	updateAction = (state, options) => ({
+		allSelected: state.allSelected,
+		selectedGroups: state.selectedGroups,
+		selectedValues: state.selectedValues.filter((selectedValue) => {
+			if (!Array.isArray(options)) return Object.keys(options).some((group) => options[group].some((option) => option.value === selectedValue && !option.disabled));
+			return options.some((option) => option.value === selectedValue && !option.disabled);
+		})
+	});
+	resetAction = (selectedGroups, selectedValues) => ({
+		allSelected: false,
+		selectedGroups,
+		selectedValues
+	});
+});
+
+//#endregion
+init_reducerFonctions();
+export { clearAllAction, init_reducerFonctions, resetAction, selectAllAction, selectGroupAction, selectOptionAction, updateAction };

package/dist/components/SelectInput/styles.css.d.ts

@@ -10,7 +10,8 @@ export declare const selectInputStyle: {
             small: {
                 paddingLeft: `var(--${string})`;
             };
-            default: {};
+            large: {};
+            medium: {};
         };
     }>;
     dropdownGroupWrapper: string;
@@ -22,7 +23,8 @@ export declare const selectInputStyle: {
             };
         };
         size: {
-            default: {};
+            large: {};
+            medium: {};
             small: {
                 padding: `var(--${string})`;
             };

package/dist/components/SelectInput/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/styles.css.ts"],"names":[],"mappings":"AAqCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/styles.css.ts"],"names":[],"mappings":"AAqCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}

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

@@ -1,8 +1,8 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-import { init_dropdown_css_ts_vanilla } from "./components/dropdown.css.ts.vanilla.js";
+import { init_dropdown_css_ts_vanilla } from "./components/Dropdown/dropdown.css.ts.vanilla.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 "../UnitInput/styles.css.ts.vanilla.js";
-import { init_selectBar_css_ts_vanilla } from "./components/selectBar.css.ts.vanilla.js";
+import { init_selectBar_css_ts_vanilla } from "./components/SelectBar/selectBar.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
@@ -17,68 +17,70 @@ var init_styles_css = __esmMin(() => {
 	selectInputStyle = {
 		container: "uv_uf6pag0",
 		helper: "uv_uf6pag1",
-		dropdown: "uv_5kpm8k1",
-		dropdownContainer: "uv_5kpm8k2",
-		dropdownContainerUnGrouped: "uv_5kpm8k3",
-		dropdownGroup: "uv_5kpm8k4",
+		dropdown: "uv_igqisu1",
+		dropdownContainer: "uv_igqisu2",
+		dropdownContainerUnGrouped: "uv_igqisu3",
+		dropdownGroup: "uv_igqisu4",
 		dropdownGroupSelectable: createRuntimeFn({
-			defaultClassName: "uv_5kpm8k5",
+			defaultClassName: "uv_igqisu5",
 			variantClassNames: { size: {
-				small: "uv_5kpm8k6",
-				"default": "uv_5kpm8k7"
+				small: "uv_igqisu6",
+				large: "uv_igqisu7",
+				medium: "uv_igqisu8"
 			} },
-			defaultVariants: { size: "default" },
+			defaultVariants: { size: "large" },
 			compoundVariants: []
 		}),
-		dropdownGroupWrapper: "uv_5kpm8k8",
-		emptyStateGroupStyle: "uv_5kpm8k9",
+		dropdownGroupWrapper: "uv_igqisu9",
+		emptyStateGroupStyle: "uv_igqisua",
 		dropdownItem: createRuntimeFn({
-			defaultClassName: "uv_5kpm8kb uv_5kpm8ka uv_5kpm8k9",
+			defaultClassName: "uv_igqisuc uv_igqisub uv_igqisua",
 			variantClassNames: {
-				selected: { true: "uv_5kpm8kc" },
+				selected: { true: "uv_igqisud" },
 				size: {
-					"default": "uv_5kpm8kd",
-					small: "uv_5kpm8ke"
+					large: "uv_igqisue",
+					medium: "uv_igqisuf",
+					small: "uv_igqisug"
 				},
-				disabled: { true: "uv_5kpm8kf" }
+				disabled: { true: "uv_igqisuh" }
 			},
 			defaultVariants: {
 				disabled: false,
 				selected: false,
-				size: "default"
+				size: "large"
 			},
 			compoundVariants: []
 		}),
-		dropdownItemBase: "uv_5kpm8ka uv_5kpm8k9",
-		footer: "uv_5kpm8kg",
-		dropdownCheckbox: "uv_5kpm8kh",
-		dropdownEmptyState: "uv_5kpm8ki",
-		dropdownLoadMore: "uv_5kpm8kj",
-		dropdownInfo: "uv_5kpm8kk",
-		dropdownInfoContainer: "uv_5kpm8km",
-		dropdownInfoTextItem: "uv_5kpm8kl",
-		comboboxCreate: "uv_5kpm8ko uv_5kpm8ka uv_5kpm8k9",
+		dropdownItemBase: "uv_igqisub uv_igqisua",
+		footer: "uv_igqisui",
+		dropdownCheckbox: "uv_igqisuj",
+		dropdownEmptyState: "uv_igqisuk",
+		dropdownLoadMore: "uv_igqisul",
+		dropdownInfo: "uv_igqisum",
+		dropdownInfoContainer: "uv_igqisuo",
+		dropdownInfoTextItem: "uv_igqisun",
+		comboboxCreate: "uv_igqisuq uv_igqisub uv_igqisua",
 		selectbarState: {
-			large: "uv_1ba7knd2",
-			small: "uv_1ba7knd3"
+			large: "uv_r8qe42",
+			small: "uv_r8qe43"
 		},
-		placeholder: "uv_1ba7knd4",
-		selectBarBase: "uv_1ba7knd5",
+		placeholder: "uv_r8qe44",
+		selectBarBase: "uv_r8qe45",
 		selectBar: createRuntimeFn({
-			defaultClassName: "uv_1ba7knd6 uv_1ba7knd5",
+			defaultClassName: "uv_r8qe46 uv_r8qe45",
 			variantClassNames: {
-				disabled: { true: "uv_1ba7knd7" },
-				dropdownVisible: { true: "uv_1ba7knd8" },
-				readOnly: { true: "uv_1ba7knd9" },
+				disabled: { true: "uv_r8qe47" },
+				dropdownVisible: { true: "uv_r8qe48" },
+				readOnly: { true: "uv_r8qe49" },
 				size: {
-					large: "uv_1ba7knda",
-					medium: "uv_1ba7kndb",
-					small: "uv_1ba7kndc"
+					large: "uv_r8qe4a",
+					medium: "uv_r8qe4b",
+					small: "uv_r8qe4c"
 				},
 				state: {
-					danger: "uv_1ba7kndd",
-					neutral: "uv_1ba7knde",
-					success: "uv_1ba7kndf"
+					danger: "uv_r8qe4d",
+					neutral: "uv_r8qe4e",
+					success: "uv_r8qe4f"
 				}
 			},
 			defaultVariants: {
@@ -92,25 +94,25 @@ var init_styles_css = __esmMin(() => {
 				[{
 					dropdownVisible: true,
 					state: "neutral"
-				}, "uv_1ba7kndg"],
+				}, "uv_r8qe4g"],
 				[{
 					dropdownVisible: true,
 					state: "success"
-				}, "uv_1ba7kndh"],
+				}, "uv_r8qe4h"],
 				[{
 					dropdownVisible: true,
 					state: "danger"
-				}, "uv_1ba7kndi"]
+				}, "uv_r8qe4i"]
 			]
 		}),
 		selectBarTags: {
-			hidden: "uv_1ba7kndk uv_1ba7kndj",
-			visible: "uv_1ba7kndl uv_1ba7kndj"
+			hidden: "uv_r8qe4k uv_r8qe4j",
+			visible: "uv_r8qe4l uv_r8qe4j"
 		},
-		selectedValues: "uv_1ba7kndm",
-		plusTag: "uv_1ba7kndn",
-		multiselectStack: "uv_1ba7kndo",
-		searchBar: "uv_5kpm8kn"
+		selectedValues: "uv_r8qe4m",
+		plusTag: "uv_r8qe4n",
+		multiselectStack: "uv_r8qe4o",
+		searchBar: "uv_igqisup"
 	};
 });
 

package/dist/components/SelectableCard/MultiStateInput.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
 import { Radio, init_Radio } from "../Radio/index.js";
 import { init_styles_css, selectableCardStyle } from "./styles.css.js";

package/dist/components/SelectableCard/SelectableCard.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
 import { init_styles_css, selectableCardStyle } from "./styles.css.js";
@@ -60,10 +60,11 @@ var init_SelectableCard = __esmMin(() => {
 				if (!(inputElement.contains(targetNode) || (labelElement === null || labelElement === void 0 ? void 0 : labelElement.contains(targetNode)))) inputElement.click();
 			}
 		}, [disabled]);
+		const isCheckboxOrToggle = type === "checkbox" || type === "toggle";
 		return /* @__PURE__ */ jsx(ParentContainer, { children: /* @__PURE__ */ jsx(Stack, {
 			alignItems: "flex-start",
 			className: cn(className, selectableCardStyle.container({
-				cursor: (type === "checkbox" || type === "toggle") && isComplexChildren ? "default" : "custom",
+				cursor: isCheckboxOrToggle && isComplexChildren ? "default" : "custom",
 				image
 			}), label ? selectableCardStyle.labelContainerSelectableCardLabel : selectableCardStyle.labelContainerSelectableCardNoLabel),
 			"data-checked": checked,
@@ -74,7 +75,7 @@ var init_SelectableCard = __esmMin(() => {
 			direction: label ? "column" : "row",
 			flex: 1,
 			gap: .5,
-			onClick: (type === "checkbox" || type === "toggle") && isComplexChildren ? void 0 : onClickContainer,
+			onClick: isCheckboxOrToggle && isComplexChildren ? void 0 : onClickContainer,
 			onKeyDown,
 			ref,
 			role: "button",
@@ -104,7 +105,7 @@ var init_SelectableCard = __esmMin(() => {
 					value
 				}), children ? /* @__PURE__ */ jsx(Stack, {
 					className: cn(selectableCardStyle.stack, !!label && showTick && indented ? selectableCardStyle.indentedCard : void 0),
-					"data-has-default-cursor": (type === "checkbox" || type === "toggle") && isComplexChildren,
+					"data-has-default-cursor": isCheckboxOrToggle && isComplexChildren,
 					"data-has-label": !!label && showTick,
 					onKeyDown: (event) => event.stopPropagation(),
 					ref: childrenRef,

package/dist/components/SelectableCardGroup/Context.d.ts

@@ -0,0 +1,11 @@
+import type { InputHTMLAttributes } from 'react';
+type SelectableCardGroupContextType = {
+    groupName?: string;
+    groupValue: string | number | (string | number)[];
+    type: 'radio' | 'checkbox';
+    showTick: boolean;
+    error: boolean;
+} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required'>;
+export declare const SelectableCardGroupContext: import("react").Context<SelectableCardGroupContextType | undefined>;
+export {};
+//# sourceMappingURL=Context.d.ts.map

package/dist/components/SelectableCardGroup/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/Context.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,8BAA8B,GAAG;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACjD,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzD,eAAO,MAAM,0BAA0B,qEAE3B,CAAA"}

package/dist/components/SelectableCardGroup/Context.js

@@ -0,0 +1,13 @@
+'use client';
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { createContext } from "react";
+
+//#region src/components/SelectableCardGroup/Context.tsx
+var SelectableCardGroupContext;
+var init_Context = __esmMin(() => {
+	SelectableCardGroupContext = createContext(void 0);
+});
+
+//#endregion
+init_Context();
+export { SelectableCardGroupContext, init_Context };

package/dist/components/SelectableCardGroup/SingleCard.d.ts

@@ -0,0 +1,5 @@
+import { SelectableCard } from '../SelectableCard';
+import type { ComponentProps } from 'react';
+export type CardSelectableCardProps = Omit<ComponentProps<typeof SelectableCard>, 'onChange' | 'checked' | 'type' | 'showTick'>;
+export declare const CardSelectableCard: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, 'data-testid': dataTestId, }: CardSelectableCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SingleCard.d.ts.map

package/dist/components/SelectableCardGroup/SingleCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleCard.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/SingleCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,cAAc,CAAC,EACrC,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC7C,CAAA;AAED,eAAO,MAAM,kBAAkB,iMAkD9B,CAAA"}

package/dist/components/SelectableCardGroup/SingleCard.js

@@ -0,0 +1,42 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { SelectableCard } from "../SelectableCard/SelectableCard.js";
+import { init_SelectableCard } from "../SelectableCard/index.js";
+import { SelectableCardGroupContext, init_Context } from "./Context.js";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/SelectableCardGroup/SingleCard.tsx
+var CardSelectableCard;
+var init_SingleCard = __esmMin(() => {
+	init_SelectableCard();
+	init_Context();
+	CardSelectableCard = ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, "data-testid": dataTestId }) => {
+		const context = useContext(SelectableCardGroupContext);
+		if (!context) throw new Error("SelectableCardGroup.Card can only be used inside a SelectableCardGroup");
+		const { groupName, onChange, groupValue, type, showTick, error } = context;
+		return /* @__PURE__ */ jsx(SelectableCard, {
+			checked: typeof groupValue === "object" ? groupValue.includes(value) : groupValue === value,
+			className,
+			"data-testid": dataTestId,
+			disabled,
+			id,
+			isError: isError || error,
+			label,
+			name: groupName,
+			onBlur,
+			onChange,
+			onFocus,
+			showTick,
+			style,
+			tooltip,
+			type,
+			value,
+			children
+		});
+	};
+});
+
+//#endregion
+init_SingleCard();
+export { CardSelectableCard, init_SingleCard };

package/dist/components/SelectableCardGroup/index.d.ts

@@ -1,7 +1,5 @@
-import { SelectableCard } from '../SelectableCard';
-import type { ComponentProps, InputHTMLAttributes, ReactNode } from 'react';
-export type CardSelectableCardProps = Omit<ComponentProps<typeof SelectableCard>, 'onChange' | 'checked' | 'type' | 'showTick'>;
-declare const CardSelectableCard: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, 'data-testid': dataTestId, }: CardSelectableCardProps) => import("react/jsx-runtime").JSX.Element;
+import { CardSelectableCard } from './SingleCard';
+import type { InputHTMLAttributes, ReactNode } from 'react';
 type SelectableCardGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;

package/dist/components/SelectableCardGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAMlD,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAe3E,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,cAAc,CAAC,EACrC,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC7C,CAAA;AAED,QAAA,MAAM,kBAAkB,iMAkDvB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAErE;;GAEG;AACH,QAAA,MAAM,4BAA4B,qMAiEjC,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,4BAA4B,GAAG;IACzE,IAAI,EAAE,OAAO,kBAAkB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,6BAKjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAErE;;GAEG;AACH,QAAA,MAAM,4BAA4B,qMAiEjC,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,4BAA4B,GAAG;IACzE,IAAI,EAAE,OAAO,kBAAkB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,6BAKjC,CAAA"}

package/dist/components/SelectableCardGroup/index.js

@@ -4,47 +4,23 @@ import { Stack, init_Stack } from "../Stack/index.js";
 import { Text, init_Text } from "../Text/index.js";
 import { Label, init_Label } from "../Label/index.js";
 import { Row, init_Row } from "../Row/index.js";
-import { SelectableCard } from "../SelectableCard/SelectableCard.js";
-import { init_SelectableCard } from "../SelectableCard/index.js";
+import { SelectableCardGroupContext, init_Context } from "./Context.js";
+import { CardSelectableCard, init_SingleCard } from "./SingleCard.js";
 import { init_styles_css, selectableCardGroupStyle } from "./styles.css.js";
-import { createContext, useContext, useMemo } from "react";
+import { useMemo } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/SelectableCardGroup/index.tsx
-var SelectableCardGroupContext, CardSelectableCard, SelectableCardGroupComponent, SelectableCardGroup;
+var SelectableCardGroupComponent, SelectableCardGroup;
 var init_SelectableCardGroup = __esmMin(() => {
 	init_Label();
 	init_Row();
-	init_SelectableCard();
 	init_Stack();
 	init_Text();
+	init_Context();
+	init_SingleCard();
 	init_styles_css();
-	SelectableCardGroupContext = createContext(void 0);
-	CardSelectableCard = ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, "data-testid": dataTestId }) => {
-		const context = useContext(SelectableCardGroupContext);
-		if (!context) throw new Error("SelectableCardGroup.Card can only be used inside a SelectableCardGroup");
-		const { groupName, onChange, groupValue, type, showTick, error } = context;
-		return /* @__PURE__ */ jsx(SelectableCard, {
-			checked: typeof groupValue === "object" ? groupValue.includes(value) : groupValue === value,
-			className,
-			"data-testid": dataTestId,
-			disabled,
-			id,
-			isError: isError || error,
-			label,
-			name: groupName,
-			onBlur,
-			onChange,
-			onFocus,
-			showTick,
-			style,
-			tooltip,
-			type,
-			value,
-			children
-		});
-	};
 	SelectableCardGroupComponent = ({ legend, legendDescription, value, className, helper, error, columns = 1, children, onChange, name, required = false, type, showTick = false }) => {
 		const contextValue = useMemo(() => ({
 			error: !!error,