@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/Data Entry/ToggleGroup/SingleToggle.js

@@ -0,0 +1,40 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Toggle, init_Toggle } from "../Toggle/index.js";
+import { ToggleGroupContext, init_Context } from "./Context.js";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/ToggleGroup/SingleToggle.tsx
+var ToggleGroupToggle;
+function init_SingleToggle() {
+	return (init_SingleToggle = __esmMin(() => {
+		init_Toggle();
+		init_Context();
+		ToggleGroupToggle = ({ disabled, name, value, label, helper, error, className, "data-testid": dataTestId, style }) => {
+			const context = useContext(ToggleGroupContext);
+			if (!context) throw new Error("ToggleGroup.Toggle can only be used inside a ToggleGroup");
+			const { groupName, onChange, groupValues, error: contextError } = context;
+			const ToggleName = `${groupName}.${name}`;
+			const ToggleValue = value.toString();
+			return /* @__PURE__ */ jsx(Toggle, {
+				checked: groupValues === null || groupValues === void 0 ? void 0 : groupValues.includes(ToggleValue),
+				className,
+				"data-testid": dataTestId,
+				disabled,
+				error: error || contextError,
+				helper,
+				label,
+				name: ToggleName,
+				onChange,
+				style,
+				value: ToggleValue
+			});
+		};
+		ToggleGroupToggle.displayName = "ToggleGroup.Toggle";
+	}))();
+}
+
+//#endregion
+init_SingleToggle();
+export { ToggleGroupToggle, init_SingleToggle };

package/dist/components/Data Entry/ToggleGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/ToggleGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,GAC5E,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,kBAAkB,CAAC,CAAA;AAExF,QAAA,MAAM,oBAAoB;8KAevB,gBAAgB;;CAiDlB,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,oBAAoB,GAAG;IACjE,MAAM,EAAE,OAAO,iBAAiB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,6BAExB,CAAA"}

package/dist/components/Data Entry/ToggleGroup/index.js

@@ -0,0 +1,85 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { hasHelperText, init_hasHelperText } from "../../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../../Typography/Description/index.js";
+import { Label, init_Label } from "../../Typography/Label/index.js";
+import { init_styles_css, toggleGroupStyle } from "./styles.css.js";
+import { ToggleGroupContext, init_Context } from "./Context.js";
+import { ToggleGroupToggle, init_SingleToggle } from "./SingleToggle.js";
+import { useId, useMemo } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/ToggleGroup/index.tsx
+var ToggleGroupComponent, ToggleGroup;
+function init_ToggleGroup() {
+	return (init_ToggleGroup = __esmMin(() => {
+		init_hasHelperText();
+		init_Stack();
+		init_Description();
+		init_Label();
+		init_Text();
+		init_Context();
+		init_SingleToggle();
+		init_styles_css();
+		ToggleGroupComponent = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, style, "aria-describedby": ariaDescribedBy }) => {
+			const contextValue = useMemo(() => ({
+				error: !!error,
+				groupName: name,
+				groupValues: value !== null && value !== void 0 ? value : [],
+				onChange
+			}), [
+				name,
+				value,
+				onChange,
+				error
+			]);
+			const helperId = useId();
+			return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+				value: contextValue,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: 1,
+					children: [/* @__PURE__ */ jsx("fieldset", {
+						className: cn(className, toggleGroupStyle.fieldset),
+						style,
+						"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+						children: /* @__PURE__ */ jsxs(Stack, {
+							gap: 1.5,
+							children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
+								gap: .5,
+								children: [legend ? /* @__PURE__ */ jsx(Label, {
+									as: "legend",
+									labelDescription: legendDescription,
+									required,
+									children: legend
+								}) : null, description ? /* @__PURE__ */ jsx(Text, {
+									as: typeof description === "string" ? "p" : "div",
+									prominence: "weak",
+									sentiment: "neutral",
+									variant: "bodySmall",
+									children: description
+								}) : null]
+							}) : null, /* @__PURE__ */ jsx(Stack, {
+								direction,
+								gap: 2,
+								children
+							})]
+						})
+					}), /* @__PURE__ */ jsx(Description, {
+						helper,
+						error,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})]
+				})
+			});
+		};
+		ToggleGroup = Object.assign(ToggleGroupComponent, { Toggle: ToggleGroupToggle });
+		ToggleGroupComponent.displayName = "ToggleGroup";
+	}))();
+}
+
+//#endregion
+init_ToggleGroup();
+export { ToggleGroup, init_ToggleGroup };

