@ultraviolet/ui 3.24.2 → 3.25.0

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

@@ -0,0 +1,125 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.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/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";
+
+//#region src/components/Data Entry/SelectInput/styles.css.ts
+var selectInputStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_dropdown_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
+		/* @__PURE__ */ init_selectBar_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$2();
+		selectInputStyle = {
+			container: "uv_ei8oq30",
+			helper: "uv_ei8oq31",
+			dropdown: "uv_1hff1el1",
+			dropdownContainer: "uv_1hff1el2",
+			dropdownGroup: "uv_1hff1el3",
+			dropdownGroupSelectable: createRuntimeFn({
+				defaultClassName: "uv_1hff1el4",
+				variantClassNames: { size: {
+					small: "uv_1hff1el5",
+					large: "uv_1hff1el6",
+					medium: "uv_1hff1el7"
+				} },
+				defaultVariants: { size: "large" },
+				compoundVariants: []
+			}),
+			dropdownGroupWrapper: "uv_1hff1el9",
+			dropdownSection: "uv_1hff1el8",
+			emptyStateGroupStyle: "uv_1hff1ela",
+			dropdownItem: createRuntimeFn({
+				defaultClassName: "uv_1hff1elc uv_1hff1elb uv_1hff1ela",
+				variantClassNames: {
+					selected: { true: "uv_1hff1eld" },
+					size: {
+						large: "uv_1hff1ele",
+						medium: "uv_1hff1elf",
+						small: "uv_1hff1elg"
+					},
+					disabled: { true: "uv_1hff1elh" }
+				},
+				defaultVariants: {
+					disabled: false,
+					selected: false,
+					size: "large"
+				},
+				compoundVariants: []
+			}),
+			dropdownItemBase: "uv_1hff1elb uv_1hff1ela",
+			footer: "uv_1hff1eli",
+			dropdownCheckbox: "uv_1hff1elk uv_1hff1elj",
+			dropdownCheckboxGroup: "uv_1hff1ell uv_1hff1elj",
+			dropdownEmptyState: "uv_1hff1elm",
+			dropdownLoadMore: "uv_1hff1eln",
+			dropdownInfo: "uv_1hff1elo",
+			dropdownInfoContainer: "uv_1hff1elq",
+			dropdownInfoTextItem: "uv_1hff1elp",
+			comboboxCreate: "uv_1hff1els uv_1hff1elb uv_1hff1ela",
+			selectbarState: {
+				large: "uv_1xo4j4b2",
+				small: "uv_1xo4j4b3"
+			},
+			placeholder: "uv_1xo4j4b4",
+			selectBarBase: "uv_1xo4j4b5",
+			selectBar: createRuntimeFn({
+				defaultClassName: "uv_1xo4j4b6 uv_1xo4j4b5",
+				variantClassNames: {
+					disabled: { true: "uv_1xo4j4b7" },
+					dropdownVisible: { true: "uv_1xo4j4b8" },
+					readOnly: { true: "uv_1xo4j4b9" },
+					size: {
+						large: "uv_1xo4j4ba",
+						medium: "uv_1xo4j4bb",
+						small: "uv_1xo4j4bc"
+					},
+					state: {
+						danger: "uv_1xo4j4bd",
+						neutral: "uv_1xo4j4be",
+						success: "uv_1xo4j4bf"
+					}
+				},
+				defaultVariants: {
+					disabled: false,
+					dropdownVisible: false,
+					readOnly: false,
+					size: "large",
+					state: "neutral"
+				},
+				compoundVariants: [
+					[{
+						dropdownVisible: true,
+						state: "neutral"
+					}, "uv_1xo4j4bg"],
+					[{
+						dropdownVisible: true,
+						state: "success"
+					}, "uv_1xo4j4bh"],
+					[{
+						dropdownVisible: true,
+						state: "danger"
+					}, "uv_1xo4j4bi"]
+				]
+			}),
+			selectBarTags: {
+				hidden: "uv_1xo4j4bk uv_1xo4j4bj",
+				visible: "uv_1xo4j4bl uv_1xo4j4bj"
+			},
+			selectedValues: "uv_1xo4j4bm",
+			plusTag: "uv_1xo4j4bn",
+			multiselectStack: "uv_1xo4j4bo",
+			searchBar: "uv_1hff1elr",
+			optionalInfoPadding: "uv_1hff1elt"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, selectInputStyle };

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

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/SelectInput/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/SelectInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,CACA;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,GACtC;IACE,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB,CACJ,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,GAAG,UAAU,EAAE,CAAA;AAElE,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,GAC9C;IACE,IAAI,EAAE,cAAc,CAAA;IACpB,aAAa,EAAE,UAAU,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GACD;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IACE,IAAI,EAAE,OAAO,CAAA;IACb,cAAc,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IAC9C,cAAc,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAC/C,CAAA"}

