@ultraviolet/ui 3.12.3 → 3.13.0

package/dist/components/RadioGroup/SingleRadio.js

@@ -0,0 +1,40 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Radio, init_Radio } from "../Radio/index.js";
+import { RadioGroupContext, init_Context } from "./Context.js";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/RadioGroup/SingleRadio.tsx
+var RadioGroupRadio;
+var init_SingleRadio = __esmMin(() => {
+	init_Radio();
+	init_Context();
+	RadioGroupRadio = ({ onFocus, onBlur, disabled, error, value, label, helper, className, autoFocus, onKeyDown, tooltip, "data-testid": dataTestId, style }) => {
+		const context = useContext(RadioGroupContext);
+		if (!context) throw new Error("RadioGroup.Radio can only be used inside a RadioGroup");
+		const { groupName, onChange, groupValue, error: errorContext } = context;
+		return /* @__PURE__ */ jsx(Radio, {
+			autoFocus,
+			checked: groupValue === value,
+			className,
+			"data-testid": dataTestId,
+			disabled,
+			error: error || errorContext,
+			helper,
+			label,
+			name: groupName,
+			onBlur,
+			onChange,
+			onFocus,
+			onKeyDown,
+			style,
+			tooltip,
+			value
+		});
+	};
+});
+
+//#endregion
+init_SingleRadio();
+export { RadioGroupRadio, init_SingleRadio };

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

@@ -1,7 +1,5 @@
-import { Radio } from '../Radio';
-import type { ComponentProps, InputHTMLAttributes, ReactNode } from 'react';
-type RadioGroupRadioProps = Omit<ComponentProps<typeof Radio>, 'onChange' | 'checked' | 'required' | 'name'>;
-declare const RadioGroupRadio: ({ onFocus, onBlur, disabled, error, value, label, helper, className, autoFocus, onKeyDown, tooltip, 'data-testid': dataTestId, style, }: RadioGroupRadioProps) => import("react/jsx-runtime").JSX.Element;
+import { RadioGroupRadio } from './SingleRadio';
+import type { InputHTMLAttributes, ReactNode } from 'react';
 type RadioGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAMhC,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAa3E,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAC7C,CAAA;AACD,QAAA,MAAM,eAAe,4MA2CpB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAElE;;GAEG;AACH,QAAA,MAAM,mBAAmB,2LAgFxB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,mBAAmB,GAAG;IAChE,KAAK,EAAE,OAAO,eAAe,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,6BAKxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAA;AAElE;;GAEG;AACH,QAAA,MAAM,mBAAmB,2LAgFxB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,mBAAmB,GAAG;IAChE,KAAK,EAAE,OAAO,eAAe,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,6BAKxB,CAAA"}

package/dist/components/RadioGroup/index.js

@@ -3,44 +3,22 @@ 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 { Label, init_Label } from "../Label/index.js";
-import { Radio, init_Radio } from "../Radio/index.js";
+import { RadioGroupContext, init_Context } from "./Context.js";
+import { RadioGroupRadio, init_SingleRadio } from "./SingleRadio.js";
 import { init_styles_css, radioGRoupStyle } 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/RadioGroup/index.tsx
