@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/Data Entry/TimeInput/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/TimeInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAI5C,eAAO,MAAM,QAAQ,QAAS,MAAM,YAA0B,CAAA;AAC9D,eAAO,MAAM,MAAM,QAAS,MAAM,YAAuC,CAAA;AAQzE,eAAO,MAAM,cAAc,eAAgB,MAAM,SAAS,MAAM,YAS/D,CAAA;AAED,eAAO,MAAM,SAAS,aAAc,MAAM,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,MAAM,cAAc,EAAE,GAAG,EAAE,YAG9E,CAAA;AAEhC,eAAO,MAAM,gBAAgB,UAAW,MAAM,aAAa,MAAM,WAgBhE,CAAA;AAED,eAAO,MAAM,cAAc,SAAU,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,IAAI,GAAG,IAAI,WAYnF,CAAA;AAED,eAAO,MAAM,cAAc,SAAU,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,GAAG,SAAS,SAAS,MAAM,uBASrG,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,MAAM,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,EAAE,WAO1F,CAAA"}

package/dist/components/Data Entry/TimeInput/helpers.js

@@ -0,0 +1,52 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/TimeInput/helpers.ts
+var regexNumber, isNumber, isAOrP, isValidNewHour, isCompleteHour, canConcat, getLastTypedChar, getValueByType, setValueByType, format;
+function init_helpers() {
+	return (init_helpers = __esmMin(() => {
+		regexNumber = /^\d+$/u;
+		isNumber = (key) => regexNumber.test(key);
+		isAOrP = (key) => [
+			"a",
+			"A",
+			"p",
+			"P"
+		].includes(key);
+		isValidNewHour = (old, key, timeFormat) => {
+			const newValue = old * 10 + key;
+			return timeFormat === 24 && newValue < 24 || timeFormat === 12 && newValue < 13;
+		};
+		isCompleteHour = (timeFormat, value) => {
+			if (timeFormat === 12 && value > 1) return true;
+			if (timeFormat === 24 && value > 2) return true;
+			return false;
+		};
+		canConcat = (oldValue, type, key, timeFormat) => type === "h" && isValidNewHour(oldValue, key, timeFormat) || type !== "h" && oldValue < 6 || type !== "h" && oldValue < 6;
+		getLastTypedChar = (value, oldValue) => {
+			if (!oldValue) return value;
+			const oldValueString = oldValue.toString();
+			const valueCorrected = value.startsWith("0") ? value.slice(1) : value;
+			for (let i = 0; i < valueCorrected.length; i += 1) if (oldValueString[i] !== valueCorrected[i]) return valueCorrected[i];
+			return "";
+		};
+		getValueByType = (type, value) => {
+			if (!value) return 0;
+			if (type === "h") return value.getHours();
+			if (type === "m") return value.getMinutes();
+			return value.getSeconds();
+		};
+		setValueByType = (type, date, value) => {
+			if (type === "h") return date === null || date === void 0 ? void 0 : date.setHours(value);
+			if (type === "m") return date === null || date === void 0 ? void 0 : date.setMinutes(value);
+			return date === null || date === void 0 ? void 0 : date.setSeconds(value);
+		};
+		format = (value, type, timeFormat) => {
+			if (type === "h" && timeFormat === 12) return (value % 12 === 0 ? 12 : value % 12).toString().padStart(2, "0");
+			return value.toString().padStart(2, "0");
+		};
+	}))();
+}
+
+//#endregion
+init_helpers();
+export { canConcat, format, getLastTypedChar, getValueByType, init_helpers, isAOrP, isCompleteHour, isNumber, setValueByType };

