@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/SelectableCard/SelectableCard.js

@@ -1,117 +1,124 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { Stack } from "../Stack/index.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { containerSelectableCard, indentedCard, labelContainerSelectableCardLabel, labelContainerSelectableCardNoLabel, stackSelectableCard } from "./styles.css.js";
-import { IllustrationContainer } from "./IllustrationContainer.js";
-import { MultiStateInput } from "./MultiStateInput.js";
-import { inputDisplay, labelDisplay, widthSelectable } from "./variables.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.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";
+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";
-import { cn } from "@ultraviolet/utils";
 
 //#region src/components/SelectableCard/SelectableCard.tsx
-/**
-* SelectableCard is a component that can be used to create a radio or checkbox card.
-* It can be used to create a list of selectable items or a single selectable item.
-*/
-const 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, {
+var SelectableCard;
+var 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]);
+		return /* @__PURE__ */ jsx(ParentContainer, { children: /* @__PURE__ */ jsx(Stack, {
+			alignItems: "flex-start",
+			className: cn(className, selectableCardStyle.container({
+				cursor: (type === "checkbox" || type === "toggle") && 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,
-			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]);
-	return /* @__PURE__ */ jsx(ParentContainer, { children: /* @__PURE__ */ jsx(Stack, {
-		alignItems: "flex-start",
-		className: cn(className, containerSelectableCard({
-			cursor: (type === "checkbox" || type === "toggle") && isComplexChildren ? "default" : "custom",
-			image
-		}), label ? labelContainerSelectableCardLabel : 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: (type === "checkbox" || type === "toggle") && 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(stackSelectableCard, !!label && showTick && indented ? indentedCard : void 0),
-				"data-has-default-cursor": (type === "checkbox" || type === "toggle") && isComplexChildren,
-				"data-has-label": !!label && showTick,
-				onKeyDown: (event) => event.stopPropagation(),
-				ref: childrenRef,
-				width: "100%",
-				children: typeof children === "function" ? children({
+			gap: .5,
+			onClick: (type === "checkbox" || type === "toggle") && 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,
-					disabled
-				}) : children
-			}) : null]
-		})
-	}) });
+					"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": (type === "checkbox" || type === "toggle") && isComplexChildren,
+					"data-has-label": !!label && showTick,
+					onKeyDown: (event) => event.stopPropagation(),
+					ref: childrenRef,
+					width: "100%",
+					children: typeof children === "function" ? children({
+						checked,
+						disabled
+					}) : children
+				}) : null]
+			})
+		}) });
+	});
 });
 
 //#endregion
-export { SelectableCard };
+init_SelectableCard();
+export { SelectableCard, init_SelectableCard };

package/dist/components/SelectableCard/index.js

@@ -0,0 +1,11 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { SelectableCard, init_SelectableCard as init_SelectableCard$1 } from "./SelectableCard.js";
+
+//#region src/components/SelectableCard/index.ts
+var init_SelectableCard = __esmMin(() => {
+	init_SelectableCard$1();
+});
+
+//#endregion
+init_SelectableCard();
+export { init_SelectableCard };

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

