@ultraviolet/ui 3.12.2 → 3.13.0

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

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

package/dist/components/SelectableCard/MultiStateInput.js

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

package/dist/components/SelectableCard/SelectableCard.js

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

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

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

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

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

package/dist/components/SelectableCardGroup/Context.js

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

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

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

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

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

package/dist/components/SelectableCardGroup/SingleCard.js

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

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

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

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

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

package/dist/components/SelectableCardGroup/index.js

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

package/dist/components/SelectableCardOptionGroup/components/Option.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Stack, init_Stack } from "../../Stack/index.js";
 import { Label, init_Label } from "../../Label/index.js";
 import { SelectInput, init_SelectInput } from "../../SelectInput/index.js";

package/dist/components/Skeleton/Blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Blocks.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;6CAwBlB,CAAA"}
+{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Blocks.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;6CAuBlB,CAAA"}

package/dist/components/Skeleton/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/List.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,IAAI;;;6CAYhB,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/List.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;6CAqBhB,CAAA"}

package/dist/components/Skeleton/List.js

@@ -5,20 +5,19 @@ import { Line, init_Line } from "./Line.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/List.tsx
-var Item, List;
+var List;
 var init_List = __esmMin(() => {
 	init_Line();
 	init_styles_css();
-	Item = ({ col = 3 }) => /* @__PURE__ */ jsx("li", {
-		className: skeletonStyle.listSkeletonLi,
-		children: Array.from({ length: col }, (_, i) => /* @__PURE__ */ jsx("div", {
-			className: skeletonStyle.listSkeletonDiv,
-			children: /* @__PURE__ */ jsx(Line, {})
-		}, `skeleton-list-col-${i}`))
-	});
 	List = ({ length = 3, col = 3 }) => /* @__PURE__ */ jsx("ul", {
 		className: skeletonStyle.listSkeletonUl,
-		children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`))
+		children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx("li", {
+			className: skeletonStyle.listSkeletonLi,
+			children: Array.from({ length: col }, (_, index) => /* @__PURE__ */ jsx("div", {
+				className: skeletonStyle.listSkeletonDiv,
+				children: /* @__PURE__ */ jsx(Line, {})
+			}, `skeleton-list-col-${index}`))
+		}, `skeleton-list-${i}`))
 	});
 });
 

package/dist/components/Skeleton/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Slider.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;6CAiBlB,CAAA"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Slider.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;6CAgBlB,CAAA"}

package/dist/components/Skeleton/index.js

@@ -13,7 +13,7 @@ import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/index.tsx
-var variants, Skeleton, skeletonTypes;
+var variants, Skeleton;
 var init_Skeleton = __esmMin(() => {
 	init_Block();
 	init_Blocks();
@@ -49,7 +49,6 @@ var init_Skeleton = __esmMin(() => {
 			}), /* @__PURE__ */ jsx("div", { className: skeletonStyle.highlight })]
 		});
 	};
-	skeletonTypes = Object.keys(variants);
 });
 
 //#endregion

package/dist/components/Slider/components/SingleSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAIjD,eAAO,MAAM,YAAY,iWAmQxB,CAAA"}
+{"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,eAAO,MAAM,YAAY,iWAmQxB,CAAA"}

package/dist/components/Slider/components/SingleSlider.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Stack, init_Stack } from "../../Stack/index.js";
 import { Tooltip, init_Tooltip } from "../../Tooltip/index.js";
 import { Text, init_Text } from "../../Text/index.js";

package/dist/components/Snippet/CodeContent.d.ts

@@ -0,0 +1,14 @@
+export type Prefixes = 'lines' | 'command';
+type CodeContentProps = {
+    children: string;
+    prefix?: Prefixes;
+    multiline?: boolean;
+    showMore?: boolean;
+    hasShowMoreButton?: boolean;
+    lines?: string[];
+    noExpandable: boolean;
+    rows: number;
+};
+export declare const CodeContent: ({ children, prefix, multiline, showMore, hasShowMoreButton, lines, noExpandable, rows, }: CodeContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CodeContent.d.ts.map

package/dist/components/Snippet/CodeContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/CodeContent.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAE1C,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,WAAW,yJA6CvB,CAAA"}

package/dist/components/Snippet/CodeContent.js

@@ -0,0 +1,36 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { init_styles_css, rowsVar, snippetStyle } from "./styles.css.js";
+import { Children } from "react";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Snippet/CodeContent.tsx
+var CodeContent;
+var init_CodeContent = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	CodeContent = ({ children, prefix, multiline, showMore, hasShowMoreButton, lines, noExpandable, rows }) => /* @__PURE__ */ jsx(Text, {
+		as: "pre",
+		className: snippetStyle.pretext({
+			noExpandable,
+			showMore: hasShowMoreButton && !showMore
+		}),
+		style: assignInlineVars({ [rowsVar]: rows.toString() }),
+		variant: "code",
+		whiteSpace: multiline ? void 0 : "nowrap",
+		children: multiline ? Children.map(lines, (child) => /* @__PURE__ */ jsx("span", {
+			className: cn(snippetStyle.line({ multiline: true }), prefix ? snippetStyle.prefix[prefix] : ""),
+			children: child
+		}, child)) : /* @__PURE__ */ jsx("span", {
+			className: cn(snippetStyle.line(), prefix ? snippetStyle.prefix[prefix] : ""),
+			children
+		})
+	});
+});
+
+//#endregion
+init_CodeContent();
+export { CodeContent, init_CodeContent };

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

@@ -1,6 +1,6 @@
 import { CopyButton } from '../CopyButton';
+import type { Prefixes } from './CodeContent';
 import type { ComponentProps, CSSProperties, ReactNode } from 'react';
-type Prefixes = 'lines' | 'command';
 type SnippetProps = {
     className?: string;
     children: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAQ1C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrE,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AA4DnC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;AAEtE;;;GAGG;AACH,eAAO,MAAM,OAAO,yPA6HnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAS1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrE,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;AAEtE;;;GAGG;AACH,eAAO,MAAM,OAAO,yPA6HnB,CAAA"}

package/dist/components/Snippet/index.js

@@ -2,19 +2,19 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Text, init_Text } from "../Text/index.js";
-import { Expandable, init_Expandable } from "../Expandable/index.js";
 import { Label, init_Label } from "../Label/index.js";
+import { Expandable, init_Expandable } from "../Expandable/index.js";
 import { CopyButton, init_CopyButton } from "../CopyButton/index.js";
 import { init_ThemeProvider, useTheme } from "../../theme/ThemeProvider.js";
-import { init_styles_css, rowsVar, snippetStyle } from "./styles.css.js";
-import { Children, useReducer } from "react";
+import { init_styles_css, snippetStyle } from "./styles.css.js";
+import { CodeContent, init_CodeContent } from "./CodeContent.js";
+import { useReducer } from "react";
 import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 
 //#region src/components/Snippet/index.tsx
-var LINES_BREAK_REGEX, CodeContent, Snippet;
+var LINES_BREAK_REGEX, Snippet;
 var init_Snippet = __esmMin(() => {
 	init_ThemeProvider();
 	init_CopyButton();
@@ -22,25 +22,9 @@ var init_Snippet = __esmMin(() => {
 	init_Label();
 	init_Stack();
 	init_Text();
+	init_CodeContent();
 	init_styles_css();
 	LINES_BREAK_REGEX = /\r\n|\r|\n/;
-	CodeContent = ({ children, prefix, multiline, showMore, hasShowMoreButton, lines, noExpandable, rows }) => /* @__PURE__ */ jsx(Text, {
-		as: "pre",
-		className: snippetStyle.pretext({
-			noExpandable,
-			showMore: hasShowMoreButton && !showMore
-		}),
-		style: assignInlineVars({ [rowsVar]: rows.toString() }),
-		variant: "code",
-		whiteSpace: multiline ? void 0 : "nowrap",
-		children: multiline ? Children.map(lines, (child) => /* @__PURE__ */ jsx("span", {
-			className: cn(snippetStyle.line({ multiline: true }), prefix ? snippetStyle.prefix[prefix] : ""),
-			children: child
-		}, child)) : /* @__PURE__ */ jsx("span", {
-			className: cn(snippetStyle.line(), prefix ? snippetStyle.prefix[prefix] : ""),
-			children
-		})
-	});
 	Snippet = ({ children, copyText, copiedText, showText = "Show", hideText = "Hide", prefix, className, "data-testid": dataTestId, initiallyExpanded, rows = 4, noExpandable = false, onCopy, style, helper, label, labelDescription }) => {
 		const theme = useTheme();
 		const [showMore, setShowMore] = useReducer((value) => !value, initiallyExpanded !== null && initiallyExpanded !== void 0 ? initiallyExpanded : false);

package/dist/components/Stack/index.js

@@ -2,8 +2,8 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css, sprinkles, stackStyle } from "./styles.css.js";
 import { flexVar, init_variables_css, maxWidthVar, minWidthVar, widthVar } from "./variables.css.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import { forwardRef, useMemo } from "react";
 import { consoleLightTheme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";

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

@@ -398,7 +398,7 @@ var init_styles_css = __esmMin(() => {
 							},
 							defaultClass: "uv_toi52u57"
 						},
-						"0.25rem": {
+						"0.125rem": {
 							conditions: {
 								xxsmall: "uv_toi52u5d",
 								xsmall: "uv_toi52u5e",
@@ -409,7 +409,7 @@ var init_styles_css = __esmMin(() => {
 							},
 							defaultClass: "uv_toi52u5d"
 						},
-						"0.125rem": {
+						"0.25rem": {
 							conditions: {
 								xxsmall: "uv_toi52u5j",
 								xsmall: "uv_toi52u5k",

package/dist/components/StepList/Item.d.ts

@@ -0,0 +1,17 @@
+import { Bullet } from '../Bullet';
+import type { ComponentProps, ReactNode } from 'react';
+export type Sizes = 'small' | 'medium';
+type ItemProps = {
+    sentiment?: ComponentProps<typeof Bullet>['sentiment'];
+    prominence?: ComponentProps<typeof Bullet>['prominence'];
+    size?: Sizes;
+    disabled?: boolean;
+    children: ReactNode;
+    onClick?: () => void;
+    onKeyDown?: () => void;
+    className?: string;
+    bulletContent?: ReactNode;
+};
+export declare const Item: ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size, disabled, className, }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Item.d.ts.map

package/dist/components/StepList/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/StepList/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAIlC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,WAAW,CAAC,CAAA;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,YAAY,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI,4JA4BhB,CAAA"}