package/dist/components/Data Entry/TimeInput/index.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+import type { BaseFormComponentProps } from '../../../types';
+export type Time = {
+    h: string;
+    m: string;
+    s: string;
+    period?: string;
+};
+type TimeInputProps = BaseFormComponentProps<HTMLInputElement> & {
+    placeholder?: Time;
+    readOnly?: boolean;
+    value?: Date | null;
+    clearable?: boolean;
+    labelDescription?: ReactNode;
+    error?: boolean | string;
+    onChange?: (value: Date | undefined, valuePeriod?: string) => void;
+    size?: 'small' | 'medium' | 'large';
+    timeFormat?: 12 | 24;
+    'aria-describedby'?: string;
+};
+export declare function TimeInput({ label, timeFormat, value, clearable, required, labelDescription, helper, size, disabled, readOnly, error, onChange, onBlur, onFocus, className, id, autoFocus, style, 'data-testid': dataTestId, placeholder, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, }: TimeInputProps): import("react").JSX.Element;
+export declare namespace TimeInput {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/TimeInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAmB5D,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,cAAc,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,GAAG;IAC/D,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;kCAMyB,EACxB,KAAK,EACL,UAAe,EACf,KAAK,EACL,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,IAAc,EACd,QAAgB,EAChB,QAAgB,EAChB,KAAa,EACb,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,EAAE,EACF,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,WAAiC,EACjC,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,GACpC,EAAE,cAAc"}

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

@@ -0,0 +1,319 @@
+'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 { 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, timeInputStyle } from "./styles.css.js";
+import { DEFAULT_DATE, DEFAULT_PLACEHOLDER, TIME_KEYS, init_constants } from "./constants.js";
+import { canConcat, format, getLastTypedChar, getValueByType, init_helpers, isAOrP, isCompleteHour, isNumber, setValueByType } from "./helpers.js";
+import { RightIcon, init_RightIcon } from "./RightIcon.js";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/TimeInput/index.tsx
+var TimeInput;
+function init_TimeInput() {
+	return (init_TimeInput = __esmMin(() => {
+		init_hasHelperText();
+		init_Stack();
+		init_Description();
+		init_Label();
+		init_Text();
+		init_constants();
+		init_helpers();
+		init_RightIcon();
+		init_styles_css();
+		init_objectSpread2();
+		TimeInput = ({ label, timeFormat = 24, value, clearable, required, labelDescription, helper, size = "large", disabled = false, readOnly = false, error = false, onChange, onBlur, onFocus, className, id, autoFocus, style, "data-testid": dataTestId, placeholder = DEFAULT_PLACEHOLDER, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy }) => {
+			var _placeholder$period;
+			const localId = useId();
+			const helperId = useId();
+			const defaultPeriod = useMemo(() => {
+				if (value) return value.getHours() >= 12 ? "pm" : "am";
+			}, [value]);
+			const [time, setTime] = useState(value);
+			const [period, setPeriod] = useState(defaultPeriod);
+			const [filled, setFilled] = useState(value ? {
+				h: true,
+				m: true,
+				s: true
+			} : {
+				h: false,
+				m: false,
+				s: false
+			});
+			const refHours = useRef(null);
+			const refSeconds = useRef(null);
+			const refMinutes = useRef(null);
+			const refPeriod = useRef(null);
+			useEffect(() => {
+				if (value) {
+					setTime(value);
+					if (value.getTime() !== (time === null || time === void 0 ? void 0 : time.getTime())) setFilled({
+						h: true,
+						m: true,
+						s: true
+					});
+				}
+			}, [value]);
+			const handleChangePeriod = (key) => {
+				if (!time) setPeriod(`${key}m`);
+				else if (key.toLowerCase() === "a") {
+					if (time.getHours() >= 12) {
+						const newTime = new Date(time);
+						newTime.setHours(newTime.getHours() - 12);
+						setTime(newTime);
+						onChange === null || onChange === void 0 || onChange(newTime);
+					}
+					setPeriod("am");
+				} else {
+					if (time.getHours() < 12) {
+						const newTime = new Date(time);
+						newTime.setHours(newTime.getHours() + 12);
+						setTime(newTime);
+						onChange === null || onChange === void 0 || onChange(newTime);
+					}
+					setPeriod("pm");
+				}
+			};
+			const handleChange = (type, key) => {
+				const newTime = time ? new Date(time) : DEFAULT_DATE;
+				const valueToChange = getValueByType(type, time);
+				if (canConcat(valueToChange, type, key, timeFormat)) {
+					const newValue = valueToChange % 10 * 10 + key;
+					setValueByType(type, newTime, newValue);
+				} else setValueByType(type, newTime, key);
+				const newValue = getValueByType(type, newTime);
+				if (type === "s" && newTime && newValue >= 7 && timeFormat === 12) {
+					var _refPeriod$current;
+					(_refPeriod$current = refPeriod.current) === null || _refPeriod$current === void 0 || _refPeriod$current.focus();
+				} else if (type === "m" && newTime && newValue >= 6) {
+					var _refSeconds$current;
+					(_refSeconds$current = refSeconds.current) === null || _refSeconds$current === void 0 || _refSeconds$current.focus();
+				}
+				if (type === "h" && isCompleteHour(timeFormat, newValue)) {
+					var _refMinutes$current;
+					(_refMinutes$current = refMinutes.current) === null || _refMinutes$current === void 0 || _refMinutes$current.focus();
+				}
+				const newFilled = _objectSpread2(_objectSpread2({}, filled), {}, { [type]: true });
+				setTime(newTime);
+				onChange === null || onChange === void 0 || onChange(newTime);
+				setFilled(newFilled);
+			};
+			const handleIncrease = (type) => {
+				const newTime = time ? new Date(time) : DEFAULT_DATE;
+				const currentValue = getValueByType(type, newTime);
+				if (type === "h" && timeFormat === 24) setValueByType(type, newTime, currentValue === 23 ? 0 : currentValue + 1);
+				else if (type === "h" && timeFormat === 12) setValueByType(type, newTime, currentValue === 12 ? 1 : currentValue + 1);
+				else setValueByType(type, newTime, currentValue === 59 ? 0 : currentValue + 1);
+				const newFilled = _objectSpread2(_objectSpread2({}, filled), {}, { [type]: true });
+				setTime(newTime);
+				onChange === null || onChange === void 0 || onChange(newTime);
+				setFilled(newFilled);
+			};
+			const handleDecrease = (type) => {
+				const newTime = time ? new Date(time) : DEFAULT_DATE;
+				const currentValue = getValueByType(type, newTime);
+				if (type === "h" && timeFormat === 24) setValueByType(type, newTime, currentValue === 0 ? 23 : currentValue - 1);
+				else if (type === "h" && timeFormat === 12) setValueByType(type, newTime, currentValue === 1 ? 12 : currentValue - 1);
+				else setValueByType(type, newTime, currentValue === 0 ? 59 : currentValue - 1);
+				const newFilled = _objectSpread2(_objectSpread2({}, filled), {}, { [type]: true });
+				setTime(newTime);
+				onChange === null || onChange === void 0 || onChange(newTime);
+				setFilled(newFilled);
+			};
+			const handleNext = (type) => {
+				if (type === "h") {
+					var _refMinutes$current2;
+					(_refMinutes$current2 = refMinutes.current) === null || _refMinutes$current2 === void 0 || _refMinutes$current2.focus();
+				}
+				if (type === "m") {
+					var _refSeconds$current2;
+					(_refSeconds$current2 = refSeconds.current) === null || _refSeconds$current2 === void 0 || _refSeconds$current2.focus();
+				}
+				if (type === "s" && timeFormat === 12) {
+					var _refPeriod$current2;
+					(_refPeriod$current2 = refPeriod.current) === null || _refPeriod$current2 === void 0 || _refPeriod$current2.focus();
+				}
+			};
+			const handlePrevious = (type) => {
+				if (type === "m") {
+					var _refHours$current;
+					(_refHours$current = refHours.current) === null || _refHours$current === void 0 || _refHours$current.focus();
+				}
+				if (type === "s") {
+					var _refMinutes$current3;
+					(_refMinutes$current3 = refMinutes.current) === null || _refMinutes$current3 === void 0 || _refMinutes$current3.focus();
+				}
+			};
+			const isEditable = readOnly || disabled;
+			return /* @__PURE__ */ jsxs(Stack, {
+				className,
+				gap: .5,
+				style,
+				children: [
+					label || labelDescription ? /* @__PURE__ */ jsx(Label, {
+						htmlFor: id !== null && id !== void 0 ? id : localId,
+						labelDescription,
+						required,
+						size,
+						children: label
+					}) : null,
+					/* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						"aria-label": ariaLabel,
+						"aria-required": required,
+						className: timeInputStyle.wrapper({
+							disabled,
+							error: !!error,
+							readOnly,
+							size
+						}),
+						"data-testid": dataTestId,
+						direction: "row",
+						id,
+						justifyContent: "space-between",
+						onBlur,
+						onClick: () => {
+							var _refHours$current2;
+							return (_refHours$current2 = refHours.current) === null || _refHours$current2 === void 0 ? void 0 : _refHours$current2.focus();
+						},
+						onFocus,
+						children: [/* @__PURE__ */ jsxs(Stack, {
+							direction: "row",
+							children: [TIME_KEYS.map((type) => {
+								const computedRef = () => {
+									if (type === "h") return refHours;
+									if (type === "m") return refMinutes;
+									return refSeconds;
+								};
+								const fullName = () => {
+									if (type === "h") return "hours";
+									if (type === "m") return "minutes";
+									return "seconds";
+								};
+								const computeMaxValue = () => {
+									if (type === "h" && timeFormat === 12) return 12;
+									if (type === "h" && timeFormat === 24) return 23;
+									return 59;
+								};
+								return /* @__PURE__ */ jsxs(Stack, {
+									direction: "row",
+									children: [/* @__PURE__ */ jsx("input", {
+										"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+										"aria-label": ariaLabel,
+										"aria-valuemax": computeMaxValue(),
+										"aria-valuemin": type === "h" && timeFormat === 12 ? 1 : 0,
+										"aria-valuenow": filled[type] ? Number.parseInt(format(getValueByType(type, time), type, timeFormat), 10) : void 0,
+										autoComplete: "off",
+										autoFocus: autoFocus && type === "h",
+										className: timeInputStyle.timeinput(),
+										"data-size": size,
+										"data-testid": `${fullName()}-input`,
+										disabled,
+										id: id !== null && id !== void 0 ? id : localId,
+										onChange: (event) => {
+											if (!isEditable) {
+												const key = getLastTypedChar(event.target.value, getValueByType(type, time));
+												if (isNumber(key)) handleChange(type, Number.parseInt(key, 10));
+											}
+										},
+										onClick: (event) => {
+											event.stopPropagation();
+										},
+										onKeyDown: (event) => {
+											if (!isEditable) {
+												if (event.key === "ArrowUp") {
+													event.preventDefault();
+													handleIncrease(type);
+												} else if (event.key === "ArrowDown") {
+													event.preventDefault();
+													handleDecrease(type);
+												} else if (event.key === "ArrowLeft") {
+													event.preventDefault();
+													handlePrevious(type);
+												} else if (event.key === "ArrowRight") {
+													event.preventDefault();
+													handleNext(type);
+												}
+											}
+										},
+										placeholder: placeholder[type],
+										readOnly,
+										ref: computedRef(),
+										role: "spinbutton",
+										value: filled[type] ? format(getValueByType(type, time), type, timeFormat) : ""
+									}), type === "s" ? null : /* @__PURE__ */ jsx(Text, {
+										as: "span",
+										className: timeInputStyle.timeSeparator,
+										prominence: "default",
+										sentiment: "neutral",
+										variant: "body",
+										children: ":"
+									})]
+								}, type);
+							}), timeFormat === 12 ? /* @__PURE__ */ jsx("input", {
+								"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+								"aria-label": ariaLabel,
+								"aria-valuemax": 12,
+								"aria-valuemin": 0,
+								"aria-valuenow": period === "am" ? 0 : 12,
+								"aria-valuetext": period,
+								autoComplete: "off",
+								className: timeInputStyle.timeinput({ period: true }),
+								"data-size": size,
+								"data-testid": "am-pm-input",
+								disabled,
+								id: id !== null && id !== void 0 ? id : localId,
+								onChange: (event) => {
+									if (!isEditable) {
+										const key = event.target.value.slice(-1);
+										if (isAOrP(key)) handleChangePeriod(key);
+									}
+								},
+								onClick: (event) => event.stopPropagation(),
+								onKeyDown: (event) => {
+									if (!isEditable) {
+										if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+											event.preventDefault();
+											handleChangePeriod(period === "am" ? "p" : "a");
+										} else if (event.key === "ArrowLeft") {
+											var _refSeconds$current3;
+											event.preventDefault();
+											(_refSeconds$current3 = refSeconds.current) === null || _refSeconds$current3 === void 0 || _refSeconds$current3.focus();
+										}
+									}
+								},
+								placeholder: (_placeholder$period = placeholder.period) !== null && _placeholder$period !== void 0 ? _placeholder$period : "AM",
+								readOnly,
+								ref: refPeriod,
+								role: "spinbutton",
+								value: period === null || period === void 0 ? void 0 : period.toUpperCase()
+							}) : null]
+						}), error || clearable ? /* @__PURE__ */ jsx(RightIcon, {
+							clearable,
+							error: !!error,
+							isEditable,
+							onChange,
+							setTime
+						}) : null]
+					}),
+					/* @__PURE__ */ jsx(Description, {
+						error,
+						helper,
+						disabled,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})
+				]
+			});
+		};
+		TimeInput.displayName = "TimeInput";
+	}))();
+}
+
+//#endregion
+init_TimeInput();
+export { TimeInput, init_TimeInput };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/TimeInput/styles.css.ts"],"names":[],"mappings":"AAyJA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAtGjB,UAAU;wBACR,WAAW;wBACX,SAAS;;oBAEX,gBAAgB;wBACd,WAAW;;oBAEb,SAAS;wBACP,WAAW;;;;;;;;;;;;;;;;wBAgBX,WAAW;;;;;;YAMjB,KAAK;gBACH,MAAM;;YAER,MAAM;gBACJ,MAAM;;YAER,KAAK;gBACH,MAAM;gBACN,WAAW;;;;;;;;;;;;;;;;;CAoElB,CAAA"}

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