@@ -1,29 +1,31 @@
-export declare const containerSelectableCard: import("@vanilla-extract/recipes").RuntimeFn<{
-    cursor: {
-        custom: {
-            cursor: "pointer";
+export declare const selectableCardStyle: {
+    container: import("@vanilla-extract/recipes").RuntimeFn<{
+        cursor: {
+            custom: {
+                cursor: "pointer";
+            };
+            default: {
+                cursor: "default";
+            };
         };
-        default: {
-            cursor: "default";
+        image: {
+            icon: {
+                padding: `var(--${string})`;
+                paddingRight: `var(--${string})`;
+            };
+            illustration: {
+                padding: `var(--${string})`;
+            };
+            none: {};
         };
-    };
-    image: {
-        icon: {
-            padding: `var(--${string})`;
-            paddingRight: `var(--${string})`;
-        };
-        illustration: {
-            padding: `var(--${string})`;
-        };
-        none: {};
-    };
-}>;
-export declare const labelContainerSelectableCardLabel: string;
-export declare const labelContainerSelectableCardNoLabel: string;
-export declare const divSelectableCard: string;
-export declare const imageSelectableCard: string;
-export declare const illustrationSelectableCard: string;
-export declare const stackSelectableCard: string;
-export declare const indentedCard: string;
-export declare const selectableElementSelectableCard: string;
+    }>;
+    labelContainerSelectableCardLabel: string;
+    labelContainerSelectableCardNoLabel: string;
+    div: string;
+    image: string;
+    illustration: string;
+    stack: string;
+    indentedCard: string;
+    selectableElement: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;EA4DlC,CAAA;AAEF,eAAO,MAAM,iCAAiC,QAM5C,CAAA;AACF,eAAO,MAAM,mCAAmC,QAAY,CAAA;AAE5D,eAAO,MAAM,iBAAiB,QAS5B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAM9B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAIrC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAS9B,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,+BAA+B,QAc1C,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/styles.css.ts"],"names":[],"mappings":"AA4IA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU/B,CAAA"}

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

@@ -1,34 +1,42 @@
-/* empty css                      */
+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/SelectableCard/styles.css.ts
-var containerSelectableCard = createRuntimeFn({
-	defaultClassName: "uv_475tnd0",
-	variantClassNames: {
-		cursor: {
-			custom: "uv_475tnd1",
-			"default": "uv_475tnd2"
-		},
-		image: {
-			icon: "uv_475tnd3",
-			illustration: "uv_475tnd4",
-			none: "uv_475tnd5"
-		}
-	},
-	defaultVariants: {
-		cursor: "custom",
-		image: "none"
-	},
-	compoundVariants: []
+var selectableCardStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	selectableCardStyle = {
+		container: createRuntimeFn({
+			defaultClassName: "uv_475tnd0",
+			variantClassNames: {
+				cursor: {
+					custom: "uv_475tnd1",
+					"default": "uv_475tnd2"
+				},
+				image: {
+					icon: "uv_475tnd3",
+					illustration: "uv_475tnd4",
+					none: "uv_475tnd5"
+				}
+			},
+			defaultVariants: {
+				cursor: "custom",
+				image: "none"
+			},
+			compoundVariants: []
+		}),
+		labelContainerSelectableCardLabel: "uv_475tnd6",
+		labelContainerSelectableCardNoLabel: "uv_475tnd7",
+		div: "uv_475tnd8",
+		image: "uv_475tnd9",
+		illustration: "uv_475tnda",
+		stack: "uv_475tndb",
+		indentedCard: "uv_475tndc",
+		selectableElement: "uv_475tndd"
+	};
 });
-var labelContainerSelectableCardLabel = "uv_475tnd6";
-var labelContainerSelectableCardNoLabel = "uv_475tnd7";
-var divSelectableCard = "uv_475tnd8";
-var imageSelectableCard = "uv_475tnd9";
-var illustrationSelectableCard = "uv_475tnda";
-var stackSelectableCard = "uv_475tndb";
-var indentedCard = "uv_475tndc";
-var selectableElementSelectableCard = "uv_475tndd";
 
 //#endregion
-export { containerSelectableCard, divSelectableCard, illustrationSelectableCard, imageSelectableCard, indentedCard, labelContainerSelectableCardLabel, labelContainerSelectableCardNoLabel, selectableElementSelectableCard, stackSelectableCard };
+init_styles_css();
+export { init_styles_css, selectableCardStyle };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/SelectableCard/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/SelectableCard/types.d.ts

@@ -1,6 +1,5 @@
-import type * as ProductIcon from '@ultraviolet/icons/product';
-import type { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactNode, RefObject } from 'react';
-import type { LabelProp, PascalToCamelCaseWithoutSuffix } from '../../types';
+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;
@@ -20,10 +19,14 @@ export type SelectableCardProps = {
     style?: CSSProperties;
     indented?: boolean;
 } & ({
-    illustration?: string;
+    illustration?: ReactElement<{
+        style?: CSSProperties;
+    }>;
     productIcon?: never;
 } | {
-    productIcon?: PascalToCamelCaseWithoutSuffix<keyof typeof ProductIcon, 'ProductIcon'>;
+    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'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,WAAW,MAAM,4BAA4B,CAAA;AAC9D,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,SAAS,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAE5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,EACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,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,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,8BAA8B,CAC1C,MAAM,OAAO,WAAW,EACxB,aAAa,CACd,CAAA;IACD,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,EACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,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/SelectableCard/variables.css.js

@@ -1,7 +1,13 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
 //#region src/components/SelectableCard/variables.css.ts
-var inputDisplay = "var(--uv_18vc4d30)";
-var labelDisplay = "var(--uv_18vc4d31)";
-var widthSelectable = "var(--uv_18vc4d32)";
+var inputDisplay, labelDisplay, widthSelectable;
+var init_variables_css = __esmMin(() => {
+	inputDisplay = "var(--uv_18vc4d30)";
+	labelDisplay = "var(--uv_18vc4d31)";
+	widthSelectable = "var(--uv_18vc4d32)";
+});
 
 //#endregion
-export { inputDisplay, labelDisplay, widthSelectable };
+init_variables_css();
+export { init_variables_css, inputDisplay, labelDisplay, widthSelectable };

package/dist/components/SelectableCard/variables.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/SelectableCard/variables.css.ts.vanilla.css
+var init_variables_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_variables_css_ts_vanilla();
+export { init_variables_css_ts_vanilla };