@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/components/SelectInput/components/SelectBar/SelectBar.js

@@ -0,0 +1,205 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.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";
+import { Button, init_Button } from "../../../Button/index.js";
+import { SIZES_TAG, init_constants } from "../../constants.js";
+import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { computeOverflowVars, getTagsWidth, init_helpers } from "../helpers.js";
+import { findOptionInOptions, init_findOptionInOptions } from "../../findOptionInOptions.js";
+import { DisplayValues, init_Values } from "./Values.js";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+
+//#region src/components/SelectInput/components/SelectBar/SelectBar.tsx
+var SelectBar;
+var init_SelectBar = __esmMin(() => {
+	init_Button();
+	init_Stack();
+	init_Text();
+	init_Tooltip();
+	init_constants();
+	init_findOptionInOptions();
+	init_SelectInputProvider();
+	init_styles_css();
+	init_helpers();
+	init_Values();
+	SelectBar = ({ size, clearable, disabled, readOnly, placeholder, success, error, autoFocus, tooltip, innerRef, id, "data-testid": dataTestId, label, dropdownId }) => {
+		var _innerRef$current2;
+		const { isDropdownVisible, onChange, setIsDropdownVisible, options, selectedData, setSelectedData, multiselect } = useSelectInput();
+		const openable = !(readOnly || disabled);
+		const [displayShadowCopy, setDisplayShadowCopy] = useState(false);
+		const refTag = useRef(null);
+		const measureRef = useRef(null);
+		const arrowRef = useRef(null);
+		const refPlusTag = useRef(null);
+		const [overflowAmount, setOverflowAmount] = useState(0);
+		const [overflow, setOverflow] = useState(false);
+		const [lastElementMaxWidth, setLastElementMaxWidth] = useState(0);
+		const [nonOverflowedValues, setNonOverFlowedValues] = useState(() => {
+			if (selectedData.selectedValues[0]) {
+				const firstSelectOption = findOptionInOptions(options, selectedData.selectedValues[0]);
+				return firstSelectOption ? [firstSelectOption] : [];
+			}
+			return [];
+		});
+		const potentiallyNonOverflowedValues = useMemo(() => selectedData.selectedValues.map((selectedValue) => findOptionInOptions(options, selectedValue)).filter((option) => !!option), [options, selectedData.selectedValues]);
+		const state = useMemo(() => {
+			if (error) return "danger";
+			if (success) return "success";
+			return "neutral";
+		}, [error, success]);
+		useEffect(() => {
+			setDisplayShadowCopy(true);
+		}, [selectedData.selectedValues.length]);
+		const getWidth = useCallback(() => {
+			var _innerRef$current$off;
+			var _innerRef$current;
+			var _arrowRef$current$off;
+			var _arrowRef$current;
+			if (refTag.current) return refTag.current.offsetWidth;
+			return (_innerRef$current$off = (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.offsetWidth) !== null && _innerRef$current$off !== void 0 ? _innerRef$current$off : 0 - ((_arrowRef$current$off = (_arrowRef$current = arrowRef.current) === null || _arrowRef$current === void 0 ? void 0 : _arrowRef$current.offsetWidth) !== null && _arrowRef$current$off !== void 0 ? _arrowRef$current$off : 0) - SIZES_TAG.paddings;
+		}, [(_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 ? void 0 : _innerRef$current2.offsetWidth]);
+		useLayoutEffect(() => {
+			if (selectedData.selectedValues.length === 0) {
+				setOverflowAmount(0);
+				setNonOverFlowedValues([]);
+			}
+			if (measureRef.current && selectedData.selectedValues.length > 0) {
+				var _refPlusTag$current$o;
+				var _refPlusTag$current;
+				const innerWidth = getWidth();
+				const tagsWidth = getTagsWidth([...measureRef.current.children], innerWidth, potentiallyNonOverflowedValues);
+				const additionnalElementsWidth = SIZES_TAG.paddings + ((_refPlusTag$current$o = (_refPlusTag$current = refPlusTag.current) === null || _refPlusTag$current === void 0 ? void 0 : _refPlusTag$current.offsetWidth) !== null && _refPlusTag$current$o !== void 0 ? _refPlusTag$current$o : 0);
+				const overflowPx = tagsWidth.accumulatedWidth + (tagsWidth.measuredHiddenTags ? additionnalElementsWidth : 0) - innerWidth;
+				const hasOverflow = overflowPx > 0;
+				const hasHiddenTags = tagsWidth.measuredHiddenTags > 0;
+				const overflowVars = computeOverflowVars(tagsWidth, hasOverflow, tagsWidth.lastVisibleElementWidth - overflowPx, hasHiddenTags, potentiallyNonOverflowedValues, additionnalElementsWidth);
+				setOverflowAmount(overflowVars.overflowAmount);
+				setNonOverFlowedValues(overflowVars.nonOverflowedValues);
+				setLastElementMaxWidth(overflowVars.lastElementMaxWidth);
+				setOverflow(overflowVars.hasOverflow);
+			}
+			setDisplayShadowCopy(false);
+		}, [
+			displayShadowCopy,
+			potentiallyNonOverflowedValues,
+			selectedData.selectedValues.length,
+			getWidth
+		]);
+		useEffect(() => {
+			setSelectedData({ type: "update" });
+		}, [setSelectedData, options]);
+		const shouldDisplayValues = useMemo(() => {
+			if (multiselect) return potentiallyNonOverflowedValues.length > 0 || selectedData.selectedValues.some((selectedValue) => findOptionInOptions(options, selectedValue) !== void 0);
+			return selectedData.selectedValues[0] !== void 0 && findOptionInOptions(options, selectedData.selectedValues[0]) !== void 0;
+		}, [
+			multiselect,
+			options,
+			potentiallyNonOverflowedValues.length,
+			selectedData.selectedValues
+		]);
+		const textVariant = useMemo(() => {
+			if (size === "large") return "body";
+			if (size === "medium") return "bodySmall";
+			return "caption";
+		}, [size]);
+		return /* @__PURE__ */ jsx(Tooltip, {
+			disableAnimation: true,
+			text: tooltip,
+			children: /* @__PURE__ */ jsxs("div", {
+				"aria-controls": dropdownId,
+				"aria-expanded": isDropdownVisible,
+				"aria-label": label,
+				autoFocus,
+				className: selectInputStyle.selectBar({
+					disabled,
+					dropdownVisible: isDropdownVisible,
+					readOnly,
+					size,
+					state
+				}),
+				"data-disabled": disabled,
+				"data-readonly": readOnly,
+				"data-testid": dataTestId,
+				id,
+				onClick: openable ? () => setIsDropdownVisible(!isDropdownVisible) : void 0,
+				onKeyDown: (event) => {
+					if (event.key === "ArrowDown") if (isDropdownVisible) {
+						var _document$getElementB;
+						(_document$getElementB = document.getElementById("option-0")) === null || _document$getElementB === void 0 || _document$getElementB.focus();
+					} else setIsDropdownVisible(true);
+					if (event.key === " ") event.preventDefault();
+					return ["Enter", " "].includes(event.key) && openable ? setIsDropdownVisible(!isDropdownVisible) : null;
+				},
+				ref: innerRef,
+				role: "combobox",
+				tabIndex: 0,
+				children: [shouldDisplayValues ? /* @__PURE__ */ jsx(DisplayValues, {
+					disabled,
+					displayShadowCopy,
+					lastElementMaxWidth,
+					measureRef,
+					nonOverflowedValues,
+					overflow,
+					overflowAmount,
+					overflowed: !!overflowAmount,
+					potentiallyNonOverflowedValues,
+					readOnly,
+					refPlusTag,
+					refTag,
+					textVariant
+				}) : /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					className: selectInputStyle.placeholder,
+					disabled,
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: textVariant,
+					children: placeholder
+				}), /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					className: selectInputStyle.selectbarState[size === "medium" ? "small" : size],
+					direction: "row",
+					gap: 1,
+					ref: arrowRef,
+					children: [
+						error ? /* @__PURE__ */ jsx(AlertCircleIcon, { sentiment: "danger" }) : null,
+						success && !error ? /* @__PURE__ */ jsx(CheckCircleIcon, { sentiment: "success" }) : null,
+						clearable && selectedData.selectedValues.length > 0 ? /* @__PURE__ */ jsx(Button, {
+							"aria-label": "clear value",
+							"data-testid": "clear-all",
+							disabled: disabled || !selectedData.selectedValues[0] || readOnly,
+							onClick: (event) => {
+								event.stopPropagation();
+								setSelectedData({ type: "clearAll" });
+								if (multiselect) onChange === null || onChange === void 0 || onChange([]);
+								else onChange === null || onChange === void 0 || onChange("");
+							},
+							sentiment: "neutral",
+							size: size === "large" ? "small" : "xsmall",
+							variant: "ghost",
+							children: /* @__PURE__ */ jsx(CloseIcon, {})
+						}) : null,
+						/* @__PURE__ */ jsx(ArrowDownIcon, {
+							"aria-label": "show dropdown",
+							disabled: disabled || readOnly,
+							sentiment: "neutral",
+							size: "small"
+						})
+					]
+				})]
+			})
+		});
+	};
+});
+
+//#endregion
+init_SelectBar();
+export { SelectBar, init_SelectBar };