package/dist/components/Data Entry/SelectableCard/IllustrationContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IllustrationContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCard/IllustrationContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD,eAAO,MAAM,qBAAqB,0DAI/B;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC/C,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;CAClD,gUAuBA,CAAA"}

package/dist/components/Data Entry/SelectableCard/IllustrationContainer.js

@@ -0,0 +1,52 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { init_styles_css, selectableCardStyle } from "./styles.css.js";
+import { cloneElement, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/SelectableCard/IllustrationContainer.tsx
+var IllustrationContainer;
+function init_IllustrationContainer() {
+	return (init_IllustrationContainer = __esmMin(() => {
+		init_Stack();
+		init_styles_css();
+		IllustrationContainer = ({ children: subChildren, productIcon, illustration }) => {
+			if (productIcon || illustration) {
+				const computedIllustration = isValidElement(illustration) ? cloneElement(illustration, { style: {
+					height: "220px",
+					width: "220px"
+				} }) : null;
+				return /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "stretch",
+					direction: "row",
+					flex: 1,
+					justifyContent: "space-between",
+					width: "100%",
+					children: [
+						/* @__PURE__ */ jsx(Stack, {
+							className: selectableCardStyle.illustration,
+							children: subChildren
+						}),
+						/* @__PURE__ */ jsx(Stack, {
+							justifyContent: "center",
+							children: productIcon ? productIcon : null
+						}),
+						illustration ? /* @__PURE__ */ jsx("div", {
+							className: selectableCardStyle.div,
+							children: illustration ? /* @__PURE__ */ jsx("div", {
+								className: selectableCardStyle.image,
+								children: computedIllustration
+							}) : null
+						}) : null
+					]
+				});
+			}
+			return subChildren;
+		};
+	}))();
+}
+
+//#endregion
+init_IllustrationContainer();
+export { IllustrationContainer, init_IllustrationContainer };

package/dist/components/Data Entry/SelectableCard/MultiStateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiStateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCard/MultiStateInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,eAAe,gIAczB,eAAe,uCA0EjB,CAAA"}

package/dist/components/Data Entry/SelectableCard/MultiStateInput.js