package/dist/components/Data Entry/ToggleGroup/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/ToggleGroup/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB;;CAAe,CAAA"}

package/dist/components/Data Entry/ToggleGroup/styles.css.js

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

package/dist/components/Data Entry/ToggleGroup/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/ToggleGroup/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/Data Entry/UnitInput/index.d.ts

@@ -0,0 +1,36 @@
+import type { ComponentProps, CSSProperties, InputHTMLAttributes, ReactNode } from 'react';
+import type { BaseFormComponentProps } from '../../../types';
+import { Row } from '../../Layout/Row';
+import { SelectInput } from '../SelectInput';
+import type { OptionType } from '../SelectInput/types';
+type UnitInputValue = {
+    inputValue: number;
+    unit: string;
+};
+type UnitInputProps = BaseFormComponentProps<HTMLInputElement> & {
+    max?: number;
+    min?: number;
+    value?: UnitInputValue['inputValue'];
+    unitValue?: UnitInputValue['unit'];
+    onChange?: (value: UnitInputValue['inputValue']) => void;
+    onChangeUnitValue?: (values: string) => void;
+    options: OptionType[];
+    selectInputWidth?: number | string;
+    size?: 'small' | 'medium' | 'large';
+    unitError?: string;
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
+    placeholderUnit?: string;
+    error?: boolean | string;
+    success?: boolean | string;
+    labelInformation?: ReactNode;
+    step?: number | string;
+    dropdownAlign?: ComponentProps<typeof SelectInput>['dropdownAlign'];
+    templateColumns?: ComponentProps<typeof Row>['templateColumns'];
+} & Pick<InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'readOnly'>;
+export declare function UnitInput({ id, name, max, min, autoFocus, size, placeholder, placeholderUnit, onChange, onChangeUnitValue, value, unitValue, selectInputWidth, disabled, options, className, label, step, error, required, helper, unitError, success, 'data-testid': dataTestId, width, maxWidth, labelInformation, readOnly, onFocus, onBlur, onKeyDown, dropdownAlign, templateColumns, style, 'aria-describedby': ariaDescribedBy, }: UnitInputProps): import("react").JSX.Element;
+export declare namespace UnitInput {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Data Entry/UnitInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/UnitInput/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAItC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGtD,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1D,KAAK,cAAc,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,GAAG;IAC/D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;IACxD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,eAAe,CAAC,CAAA;IACnE,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAA;CAChE,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,aAAa,GAAG,UAAU,CAAC,CAAA;kCAEjD,EACxB,EAAE,EACF,IAAS,EACT,GAA6B,EAC7B,GAAO,EACP,SAAiB,EACjB,IAAc,EACd,WAAiB,EACjB,eAA+B,EAC/B,QAAQ,EACR,iBAAiB,EACjB,KAAK,EACL,SAAS,EACT,gBAA4B,EAC5B,QAAgB,EAChB,OAAO,EACP,SAAS,EACT,KAAK,EACL,IAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,aAAa,EACb,eAAe,EACf,KAAK,EACL,kBAAkB,EAAE,eAAe,GACpC,EAAE,cAAc"}

package/dist/components/Data Entry/UnitInput/index.js

@@ -0,0 +1,146 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { hasHelperText, init_hasHelperText } from "../../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../../Typography/Description/index.js";
+import { Label, init_Label } from "../../Typography/Label/index.js";
+import { Row, init_Row } from "../../Layout/Row/index.js";
+import { init_styles_css, unitInputStyle, widthSelectInput } from "./styles.css.js";
+import { SelectInput, init_SelectInput } from "../SelectInput/index.js";
+import { useEffect, useId, useMemo, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
+
+//#region src/components/Data Entry/UnitInput/index.tsx
+var UnitInput;
+function init_UnitInput() {
+	return (init_UnitInput = __esmMin(() => {
+		init_hasHelperText();
+		init_Row();
+		init_Stack();
+		init_Description();
+		init_Label();
+		init_SelectInput();
+		init_styles_css();
+		UnitInput = ({ id, name = "", max = Number.MAX_SAFE_INTEGER, min = 0, autoFocus = false, size = "large", placeholder = "0", placeholderUnit = "Select item", onChange, onChangeUnitValue, value, unitValue, selectInputWidth = "12.6rem", disabled = false, options, className, label, step = 1, error, required, helper, unitError, success, "data-testid": dataTestId, width, maxWidth, labelInformation, readOnly, onFocus, onBlur, onKeyDown, dropdownAlign, templateColumns, style, "aria-describedby": ariaDescribedBy }) => {
+			const [val, setVal] = useState(value);
+			const uniqueId = useId();
+			const helperId = useId();
+			const localId = id !== null && id !== void 0 ? id : uniqueId;
+			const computedState = useMemo(() => {
+				if (disabled) return "disabled";
+				if (readOnly) return "readOnly";
+				if (error) return "error";
+				if (success) return "success";
+				return "default";
+			}, [
+				disabled,
+				readOnly,
+				success,
+				error
+			]);
+			useEffect(() => {
+				if (value !== void 0) setVal(value);
+			}, [value]);
+			return /* @__PURE__ */ jsxs(Stack, {
+				gap: .5,
+				maxWidth,
+				onBlur,
+				onFocus,
+				onKeyDown,
+				width,
+				children: [
+					label || labelInformation ? /* @__PURE__ */ jsx(Label, {
+						htmlFor: localId,
+						labelDescription: labelInformation,
+						required,
+						size,
+						children: label
+					}) : null,
+					/* @__PURE__ */ jsxs(Row, {
+						className: cn(unitInputStyle.size[size], unitInputStyle.state[computedState]),
+						"data-disabled": !!disabled,
+						"data-testid": dataTestId,
+						templateColumns: templateColumns !== null && templateColumns !== void 0 ? templateColumns : "1fr auto",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: unitInputStyle.numberWrapper,
+							id: "input-field",
+							children: [
+								/* @__PURE__ */ jsx("input", {
+									"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error, success) ? helperId : void 0),
+									"aria-invalid": !!error,
+									autoFocus,
+									className: cn(className, unitInputStyle.number[size]),
+									"data-testid": "unit-input",
+									disabled,
+									id: localId,
+									max,
+									min,
+									name: `${name}-value`,
+									onChange: (event) => {
+										const numericValue = Number.parseInt(event.target.value, 10);
+										if (numericValue > max) {
+											setVal(max);
+											onChange === null || onChange === void 0 || onChange(max);
+										} else if (numericValue < min) {
+											setVal(min);
+											onChange === null || onChange === void 0 || onChange(min);
+										} else {
+											setVal(numericValue);
+											onChange === null || onChange === void 0 || onChange(numericValue);
+										}
+									},
+									placeholder,
+									readOnly,
+									required,
+									step,
+									style,
+									type: "number",
+									value: val
+								}),
+								error ? /* @__PURE__ */ jsx(AlertCircleIcon, { sentiment: "danger" }) : null,
+								success && !error ? /* @__PURE__ */ jsx(CheckCircleIcon, { sentiment: "success" }) : null
+							]
+						}), /* @__PURE__ */ jsx(SelectInput, {
+							"aria-describedby": !ariaDescribedBy && hasHelperText(helper, error) ? helperId : ariaDescribedBy,
+							className: cn(unitInputStyle.unit, unitInputStyle.unitWidth),
+							clearable: false,
+							"data-disabled": disabled,
+							disabled,
+							dropdownAlign,
+							error: unitError,
+							id: "unit",
+							multiselect: false,
+							name: `${name}-unit`,
+							onChange: (newValue) => {
+								onChangeUnitValue === null || onChangeUnitValue === void 0 || onChangeUnitValue(newValue);
+							},
+							options,
+							placeholder: placeholderUnit,
+							readOnly,
+							searchable: false,
+							size,
+							style: assignInlineVars({ [widthSelectInput]: selectInputWidth.toString() }),
+							value: unitValue
+						})]
+					}),
+					/* @__PURE__ */ jsx(Description, {
+						helper,
+						error,
+						success,
+						disabled,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})
+				]
+			});
+		};
+		UnitInput.displayName = "UnitInput";
+	}))();
+}
+
+//#endregion
+init_UnitInput();
+export { UnitInput, init_UnitInput };