package/dist/components/SelectInput/components/SelectBar/Values.d.ts

@@ -0,0 +1,20 @@
+import type { OptionType } from '../../types';
+import type { RefObject } from 'react';
+type DisplayValuesProps = {
+    refTag: RefObject<HTMLDivElement | null>;
+    nonOverflowedValues: OptionType[];
+    potentiallyNonOverflowedValues: OptionType[];
+    disabled: boolean;
+    readOnly: boolean;
+    overflowed: boolean;
+    overflowAmount: number;
+    measureRef: RefObject<HTMLDivElement | null>;
+    lastElementMaxWidth: number;
+    overflow?: boolean;
+    refPlusTag: RefObject<HTMLDivElement | null>;
+    displayShadowCopy?: boolean;
+    textVariant: 'body' | 'bodySmall' | 'caption';
+};
+export declare const DisplayValues: ({ refTag, nonOverflowedValues, potentiallyNonOverflowedValues, disabled, readOnly, overflowed, overflowAmount, measureRef, lastElementMaxWidth, overflow, refPlusTag, displayShadowCopy, textVariant, }: DisplayValuesProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Values.d.ts.map

package/dist/components/SelectInput/components/SelectBar/Values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Values.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/Values.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACxC,mBAAmB,EAAE,UAAU,EAAE,CAAA;IACjC,8BAA8B,EAAE,UAAU,EAAE,CAAA;IAC5C,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,mBAAmB,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,WAAW,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,aAAa,4MAcvB,kBAAkB,4CAoGpB,CAAA"}

package/dist/components/SelectInput/components/SelectBar/Values.js

@@ -0,0 +1,93 @@
+'use client';
+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 { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { findOptionInOptions, init_findOptionInOptions } from "../../findOptionInOptions.js";
+import { Tag, init_Tag } from "../../../Tag/index.js";
+import { init_selectBar_css, maxWidthTag, minWidthTag } from "./selectBar.css.js";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
+
+//#region src/components/SelectInput/components/SelectBar/Values.tsx
+var DisplayValues;
+var init_Values = __esmMin(() => {
+	init_Stack();
+	init_Tag();
+	init_Text();
+	init_findOptionInOptions();
+	init_SelectInputProvider();
+	init_styles_css();
+	init_selectBar_css();
+	DisplayValues = ({ refTag, nonOverflowedValues, potentiallyNonOverflowedValues, disabled, readOnly, overflowed, overflowAmount, measureRef, lastElementMaxWidth, overflow, refPlusTag, displayShadowCopy, textVariant }) => {
+		var _findOptionInOptions;
+		const { multiselect, selectedData, setSelectedData, options, onChange } = useSelectInput();
+		return multiselect ? /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			className: selectInputStyle.multiselectStack,
+			direction: "row",
+			gap: "1",
+			ref: refTag,
+			wrap: "nowrap",
+			children: [
+				displayShadowCopy ? /* @__PURE__ */ jsx("div", {
+					ref: measureRef,
+					style: { position: "absolute" },
+					children: potentiallyNonOverflowedValues.map((option) => /* @__PURE__ */ jsx(Tag, {
+						className: cn(option.value, selectInputStyle.selectBarTags.hidden),
+						onClose: () => {},
+						children: option === null || option === void 0 ? void 0 : option.label
+					}, option.value))
+				}) : null,
+				nonOverflowedValues.map((option, index) => /* @__PURE__ */ jsx(Tag, {
+					className: selectInputStyle.selectBarTags.visible,
+					"data-testid": "selected-options-tags",
+					disabled,
+					onClose: readOnly ? void 0 : (event) => {
+						var _selectedData$selecte;
+						event.stopPropagation();
+						setSelectedData({
+							clickedOption: option,
+							type: "selectOption"
+						});
+						const newSelectedValues = (_selectedData$selecte = selectedData.selectedValues) === null || _selectedData$selecte === void 0 ? void 0 : _selectedData$selecte.filter((val) => val !== option.value);
+						onChange === null || onChange === void 0 || onChange(newSelectedValues);
+					},
+					sentiment: "neutral",
+					style: index === nonOverflowedValues.length - 1 && overflow ? assignInlineVars({
+						[minWidthTag]: "auto",
+						[maxWidthTag]: `${lastElementMaxWidth}px`
+					}) : void 0,
+					children: option === null || option === void 0 ? void 0 : option.label
+				}, option === null || option === void 0 ? void 0 : option.value)),
+				overflowed ? /* @__PURE__ */ jsx(Stack, {
+					justifyContent: "center",
+					ref: refPlusTag,
+					children: /* @__PURE__ */ jsxs(Tag, {
+						"aria-label": "Plus tag",
+						className: selectInputStyle.plusTag,
+						"data-testid": "plus-tag",
+						disabled,
+						sentiment: "neutral",
+						children: [/* @__PURE__ */ jsx(PlusIcon, { size: "xsmall" }), overflowAmount]
+					}, "+")
+				}) : null
+			]
+		}) : /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			className: selectInputStyle.selectedValues,
+			disabled,
+			prominence: "default",
+			sentiment: "neutral",
+			variant: textVariant,
+			children: selectedData.selectedValues[0] ? (_findOptionInOptions = findOptionInOptions(options, selectedData.selectedValues[0])) === null || _findOptionInOptions === void 0 ? void 0 : _findOptionInOptions.label : null
+		});
+	};
+});
+
+//#endregion
+init_Values();
+export { DisplayValues, init_Values };

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectBar.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/SelectBar/selectBar.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,oBAItB,CAAA;AACF,eAAO,MAAM,WAAW,oBAItB,CAAA;AAEF,eAAO,MAAM,cAAc,mCASzB,CAAA;AAEF,eAAO,MAAM,WAAW,QAGtB,CAAA;AAgCF,eAAO,MAAM,aAAa,QAsCxB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;gBAgDZ,SAAS;oBACP,WAAW;;;;;;QAMjB,IAAI;YACF,WAAW;;;;;;;;;gBAUT,SAAS;oBACP,WAAW;;;;;;QAMjB,KAAK;YACH,MAAM;YACN,aAAa;;QAEf,MAAM;YACJ,MAAM;YACN,aAAa;;QAEf,KAAK;YACH,MAAM;YACN,OAAO;YACP,aAAa;;;;QAIf,MAAM;;gBAtJN,+BAA+B;oBAC7B,MAAM;;gBAER,kEAAkE;oBAChE,WAAW;oBACX,SAAS,EAEJ,MAAM;;gBAEb,yEAAyE;oBAErE,OAAO;;gBAEX,iEAAiE;oBAC/D,WAAW;oBACX,OAAO;;;;QAwIT,OAAO;;;;;;;;;;;;;;;;;;QACP,OAAO;;;;;;;;;;;;;;;;;;;EAGX,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/selectBar.css.js