@@ -0,0 +1,84 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
+import { init_styles_css, selectableCardStyle } from "./styles.css.js";
+import { Radio, init_Radio } from "../Radio/index.js";
+import { Toggle, init_Toggle } from "../Toggle/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/SelectableCard/MultiStateInput.tsx
+var MultiStateInput;
+function init_MultiStateInput() {
+	return (init_MultiStateInput = __esmMin(() => {
+		init_Checkbox();
+		init_Radio();
+		init_Toggle();
+		init_styles_css();
+		init_objectSpread2();
+		MultiStateInput = ({ checked, disabled, id, label, "aria-label": ariaLabel, innerRef, isError, name, onBlur, onChange, onFocus, type, value }) => {
+			if (!type) return null;
+			if (type === "checkbox") {
+				const labelProps = label ? {
+					"aria-label": void 0,
+					children: label
+				} : { "aria-label": ariaLabel };
+				return /* @__PURE__ */ jsx(Checkbox, _objectSpread2({
+					checked,
+					className: selectableCardStyle.selectableElement,
+					"data-error": isError,
+					disabled,
+					error: isError,
+					id,
+					name,
+					onBlur,
+					onChange,
+					onFocus,
+					ref: innerRef,
+					tabIndex: -1,
+					value
+				}, labelProps));
+			}
+			if (type === "radio") {
+				const labelProps = label ? { label } : { "aria-label": ariaLabel };
+				return /* @__PURE__ */ jsx(Radio, _objectSpread2({
+					checked,
+					className: selectableCardStyle.selectableElement,
+					"data-error": isError,
+					disabled,
+					error: isError,
+					id,
+					name,
+					onBlur,
+					onChange,
+					onFocus,
+					ref: innerRef,
+					tabIndex: -1,
+					value
+				}, labelProps));
+			}
+			if (type === "toggle") {
+				const labelProps = label ? { label } : { "aria-label": ariaLabel };
+				return /* @__PURE__ */ jsx(Toggle, _objectSpread2({
+					checked,
+					className: selectableCardStyle.selectableElement,
+					"data-error": isError,
+					disabled,
+					error: isError,
+					id,
+					name,
+					onBlur,
+					onChange,
+					onFocus,
+					ref: innerRef,
+					tabIndex: -1,
+					value
+				}, labelProps));
+			}
+			return null;
+		};
+	}))();
+}
+
+//#endregion
+init_MultiStateInput();
+export { MultiStateInput, init_MultiStateInput };

package/dist/components/Data Entry/SelectableCard/SelectableCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCard/SelectableCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAIlD;;;GAGG;AACH,eAAO,MAAM,cAAc,gHAoK1B,CAAA"}

package/dist/components/Data Entry/SelectableCard/SelectableCard.js

