@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/VerificationCode/index.js

@@ -1,162 +0,0 @@
-'use client';
-import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.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, verificationCodeStyle } from "./styles.css.js";
-import { createRef, useId, useState } from "react";
-import { cn } from "@ultraviolet/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/VerificationCode/index.tsx
-var DEFAULT_ON_FUNCTION, inputOnFocus, VerificationCode;
-function init_VerificationCode() {
-	return (init_VerificationCode = __esmMin(() => {
-		init_hasHelperText();
-		init_Description();
-		init_Label();
-		init_styles_css();
-		DEFAULT_ON_FUNCTION = () => {};
-		inputOnFocus = (event) => event.target.select();
-		VerificationCode = ({ disabled = false, className, error = false, fields = 4, initialValue = "", inputId, size = "large", onChange = DEFAULT_ON_FUNCTION, onComplete = DEFAULT_ON_FUNCTION, placeholder = "", required = false, type = "number", "data-testid": dataTestId, "aria-label": ariaLabel = "Verification code", label, labelDescription, helper, success, style, "aria-describedby": ariaDescribedBy }) => {
-			const uniqueId = useId();
-			const id = inputId !== null && inputId !== void 0 ? inputId : uniqueId;
-			const helperId = useId();
-			const valuesArray = Object.assign(new Array(fields).fill(""), [...initialValue.substring(0, fields)]);
-			const [values, setValues] = useState(valuesArray);
-			const inputRefs = Array.from({ length: fields }, () => createRef());
-			const triggerChange = (inputValues) => {
-				const stringValue = inputValues.join("");
-				if (onChange) onChange(stringValue);
-				if (onComplete && stringValue.length >= fields) onComplete(stringValue);
-			};
-			const inputOnChange = (index) => (event) => {
-				var _next$current;
-				let { value } = event.target;
-				if (type === "number") value = event.target.value.replace(/[^\d]/giu, "");
-				const newValues = [...values];
-				if (value === "" || type === "number" && !new RegExp(event.target.pattern, "u").test(value)) {
-					newValues[index] = "";
-					setValues(newValues);
-					return;
-				}
-				const sanitizedValue = value[0];
-				newValues[index] = sanitizedValue !== null && sanitizedValue !== void 0 ? sanitizedValue : "";
-				setValues(newValues);
-				const nextIndex = Math.min(index + 1, fields - 1);
-				const next = inputRefs[nextIndex];
-				next === null || next === void 0 || (_next$current = next.current) === null || _next$current === void 0 || _next$current.focus();
-				triggerChange(newValues);
-			};
-			const inputOnKeyDown = (index) => (event) => {
-				const prevIndex = index - 1;
-				const nextIndex = index + 1;
-				const last = inputRefs.at(-1);
-				const prev = inputRefs[prevIndex];
-				const next = inputRefs[nextIndex];
-				const vals = [...values];
-				switch (event.key) {
-					case "Backspace":
-						event.preventDefault();
-						if (values[index]) {
-							vals[index] = "";
-							setValues(vals);
-							triggerChange(vals);
-						} else if (prev) {
-							var _prev$current;
-							vals[prevIndex] = "";
-							prev === null || prev === void 0 || (_prev$current = prev.current) === null || _prev$current === void 0 || _prev$current.focus();
-							setValues(vals);
-							triggerChange(vals);
-						}
-						break;
-					case "ArrowLeft":
-						var _prev$current2;
-						event.preventDefault();
-						prev === null || prev === void 0 || (_prev$current2 = prev.current) === null || _prev$current2 === void 0 || _prev$current2.focus();
-						break;
-					case "ArrowRight":
-						var _next$current2;
-						event.preventDefault();
-						next === null || next === void 0 || (_next$current2 = next.current) === null || _next$current2 === void 0 || _next$current2.focus();
-						break;
-					case "ArrowUp":
-						var _inputRefs$;
-						event.preventDefault();
-						(_inputRefs$ = inputRefs[0]) === null || _inputRefs$ === void 0 || (_inputRefs$ = _inputRefs$.current) === null || _inputRefs$ === void 0 || _inputRefs$.focus();
-						break;
-					case "ArrowDown":
-						var _last$current;
-						event.preventDefault();
-						last === null || last === void 0 || (_last$current = last.current) === null || _last$current === void 0 || _last$current.focus();
-				}
-			};
-			const inputOnPaste = (currentIndex) => (event) => {
-				var _next$current3;
-				event.preventDefault();
-				const pastedValue = [...event.clipboardData.getData("Text")].map((copiedValue) => type === "number" ? copiedValue.replace(/[^\d]/giu, "") : copiedValue);
-				pastedValue.splice(fields - currentIndex < pastedValue.length ? fields - currentIndex : pastedValue.length);
-				setValues((vals) => {
-					const newArray = structuredClone(vals);
-					newArray.splice(currentIndex, pastedValue.length, ...pastedValue);
-					return newArray;
-				});
-				const nextIndex = Math.min(currentIndex + pastedValue.filter((item) => item !== "").length, inputRefs.length - 1);
-				const next = inputRefs[nextIndex];
-				next === null || next === void 0 || (_next$current3 = next.current) === null || _next$current3 === void 0 || _next$current3.focus();
-				triggerChange(pastedValue);
-			};
-			return /* @__PURE__ */ jsxs("fieldset", {
-				className: cn(className, verificationCodeStyle.filedSetClass),
-				"data-testid": dataTestId,
-				style,
-				children: [
-					label || labelDescription ? /* @__PURE__ */ jsx(Label, {
-						htmlFor: `${id}-0`,
-						id: `${id}-label`,
-						labelDescription,
-						required,
-						size: size === "xlarge" ? "large" : size,
-						children: label
-					}) : null,
-					/* @__PURE__ */ jsx("div", { children: values.map((value, index) => {
-						var _placeholder$index;
-						return /* @__PURE__ */ jsx("input", {
-							"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? helperId : void 0),
-							"aria-invalid": !!error,
-							"aria-label": `${ariaLabel} ${index}`,
-							autoComplete: "off",
-							className: cn(verificationCodeStyle.inputSizes[size], verificationCodeStyle.input),
-							"data-success": !!success,
-							"data-testid": index,
-							disabled,
-							id: `${id}-${index}`,
-							onChange: inputOnChange(index),
-							onFocus: inputOnFocus,
-							onKeyDown: inputOnKeyDown(index),
-							onPaste: inputOnPaste(index),
-							pattern: type === "number" ? "[0-9]*" : void 0,
-							placeholder: (_placeholder$index = placeholder === null || placeholder === void 0 ? void 0 : placeholder[index]) !== null && _placeholder$index !== void 0 ? _placeholder$index : "",
-							ref: inputRefs[index],
-							required,
-							type: type === "number" ? "tel" : type,
-							value
-						}, `field-${index}`);
-					}) }),
-					/* @__PURE__ */ jsx(Description, {
-						error,
-						success,
-						helper,
-						disabled,
-						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
-					})
-				]
-			});
-		};
-		VerificationCode.displayName = "VerificationCode";
-	}))();
-}
-
-//#endregion
-init_VerificationCode();
-export { VerificationCode, init_VerificationCode };