@@ -0,0 +1,58 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.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 "./selectBar.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/SelectInput/components/SelectBar/selectBar.css.ts
+var maxWidthTag, minWidthTag, selectBar;
+var init_selectBar_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	init_styles_css_ts_vanilla$1();
+	init_selectBar_css_ts_vanilla();
+	maxWidthTag = "var(--uv_r8qe40)";
+	minWidthTag = "var(--uv_r8qe41)";
+	selectBar = createRuntimeFn({
+		defaultClassName: "uv_r8qe46 uv_r8qe45",
+		variantClassNames: {
+			disabled: { true: "uv_r8qe47" },
+			dropdownVisible: { true: "uv_r8qe48" },
+			readOnly: { true: "uv_r8qe49" },
+			size: {
+				large: "uv_r8qe4a",
+				medium: "uv_r8qe4b",
+				small: "uv_r8qe4c"
+			},
+			state: {
+				danger: "uv_r8qe4d",
+				neutral: "uv_r8qe4e",
+				success: "uv_r8qe4f"
+			}
+		},
+		defaultVariants: {
+			disabled: false,
+			dropdownVisible: false,
+			readOnly: false,
+			size: "large",
+			state: "neutral"
+		},
+		compoundVariants: [
+			[{
+				dropdownVisible: true,
+				state: "neutral"
+			}, "uv_r8qe4g"],
+			[{
+				dropdownVisible: true,
+				state: "success"
+			}, "uv_r8qe4h"],
+			[{
+				dropdownVisible: true,
+				state: "danger"
+			}, "uv_r8qe4i"]
+		]
+	});
+});
+
+//#endregion
+init_selectBar_css();
+export { init_selectBar_css, maxWidthTag, minWidthTag };