-var RadioGroupContext, RadioGroupRadio, RadioGroupComponent, RadioGroup;
+var RadioGroupComponent, RadioGroup;
 var init_RadioGroup = __esmMin(() => {
 	init_Label();
-	init_Radio();
 	init_Stack();
 	init_Text();
+	init_Context();
+	init_SingleRadio();
 	init_styles_css();
-	RadioGroupContext = createContext(void 0);
-	RadioGroupRadio = ({ onFocus, onBlur, disabled, error, value, label, helper, className, autoFocus, onKeyDown, tooltip, "data-testid": dataTestId, style }) => {
-		const context = useContext(RadioGroupContext);
-		if (!context) throw new Error("RadioGroup.Radio can only be used inside a RadioGroup");
-		const { groupName, onChange, groupValue, error: errorContext } = context;
-		return /* @__PURE__ */ jsx(Radio, {
-			autoFocus,
-			checked: groupValue === value,
-			className,
-			"data-testid": dataTestId,
-			disabled,
-			error: error || errorContext,
-			helper,
-			label,
-			name: groupName,
-			onBlur,
-			onChange,
-			onFocus,
-			onKeyDown,
-			style,
-			tooltip,
-			value
-		});
-	};
 	RadioGroupComponent = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false }) => {
 		const contextValue = useMemo(() => ({
 			error: !!error,

package/dist/components/Row/index.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 { init_styles_css, rowStyle, sprinkles } from "./styles.css.js";
 import { init_variables_css, paddings, templateColumn } from "./variables.css.js";
 import { consoleLightTheme } from "@ultraviolet/themes";

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

@@ -311,7 +311,7 @@ var init_styles_css = __esmMin(() => {
 							},
 							defaultClass: "uv_x6hyh541"
 						},
-						"0.25rem": {
+						"0.125rem": {
 							conditions: {
 								xxsmall: "uv_x6hyh547",
 								xsmall: "uv_x6hyh548",
@@ -322,7 +322,7 @@ var init_styles_css = __esmMin(() => {
 							},
 							defaultClass: "uv_x6hyh547"
 						},
-						"0.125rem": {
+						"0.25rem": {
 							conditions: {
 								xxsmall: "uv_x6hyh54d",
 								xsmall: "uv_x6hyh54e",

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,4HA0RvB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,4HAyRvB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInputProvider.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInputProvider.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,QAAQ,EAAc,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3E,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC5C,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,YAAY,EAAE,YAAY,CAAA;IAC1B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,eAAe,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CACzC,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC,GACD;IACE,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CACJ,CAAA;AAqBD,eAAO,MAAM,cAAc,oBAAuC,CAAA;AAElE,KAAK,wBAAwB,CAAC,OAAO,SAAS,OAAO,IAAI;IACvD,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAC3B,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,GACzB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,6OA4QpC,CAAA"}
+{"version":3,"file":"SelectInputProvider.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInputProvider.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,QAAQ,EAAc,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3E,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC5C,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,YAAY,EAAE,YAAY,CAAA;IAC1B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,eAAe,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;CACzC,GAAG,CACA;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC,GACD;IACE,WAAW,EAAE,KAAK,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CACJ,CAAA;AAqBD,eAAO,MAAM,cAAc,oBAAuC,CAAA;AAElE,KAAK,wBAAwB,CAAC,OAAO,SAAS,OAAO,IAAI;IACvD,OAAO,EAAE,QAAQ,CAAA;IACjB,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,uBAAuB,EAAE,MAAM,CAAA;IAC/B,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAC3B,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,GACzB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,6OAmLpC,CAAA"}

package/dist/components/SelectInput/SelectInputProvider.js

@@ -1,11 +1,13 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { clearAllAction, init_reducerFonctions, resetAction, selectAllAction, selectGroupAction, selectOptionAction, updateAction } from "./reducerFonctions.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SelectInput/SelectInputProvider.tsx
 var SelectInputContext, useSelectInput, SelectInputProvider;
 var init_SelectInputProvider = __esmMin(() => {
+	init_reducerFonctions();
 	SelectInputContext = createContext({
 		displayedOptions: [],
 		isDropdownVisible: false,
@@ -61,69 +63,12 @@ var init_SelectInputProvider = __esmMin(() => {
 		}, [options]);
 		const reducer = (state, action) => {
 			switch (action.type) {
-				case "selectAll":
-					if (state.allSelected) return {
-						allSelected: false,
-						selectedGroups: [],
-						selectedValues: []
-					};
-					return {
-						allSelected: true,
-						selectedGroups: allGroups,
-						selectedValues: allValues.map((option) => option.value)
-					};
-				case "selectGroup":
-					if (!Array.isArray(options)) {
-						if (state.selectedGroups.includes(action.selectedGroup)) return {
-							allSelected: false,
-							selectedGroups: state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.selectedGroup),
-							selectedValues: [...state.selectedValues].filter((selectedValue) => !options[action.selectedGroup].find((option) => option.value === selectedValue))
-						};
-						const newSelectedValues = [...state.selectedValues];
-						options[action.selectedGroup].map((option) => newSelectedValues.find((aValue) => aValue === option.value) || option.disabled ? null : newSelectedValues.push(option.value));
-						return {
-							allSelected: newSelectedValues.length === numberOfOptions - numberOfDisabledOptions,
-							selectedGroups: [...state.selectedGroups, action.selectedGroup],
-							selectedValues: newSelectedValues
-						};
-					}
-					return state;
-				case "selectOption":
-					if (multiselect) {
-						if (state.selectedValues.includes(action.clickedOption.value)) return {
-							allSelected: false,
-							selectedGroups: action.group && state.selectedGroups.includes(action.group) ? state.selectedGroups.filter((selectedGroup) => selectedGroup !== action.group) : [],
-							selectedValues: state.selectedValues.filter((val) => val !== action.clickedOption.value)
-						};
-						return {
-							allSelected: state.selectedValues.length + 1 === numberOfOptions - numberOfDisabledOptions,
-							selectedGroups: !Array.isArray(options) && action.group && options[action.group].every((option) => [...state.selectedValues, action.clickedOption.value].includes(option.value) || option.disabled) ? [...state.selectedGroups, action.group] : state.selectedGroups,
-							selectedValues: [...state.selectedValues, action.clickedOption.value]
-						};
-					}
-					return {
-						allSelected: false,
-						selectedGroups: state.selectedGroups,
-						selectedValues: [action.clickedOption.value]
-					};
-				case "clearAll": return {
-					allSelected: false,
-					selectedGroups: [],
-					selectedValues: []
-				};
-				case "update": return {
-					allSelected: state.allSelected,
-					selectedGroups: state.selectedGroups,
-					selectedValues: state.selectedValues.filter((selectedValue) => {
-						if (!Array.isArray(options)) return Object.keys(options).some((group) => options[group].some((option) => option.value === selectedValue && !option.disabled));
-						return options.some((option) => option.value === selectedValue && !option.disabled);
-					})
-				};
-				case "reset": return {
-					allSelected: false,
-					selectedGroups: action.selectedGroups,
-					selectedValues: action.selectedValues
-				};
+				case "selectAll": return selectAllAction(state, allGroups, allValues);
+				case "selectGroup": return selectGroupAction(state, action.selectedGroup, options, numberOfOptions, numberOfDisabledOptions);
+				case "selectOption": return selectOptionAction(state, options, numberOfOptions, numberOfDisabledOptions, multiselect, action.clickedOption, action.group);
+				case "clearAll": return clearAllAction();
+				case "update": return updateAction(state, options);
+				case "reset": return resetAction(action.selectedGroups, action.selectedValues);
 				default: return state;
 			}
 		};

package/dist/components/SelectInput/components/Dropdown/AddOption.d.ts

@@ -0,0 +1,12 @@
+import type { OptionType } from '../../types';
+export declare const AddOption: ({ option, textVariant, addOption, searchable, isEmpty, }: {
+    option: OptionType;
+    textVariant: "body" | "bodySmall" | "caption";
+    addOption?: {
+        text: string;
+        onClick: (searchText: string) => void;
+    } | undefined;
+    searchable?: boolean | undefined;
+    isEmpty?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AddOption.d.ts.map

package/dist/components/SelectInput/components/Dropdown/AddOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/AddOption.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,eAAO,MAAM,SAAS;;;;;;;;;oDAuDrB,CAAA"}

package/dist/components/SelectInput/components/Dropdown/AddOption.js

@@ -0,0 +1,48 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { DisplayOption, init_Option } from "./Option.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/SelectInput/components/Dropdown/AddOption.tsx
+var AddOption;
+var init_AddOption = __esmMin(() => {
+	init_SelectInputProvider();
+	init_styles_css();
+	init_Option();
+	AddOption = ({ option, textVariant, addOption, searchable, isEmpty }) => {
+		const { setIsDropdownVisible, multiselect, onSearch, searchInput, setSearchInput } = useSelectInput();
+		const handleClickCustomValue = () => {
+			const newOption = {
+				label: searchInput,
+				value: searchInput
+			};
+			addOption === null || addOption === void 0 || addOption.onClick(searchInput);
+			onSearch([newOption]);
+			setIsDropdownVisible(multiselect);
+			setSearchInput("");
+		};
+		return addOption && searchable && (isEmpty || searchInput) ? /* @__PURE__ */ jsx("div", {
+			"aria-selected": "false",
+			className: selectInputStyle.comboboxCreate,
+			"data-testid": "add-option",
+			id: "add-option",
+			onClick: handleClickCustomValue,
+			onKeyDown: (event) => {
+				if (["Enter", " "].includes(event.key)) handleClickCustomValue();
+			},
+			role: "option",
+			tabIndex: -1,
+			children: /* @__PURE__ */ jsx(DisplayOption, {
+				descriptionDirection: "row",
+				option,
+				optionalInfoPlacement: "left",
+				textVariant
+			})
+		}) : null;
+	};
+});
+
+//#endregion
+init_AddOption();
+export { AddOption, init_AddOption };

package/dist/components/SelectInput/components/Dropdown/Content.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+type CreateDropdownProps = {
+    isEmpty: boolean;
+    emptyState: ReactNode;
+    descriptionDirection: 'row' | 'column';
+    loadMore?: ReactNode;
+    optionalInfoPlacement: 'left' | 'right';
+    defaultSearchValue: string | null;
+    isLoading?: boolean;
+    groupError?: Record<string, ReactNode>;
+    groupEmptyState?: Record<string, ReactNode>;
+    addOption?: {
+        text: string;
+        onClick: (searchText: string) => void;
+    };
+    searchable?: boolean;
+};
+export declare const CreateDropdown: ({ isEmpty, emptyState, descriptionDirection, loadMore, optionalInfoPlacement, defaultSearchValue, isLoading, groupEmptyState, groupError, addOption, searchable, }: CreateDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Content.d.ts.map

package/dist/components/SelectInput/components/Dropdown/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Content.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AA2CD,eAAO,MAAM,cAAc,sOAiN1B,CAAA"}

package/dist/components/SelectInput/components/Dropdown/Content.js

@@ -0,0 +1,217 @@
+'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 { OPTION_SELECTOR, init_constants } from "../../constants.js";
+import { init_SelectInputProvider, useSelectInput } from "../../SelectInputProvider.js";
+import { init_styles_css, selectInputStyle } from "../../styles.css.js";
+import { Skeleton, init_Skeleton } from "../../../Skeleton/index.js";
+import { AddOption, init_AddOption } from "./AddOption.js";
+import { Group, init_Group } from "./Group.js";
+import { Item, init_Item } from "./Item.js";
+import { SelectAll, init_SelectAll } from "./SelectAll.js";
+import { useEffect, useMemo, useRef } from "react";
+import { cn } from "@ultraviolet/utils";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { PlusIcon } from "@ultraviolet/icons/PlusIcon";
+
+//#region src/components/SelectInput/components/Dropdown/Content.tsx
+var moveFocusDown, moveFocusUp, handleKeyDownSelect, CreateDropdown;
+var init_Content = __esmMin(() => {
+	init_Skeleton();
+	init_Stack();
+	init_Text();
+	init_constants();
+	init_SelectInputProvider();
+	init_styles_css();
+	init_AddOption();
+	init_Group();
+	init_Item();
+	init_SelectAll();
+	moveFocusDown = () => {
+		const options = document.querySelectorAll(OPTION_SELECTOR);
+		const activeItem = document.activeElement;
+		if (options) for (let i = 0; i < (options === null || options === void 0 ? void 0 : options.length); i += 1) {
+			const listLength = options.length;
+			if (activeItem === options[i] && activeItem !== options[listLength - 1]) options[i + 1].focus();
+		}
+	};
+	moveFocusUp = () => {
+		const options = document.querySelectorAll(OPTION_SELECTOR);
+		const activeItem = document.activeElement;
+		if (options) {
+			for (let i = 0; i < options.length; i += 1) if (activeItem === options[i] && activeItem !== options[0]) options[i - 1].focus();
+		}
+	};
+	handleKeyDownSelect = (event) => {
+		if (event.key === "ArrowDown") {
+			event.preventDefault();
+			moveFocusDown();
+		}
+		if (event.key === "ArrowUp") {
+			event.preventDefault();
+			moveFocusUp();
+		}
+		if (event.key === " ") event.preventDefault();
+	};
+	CreateDropdown = ({ isEmpty, emptyState, descriptionDirection, loadMore, optionalInfoPlacement, defaultSearchValue, isLoading, groupEmptyState, groupError, addOption, searchable }) => {
+		const { displayedOptions, searchInput, size } = useSelectInput();
+		const focusedItemRef = useRef(null);
+		useEffect(() => {
+			if (defaultSearchValue && (focusedItemRef === null || focusedItemRef === void 0 ? void 0 : focusedItemRef.current)) focusedItemRef.current.focus();
+		}, [defaultSearchValue]);
+		const textVariant = useMemo(() => {
+			if (size === "large") return "body";
+			if (size === "medium") return "bodySmall";
+			return "caption";
+		}, [size]);
+		const textVariantSmall = size === "small" ? "captionStrong" : "bodySmallStrong";
+		const sizeVariantIcon = size === "small" ? "xsmall" : "small";
+		const computedEmptyState = emptyState !== null && emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(Text, {
+			as: "p",
+			variant: size === "small" ? "bodySmallStrong" : "bodyStrong",
+			children: "No options"
+		});
+		const addOptionLabel = /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			direction: "row",
+			gap: "1",
+			children: [/* @__PURE__ */ jsx(PlusIcon, {
+				sentiment: "primary",
+				size: sizeVariantIcon
+			}), /* @__PURE__ */ jsxs(Text, {
+				as: "span",
+				sentiment: "primary",
+				variant: textVariantSmall,
+				children: [
+					addOption === null || addOption === void 0 ? void 0 : addOption.text,
+					" ",
+					searchInput
+				]
+			})]
+		});
+		if (isEmpty && !addOption) return /* @__PURE__ */ jsx(Stack, {
+			alignItems: "center",
+			className: selectInputStyle.dropdownEmptyState,
+			gap: 2,
+			children: computedEmptyState
+		});
+		if (isEmpty && addOption && searchable) return /* @__PURE__ */ jsx(AddOption, {
+			addOption,
+			isEmpty,
+			option: {
+				label: addOptionLabel,
+				searchText: searchInput,
+				value: `${addOption.text} ${searchInput}`
+			},
+			searchable,
+			textVariant
+		});
+		return Array.isArray(displayedOptions) ? /* @__PURE__ */ jsxs(Stack, {
+			className: cn(selectInputStyle.dropdownContainer, selectInputStyle.dropdownContainerUnGrouped),
+			gap: .25,
+			id: "select-dropdown",
+			onKeyDown: handleKeyDownSelect,
+			role: "listbox",
+			children: [
+				/* @__PURE__ */ jsx(AddOption, {
+					addOption,
+					option: {
+						label: addOptionLabel,
+						searchText: searchInput,
+						value: `${addOption === null || addOption === void 0 ? void 0 : addOption.text} ${searchInput}`
+					},
+					searchable,
+					textVariant
+				}),
+				/* @__PURE__ */ jsx(SelectAll, { textVariant }),
+				/* @__PURE__ */ jsxs(Stack, {
+					gap: .25,
+					id: "items",
+					children: [isLoading ? /* @__PURE__ */ jsx(Skeleton, { variant: "block" }) : displayedOptions.map((option, index) => /* @__PURE__ */ jsx(Item, {
+						defaultSearchValue,
+						descriptionDirection,
+						focusedItemRef,
+						indexOption: index,
+						option,
+						optionalInfoPlacement,
+						textVariant
+					}, option.value)), loadMore ? /* @__PURE__ */ jsx(Stack, {
+						className: selectInputStyle.dropdownLoadMore,
+						children: loadMore
+					}) : null]
+				})
+			]
+		}) : /* @__PURE__ */ jsxs(Stack, {
+			className: selectInputStyle.dropdownContainer,
+			"data-grouped": true,
+			id: "select-dropdown",
+			onKeyDown: handleKeyDownSelect,
+			role: "listbox",
+			children: [isLoading ? /* @__PURE__ */ jsx(Skeleton, { variant: "block" }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(AddOption, {
+					addOption,
+					option: {
+						label: addOptionLabel,
+						searchText: searchInput,
+						value: `${addOption === null || addOption === void 0 ? void 0 : addOption.text} ${searchInput}`
+					},
+					searchable,
+					textVariant
+				}),
+				/* @__PURE__ */ jsx(SelectAll, { textVariant }),
+				Object.keys(displayedOptions).map((group, index) => {
+					var _groupEmptyState$grou;
+					var _groupError$group;
+					const hasElements = displayedOptions[group].length > 0;
+					const emptyStateGroup = (_groupEmptyState$grou = groupEmptyState === null || groupEmptyState === void 0 ? void 0 : groupEmptyState[group]) !== null && _groupEmptyState$grou !== void 0 ? _groupEmptyState$grou : null;
+					const errorGroup = (_groupError$group = groupError === null || groupError === void 0 ? void 0 : groupError[group]) !== null && _groupError$group !== void 0 ? _groupError$group : null;
+					return /* @__PURE__ */ jsxs(Stack, {
+						gap: .25,
+						children: [hasElements || emptyStateGroup ? /* @__PURE__ */ jsx(Group, {
+							group,
+							index
+						}) : null, /* @__PURE__ */ jsxs(Stack, {
+							gap: "0.25",
+							id: "items",
+							children: [
+								!hasElements && emptyStateGroup ? /* @__PURE__ */ jsx(Text, {
+									as: "span",
+									className: selectInputStyle.emptyStateGroupStyle,
+									prominence: "weak",
+									sentiment: "neutral",
+									variant: textVariant,
+									children: emptyStateGroup
+								}) : null,
+								errorGroup ? /* @__PURE__ */ jsx(Text, {
+									as: "span",
+									className: selectInputStyle.emptyStateGroupStyle,
+									sentiment: "danger",
+									variant: textVariant,
+									children: errorGroup
+								}) : null,
+								displayedOptions[group].map((option, indexOption) => errorGroup ? null : /* @__PURE__ */ jsx(Item, {
+									defaultSearchValue,
+									descriptionDirection,
+									focusedItemRef,
+									group,
+									indexOption,
+									option,
+									optionalInfoPlacement,
+									textVariant
+								}, option.value))
+							]
+						})]
+					}, group);
+				})
+			] }), loadMore ? /* @__PURE__ */ jsx(Stack, {
+				className: selectInputStyle.dropdownLoadMore,
+				children: loadMore
+			}) : null]
+		});
+	};
+});
+
+//#endregion
+init_Content();
+export { CreateDropdown, init_Content };

package/dist/components/SelectInput/components/{Dropdown.d.ts → Dropdown/Dropdown.d.ts}

@@ -1,4 +1,4 @@
-import { Popup } from '../../Popup';
+import { Popup } from '../../../Popup';
 import type { ComponentProps, ReactNode, RefObject } from 'react';
 export type DropdownProps = {
     id?: string;
@@ -22,21 +22,5 @@ export type DropdownProps = {
         onClick: (searchText: string) => void;
     };
 };
-export type CreateDropdownProps = {
-    isEmpty: boolean;
-    emptyState: ReactNode;
-    descriptionDirection: 'row' | 'column';
-    loadMore?: ReactNode;
-    optionalInfoPlacement: 'left' | 'right';
-    defaultSearchValue: string | null;
-    isLoading?: boolean;
-    groupError?: Record<string, ReactNode>;
-    groupEmptyState?: Record<string, ReactNode>;
-    addOption?: {
-        text: string;
-        onClick: (searchText: string) => void;
-    };
-    searchable?: boolean;
-};
 export declare const Dropdown: ({ children, emptyState, descriptionDirection, searchable, placeholder, footer, refSelect, loadMore, optionalInfoPlacement, isLoading, size, dropdownAlign, portalTarget, id, groupError, groupEmptyState, addOption, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/SelectInput/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAWtC,OAAO,KAAK,EACV,cAAc,EAEd,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CACpE,CAAA;AAiED,eAAO,MAAM,QAAQ,oRA4NpB,CAAA"}