@ultraviolet/ui 3.11.1 → 3.12.0

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

@@ -1,3 +1,165 @@
-export declare const selectinputContainer: string;
-export declare const selectinputHelper: string;
+export declare const selectInputStyle: {
+    container: string;
+    helper: string;
+    dropdown: string;
+    dropdownContainer: string;
+    dropdownContainerUnGrouped: string;
+    dropdownGroup: string;
+    dropdownGroupSelectable: import("@vanilla-extract/recipes").RuntimeFn<{
+        size: {
+            small: {
+                paddingLeft: `var(--${string})`;
+            };
+            default: {};
+        };
+    }>;
+    dropdownGroupWrapper: string;
+    emptyStateGroupStyle: string;
+    dropdownItem: import("@vanilla-extract/recipes").RuntimeFn<{
+        selected: {
+            true: {
+                backgroundColor: `var(--${string})`;
+            };
+        };
+        size: {
+            default: {};
+            small: {
+                padding: `var(--${string})`;
+            };
+        };
+        disabled: {
+            true: {
+                backgroundColor: `var(--${string})`;
+                color: `var(--${string})`;
+                selectors: {
+                    '&:hover, &:focus': {
+                        backgroundColor: `var(--${string})`;
+                        color: `var(--${string})`;
+                        cursor: "not-allowed";
+                        outline: "none";
+                    };
+                };
+            };
+        };
+    }>;
+    dropdownItemBase: string;
+    footer: string;
+    dropdownCheckbox: string;
+    dropdownEmptyState: string;
+    dropdownLoadMore: string;
+    dropdownInfo: string;
+    dropdownInfoContainer: string;
+    dropdownInfoTextItem: string;
+    comboboxCreate: string;
+    selectbarState: Record<"large" | "small", string>;
+    placeholder: string;
+    selectBarBase: string;
+    selectBar: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            true: {
+                background: `var(--${string})`;
+                borderColor: `var(--${string})`;
+                cursor: "not-allowed";
+                selectors: {
+                    '&:hover': {
+                        borderColor: `var(--${string})`;
+                    };
+                };
+            };
+        };
+        dropdownVisible: {
+            true: {
+                borderColor: `var(--${string})`;
+            };
+        };
+        readOnly: {
+            true: {
+                background: `var(--${string})`;
+                borderColor: `var(--${string})`;
+                cursor: "default";
+                selectors: {
+                    '&:hover': {
+                        borderColor: `var(--${string})`;
+                    };
+                };
+            };
+        };
+        size: {
+            large: {
+                height: `var(--${string})`;
+                paddingInline: `var(--${string})`;
+            };
+            medium: {
+                height: `var(--${string})`;
+                paddingInline: `var(--${string})`;
+            };
+            small: {
+                height: `var(--${string})`;
+                padding: number;
+                paddingInline: `var(--${string})`;
+            };
+        };
+        state: {
+            danger: {
+                selectors: {
+                    '&:not([data-disabled="true"])': {
+                        border: string;
+                    };
+                    '&:not([data-disabled="true"]):not([data-readonly="true"]):active': {
+                        borderColor: `var(--${string})`;
+                        boxShadow: string;
+                    };
+                    '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
+                        outline: string;
+                    };
+                    '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
+                        borderColor: `var(--${string})`;
+                        outline: string;
+                    };
+                };
+            };
+            neutral: {
+                selectors: {
+                    '&:not([data-disabled="true"])': {
+                        border: string;
+                    };
+                    '&:not([data-disabled="true"]):not([data-readonly="true"]):active': {
+                        borderColor: `var(--${string})`;
+                        boxShadow: string;
+                    };
+                    '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
+                        outline: string;
+                    };
+                    '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
+                        borderColor: `var(--${string})`;
+                        outline: string;
+                    };
+                };
+            };
+            success: {
+                selectors: {
+                    '&:not([data-disabled="true"])': {
+                        border: string;
+                    };
+                    '&:not([data-disabled="true"]):not([data-readonly="true"]):active': {
+                        borderColor: `var(--${string})`;
+                        boxShadow: string;
+                    };
+                    '&:not([data-disabled="true"]):not([data-readonly="true"]):focus-visible': {
+                        outline: string;
+                    };
+                    '&:not([data-disabled="true"]):not([data-readonly="true"]):hover': {
+                        borderColor: `var(--${string})`;
+                        outline: string;
+                    };
+                };
+            };
+        };
+    }>;
+    selectBarTags: Record<"hidden" | "visible", string>;
+    selectedValues: string;
+    plusTag: string;
+    multiselectStack: string;
+    searchBar: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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":"AAGA,eAAO,MAAM,oBAAoB,QAA2B,CAAA;AAC5D,eAAO,MAAM,iBAAiB,QAA4C,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/styles.css.ts"],"names":[],"mappings":"AAoCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}

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

