@ultraviolet/ui 3.9.0 → 3.10.0

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

@@ -1,14 +1,40 @@
-/* empty css                            */
+/* empty css                        */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/SelectInput/components/dropdown.css.ts
 var dropdownWidth = "var(--uv_5kpm8k0)";
 var dropdown = "uv_5kpm8k1";
 var dropdownContainer = "uv_5kpm8k2";
 var dropdownContainerUnGrouped = "uv_5kpm8k3";
 var dropdownGroup = "uv_5kpm8k4";
-var dropdownGroupSelectable = createRuntimeFn({ defaultClassName: "uv_5kpm8k5", variantClassNames: { size: { small: "uv_5kpm8k6", "default": "uv_5kpm8k7" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var dropdownGroupSelectable = createRuntimeFn({
+	defaultClassName: "uv_5kpm8k5",
+	variantClassNames: { size: {
+		small: "uv_5kpm8k6",
+		"default": "uv_5kpm8k7"
+	} },
+	defaultVariants: { size: "default" },
+	compoundVariants: []
+});
 var dropdownGroupWrapper = "uv_5kpm8k8";
 var emptyStateGroupStyle = "uv_5kpm8k9";
-var 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: [] });
+var 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: []
+});
 var footer = "uv_5kpm8kg";
 var dropdownCheckbox = "uv_5kpm8kh";
 var dropdownEmptyState = "uv_5kpm8ki";
@@ -18,23 +44,6 @@ var dropdownInfoTextItem = "uv_5kpm8kl";
 var dropdownInfoContainer = "uv_5kpm8km";
 var searchBar = "uv_5kpm8kn";
 var comboboxCreate = "uv_5kpm8ko uv_5kpm8ka uv_5kpm8k9";
-export {
-  comboboxCreate,
-  dropdown,
-  dropdownCheckbox,
-  dropdownContainer,
-  dropdownContainerUnGrouped,
-  dropdownEmptyState,
-  dropdownGroup,
-  dropdownGroupSelectable,
-  dropdownGroupWrapper,
-  dropdownInfo,
-  dropdownInfoContainer,
-  dropdownInfoTextItem,
-  dropdownItem,
-  dropdownLoadMore,
-  dropdownWidth,
-  emptyStateGroupStyle,
-  footer,
-  searchBar
-};
+
+//#endregion
+export { comboboxCreate, dropdown, dropdownCheckbox, dropdownContainer, dropdownContainerUnGrouped, dropdownEmptyState, dropdownGroup, dropdownGroupSelectable, dropdownGroupWrapper, dropdownInfo, dropdownInfoContainer, dropdownInfoTextItem, dropdownItem, dropdownLoadMore, dropdownWidth, emptyStateGroupStyle, footer, searchBar };

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

@@ -1,6 +1,6 @@
 export declare const maxWidthTag: `var(--${string})`;
 export declare const minWidthTag: `var(--${string})`;