package/dist/components/Data Entry/UnitInput/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/UnitInput/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,oBAAc,CAAA;AA6K3C,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAA"}

package/dist/components/Data Entry/UnitInput/styles.css.js

@@ -0,0 +1,37 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Entry/UnitInput/styles.css.ts
+var widthSelectInput, unitInputStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		widthSelectInput = "var(--uv_bjgo2p0)";
+		unitInputStyle = {
+			number: {
+				large: "uv_bjgo2p2 uv_bjgo2p1",
+				medium: "uv_bjgo2p3 uv_bjgo2p1",
+				small: "uv_bjgo2p4 uv_bjgo2p1"
+			},
+			state: {
+				"default": "uv_bjgo2p6 uv_bjgo2p5",
+				disabled: "uv_bjgo2p7 uv_bjgo2p5",
+				error: "uv_bjgo2p8 uv_bjgo2p5",
+				readOnly: "uv_bjgo2p9 uv_bjgo2p5",
+				success: "uv_bjgo2pa uv_bjgo2p5"
+			},
+			numberWrapper: "uv_bjgo2pb",
+			size: {
+				large: "uv_bjgo2pc",
+				medium: "uv_bjgo2pd",
+				small: "uv_bjgo2pe"
+			},
+			unitWidth: "uv_bjgo2pf",
+			unit: "uv_bjgo2pg"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, unitInputStyle, widthSelectInput };