package/dist/components/SelectInput/components/SelectBar/selectBar.css.ts.vanilla.js

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

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

@@ -0,0 +1,24 @@
+import type { DataType, OptionType, ReducerAction, ReducerState } from '../types';
+import type { ReactNode } from 'react';
+export declare const getTagsWidth: (toMeasureElementsArray: Element[], innerWidth: number, potentiallyNonOverflowedValues: OptionType[]) => {
+    accumulatedWidth: number;
+    lastVisibleElementWidth: number;
+    lastVisibleLabel: ReactNode;
+    measuredHiddenTags: number;
+    measuredVisibleTags: OptionType[];
+};
+export declare const computeOverflowVars: (tagsWidth: ReturnType<typeof getTagsWidth>, hasOverflow: boolean, lastVisibleElementMaxSize: number, hasHiddenTags: boolean, potentiallyNonOverflowedValues: OptionType[], additionnalElementsWidth: number) => {
+    overflowAmount: number;
+    nonOverflowedValues: OptionType[];
+    lastElementMaxWidth: number;
+    hasOverflow: boolean;
+};
+export declare const computeSelectedDataMultiselect: (closestOption: OptionType, options: DataType, selectedData: ReducerState) => {
+    computedData: ReducerAction;
+    onChangeData: string[];
+};
+export declare const computeSelectedDataSingleSelect: (closestOption: OptionType, selectedData: ReducerState) => {
+    computedData: ReducerAction;
+    onChangeData: string;
+};
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,aAAa,EACb,YAAY,EACb,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,YAAY,2BACC,OAAO,EAAE,cACrB,MAAM,kCACc,UAAU,EAAE;;;;;;CA+C3C,CAAA;AAEH,eAAO,MAAM,mBAAmB,cACnB,UAAU,CAAC,OAAO,YAAY,CAAC,eAC7B,OAAO,6BACO,MAAM,iBAClB,OAAO,kCACU,UAAU,EAAE,4BAClB,MAAM;;;;;CAsDjC,CAAA;AAED,eAAO,MAAM,8BAA8B,kBAC1B,UAAU,WAChB,QAAQ,gBACH,YAAY,KACzB;IAAE,YAAY,EAAE,aAAa,CAAC;IAAC,YAAY,EAAE,MAAM,EAAE,CAAA;CAatD,CAAA;AAEF,eAAO,MAAM,+BAA+B,kBAC3B,UAAU,gBACX,YAAY,KACzB;IAAE,YAAY,EAAE,aAAa,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAMpD,CAAA"}