@@ -1,8 +1,119 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_dropdown_css_ts_vanilla } from "./components/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_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/SelectInput/styles.css.ts
-var selectinputContainer = "uv_uf6pag0";
-var selectinputHelper = "uv_uf6pag1";
+var selectInputStyle;
+var init_styles_css = __esmMin(() => {
+	init_dropdown_css_ts_vanilla();
+	init_styles_css_ts_vanilla();
+	init_styles_css_ts_vanilla$1();
+	init_selectBar_css_ts_vanilla();
+	init_styles_css_ts_vanilla$2();
+	selectInputStyle = {
+		container: "uv_uf6pag0",
+		helper: "uv_uf6pag1",
+		dropdown: "uv_5kpm8k1",
+		dropdownContainer: "uv_5kpm8k2",
+		dropdownContainerUnGrouped: "uv_5kpm8k3",
+		dropdownGroup: "uv_5kpm8k4",
+		dropdownGroupSelectable: createRuntimeFn({
+			defaultClassName: "uv_5kpm8k5",
+			variantClassNames: { size: {
+				small: "uv_5kpm8k6",
+				"default": "uv_5kpm8k7"
+			} },
+			defaultVariants: { size: "default" },
+			compoundVariants: []
+		}),
+		dropdownGroupWrapper: "uv_5kpm8k8",
+		emptyStateGroupStyle: "uv_5kpm8k9",
+		dropdownItem: createRuntimeFn({
+			defaultClassName: "uv_5kpm8kb uv_5kpm8ka uv_5kpm8k9",
+			variantClassNames: {
+				selected: { true: "uv_5kpm8kc" },
+				size: {
+					"default": "uv_5kpm8kd",
+					small: "uv_5kpm8ke"
+				},
+				disabled: { true: "uv_5kpm8kf" }
+			},
+			defaultVariants: {
+				disabled: false,
+				selected: false,
+				size: "default"
+			},
+			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",
+		selectbarState: {
+			large: "uv_1ba7knd2",
+			small: "uv_1ba7knd3"
+		},
+		placeholder: "uv_1ba7knd4",
+		selectBarBase: "uv_1ba7knd5",
+		selectBar: createRuntimeFn({
+			defaultClassName: "uv_1ba7knd6 uv_1ba7knd5",
+			variantClassNames: {
+				disabled: { true: "uv_1ba7knd7" },
+				dropdownVisible: { true: "uv_1ba7knd8" },
+				readOnly: { true: "uv_1ba7knd9" },
+				size: {
+					large: "uv_1ba7knda",
+					medium: "uv_1ba7kndb",
+					small: "uv_1ba7kndc"
+				},
+				state: {
+					danger: "uv_1ba7kndd",
+					neutral: "uv_1ba7knde",
+					success: "uv_1ba7kndf"
+				}
+			},
+			defaultVariants: {
+				disabled: false,
+				dropdownVisible: false,
+				readOnly: false,
+				size: "large",
+				state: "neutral"
+			},
+			compoundVariants: [
+				[{
+					dropdownVisible: true,
+					state: "neutral"
+				}, "uv_1ba7kndg"],
+				[{
+					dropdownVisible: true,
+					state: "success"
+				}, "uv_1ba7kndh"],
+				[{
+					dropdownVisible: true,
+					state: "danger"
+				}, "uv_1ba7kndi"]
+			]
+		}),
+		selectBarTags: {
+			hidden: "uv_1ba7kndk uv_1ba7kndj",
+			visible: "uv_1ba7kndl uv_1ba7kndj"
+		},
+		selectedValues: "uv_1ba7kndm",
+		plusTag: "uv_1ba7kndn",
+		multiselectStack: "uv_1ba7kndo",
+		searchBar: "uv_5kpm8kn"
+	};
+});
 
 //#endregion
-export { selectinputContainer, selectinputHelper };
+init_styles_css();
+export { init_styles_css, selectInputStyle };

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

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

@@ -1,7 +1,11 @@
 import type { ReactNode } from 'react';
 export declare const IllustrationContainer: ({ children: subChildren, productIcon, illustration, }: {
     children: ReactNode;
-    productIcon: import("../../types").PascalToCamelCaseWithoutSuffix<"AbuseProductIcon" | "AccountExperienceProductIcon" | "AdditionalDiskProductIcon" | "AdvancedSettingsProductIcon" | "AdvancedSupportProductIcon" | "AnsibleProductIcon" | "ApiGatewayProductIcon" | "ApiKeyProductIcon" | "ApiProductIcon" | "AppleSiliconProductIcon" | "ApplicationLibraryProductIcon" | "ApplicationProductIcon" | "ArtifactRegistryProductIcon" | "AuditTrailProductIcon" | "BackendsProductIcon" | "BandwidthProductIcon" | "BasicSupportProductIcon" | "BillingProductIcon" | "BlockStorageProductIcon" | "BusinessSupportProductIcon" | "CbProductIcon" | "CdnProductIcon" | "ChangelogProductIcon" | "CliProductIcon" | "CloudEssentialsProductIcon" | "CloudHostingProductIcon" | "CockpitProductIcon" | "ColdStorageProductIcon" | "ComputeOptimizedInstancesProductIcon" | "ConsoleProductIcon" | "ContainersProductIcon" | "CostManagerProductIcon" | "CustomModelProductIcon" | "DataOrchestratorProductIcon" | "DataWarehouseProductIcon" | "DdosProductIcon" | "DdxCoreServersProductIcon" | "DdxProServersProductIcon" | "DdxStartServersProductIcon" | "DedibackupProductIcon" | "DediboxProductIcon" | "DedicatedControlPlaneProductIcon" | "DedicatedServerProductIcon" | "DedilinkProductIcon" | "DeleteMarkerProductIcon" | "DevelopmentInstancesProductIcon" | "DevicesProductIcon" | "DirectConnectProductIcon" | "DistributedDataLabProductIcon" | "DnsProductIcon" | "DocumentationProductIcon" | "DomainsProductIcon" | "EdgeServicesProductIcon" | "ElasticMetalAluminiumProductIcon" | "ElasticMetalBerylliumProductIcon" | "ElasticMetalIridiumProductIcon" | "ElasticMetalLithiumProductIcon" | "ElasticMetalProductIcon" | "ElasticMetalTitaniumProductIcon" | "EntrepriseSupportProductIcon" | "EnvironmentalFootprintCalculatorProductIcon" | "FileProductIcon" | "FileStorageProductIcon" | "FlexibleIpProductIcon" | "FolderProductIcon" | "FrontEndsProductIcon" | "FunctionsProductIcon" | "GeneralPurposeInstancesProductIcon" | "GenerativeApiProductIcon" | "GpuServersProductIcon" | "HubNetworksProductIcon" | "HubRoutesProductIcon" | "IamProductIcon" | "IconElasticMetalProductIcon" | "IconSdkJsProductIcon" | "IconSdkProductIcon" | "ImagesProductIcon" | "InferenceProductIcon" | "InstanceCostOptimizedProductIcon" | "InstanceEnterpriseProductIcon" | "InstanceGpuProductIcon" | "InstanceLearnProductIcon" | "InstancePopProductIcon" | "InstanceProductIcon" | "InstanceScallingGroupsProductIcon" | "InstanceTemplateProductIcon" | "InstanceWopProductIcon" | "InterlinkDedicatedProductIcon" | "InterlinkProductIcon" | "IotEdgeProductIcon" | "IotProductIcon" | "IpFailoverProductIcon" | "IpamProductIcon" | "IpfsNamingProductIcon" | "IpfsProductIcon" | "JeroProductIcon" | "K8sKosmosProductIcon" | "KmsProductIcon" | "KubernetesProductIcon" | "LbProductIcon" | "LifeCycleRulesProductIcon" | "MacMiniM2ProductIcon" | "MacMiniM4ProductIcon" | "MacMiniProductIcon" | "MailboxProductIcon" | "ManagedKafkaProductIcon" | "ManagedSearchDatabaseProductIcon" | "MemoryOptimizedInstancesProductIcon" | "MongoDbProductIcon" | "MonitoringProductIcon" | "MultiUserProductIcon" | "NabuProductIcon" | "NatsProductIcon" | "NetworkAclsProductIcon" | "NextServersProductIcon" | "ObjectStorageProductIcon" | "OriginsResourcesProductIcon" | "OsProductIcon" | "PackerProductIcon" | "PasskeyProductIcon" | "PlacementGroupProductIcon" | "PolicyProductIcon" | "PoolProductIcon" | "PostgresqlMysqlProductIcon" | "PrivateIpProductIcon" | "PrivateNetworkProductIcon" | "PublicGatewayProductIcon" | "QaasProductIcon" | "QuantumApplicationProductIcon" | "QueueingProductIcon" | "RabbitMqProductIcon" | "RdbProductIcon" | "RedisProductIcon" | "RegistryProductIcon" | "RocketProductIcon" | "RouteRulesProductIcon" | "RouterProductIcon" | "RpnProductIcon" | "RpnSanProductIcon" | "RpnV1ProductIcon" | "RpnV2ProductIcon" | "SavingPlanProductIcon" | "SdkGoProductIcon" | "SdkPythonProductIcon" | "SecretManagerProductIcon" | "SecurityGroupProductIcon" | "SepaProductIcon" | "ServerProductIcon" | "ServerlessDbProductIcon" | "ServerlessJobsProductIcon" | "SmsProductIcon" | "SmtpProductIcon" | "SnapshotsProductIcon" | "SnsProductIcon" | "SqsProductIcon" | "SslCertificatesProductIcon" | "StoreServersProductIcon" | "SupportProductIcon" | "TerraformProductIcon" | "TransactionalEmailProductIcon" | "TutorialProductIcon" | "UserProductIcon" | "VerifyCardProductIcon" | "VideoProductIcon" | "VolumeProductIcon" | "VpcPeeringProductIcon" | "VpcProductIcon" | "VpnConnectionProductIcon" | "VpnCustomerGatewayProductIcon" | "VpnProductIcon" | "VpsProServersProductIcon" | "VpsServersProductIcon" | "VpsStartServersProductIcon" | "VpsStoreServersProductIcon" | "WafProductIcon" | "WebPlatformProductIcon" | "WebhostingProductIcon" | "ZoneProductIcon", "ProductIcon"> | undefined;
-    illustration: string | undefined;
+    productIcon: import("react").ReactElement<{
+        style?: import("react").CSSProperties | undefined;
+    }, string | import("react").JSXElementConstructor<any>> | undefined;
+    illustration: import("react").ReactElement<{
+        style?: import("react").CSSProperties | undefined;
+    }, string | import("react").JSXElementConstructor<any>> | undefined;
 }) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
 //# sourceMappingURL=IllustrationContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IllustrationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/IllustrationContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUtC,eAAO,MAAM,qBAAqB;;;;6UA4EjC,CAAA"}
+{"version":3,"file":"IllustrationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/IllustrationContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,eAAO,MAAM,qBAAqB;;;;;;;;6UA6CjC,CAAA"}

package/dist/components/SelectableCard/IllustrationContainer.js

@@ -1,62 +1,50 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { divSelectableCard, illustrationSelectableCard, imageSelectableCard } from "./styles.css.js";
-import { _asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/asyncToGenerator.js";
-import { useEffect, useState } from "react";
-import { useTheme } from "@ultraviolet/themes";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { init_styles_css, selectableCardStyle } from "./styles.css.js";
+import { cloneElement, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as ProductIcon from "@ultraviolet/icons/product";
 
 //#region src/components/SelectableCard/IllustrationContainer.tsx
-const IllustrationContainer = ({ children: subChildren, productIcon, illustration }) => {
-	const theme = useTheme();
-	const [svgContent, setSvgContent] = useState(null);
-	const ProductIconUsed = productIcon ? ProductIcon[`${productIcon.charAt(0).toUpperCase() + productIcon.slice(1)}ProductIcon`] : null;
-	useEffect(() => {
-		if (illustration === null || illustration === void 0 ? void 0 : illustration.endsWith(".svg")) fetch(illustration).then(function() {
-			var _ref = _asyncToGenerator(function* (response) {
-				return response.text();
+var IllustrationContainer;
+var 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 function(_x) {
-				return _ref.apply(this, arguments);
-			};
-		}()).then((svg) => {
-			setSvgContent(svg.replace(/fill="[^"]*"/g, `fill="${theme.colors.neutral.backgroundStronger}"`).replace(/width="[^"]*"/g, `width="220px"`).replace(/height="[^"]*"/g, `height="220px"`));
-		}).catch(() => null);
-	});
-	if (ProductIconUsed || illustration) return /* @__PURE__ */ jsxs(Stack, {
-		alignItems: "stretch",
-		direction: "row",
-		flex: 1,
-		justifyContent: "space-between",
-		width: "100%",
-		children: [
-			/* @__PURE__ */ jsx(Stack, {
-				className: illustrationSelectableCard,
-				children: subChildren
-			}),
-			/* @__PURE__ */ jsx(Stack, {
-				justifyContent: "center",
-				children: ProductIconUsed ? /* @__PURE__ */ jsx(ProductIconUsed, { size: "large" }) : null
-			}),
-			illustration ? /* @__PURE__ */ jsx("div", {
-				className: divSelectableCard,
-				children: illustration.endsWith(".svg") && svgContent ? /* @__PURE__ */ jsx("div", {
-					className: imageSelectableCard,
-					dangerouslySetInnerHTML: { __html: svgContent }
-				}) : /* @__PURE__ */ jsx("img", {
-					alt: "illustration",
-					className: imageSelectableCard,
-					height: 220,
-					src: illustration,
-					width: 220
-				})
-			}) : null
-		]
-	});
-	return subChildren;
-};
+		}
+		return subChildren;
+	};
+});
 
 //#endregion
-export { IllustrationContainer };
+init_IllustrationContainer();
+export { IllustrationContainer, init_IllustrationContainer };

package/dist/components/SelectableCard/MultiStateInput.js

@@ -1,73 +1,82 @@
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { Checkbox } from "../Checkbox/index.js";
-import { Radio } from "../Radio/index.js";
-import { selectableElementSelectableCard } from "./styles.css.js";
-import { Toggle } from "../Toggle/index.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 { Checkbox, init_Checkbox } from "../Checkbox/index.js";
+import { Radio, init_Radio } from "../Radio/index.js";
+import { init_styles_css, selectableCardStyle } from "./styles.css.js";
+import { Toggle, init_Toggle } from "../Toggle/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SelectableCard/MultiStateInput.tsx
-const 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: selectableElementSelectableCard,
-			"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: selectableElementSelectableCard,
-			"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: selectableElementSelectableCard,
-			"data-error": isError,
-			disabled,
-			error: isError,
-			id,
-			name,
-			onBlur,
-			onChange,
-			onFocus,
-			ref: innerRef,
-			tabIndex: -1,
-			value
-		}, labelProps));
-	}
-	return null;
-};
+var MultiStateInput;
+var 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
-export { MultiStateInput };
+init_MultiStateInput();
+export { MultiStateInput, init_MultiStateInput };

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

@@ -1 +1 @@
-{"version":3,"file":"SelectableCard.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/SelectableCard.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;GAGG;AACH,eAAO,MAAM,cAAc,gHAyL1B,CAAA"}
+{"version":3,"file":"SelectableCard.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/SelectableCard.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD;;;GAGG;AACH,eAAO,MAAM,cAAc,gHA2L1B,CAAA"}