package/dist/components/VerificationCode/styles.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/VerificationCode/styles.css.ts"],"names":[],"mappings":"AAsFA,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAA"}

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

@@ -1,24 +0,0 @@
-import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
-
-//#region src/components/VerificationCode/styles.css.ts
-var verificationCodeStyle;
-function init_styles_css() {
-	return (init_styles_css = __esmMin(() => {
-		/* @__PURE__ */ init_styles_css_ts_vanilla();
-		verificationCodeStyle = {
-			inputSizes: {
-				large: "uv_1k9synd0",
-				medium: "uv_1k9synd1",
-				small: "uv_1k9synd2",
-				xlarge: "uv_1k9synd3"
-			},
-			input: "uv_1k9synd4",
-			filedSetClass: "uv_1k9synd5"
-		};
-	}))();
-}
-
-//#endregion
-init_styles_css();
-export { init_styles_css, verificationCodeStyle };

package/dist/components/VerificationCode/styles.css.ts.vanilla.js

@@ -1,10 +0,0 @@
-import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-
-//#region src/components/VerificationCode/styles.css.ts.vanilla.css
-function init_styles_css_ts_vanilla() {
-	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
-}
-
-//#endregion
-init_styles_css_ts_vanilla();
-export { init_styles_css_ts_vanilla };

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAgB,MAAM,OAAO,CAAA;AAItE,KAAK,mBAAmB,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI;IACzD;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;AAEjC,eAAO,MAAM,cAAc,+HAe1B,CAAA"}

package/dist/components/VisuallyHidden/index.js

@@ -1,31 +0,0 @@
-'use client';
-import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
-import { init_styles_css, visuallyHiddenStyle } from "./styles.css.js";
-import { createElement, forwardRef } from "react";
-import { cn } from "@ultraviolet/utils";
-
-//#region src/components/VisuallyHidden/index.tsx
-var _excluded, VisuallyHidden;
-function init_VisuallyHidden() {
-	return (init_VisuallyHidden = __esmMin(() => {
-		init_styles_css();
-		init_objectWithoutProperties();
-		init_objectSpread2();
-		_excluded = [
-			"children",
-			"className",
-			"as"
-		];
-		VisuallyHidden = forwardRef((_ref, ref) => {
-			let { children, className, as = "span" } = _ref, props = _objectWithoutProperties(_ref, _excluded);
-			return createElement(as, _objectSpread2(_objectSpread2({ className: cn(className, visuallyHiddenStyle.visuallyHidden) }, props), {}, { ref }), children);
-		});
-		VisuallyHidden.displayName = "VisuallyHidden";
-	}))();
-}
-
-//#endregion
-init_VisuallyHidden();
-export { VisuallyHidden, init_VisuallyHidden };

package/dist/components/VisuallyHidden/styles.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/styles.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,mBAAmB;;CAAqB,CAAA"}

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

@@ -1,15 +0,0 @@
-import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
-
-//#region src/components/VisuallyHidden/styles.css.ts
-var visuallyHiddenStyle;
-function init_styles_css() {
-	return (init_styles_css = __esmMin(() => {
-		/* @__PURE__ */ init_styles_css_ts_vanilla();
-		visuallyHiddenStyle = { visuallyHidden: "uv_u0p5n50" };
-	}))();
-}
-
-//#endregion
-init_styles_css();
-export { init_styles_css, visuallyHiddenStyle };

package/dist/components/VisuallyHidden/styles.css.ts.vanilla.js

@@ -1,10 +0,0 @@
-import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-
-//#region src/components/VisuallyHidden/styles.css.ts.vanilla.css
-function init_styles_css_ts_vanilla() {
-	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
-}
-
-//#endregion
-init_styles_css_ts_vanilla();
-export { init_styles_css_ts_vanilla };