package/dist/components/SelectInput/components/helpers.js

@@ -0,0 +1,77 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { SIZES_TAG, init_constants } from "../constants.js";
+
+//#region src/components/SelectInput/components/helpers.ts
+var getTagsWidth, computeOverflowVars, computeSelectedDataMultiselect, computeSelectedDataSingleSelect;
+var init_helpers = __esmMin(() => {
+	init_constants();
+	getTagsWidth = (toMeasureElementsArray, innerWidth, potentiallyNonOverflowedValues) => toMeasureElementsArray.reduce((accumulator, currentValue, index) => {
+		const elementWidth = currentValue.offsetWidth;
+		const newAccumulatedWidth = accumulator.accumulatedWidth + elementWidth + SIZES_TAG.gap;
+		const canBeVisible = newAccumulatedWidth <= innerWidth;
+		return {
+			accumulatedWidth: canBeVisible ? newAccumulatedWidth : accumulator.accumulatedWidth,
+			lastVisibleElementWidth: canBeVisible ? elementWidth : accumulator.lastVisibleElementWidth,
+			lastVisibleLabel: canBeVisible ? potentiallyNonOverflowedValues[index].label : accumulator.lastVisibleLabel,
+			measuredHiddenTags: accumulator.measuredHiddenTags + (canBeVisible ? 0 : 1),
+			measuredVisibleTags: [...accumulator.measuredVisibleTags, ...canBeVisible ? [potentiallyNonOverflowedValues[index]] : []]
+		};
+	}, {
+		accumulatedWidth: 0,
+		lastVisibleElementWidth: 0,
+		lastVisibleLabel: "",
+		measuredHiddenTags: 0,
+		measuredVisibleTags: []
+	});
+	computeOverflowVars = (tagsWidth, hasOverflow, lastVisibleElementMaxSize, hasHiddenTags, potentiallyNonOverflowedValues, additionnalElementsWidth) => {
+		if (tagsWidth.measuredHiddenTags === 1 && tagsWidth.measuredVisibleTags.length === 0) {
+			const newOverflowPx = tagsWidth.lastVisibleElementWidth + (tagsWidth.measuredHiddenTags > 1 ? additionnalElementsWidth : 0) - innerWidth;
+			return {
+				overflowAmount: 0,
+				nonOverflowedValues: [potentiallyNonOverflowedValues[0]],
+				lastElementMaxWidth: tagsWidth.lastVisibleElementWidth - newOverflowPx,
+				hasOverflow: true
+			};
+		}
+		if (hasOverflow && hasHiddenTags && (lastVisibleElementMaxSize > 65 || tagsWidth.measuredVisibleTags.length === 1 && lastVisibleElementMaxSize > 65) && typeof tagsWidth.lastVisibleLabel === "string") return {
+			overflowAmount: tagsWidth.measuredHiddenTags,
+			nonOverflowedValues: tagsWidth.measuredVisibleTags,
+			lastElementMaxWidth: lastVisibleElementMaxSize,
+			hasOverflow: true
+		};
+		if (hasOverflow && hasHiddenTags) return {
+			overflowAmount: tagsWidth.measuredHiddenTags + 1,
+			nonOverflowedValues: tagsWidth.measuredVisibleTags.slice(0, -1),
+			lastElementMaxWidth: 0,
+			hasOverflow: false
+		};
+		return {
+			overflowAmount: tagsWidth.measuredHiddenTags,
+			nonOverflowedValues: tagsWidth.measuredVisibleTags,
+			lastElementMaxWidth: lastVisibleElementMaxSize,
+			hasOverflow: false
+		};
+	};
+	computeSelectedDataMultiselect = (closestOption, options, selectedData) => ({
+		computedData: {
+			clickedOption: closestOption,
+			group: Array.isArray(options) ? void 0 : Object.keys(options).find((group) => options[group].includes(closestOption)),
+			type: "selectOption"
+		},
+		onChangeData: selectedData.selectedValues.includes(closestOption.value) ? selectedData.selectedValues : [...selectedData.selectedValues, closestOption.value]
+	});
+	computeSelectedDataSingleSelect = (closestOption, selectedData) => {
+		var _selectedData$selecte;
+		return {
+			computedData: {
+				clickedOption: closestOption,
+				type: "selectOption"
+			},
+			onChangeData: (_selectedData$selecte = selectedData.selectedValues[0]) !== null && _selectedData$selecte !== void 0 ? _selectedData$selecte : ""
+		};
+	};
+});
+
+//#endregion
+init_helpers();
+export { computeOverflowVars, computeSelectedDataMultiselect, computeSelectedDataSingleSelect, getTagsWidth, init_helpers };

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

