@ultraviolet/ui 3.17.0 → 3.18.1

package/dist/utils/animations/animations2.js

@@ -249,4 +249,4 @@ var init_animations = __esmMin(() => {
 
 //#endregion
 init_animations();
-export { bounce, fadeIn, fadeOut, flash, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut };
+export { bounce, fadeIn, fadeOut, flash, init_animations, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut };

package/dist/utils/index.js

@@ -1,8 +1,8 @@
 import { __esmMin } from "../_virtual/_rolldown/runtime.js";
-import { bounce, fadeIn, fadeOut, flash, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut } from "./animations/animations2.js";
+import { bounce, fadeIn, fadeOut, flash, init_animations, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut } from "./animations/animations2.js";
 import { bounce as bounce$1, fadeIn as fadeIn$1, fadeOut as fadeOut$1, flash as flash$1, init_animationsVanillaExtract_css, ping as ping$1, pulse as pulse$1, quickScaleDown as quickScaleDown$1, scaleBack as scaleBack$1, scaleDown as scaleDown$1, scaleForward as scaleForward$1, scaleUp as scaleUp$1, sketchIn as sketchIn$1, sketchOut as sketchOut$1, slideDownLarge as slideDownLarge$1, slideFromBottom as slideFromBottom$1, slideFromLeft as slideFromLeft$1, slideFromRight as slideFromRight$1, slideFromTop as slideFromTop$1, slideToBottom as slideToBottom$1, slideToLeft as slideToLeft$1, slideToRight as slideToRight$1, slideToTop as slideToTop$1, slideUpLarge as slideUpLarge$1, unfoldIn as unfoldIn$1, unfoldOut as unfoldOut$1, zoomIn as zoomIn$1, zoomOut as zoomOut$1 } from "./animations/animationsVanillaExtract.css.js";
-import normalize from "./normalize.js";
-import { down, up } from "./responsive/utilities.js";
+import normalize, { init_normalize } from "./normalize.js";
+import { down, init_utilities, up } from "./responsive/utilities.js";
 import { getUUID as getUUID$1 } from "@ultraviolet/utils";
 
 //#region src/utils/index.ts

package/dist/utils/normalize.js

@@ -40,4 +40,4 @@ var init_normalize = __esmMin(() => {
 
 //#endregion
 init_normalize();
-export { normalize as default };
+export { normalize as default, init_normalize };

package/dist/utils/responsive/utilities.js

@@ -17,4 +17,4 @@ var init_utilities = __esmMin(() => {
 
 //#endregion
 init_utilities();
-export { down, up };
+export { down, init_utilities, up };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "3.17.0",
+  "version": "3.18.1",
   "description": "Ultraviolet UI",
   "keywords": [
     "react",
@@ -60,6 +60,7 @@
     "access": "public"
   },
   "dependencies": {
+    "@handlewithcare/react-prosemirror": "3.0.0",
     "@nivo/bar": "0.99.0",
     "@nivo/core": "0.99.0",
     "@nivo/line": "0.99.0",
@@ -69,10 +70,10 @@
     "@nivo/treemap": "0.99.0",
     "@scaleway/fuzzy-search": "2.0.2",
     "@scaleway/phonenumber": "1.0.0",
-    "@scaleway/use-clipboard": "1.0.1",
-    "@uiw/codemirror-extensions-langs": "4.25.9",
-    "@uiw/codemirror-theme-material": "4.25.9",
-    "@uiw/react-codemirror": "4.25.9",
+    "@scaleway/use-clipboard": "1.1.0",
+    "@uiw/codemirror-extensions-langs": "4.25.10",
+    "@uiw/codemirror-theme-material": "4.25.10",
+    "@uiw/react-codemirror": "4.25.10",
     "@vanilla-extract/css": "1.20.1",
     "@vanilla-extract/dynamic": "2.1.5",
     "@vanilla-extract/recipes": "0.5.7",
@@ -80,22 +81,29 @@
     "codemirror": "6.0.2",
     "csstype": "3.2.3",
     "deepmerge": "4.3.1",
+    "prosemirror-commands": "1.5.0",
+    "prosemirror-keymap": "1.2.1",
+    "prosemirror-model": "1.25.1",
+    "prosemirror-schema-basic": "1.2.4",
+    "prosemirror-schema-list": "1.2.2",
+    "prosemirror-state": "1.4.3",
+    "prosemirror-view": "1.41.4",
     "react-intersection-observer": "10.0.3",
     "react-toastify": "11.1.0",
     "@ultraviolet/animations": "1.0.1",
-    "@ultraviolet/icons": "5.3.4",
+    "@ultraviolet/icons": "5.4.1",
     "@ultraviolet/themes": "3.1.7",
     "@ultraviolet/utils": "1.0.12"
   },
   "devDependencies": {
     "@scaleway/random-name": "6.0.2",
-    "@types/node": "24.12.4",
-    "@types/react": "19.2.14",
+    "@types/node": "24.13.2",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
     "@vanilla-extract/vite-plugin": "5.2.2",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
-    "vite": "8.0.13",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "vite": "8.0.16",
     "@repo/config": "0.0.8",
     "@utils/test": "0.0.1"
   },

package/dist/components/PhoneInput/PhoneInput.d.ts

@@ -1,36 +0,0 @@
-import type { ChangeEvent, ComponentType, InputHTMLAttributes, Ref } from 'react';
-import type { DescriptionProps } from '../Description';
-type PhoneInputLabelProps = {
-    disabled?: boolean;
-    error?: string;
-    ref?: Ref<HTMLInputElement>;
-};
-type InputProps = Partial<Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'aria-labelledby' | 'aria-live' | 'aria-describedby' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onFocus' | 'placeholder' | 'readOnly'>> & Partial<DescriptionProps>;
-type PhoneInputProps = PhoneInputLabelProps & {
-    'data-testid'?: string | null;
-    value?: string;
-    label?: string;
-    required?: boolean;
-    tooltip?: string;
-    className?: string;
-    defaultCountry?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-    error?: string;
-    onParsingError?: ({ error, inputValue }: {
-        error: Error;
-        inputValue: string;
-    }) => void;
-    disableAutoFormat?: boolean;
-    onValueChange?: (value: {
-        inputValue: string;
-        formatted: string;
-        country: string | null;
-        valid: boolean;
-        e164: string | null;
-        international: string | null;
-    }) => void;
-} & InputProps;
-type PhoneInputType = ComponentType<PhoneInputProps>;
-export declare const PhoneInput: PhoneInputType;
-export {};
-//# sourceMappingURL=PhoneInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAgB,GAAG,EAAE,MAAM,OAAO,CAAA;AAG/F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAMtD,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B,CAAA;AAED,KAAK,UAAU,GAAG,OAAO,CACvB,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,YAAY,GACZ,iBAAiB,GACjB,WAAW,GACX,kBAAkB,GAClB,UAAU,GACV,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,SAAS,GACT,aAAa,GACb,UAAU,CACb,CACF,GACC,OAAO,CAAC,gBAAgB,CAAC,CAAA;AAE3B,KAAK,eAAe,GAAG,oBAAoB,GAAG;IAC5C,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACtF,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QACtB,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;QACtB,KAAK,EAAE,OAAO,CAAA;QACd,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;QACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;KAC7B,KAAK,IAAI,CAAA;CACX,GAAG,UAAU,CAAA;AAEd,KAAK,cAAc,GAAG,aAAa,CAAC,eAAe,CAAC,CAAA;AAEpD,eAAO,MAAM,UAAU,EAAE,cAqKxB,CAAA"}

package/dist/components/PhoneInput/PhoneInput.js

@@ -1,152 +0,0 @@
-'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 { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";
-import { Description, init_Description } from "../Description/index.js";
-import { Label, init_Label } from "../Label/index.js";
-import { init_styles_css, phoneInputStyle } from "./styles.css.js";
-import { forwardRef, useCallback, useId, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
-import { cn } from "@ultraviolet/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
-import { getPhoneCountryFlag, getPhoneExample, parsePhoneNumber } from "@scaleway/phonenumber";
-import { CheckCircleOutlineIcon } from "@ultraviolet/icons/CheckCircleOutlineIcon";
-
-//#region src/components/PhoneInput/PhoneInput.tsx
-var PhoneInput;
-var init_PhoneInput = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Label();
-	init_Stack();
-	init_Tooltip();
-	init_styles_css();
-	PhoneInput = forwardRef(({ "data-testid": dataTestId, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, className, defaultCountry = "FR", disableAutoFormat = false, disabled = false, error: customError, id, label, success, error, helper, tooltip, name, size = "large", onBlur, onChange, onFocus, onParsingError, onValueChange, placeholder, readOnly, required, value }, ref) => {
-		var _getPhoneExample$numb;
-		var _localRef$current;
-		const localRef = useRef(null);
-		useImperativeHandle(ref, () => localRef.current);
-		const [countryFlag, setCountryFlag] = useState(defaultCountry);
-		const formatPhoneNumber = useCallback(({ inputValue }) => {
-			if (disableAutoFormat) return inputValue;
-			try {
-				const { regionCode = defaultCountry } = parsePhoneNumber(inputValue);
-				const { valid, number } = parsePhoneNumber(inputValue, { regionCode });
-				const isValid = inputValue.length > 4 && valid;
-				const formattedNumber = isValid ? number === null || number === void 0 ? void 0 : number.international : inputValue;
-				const result = {
-					inputValue,
-					formatted: isValid ? number === null || number === void 0 ? void 0 : number.international : inputValue,
-					country: regionCode,
-					valid: isValid,
-					e164: isValid ? number === null || number === void 0 ? void 0 : number.e164 : null,
-					international: formattedNumber !== null && formattedNumber !== void 0 ? formattedNumber : null
-				};
-				setCountryFlag(regionCode);
-				onValueChange === null || onValueChange === void 0 || onValueChange(result);
-				return formattedNumber;
-			} catch (error) {
-				if (error instanceof Error) onParsingError === null || onParsingError === void 0 || onParsingError({
-					error,
-					inputValue
-				});
-				return inputValue;
-			}
-		}, [
-			onParsingError,
-			disableAutoFormat,
-			onValueChange,
-			defaultCountry
-		]);
-		const handleOnChangeCallback = useCallback((inputValue) => {
-			var _formatPhoneNumber;
-			if (!localRef.current) return;
-			const formatted = (_formatPhoneNumber = formatPhoneNumber({ inputValue })) !== null && _formatPhoneNumber !== void 0 ? _formatPhoneNumber : "";
-			localRef.current.value = formatted;
-		}, [formatPhoneNumber]);
-		useLayoutEffect(() => {
-			if (value !== void 0) handleOnChangeCallback(value);
-		}, [value, handleOnChangeCallback]);
-		const uniqueId = useId();
-		const helperId = useId();
-		const localId = id || `phone-${uniqueId}`;
-		return /* @__PURE__ */ jsxs(Stack, {
-			className,
-			gap: .5,
-			children: [
-				label ? /* @__PURE__ */ jsx(Label, {
-					htmlFor: localId,
-					required,
-					size,
-					children: label
-				}) : null,
-				/* @__PURE__ */ jsx(Tooltip, {
-					text: tooltip,
-					children: /* @__PURE__ */ jsxs("div", {
-						className: cn(className, phoneInputStyle.inputWrapper, phoneInputStyle.inputWrapperSizes[size]),
-						"data-disabled": disabled,
-						"data-readonly": readOnly,
-						"data-success": success,
-						"data-error": !!customError,
-						children: [
-							/* @__PURE__ */ jsx(Stack, {
-								alignItems: "center",
-								className: phoneInputStyle.flag,
-								"data-disabled": disabled,
-								children: getPhoneCountryFlag(countryFlag)
-							}),
-							/* @__PURE__ */ jsx("input", {
-								"aria-invalid": !!error,
-								"aria-label": label ? void 0 : ariaLabel,
-								"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? helperId : void 0),
-								"aria-labelledby": ariaLabelledBy,
-								className: phoneInputStyle.input,
-								"data-testid": dataTestId,
-								"data-size": size,
-								disabled,
-								required,
-								readOnly,
-								id: localId,
-								maxLength: 20,
-								name,
-								onBlur,
-								onChange: (event) => {
-									if (localRef.current) handleOnChangeCallback(localRef.current.value);
-									onChange === null || onChange === void 0 || onChange(event);
-								},
-								onFocus,
-								placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : (_getPhoneExample$numb = getPhoneExample(countryFlag, "mobile").number) === null || _getPhoneExample$numb === void 0 ? void 0 : _getPhoneExample$numb.international,
-								ref: localRef,
-								type: "tel",
-								value: (_localRef$current = localRef.current) === null || _localRef$current === void 0 ? void 0 : _localRef$current.value
-							}),
-							success ? /* @__PURE__ */ jsx(CheckCircleOutlineIcon, {
-								disabled,
-								sentiment: "success",
-								size: "small"
-							}) : null,
-							error ? /* @__PURE__ */ jsx(AlertCircleIcon, {
-								disabled,
-								sentiment: "danger",
-								size: "small"
-							}) : null
-						]
-					})
-				}),
-				/* @__PURE__ */ jsx(Description, {
-					helper,
-					error,
-					success,
-					size,
-					disabled,
-					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
-				})
-			]
-		});
-	});
-});
-
-//#endregion
-init_PhoneInput();
-export { PhoneInput };