@@ -0,0 +1,42 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Data Entry/TimeInput/styles.css.ts
+var timeInputStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		timeInputStyle = {
+			wrapper: createRuntimeFn({
+				defaultClassName: "uv_14v3ouj0",
+				variantClassNames: {
+					disabled: {
+						false: "uv_14v3ouj1",
+						true: "uv_14v3ouj2"
+					},
+					error: { true: "uv_14v3ouj3" },
+					readOnly: { true: "uv_14v3ouj4" },
+					size: {
+						large: "uv_14v3ouj5",
+						medium: "uv_14v3ouj6",
+						small: "uv_14v3ouj7"
+					}
+				},
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			timeinput: createRuntimeFn({
+				defaultClassName: "uv_14v3ouj8",
+				variantClassNames: { period: { true: "uv_14v3ouj9" } },
+				defaultVariants: { period: false },
+				compoundVariants: []
+			}),
+			timeSeparator: "uv_14v3ouja"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, timeInputStyle };

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/Toggle/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAA;AAqChE,eAAO,MAAM,MAAM;cA3BP,OAAO;cACP,MAAM;WACT,OAAO,GAAG,OAAO;oBACR,MAAM,GAAG,OAAO;YACxB,SAAS;mBACF,MAAM;aACZ,SAAS;gBACN,MAAM;YACV,OAAO,GAAG,MAAM;oBACR,MAAM;+PA0HvB,CAAA"}

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

@@ -0,0 +1,102 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/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 { Row, init_Row } from "../../Layout/Row/index.js";
+import { init_styles_css, toggleStyle } from "./styles.css.js";
+import { forwardRef, useId } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/Toggle/index.tsx
+var Toggle;
+function init_Toggle() {
+	return (init_Toggle = __esmMin(() => {
+		init_hasHelperText();
+		init_Row();
+		init_Stack();
+		init_Tooltip();
+		init_Description();
+		init_Text();
+		init_styles_css();
+		Toggle = forwardRef(({ checked, disabled = false, id, name, onChange, onFocus, onBlur, onKeyDown, size = "large", tooltip, labelPosition = "right", label, helper, tabIndex, required, className, "data-testid": dataTestId, value, error, "aria-label": ariaLabel, style, "aria-describedby": ariaDescribedBy }, ref) => {
+			const uniqueId = useId();
+			const helperId = useId();
+			const localId = id !== null && id !== void 0 ? id : uniqueId;
+			return /* @__PURE__ */ jsx(Tooltip, {
+				text: tooltip,
+				children: /* @__PURE__ */ jsxs("label", {
+					"aria-disabled": disabled,
+					className: cn(className, toggleStyle.label({
+						disabled,
+						labelPosition
+					})),
+					"data-testid": dataTestId,
+					htmlFor: localId,
+					children: [/* @__PURE__ */ jsxs(Stack, {
+						alignItems: "baseline",
+						gap: .25,
+						children: [label ? /* @__PURE__ */ jsxs(Row, {
+							alignItems: "center",
+							gap: 1,
+							templateColumns: "auto 1fr",
+							children: [typeof label === "string" ? /* @__PURE__ */ jsx(Text, {
+								as: "span",
+								htmlFor: localId,
+								prominence: "default",
+								sentiment: "neutral",
+								variant: size === "large" ? "body" : "bodySmall",
+								children: label
+							}) : label, required ? /* @__PURE__ */ jsx(Text, {
+								as: "sup",
+								sentiment: "danger",
+								variant: "body",
+								children: "*"
+							}) : null]
+						}) : null, /* @__PURE__ */ jsx(Description, {
+							helper,
+							error,
+							id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+							disabled
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: toggleStyle.toggle({
+							disabled,
+							error: !!error,
+							size
+						}),
+						children: /* @__PURE__ */ jsx("input", {
+							"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+							"aria-disabled": disabled,
+							"aria-invalid": !!error,
+							"aria-label": ariaLabel,
+							checked,
+							className: toggleStyle.checkbox,
+							disabled,
+							id: localId,
+							name,
+							onBlur,
+							onChange,
+							onFocus,
+							onKeyDown,
+							ref,
+							required,
+							style,
+							tabIndex,
+							type: "checkbox",
+							value
+						})
+					})]
+				})
+			});
+		});
+		Toggle.displayName = "Toggle";
+	}))();
+}
+
+//#endregion
+init_Toggle();
+export { Toggle, init_Toggle };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/Toggle/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;IAChB,KAAK;QACH,IAAI;QACJ,MAAM;QACN,KAAK;;IAEP,KAAK;QACH,IAAI;QACJ,MAAM;QACN,KAAK;;CAER,CAAA;AAgLD,eAAO,MAAM,WAAW;;;YAxHlB,KAAK;gBACH,SAAS;oBACP,sBAAsB;wBACpB,eAAe;wBACf,KAAK;;oBAEP,+DAA+D;wBAC7D,SAAS;;oBAEX,4BAA4B;wBAC1B,eAAe;;oBAEjB,SAAS;wBACP,eAAe;;;;YAIrB,IAAI;gBACF,UAAU;gBACV,SAAS;oBACP,sBAAsB;wBACpB,eAAe;wBACf,KAAK;;oBAEP,SAAS;wBACP,UAAU;;;;;;YAMhB,KAAK;YACL,IAAI;gBACF,eAAe;gBACf,SAAS;oBACP,sBAAsB;wBACpB,eAAe;wBACf,KAAK;;oBAEP,+DAA+D;wBAC7D,SAAS;;oBAEX,4BAA4B;wBAC1B,eAAe;;oBAEjB,SAAS;wBACP,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8ErB,CAAA"}

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

@@ -0,0 +1,62 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Data Entry/Toggle/styles.css.ts
+var toggleStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		toggleStyle = {
+			toggle: createRuntimeFn({
+				defaultClassName: "uv_1hngnvm0",
+				variantClassNames: {
+					disabled: {
+						false: "uv_1hngnvm1",
+						true: "uv_1hngnvm2"
+					},
+					error: {
+						false: "uv_1hngnvm3",
+						true: "uv_1hngnvm4"
+					},
+					size: {
+						large: "uv_1hngnvm5",
+						small: "uv_1hngnvm6"
+					}
+				},
+				defaultVariants: {
+					disabled: false,
+					error: false,
+					size: "large"
+				},
+				compoundVariants: [[{
+					disabled: true,
+					error: true
+				}, "uv_1hngnvm7"]]
+			}),
+			checkbox: "uv_1hngnvm8",
+			label: createRuntimeFn({
+				defaultClassName: "uv_1hngnvm9",
+				variantClassNames: {
+					disabled: {
+						false: "uv_1hngnvma",
+						true: "uv_1hngnvmb"
+					},
+					labelPosition: {
+						left: "uv_1hngnvmc",
+						right: "uv_1hngnvmd"
+					}
+				},
+				defaultVariants: {
+					disabled: false,
+					labelPosition: "right"
+				},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, toggleStyle };

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/ToggleGroup/Context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;CACf,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzD,eAAO,MAAM,kBAAkB,6DAA+D,CAAA"}

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

@@ -0,0 +1,15 @@
+'use client';
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { createContext } from "react";
+
+//#region src/components/Data Entry/ToggleGroup/Context.tsx
+var ToggleGroupContext;
+function init_Context() {
+	return (init_Context = __esmMin(() => {
+		ToggleGroupContext = createContext(void 0);
+	}))();
+}
+
+//#endregion
+init_Context();
+export { ToggleGroupContext, init_Context };

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/ToggleGroup/SingleToggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAGlC,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;IACvG,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;0CAKiC,EAChC,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,sBAAsB"}