@@ -0,0 +1,3 @@
+export { Dropdown } from './Dropdown/Dropdown';
+export { SelectBar } from './SelectBar/SelectBar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA"}

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

@@ -6,8 +6,8 @@ export declare const SIZES_TAG: {
     plusTag: number;
 };
 export declare const INPUT_SIZE_HEIGHT: {
-    readonly large: "600";
-    readonly medium: "500";
-    readonly small: "400";
+    readonly large: '600';
+    readonly medium: '500';
+    readonly small: '400';
 };
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAGtC,eAAO,MAAM,eAAe,6EAC4C,CAAA;AAExE,eAAO,MAAM,SAAS;;;;CAIrB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAGtC,eAAO,MAAM,eAAe,6EAC4C,CAAA;AAExE,eAAO,MAAM,SAAS;IACpB,GAAG;IACH,QAAQ;IACR,OAAO;CACR,CAAA;AAED,eAAO,MAAM,iBAAiB;aAC5B,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;CACJ,CAAA"}

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,oEAS/B,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,YAAa,QAAQ,eAAe,MAAM,2BASzE,CAAA"}

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 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 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 {};
 //# 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

@@ -5,8 +5,8 @@ import { Text, init_Text } from "../Text/index.js";
 import { Label, init_Label } from "../Label/index.js";
 import { SelectInputProvider, init_SelectInputProvider } from "./SelectInputProvider.js";
 import { init_styles_css, selectInputStyle } from "./styles.css.js";