-export declare const selectbarState: Record<"small" | "large", string>;
+export declare const selectbarState: Record<"large" | "small", string>;
 export declare const selectinputPlaceholder: string;
 export declare const selectBarBase: string;
 export declare const selectBar: import("@vanilla-extract/recipes").RuntimeFn<{

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

@@ -1 +1 @@
-{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/selectBar.css.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAgCF,eAAO,MAAM,aAAa,QAsCxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAvDT,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;;;;;;;+BAAN,MAAM;;;;;;;;;;;;EAoJjB,CAAA;AASF,eAAO,MAAM,aAAa,sCAMxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}
+{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/selectBar.css.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAGjC,CAAA;AAgCF,eAAO,MAAM,aAAa,QAsCxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FpB,CAAA;AASF,eAAO,MAAM,aAAa,sCAMxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AAEF,eAAO,MAAM,OAAO,QAAsC,CAAA;AAE1D,eAAO,MAAM,gBAAgB,QAI3B,CAAA"}

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

@@ -1,24 +1,62 @@
-/* empty css                                                        */
-/* empty css                                        */
-/* empty css                             */
+/* empty css                                                    */
+/* empty css                                    */
+/* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/SelectInput/components/selectBar.css.ts
 var maxWidthTag = "var(--uv_1ba7knd0)";
 var minWidthTag = "var(--uv_1ba7knd1)";
-var selectbarState = { large: "uv_1ba7knd2", small: "uv_1ba7knd3" };
+var selectbarState = {
+	large: "uv_1ba7knd2",
+	small: "uv_1ba7knd3"
+};
 var selectinputPlaceholder = "uv_1ba7knd4";
-var 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"]] });
-var selectBarTags = { hidden: "uv_1ba7kndk uv_1ba7kndj", visible: "uv_1ba7kndl uv_1ba7kndj" };
+var 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"]
+	]
+});
+var selectBarTags = {
+	hidden: "uv_1ba7kndk uv_1ba7kndj",
+	visible: "uv_1ba7kndl uv_1ba7kndj"
+};
 var selectedValues = "uv_1ba7kndm";
 var plusTag = "uv_1ba7kndn";
 var multiselectStack = "uv_1ba7kndo";
-export {
-  maxWidthTag,
-  minWidthTag,
-  multiselectStack,
-  plusTag,
-  selectBar,
-  selectBarTags,
-  selectbarState,
-  selectedValues,
-  selectinputPlaceholder
-};
+
+//#endregion
+export { maxWidthTag, minWidthTag, multiselectStack, plusTag, selectBar, selectBarTags, selectbarState, selectedValues, selectinputPlaceholder };

package/dist/components/SelectInput/constants.js

@@ -1,18 +1,15 @@
-const DROPDOWN_MAX_HEIGHT = 256;
-const OPTION_SELECTOR = '#items > div[role="option"]:not([aria-disabled="true"]), #add-option';
+//#region src/components/SelectInput/constants.ts
+const OPTION_SELECTOR = "#items > div[role=\"option\"]:not([aria-disabled=\"true\"]), #add-option";
 const SIZES_TAG = {
-  gap: 8,
-  paddings: 16
+	gap: 8,
+	paddings: 16,
+	plusTag: 48
 };
 const INPUT_SIZE_HEIGHT = {
-  large: "600",
-  medium: "500",
-  small: "400"
-  // sizing theme tokens key
-};
-export {
-  DROPDOWN_MAX_HEIGHT,
-  INPUT_SIZE_HEIGHT,
-  OPTION_SELECTOR,
-  SIZES_TAG
+	large: "600",
+	medium: "500",
+	small: "400"
 };
+
+//#endregion
+export { INPUT_SIZE_HEIGHT, OPTION_SELECTOR, SIZES_TAG };

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

@@ -1 +1 @@
-{"version":3,"file":"findOptionInOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/findOptionInOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEnD,eAAO,MAAM,mBAAmB,GAAI,SAAS,QAAQ,EAAE,aAAa,MAAM,2BASzE,CAAA"}
+{"version":3,"file":"findOptionInOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/findOptionInOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEnD,eAAO,MAAM,mBAAmB,oEAS/B,CAAA"}

package/dist/components/SelectInput/findOptionInOptions.js

@@ -1,12 +1,12 @@
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/SelectInput/findOptionInOptions.ts
 const findOptionInOptions = (options, optionValue) => {
-  let flatOptions = [];
-  if (Array.isArray(options)) {
-    flatOptions = options;
-  } else {
-    flatOptions = Object.keys(options).flatMap((group) => options[group]);
-  }
-  return flatOptions.find((option) => option.value === optionValue);
-};
-export {
-  findOptionInOptions
+	let flatOptions = [];
+	if (Array.isArray(options)) flatOptions = options;
+	else flatOptions = Object.keys(options).flatMap((group) => options[group]);
+	return flatOptions.find((option) => option.value === optionValue);
 };
+
+//#endregion
+export { findOptionInOptions };

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

@@ -133,6 +133,6 @@ type SelectInputProps<IsMulti extends undefined | boolean = false> = {
 /**
  * SelectInput component is used to select one or many elements from a selection.
  */
-export declare const SelectInput: <IsMulti extends undefined | boolean>({ name, id, onBlur, onFocus, onChange, "aria-label": ariaLabel, value, label, helper, options, size, emptyState, descriptionDirection, success, error, "data-testid": dataTestId, className, tooltip, footer, placeholderSearch, placeholder, searchable, disabled, readOnly, clearable, multiselect, required, labelDescription, autofocus, loadMore, optionalInfoPlacement, isLoading, selectAll, selectAllGroup, dropdownAlign, portalTarget, onOpen, groupEmptyState, groupError, style, addOption, }: SelectInputProps<IsMulti>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectInput: <IsMulti extends boolean | undefined>({ name, id, onBlur, onFocus, onChange, 'aria-label': ariaLabel, value, label, helper, options, size, emptyState, descriptionDirection, success, error, 'data-testid': dataTestId, className, tooltip, footer, placeholderSearch, placeholder, searchable, disabled, readOnly, clearable, multiselect, required, labelDescription, autofocus, loadMore, optionalInfoPlacement, isLoading, selectAll, selectAllGroup, dropdownAlign, portalTarget, onOpen, groupEmptyState, groupError, style, addOption, }: SelectInputProps<IsMulti>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,170 +1,111 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useId, useRef } from "react";
-import { Label } from "../Label/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
+import { Label } from "../Label/index.js";
+import { SelectInputProvider } from "./SelectInputProvider.js";
 import { Dropdown } from "./components/Dropdown.js";
 import { SelectBar } from "./components/SelectBar.js";
-import { SelectInputProvider } from "./SelectInputProvider.js";
-import { selectinputHelper, selectinputContainer } from "./styles.css.js";
-const 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
-}) => {
-  const localId = useId();
-  const finalId = id ?? localId;
-  const dropdownId = useId();
-  const ref = useRef(null);
-  const numberOfOptions = Array.isArray(options) ? options.length : Object.values(options).reduce((acc, current) => acc + current.length, 0);
-  const numberOfDisabledOptions = Array.isArray(options) ? options.filter((option) => option.disabled).length : Object.values(options).reduce(
-    (acc, current) => acc + current.filter((option) => option.disabled).length,
-    0
-  );
-  const finalDataTestId = dataTestId ?? `select-input-${name ?? "name"}`;
-  return /* @__PURE__ */ jsx(
-    SelectInputProvider,
-    {
-      multiselect,
-      numberOfDisabledOptions,
-      numberOfOptions,
-      onChange,
-      onOpen,
-      options,
-      refSelect: ref,
-      selectAll,
-      selectAllGroup,
-      size,
-      value,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          "aria-label": name,
-          className: cn(className, selectinputContainer),
-          onBlur,
-          onFocus,
-          style,
-          children: [
-            /* @__PURE__ */ jsx(
-              Dropdown,
-              {
-                addOption,
-                descriptionDirection,
-                dropdownAlign,
-                emptyState,
-                footer,
-                groupEmptyState,
-                groupError,
-                id: dropdownId,
-                isLoading,
-                loadMore,
-                optionalInfoPlacement,
-                placeholder: placeholderSearch,
-                portalTarget,
-                refSelect: ref,
-                searchable,
-                size,
-                children: /* @__PURE__ */ jsxs(Stack, { "aria-label": ariaLabel, gap: 0.5, children: [
-                  label || labelDescription ? /* @__PURE__ */ jsx(
-                    Label,
-                    {
-                      htmlFor: finalId,
-                      labelDescription,
-                      required,
-                      size,
-                      children: label
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx(
-                    SelectBar,
-                    {
-                      autoFocus: autofocus,
-                      clearable,
-                      "data-testid": finalDataTestId,
-                      disabled,
-                      dropdownId,
-                      error,
-                      id: finalId,
-                      innerRef: ref,
-                      label,
-                      placeholder,
-                      readOnly,
-                      size,
-                      success,
-                      tooltip
-                    }
-                  )
-                ] })
-              }
-            ),
-            !(error || success) && helper ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                as: "p",
-                className: selectinputHelper,
-                prominence: "weak",
-                sentiment: "neutral",
-                variant: size === "small" ? "captionSmall" : "caption",
-                children: helper
-              }
-            ) : null,
-            error && typeof error === "string" || success ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                as: "p",
-                className: selectinputHelper,
-                prominence: "default",
-                sentiment: error ? "danger" : "success",
-                variant: size === "small" ? "captionSmall" : "caption",
-                children: error || success
-              }
-            ) : null
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  SelectInput
+import { selectinputContainer, selectinputHelper } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { useId, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SelectInput/index.tsx
+/**
+* SelectInput component is used to select one or many elements from a selection.
+*/
+const 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 }) => {
+	const localId = useId();
+	const finalId = id !== null && id !== void 0 ? id : localId;
+	const dropdownId = useId();
+	const ref = useRef(null);
+	const numberOfOptions = Array.isArray(options) ? options.length : Object.values(options).reduce((acc, current) => acc + current.length, 0);
+	const numberOfDisabledOptions = Array.isArray(options) ? options.filter((option) => option.disabled).length : Object.values(options).reduce((acc, current) => acc + current.filter((option) => option.disabled).length, 0);
+	const finalDataTestId = dataTestId !== null && dataTestId !== void 0 ? dataTestId : `select-input-${name !== null && name !== void 0 ? name : "name"}`;
+	return /* @__PURE__ */ jsx(SelectInputProvider, {
+		multiselect,
+		numberOfDisabledOptions,
+		numberOfOptions,
+		onChange,
+		onOpen,
+		options,
+		refSelect: ref,
+		selectAll,
+		selectAllGroup,
+		size,
+		value,
+		children: /* @__PURE__ */ jsxs("div", {
+			"aria-label": name,
+			className: cn(className, selectinputContainer),
+			onBlur,
+			onFocus,
+			style,
+			children: [
+				/* @__PURE__ */ jsx(Dropdown, {
+					addOption,
+					descriptionDirection,
+					dropdownAlign,
+					emptyState,
+					footer,
+					groupEmptyState,
+					groupError,
+					id: dropdownId,
+					isLoading,
+					loadMore,
+					optionalInfoPlacement,
+					placeholder: placeholderSearch,
+					portalTarget,
+					refSelect: ref,
+					searchable,
+					size,
+					children: /* @__PURE__ */ jsxs(Stack, {
+						"aria-label": ariaLabel,
+						gap: .5,
+						children: [label || labelDescription ? /* @__PURE__ */ jsx(Label, {
+							htmlFor: finalId,
+							labelDescription,
+							required,
+							size,
+							children: label
+						}) : null, /* @__PURE__ */ jsx(SelectBar, {
+							autoFocus: autofocus,
+							clearable,
+							"data-testid": finalDataTestId,
+							disabled,
+							dropdownId,
+							error,
+							id: finalId,
+							innerRef: ref,
+							label,
+							placeholder,
+							readOnly,
+							size,
+							success,
+							tooltip
+						})]
+					})
+				}),
+				!(error || success) && helper ? /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					className: selectinputHelper,
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: size === "small" ? "captionSmall" : "caption",
+					children: helper
+				}) : null,
+				error && typeof error === "string" || success ? /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					className: selectinputHelper,
+					prominence: "default",
+					sentiment: error ? "danger" : "success",
+					variant: size === "small" ? "captionSmall" : "caption",
+					children: error || success
+				}) : null
+			]
+		})
+	});
 };
+
+//#endregion
+export { SelectInput };

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

@@ -1,7 +1,8 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/SelectInput/styles.css.ts
 var selectinputContainer = "uv_uf6pag0";
 var selectinputHelper = "uv_uf6pag1";
-export {
-  selectinputContainer,
-  selectinputHelper
-};
+
+//#endregion
+export { selectinputContainer, selectinputHelper };

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

@@ -1,8 +1,7 @@
 import type { ReactNode } from 'react';
-import type { SelectableCardProps } from './types';
 export declare const IllustrationContainer: ({ children: subChildren, productIcon, illustration, }: {
     children: ReactNode;
-    productIcon: SelectableCardProps["productIcon"];
-    illustration: SelectableCardProps["illustration"];
-}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    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" | "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" | "WafProductIcon" | "WebPlatformProductIcon" | "WebhostingProductIcon" | "ZoneProductIcon", "ProductIcon"> | undefined;
+    illustration: string | 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;AAQtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,eAAO,MAAM,qBAAqB,GAAI,uDAInC;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC/C,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAA;CAClD,4UAoEA,CAAA"}
+{"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"}