@@ -0,0 +1,128 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/index.js";
+import { init_styles_css, selectableCardStyle } from "./styles.css.js";
+import { IllustrationContainer, init_IllustrationContainer } from "./IllustrationContainer.js";
+import { MultiStateInput, init_MultiStateInput } from "./MultiStateInput.js";
+import { init_variables_css, inputDisplay, labelDisplay, widthSelectable } from "./variables.css.js";
+import { forwardRef, useCallback, useMemo, useRef } from "react";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/SelectableCard/SelectableCard.tsx
+var SelectableCard;
+function init_SelectableCard() {
+	return (init_SelectableCard = __esmMin(() => {
+		init_Stack();
+		init_Tooltip();
+		init_IllustrationContainer();
+		init_MultiStateInput();
+		init_styles_css();
+		init_variables_css();
+		init_objectSpread2();
+		SelectableCard = forwardRef(({ name, value, onChange, showTick = false, type = "radio", checked = false, disabled = false, children, className, isError, onFocus, onBlur, tooltip, id, label, "data-testid": dataTestId, productIcon, illustration, "aria-label": ariaLabel, style, indented = true }, ref) => {
+			const innerRef = useRef(null);
+			const childrenRef = useRef(null);
+			const image = useMemo(() => {
+				if (illustration) return "illustration";
+				if (productIcon) return "icon";
+				return "none";
+			}, [illustration, productIcon]);
+			const ParentContainer = useCallback(({ children: subChildren }) => {
+				if (tooltip) return /* @__PURE__ */ jsx(Stack, {
+					flex: 1,
+					children: /* @__PURE__ */ jsx(Tooltip, {
+						containerFullHeight: true,
+						text: tooltip,
+						children: subChildren
+					})
+				});
+				return /* @__PURE__ */ jsx(Tooltip, { children: subChildren });
+			}, [tooltip]);
+			const onKeyDown = useCallback((event) => {
+				if (event.key === " " && (innerRef === null || innerRef === void 0 ? void 0 : innerRef.current)) {
+					event.preventDefault();
+					innerRef.current.click();
+				}
+			}, [innerRef]);
+			const isComplexChildren = [
+				"function",
+				"array",
+				"object"
+			].includes(typeof children);
+			const onClickContainer = useCallback((event) => {
+				if (innerRef.current && !disabled) {
+					const inputElement = innerRef.current;
+					const labelElement = document.querySelector(`label[for="${inputElement.id}"]`);
+					const targetNode = event.target;
+					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: isCheckboxOrToggle && isComplexChildren ? "default" : "custom",
+					image
+				}), label ? selectableCardStyle.labelContainerSelectableCardLabel : selectableCardStyle.labelContainerSelectableCardNoLabel),
+				"data-checked": checked,
+				"data-disabled": disabled,
+				"data-error": isError,
+				"data-testid": dataTestId,
+				"data-type": type,
+				direction: label ? "column" : "row",
+				flex: 1,
+				gap: .5,
+				onClick: isCheckboxOrToggle && isComplexChildren ? void 0 : onClickContainer,
+				onKeyDown,
+				ref,
+				role: "button",
+				style: _objectSpread2(_objectSpread2({}, assignInlineVars({
+					[inputDisplay]: showTick ? "inline" : "none",
+					[labelDisplay]: showTick || label ? "inline" : "none",
+					[widthSelectable]: label ? "100%" : "auto"
+				})), style),
+				tabIndex: disabled ? void 0 : 0,
+				children: /* @__PURE__ */ jsxs(IllustrationContainer, {
+					illustration,
+					productIcon,
+					children: [/* @__PURE__ */ jsx(MultiStateInput, {
+						"aria-label": ariaLabel,
+						checked,
+						"data-error": isError,
+						disabled,
+						id,
+						innerRef,
+						isError,
+						label,
+						name,
+						onBlur,
+						onChange,
+						onFocus,
+						type,
+						value
+					}), children ? /* @__PURE__ */ jsx(Stack, {
+						className: cn(selectableCardStyle.stack, !!label && showTick && indented ? selectableCardStyle.indentedCard : void 0),
+						"data-has-default-cursor": isCheckboxOrToggle && isComplexChildren,
+						"data-has-label": !!label && showTick,
+						onKeyDown: (event) => event.stopPropagation(),
+						ref: childrenRef,
+						width: "100%",
+						children: typeof children === "function" ? children({
+							checked,
+							disabled
+						}) : children
+					}) : null]
+				})
+			}) });
+		});
+		SelectableCard.displayName = "SelectableCard";
+	}))();
+}
+
+//#endregion
+init_SelectableCard();
+export { SelectableCard, init_SelectableCard };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCard/styles.css.ts"],"names":[],"mappings":"AA4IA,eAAO,MAAM,mBAAmB;;;;;;;;;;;YArF1B,IAAI;gBACF,OAAO;gBACP,YAAY;;YAEd,YAAY;gBACV,OAAO;;YAET,IAAI;;;;;;;;;;;CAwFT,CAAA"}

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

@@ -0,0 +1,44 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Data Entry/SelectableCard/styles.css.ts
+var selectableCardStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		selectableCardStyle = {
+			container: createRuntimeFn({
+				defaultClassName: "uv_mzeuq80",
+				variantClassNames: {
+					cursor: {
+						custom: "uv_mzeuq81",
+						"default": "uv_mzeuq82"
+					},
+					image: {
+						icon: "uv_mzeuq83",
+						illustration: "uv_mzeuq84",
+						none: "uv_mzeuq85"
+					}
+				},
+				defaultVariants: {
+					cursor: "custom",
+					image: "none"
+				},
+				compoundVariants: []
+			}),
+			labelContainerSelectableCardLabel: "uv_mzeuq86",
+			labelContainerSelectableCardNoLabel: "uv_mzeuq87",
+			div: "uv_mzeuq88",
+			image: "uv_mzeuq89",
+			illustration: "uv_mzeuq8a",
+			stack: "uv_mzeuq8b",
+			indentedCard: "uv_mzeuq8c",
+			selectableElement: "uv_mzeuq8d"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, selectableCardStyle };

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

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/SelectableCard/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/SelectableCard/types.d.ts