-import { Dropdown, init_Dropdown } from "./components/Dropdown.js";
-import { SelectBar, init_SelectBar } from "./components/SelectBar.js";
+import { Dropdown, init_Dropdown } from "./components/Dropdown/Dropdown.js";
+import { SelectBar, init_SelectBar } from "./components/SelectBar/SelectBar.js";
 import { useId, useRef } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -0,0 +1,28 @@
+import type { DataType, OptionType, ReducerState } from './types';
+export declare const selectAllAction: (state: ReducerState, allGroups: string[], allValues: OptionType[]) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+export declare const selectGroupAction: (state: ReducerState, selectedGroupAction: string, options: DataType, numberOfOptions: number, numberOfDisabledOptions: number) => ReducerState;
+export declare const selectOptionAction: (state: ReducerState, options: DataType, numberOfOptions: number, numberOfDisabledOptions: number, multiselect: boolean, clickedOption: OptionType, group?: string) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+export declare const clearAllAction: () => {
+    allSelected: boolean;
+    selectedGroups: never[];
+    selectedValues: never[];
+};
+export declare const updateAction: (state: ReducerState, options: DataType) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+export declare const resetAction: (selectedGroups: string[], selectedValues: string[]) => {
+    allSelected: boolean;
+    selectedGroups: string[];
+    selectedValues: string[];
+};
+//# sourceMappingURL=reducerFunctions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reducerFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/reducerFunctions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjE,eAAO,MAAM,eAAe,UACnB,YAAY,aACR,MAAM,EAAE,aACR,UAAU,EAAE;;;;CAUxB,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,YAAY,uBACE,MAAM,WAClB,QAAQ,mBACA,MAAM,2BACE,MAAM,iBAmChC,CAAA;AAED,eAAO,MAAM,kBAAkB,UACtB,YAAY,WACV,QAAQ,mBACA,MAAM,2BACE,MAAM,eAClB,OAAO,iBACL,UAAU,UACjB,MAAM;;;;CA0Cf,CAAA;AAED,eAAO,MAAM,cAAc;IACzB,WAAW;IACX,cAAc;IACd,cAAc;CACd,CAAA;AAEF,eAAO,MAAM,YAAY,UAAW,YAAY,WAAW,QAAQ;IACjE,WAAW;IACX,cAAc;IACd,cAAc;CAad,CAAA;AAEF,eAAO,MAAM,WAAW,mBACN,MAAM,EAAE,kBACR,MAAM,EAAE;;;;CACmC,CAAA"}