package/dist/components/Data Entry/UnitInput/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/UnitInput/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/Data Entry/VerificationCode/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/VerificationCode/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;aACtB,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;CACL,CAAA;AAEV,eAAO,MAAM,UAAU;aACrB,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;CACL,CAAA;AAEV,eAAO,MAAM,qBAAqB,iDAAQ,CAAA"}

package/dist/components/Data Entry/VerificationCode/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/VerificationCode/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,aAAa,EAGb,SAAS,EACV,MAAM,OAAO,CAAA;AAUd,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;yCAKgC,EAC/B,QAAgB,EAChB,SAAS,EACT,KAAa,EACb,MAAU,EACV,YAAiB,EACjB,OAAO,EACP,IAAc,EACd,QAA8B,EAC9B,UAAgC,EAChC,WAAgB,EAChB,QAAgB,EAChB,IAAe,EACf,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAA+B,EAC7C,KAAK,EACL,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,KAAK,EACL,kBAAkB,EAAE,eAAe,GACpC,EAAE,qBAAqB"}

package/dist/components/Data Entry/VerificationCode/index.js

@@ -0,0 +1,162 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { hasHelperText, init_hasHelperText } from "../../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../../Typography/Description/index.js";
+import { Label, init_Label } from "../../Typography/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/Data Entry/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/Data Entry/VerificationCode/styles.css.d.ts.map

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

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

@@ -0,0 +1,24 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Entry/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_1m876pf0",
+				medium: "uv_1m876pf1",
+				small: "uv_1m876pf2",
+				xlarge: "uv_1m876pf3"
+			},
+			input: "uv_1m876pf4",
+			filedSetClass: "uv_1m876pf5"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, verificationCodeStyle };

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

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/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/Feedback/Alert/index.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
+import { Button } from '../../Action/Button';
+import type { AlertSentiment } from './type';
+type AlertProps = {
+    children: ReactNode;
+    /**
+     * Add a title at the top of your alert.
+     */
+    title?: string;
+    sentiment?: AlertSentiment;
+    buttonText?: ComponentProps<typeof Button>['children'];
+    onClickButton?: () => void;
+    onClose?: () => void;
+    closable?: boolean;
+    className?: string;
+    'data-testid'?: string;
+    /**
+     * Disabled the alert button.
+     */
+    disabled?: boolean;
+    style?: CSSProperties;
+    size?: 'medium' | 'small';
+};
+export declare function Alert({ children, title, sentiment, buttonText, onClickButton, closable, onClose, className, disabled, 'data-testid': dataTestId, size, style, }: AlertProps): import("react").JSX.Element | null;
+export declare namespace Alert {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Feedback/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Alert/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAG5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAW5C,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC1B,CAAA;8BAKqB,EACpB,QAAQ,EACR,KAAK,EACL,SAAoB,EACpB,UAAU,EACV,aAAa,EACb,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,EACzB,IAAe,EACf,KAAK,GACN,EAAE,UAAU"}