@@ -0,0 +1,35 @@
+import type { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactElement, ReactNode, RefObject } from 'react';
+import type { LabelProp } from '../../../types';
+export type SelectableCardProps = {
+    name?: string;
+    children?: (({ disabled, checked }: Pick<SelectableCardProps, 'checked' | 'disabled'>) => ReactNode) | ReactNode;
+    value: string | number;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    showTick?: boolean;
+    type?: 'radio' | 'checkbox' | 'toggle';
+    disabled?: boolean;
+    checked?: boolean;
+    className?: string;
+    isError?: boolean;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    id?: string;
+    tooltip?: string;
+    'data-testid'?: string;
+    style?: CSSProperties;
+    indented?: boolean;
+} & ({
+    illustration?: ReactElement<{
+        style?: CSSProperties;
+    }>;
+    productIcon?: never;
+} | {
+    productIcon?: ReactElement<{
+        style?: CSSProperties;
+    }>;
+    illustration?: never;
+}) & LabelProp;
+export type MultiStateProps = Pick<SelectableCardProps, 'type' | 'checked' | 'isError' | 'id' | 'disabled' | 'onFocus' | 'label' | 'aria-label' | 'onChange' | 'name' | 'showTick' | 'onBlur' | 'value'> & {
+    innerRef: RefObject<HTMLInputElement | null>;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAChH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,YAAY,CAAC;QAAE,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,YAAY,CAAC;QAAE,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,EACjB,MAAM,GACN,SAAS,GACT,SAAS,GACT,IAAI,GACJ,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,GACZ,UAAU,GACV,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,CACV,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA"}

package/dist/components/Data Entry/SelectableCard/variables.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCard/variables.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,oBAAc,CAAA;AACvC,eAAO,MAAM,YAAY,oBAAc,CAAA;AACvC,eAAO,MAAM,eAAe,oBAAc,CAAA"}

package/dist/components/Data Entry/SelectableCard/variables.css.js

@@ -0,0 +1,15 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/SelectableCard/variables.css.ts
+var inputDisplay, labelDisplay, widthSelectable;
+function init_variables_css() {
+	return (init_variables_css = __esmMin(() => {
+		inputDisplay = "var(--uv_8im5570)";
+		labelDisplay = "var(--uv_8im5571)";
+		widthSelectable = "var(--uv_8im5572)";
+	}))();
+}
+
+//#endregion
+init_variables_css();
+export { init_variables_css, inputDisplay, labelDisplay, widthSelectable };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCardGroup/Context.tsx"],"names":[],"mappings":"AAGA,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,qEAAuE,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCardGroup/SingleCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,cAAc,CAAC,EACrC,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC7C,CAAA;2CAEkC,EACjC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAO,EACP,EAAE,EACF,KAAK,EACL,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,uBAAuB"}

package/dist/components/Data Entry/SelectableCardGroup/SingleCard.js

@@ -0,0 +1,44 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { SelectableCard, init_SelectableCard } from "../SelectableCard/SelectableCard.js";
+import { SelectableCardGroupContext, init_Context } from "./Context.js";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/SelectableCardGroup/SingleCard.tsx
+var CardSelectableCard;
+function init_SingleCard() {
+	return (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
+			});
+		};
+		CardSelectableCard.displayName = "SelectableCardGroup.Card";
+	}))();
+}
+
+//#endregion
+init_SingleCard();
+export { CardSelectableCard, init_SingleCard };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/SelectableCardGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAGjD,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,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,CAAA;AAEjE;;GAEG;AACH,QAAA,MAAM,4BAA4B;wKAe/B,wBAAwB;;CAqC1B,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,4BAA4B,GAAG;IACzE,IAAI,EAAE,OAAO,kBAAkB,CAAA;CAChC,CAAA;AAID,eAAO,MAAM,mBAAmB,EAAE,6BAEhC,CAAA"}