@youcan/celeste 0.21.2 → 0.22.0

package/dist/es/chunks/counter-input.js

@@ -1,939 +1,8 @@
-import { t as clsx } from "./clsx.js";
-import { n as snapValueToStep, t as clamp } from "./clamp.js";
-import { t as createContext } from "./createContext.js";
-import { t as getActiveElement } from "./getActiveElement.js";
-import { t as isNullish } from "./nullish.js";
-import { a as isClient, d as reactiveComputed, t as createEventHook } from "./dist.js";
-import { i as unrefElement, p as useVModel, s as useEventListener } from "./dist2.js";
-import { t as Primitive } from "./Primitive.js";
-import { t as useComposing } from "./useComposing.js";
-import { t as useFormControl } from "./useFormControl.js";
-import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
-import { t as useKbd } from "./useKbd.js";
-import { t as useLocale } from "./useLocale.js";
-import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
-import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
 import { t as compact_button_default } from "./compact-button.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, onMounted, onScopeDispose, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/@internationalized+number@3.6.7/node_modules/@internationalized/number/dist/private/NumberFormatter.mjs
-var $1dfb119a85e764e5$var$formatterCache = /* @__PURE__ */ new Map();
-var $1dfb119a85e764e5$var$supportsSignDisplay = false;
-try {
-	$1dfb119a85e764e5$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", { signDisplay: "exceptZero" }).resolvedOptions().signDisplay === "exceptZero";
-} catch {}
-var $1dfb119a85e764e5$var$supportsUnit = false;
-try {
-	$1dfb119a85e764e5$var$supportsUnit = new Intl.NumberFormat("de-DE", {
-		style: "unit",
-		unit: "degree"
-	}).resolvedOptions().style === "unit";
-} catch {}
-var $1dfb119a85e764e5$var$UNITS = { degree: { narrow: {
-	default: "°",
-	"ja-JP": " 度",
-	"zh-TW": "度",
-	"sl-SI": " °"
-} } };
-var $1dfb119a85e764e5$export$cc77c4ff7e8673c5 = class {
-	constructor(locale, options = {}) {
-		this.numberFormatter = $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options);
-		this.options = options;
-	}
-	/**
-	* Formats a number value as a string, according to the locale and options provided to the
-	* constructor.
-	*/ format(value) {
-		let res = "";
-		if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) res = $1dfb119a85e764e5$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
-		else res = this.numberFormatter.format(value);
-		if (this.options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
-			let { unit, unitDisplay = "short", locale } = this.resolvedOptions();
-			if (!unit) return res;
-			let values = $1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay];
-			res += values[locale] || values.default;
-		}
-		return res;
-	}
-	/** Formats a number to an array of parts such as separators, digits, punctuation, and more. */ formatToParts(value) {
-		return this.numberFormatter.formatToParts(value);
-	}
-	/** Formats a number range as a string. */ formatRange(start, end) {
-		if (typeof this.numberFormatter.formatRange === "function") return this.numberFormatter.formatRange(start, end);
-		if (end < start) throw new RangeError("End date must be >= start date");
-		return `${this.format(start)} \u{2013} ${this.format(end)}`;
-	}
-	/** Formats a number range as an array of parts. */ formatRangeToParts(start, end) {
-		if (typeof this.numberFormatter.formatRangeToParts === "function") return this.numberFormatter.formatRangeToParts(start, end);
-		if (end < start) throw new RangeError("End date must be >= start date");
-		let startParts = this.numberFormatter.formatToParts(start);
-		let endParts = this.numberFormatter.formatToParts(end);
-		return [
-			...startParts.map((p) => ({
-				...p,
-				source: "startRange"
-			})),
-			{
-				type: "literal",
-				value: " – ",
-				source: "shared"
-			},
-			...endParts.map((p) => ({
-				...p,
-				source: "endRange"
-			}))
-		];
-	}
-	/** Returns the resolved formatting options based on the values passed to the constructor. */ resolvedOptions() {
-		let options = this.numberFormatter.resolvedOptions();
-		if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) options = {
-			...options,
-			signDisplay: this.options.signDisplay
-		};
-		if (!$1dfb119a85e764e5$var$supportsUnit && this.options.style === "unit") options = {
-			...options,
-			style: "unit",
-			unit: this.options.unit,
-			unitDisplay: this.options.unitDisplay
-		};
-		return options;
-	}
-};
-function $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options = {}) {
-	let { numberingSystem } = options;
-	if (numberingSystem && locale.includes("-nu-")) {
-		if (!locale.includes("-u-")) locale += "-u-";
-		locale += `-nu-${numberingSystem}`;
-	}
-	if (options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
-		let { unit, unitDisplay = "short" } = options;
-		if (!unit) throw new Error("unit option must be provided with style: \"unit\"");
-		if (!$1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay]) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
-		options = {
-			...options,
-			style: "decimal"
-		};
-	}
-	let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
-	if ($1dfb119a85e764e5$var$formatterCache.has(cacheKey)) return $1dfb119a85e764e5$var$formatterCache.get(cacheKey);
-	let numberFormatter = new Intl.NumberFormat(locale, options);
-	$1dfb119a85e764e5$var$formatterCache.set(cacheKey, numberFormatter);
-	return numberFormatter;
-}
-function $1dfb119a85e764e5$export$711b50b3c525e0f2(numberFormat, signDisplay, num) {
-	if (signDisplay === "auto") return numberFormat.format(num);
-	else if (signDisplay === "never") return numberFormat.format(Math.abs(num));
-	else {
-		let needsPositiveSign = false;
-		if (signDisplay === "always") needsPositiveSign = num > 0 || Object.is(num, 0);
-		else if (signDisplay === "exceptZero") {
-			if (Object.is(num, -0) || Object.is(num, 0)) num = Math.abs(num);
-			else needsPositiveSign = num > 0;
-		}
-		if (needsPositiveSign) {
-			let negative = numberFormat.format(-num);
-			let noSign = numberFormat.format(num);
-			let minus = negative.replace(noSign, "").replace(/\u200e|\u061C/, "");
-			if ([...minus].length !== 1) console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case");
-			return negative.replace(noSign, "!!!").replace(minus, "+").replace("!!!", noSign);
-		} else return numberFormat.format(num);
-	}
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@internationalized+number@3.6.7/node_modules/@internationalized/number/dist/private/NumberParser.mjs
-var $eb76cf4feb040f77$var$CURRENCY_SIGN_REGEX = /* @__PURE__ */ new RegExp("^.*\\(.*\\).*$");
-var $eb76cf4feb040f77$var$NUMBERING_SYSTEMS = [
-	"latn",
-	"arab",
-	"hanidec",
-	"deva",
-	"beng",
-	"fullwide"
-];
-var $eb76cf4feb040f77$export$cd11ab140839f11d = class {
-	constructor(locale, options = {}) {
-		this.locale = locale;
-		this.options = options;
-	}
-	/**
-	* Parses the given string to a number. Returns NaN if a valid number could not be parsed.
-	*/ parse(value) {
-		return $eb76cf4feb040f77$var$getNumberParserImpl(this.locale, this.options, value).parse(value);
-	}
-	/**
-	* Returns whether the given string could potentially be a valid number. This should be used to
-	* validate user input as the user types. If a `minValue` or `maxValue` is provided, the validity
-	* of the minus/plus sign characters can be checked.
-	*/ isValidPartialNumber(value, minValue, maxValue) {
-		return $eb76cf4feb040f77$var$getNumberParserImpl(this.locale, this.options, value).isValidPartialNumber(value, minValue, maxValue);
-	}
-	/**
-	* Returns a numbering system for which the given string is valid in the current locale.
-	* If no numbering system could be detected, the default numbering system for the current
-	* locale is returned.
-	*/ getNumberingSystem(value) {
-		return $eb76cf4feb040f77$var$getNumberParserImpl(this.locale, this.options, value).options.numberingSystem;
-	}
-};
-var $eb76cf4feb040f77$var$numberParserCache = /* @__PURE__ */ new Map();
-function $eb76cf4feb040f77$var$getNumberParserImpl(locale, options, value) {
-	let defaultParser = $eb76cf4feb040f77$var$getCachedNumberParser(locale, options);
-	if (!locale.includes("-nu-") && !defaultParser.isValidPartialNumber(value)) {
-		for (let numberingSystem of $eb76cf4feb040f77$var$NUMBERING_SYSTEMS) if (numberingSystem !== defaultParser.options.numberingSystem) {
-			let parser = $eb76cf4feb040f77$var$getCachedNumberParser(locale + (locale.includes("-u-") ? "-nu-" : "-u-nu-") + numberingSystem, options);
-			if (parser.isValidPartialNumber(value)) return parser;
-		}
-	}
-	return defaultParser;
-}
-function $eb76cf4feb040f77$var$getCachedNumberParser(locale, options) {
-	let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
-	let parser = $eb76cf4feb040f77$var$numberParserCache.get(cacheKey);
-	if (!parser) {
-		parser = new $eb76cf4feb040f77$var$NumberParserImpl(locale, options);
-		$eb76cf4feb040f77$var$numberParserCache.set(cacheKey, parser);
-	}
-	return parser;
-}
-var $eb76cf4feb040f77$var$NumberParserImpl = class {
-	constructor(locale, options = {}) {
-		this.locale = locale;
-		if (options.roundingIncrement !== 1 && options.roundingIncrement != null) {
-			if (options.maximumFractionDigits == null && options.minimumFractionDigits == null) {
-				options.maximumFractionDigits = 0;
-				options.minimumFractionDigits = 0;
-			} else if (options.maximumFractionDigits == null) options.maximumFractionDigits = options.minimumFractionDigits;
-			else if (options.minimumFractionDigits == null) options.minimumFractionDigits = options.maximumFractionDigits;
-		}
-		this.formatter = new Intl.NumberFormat(locale, options);
-		this.options = this.formatter.resolvedOptions();
-		this.symbols = $eb76cf4feb040f77$var$getSymbols(locale, this.formatter, this.options, options);
-		if (this.options.style === "percent" && ((this.options.minimumFractionDigits ?? 0) > 18 || (this.options.maximumFractionDigits ?? 0) > 18)) console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.");
-	}
-	parse(value) {
-		let isGroupSymbolAllowed = this.formatter.resolvedOptions().useGrouping;
-		let fullySanitizedValue = this.sanitize(value);
-		if (!isGroupSymbolAllowed && this.symbols.group && fullySanitizedValue.includes(this.symbols.group)) return NaN;
-		else if (this.symbols.group) fullySanitizedValue = fullySanitizedValue.replaceAll(this.symbols.group, "");
-		if (this.symbols.decimal) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.decimal, ".");
-		if (this.symbols.minusSign) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.minusSign, "-");
-		fullySanitizedValue = fullySanitizedValue.replace(this.symbols.numeral, this.symbols.index);
-		if (this.options.style === "percent") {
-			let isNegative = fullySanitizedValue.indexOf("-");
-			fullySanitizedValue = fullySanitizedValue.replace("-", "");
-			fullySanitizedValue = fullySanitizedValue.replace("+", "");
-			let index = fullySanitizedValue.indexOf(".");
-			if (index === -1) index = fullySanitizedValue.length;
-			fullySanitizedValue = fullySanitizedValue.replace(".", "");
-			if (index - 2 === 0) fullySanitizedValue = `0.${fullySanitizedValue}`;
-			else if (index - 2 === -1) fullySanitizedValue = `0.0${fullySanitizedValue}`;
-			else if (index - 2 === -2) fullySanitizedValue = "0.00";
-			else fullySanitizedValue = `${fullySanitizedValue.slice(0, index - 2)}.${fullySanitizedValue.slice(index - 2)}`;
-			if (isNegative > -1) fullySanitizedValue = `-${fullySanitizedValue}`;
-		}
-		let newValue = fullySanitizedValue ? +fullySanitizedValue : NaN;
-		if (isNaN(newValue)) return NaN;
-		if (this.options.style === "percent") {
-			let options = {
-				...this.options,
-				style: "decimal",
-				minimumFractionDigits: Math.min((this.options.minimumFractionDigits ?? 0) + 2, 20),
-				maximumFractionDigits: Math.min((this.options.maximumFractionDigits ?? 0) + 2, 20)
-			};
-			return new $eb76cf4feb040f77$export$cd11ab140839f11d(this.locale, options).parse(new $1dfb119a85e764e5$export$cc77c4ff7e8673c5(this.locale, options).format(newValue));
-		}
-		if (this.options.currencySign === "accounting" && $eb76cf4feb040f77$var$CURRENCY_SIGN_REGEX.test(value)) newValue = -1 * newValue;
-		return newValue;
-	}
-	sanitize(value) {
-		let isGroupSymbolAllowed = this.formatter.resolvedOptions().useGrouping;
-		if (this.symbols.noNumeralUnits.length > 0 && this.symbols.noNumeralUnits.find((obj) => obj.unit === value)) return this.symbols.noNumeralUnits.find((obj) => obj.unit === value).value.toString();
-		value = value.replace(this.symbols.literals, "");
-		if (this.symbols.minusSign) value = value.replace("-", this.symbols.minusSign);
-		if (this.options.numberingSystem === "arab") {
-			if (this.symbols.decimal) {
-				value = $eb76cf4feb040f77$var$replaceAll(value, ",", this.symbols.decimal);
-				value = $eb76cf4feb040f77$var$replaceAll(value, String.fromCharCode(1548), this.symbols.decimal);
-			}
-			if (this.symbols.group && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, ".", this.symbols.group);
-		}
-		if (this.symbols.group === "’" && value.includes("'") && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, "'", this.symbols.group);
-		if (this.symbols.group === "'" && value.includes("’") && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, "’", this.symbols.group);
-		if (this.options.locale === "fr-FR" && this.symbols.group && isGroupSymbolAllowed) {
-			value = $eb76cf4feb040f77$var$replaceAll(value, " ", this.symbols.group);
-			value = $eb76cf4feb040f77$var$replaceAll(value, /\u00A0/g, this.symbols.group);
-		}
-		return value;
-	}
-	isValidPartialNumber(value, minValue = -Infinity, maxValue = Infinity) {
-		let isGroupSymbolAllowed = this.formatter.resolvedOptions().useGrouping;
-		value = this.sanitize(value);
-		if (this.symbols.minusSign && value.startsWith(this.symbols.minusSign) && minValue < 0) value = value.slice(this.symbols.minusSign.length);
-		else if (this.symbols.plusSign && value.startsWith(this.symbols.plusSign) && maxValue > 0) value = value.slice(this.symbols.plusSign.length);
-		if (this.symbols.decimal && value.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0) return false;
-		if (this.symbols.group && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, this.symbols.group, "");
-		value = value.replace(this.symbols.numeral, "");
-		if (this.symbols.decimal) value = value.replace(this.symbols.decimal, "");
-		return value.length === 0;
-	}
-};
-var $eb76cf4feb040f77$var$nonLiteralParts = /* @__PURE__ */ new Set([
-	"decimal",
-	"fraction",
-	"integer",
-	"minusSign",
-	"plusSign",
-	"group"
-]);
-var $eb76cf4feb040f77$var$pluralNumbers = [
-	0,
-	4,
-	2,
-	1,
-	11,
-	20,
-	3,
-	7,
-	100,
-	21,
-	.1,
-	1.1
-];
-function $eb76cf4feb040f77$var$getSymbols(locale, formatter, intlOptions, originalOptions) {
-	let symbolFormatter = new Intl.NumberFormat(locale, {
-		...intlOptions,
-		minimumSignificantDigits: 1,
-		maximumSignificantDigits: 21,
-		roundingIncrement: 1,
-		roundingPriority: "auto",
-		roundingMode: "halfExpand",
-		useGrouping: true
-	});
-	let allParts = symbolFormatter.formatToParts(-10000.111);
-	let posAllParts = symbolFormatter.formatToParts(10000.111);
-	let pluralParts = $eb76cf4feb040f77$var$pluralNumbers.map((n) => symbolFormatter.formatToParts(n));
-	let noNumeralUnits = pluralParts.map((p, i) => {
-		let unit = p.find((p) => p.type === "unit");
-		if (unit && !p.some((p) => p.type === "integer" || p.type === "fraction")) return {
-			unit: unit.value,
-			value: $eb76cf4feb040f77$var$pluralNumbers[i]
-		};
-		return null;
-	}).filter((p) => !!p);
-	let minusSign = allParts.find((p) => p.type === "minusSign")?.value ?? "-";
-	let plusSign = posAllParts.find((p) => p.type === "plusSign")?.value;
-	if (!plusSign && (originalOptions?.signDisplay === "exceptZero" || originalOptions?.signDisplay === "always")) plusSign = "+";
-	let decimal = new Intl.NumberFormat(locale, {
-		...intlOptions,
-		minimumFractionDigits: 2,
-		maximumFractionDigits: 2
-	}).formatToParts(.001).find((p) => p.type === "decimal")?.value;
-	let group = allParts.find((p) => p.type === "group")?.value;
-	let allPartsLiterals = allParts.filter((p) => !$eb76cf4feb040f77$var$nonLiteralParts.has(p.type)).map((p) => $eb76cf4feb040f77$var$escapeRegex(p.value));
-	let pluralPartsLiterals = pluralParts.flatMap((p) => p.filter((p) => !$eb76cf4feb040f77$var$nonLiteralParts.has(p.type)).map((p) => $eb76cf4feb040f77$var$escapeRegex(p.value)));
-	let sortedLiterals = [.../* @__PURE__ */ new Set([...allPartsLiterals, ...pluralPartsLiterals])].sort((a, b) => b.length - a.length);
-	let literals = sortedLiterals.length === 0 ? /* @__PURE__ */ new RegExp("\\p{White_Space}|\\p{Cf}", "gu") : new RegExp(`${sortedLiterals.join("|")}|\\p{White_Space}|\\p{Cf}`, "gu");
-	let numerals = [...new Intl.NumberFormat(intlOptions.locale, { useGrouping: false }).format(9876543210)].reverse();
-	let indexes = new Map(numerals.map((d, i) => [d, i]));
-	let numeral = new RegExp(`[${numerals.join("")}]`, "g");
-	let index = (d) => String(indexes.get(d));
-	return {
-		minusSign,
-		plusSign,
-		decimal,
-		group,
-		literals,
-		numeral,
-		numerals,
-		index,
-		noNumeralUnits
-	};
-}
-function $eb76cf4feb040f77$var$replaceAll(str, find, replace) {
-	if (str.replaceAll) return str.replaceAll(find, replace);
-	return str.split(find).join(replace);
-}
-function $eb76cf4feb040f77$var$escapeRegex(string) {
-	return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/utils.js
-var HOLD_DELAY = 400;
-var REPEAT_INTERVAL = 60;
-var TOUCH_MOVE_TOLERANCE = 10;
-function usePressedHold(options) {
-	const { disabled } = options;
-	const timeout = ref();
-	const triggerHook = createEventHook();
-	const isPressed = ref(false);
-	const target = computed(() => unrefElement(options.target));
-	let activePointerId;
-	let activePointerType = "";
-	let startX = 0;
-	let startY = 0;
-	let holdTriggered = false;
-	const resetTimeout = () => {
-		if (timeout.value === void 0) return;
-		window.clearTimeout(timeout.value);
-		timeout.value = void 0;
-	};
-	const resetPress = () => {
-		resetTimeout();
-		activePointerId = void 0;
-		activePointerType = "";
-		holdTriggered = false;
-		isPressed.value = false;
-	};
-	const trigger = () => {
-		if (disabled.value) {
-			resetPress();
-			return false;
-		}
-		triggerHook.trigger();
-		return true;
-	};
-	const scheduleRepeat = (delay) => {
-		resetTimeout();
-		timeout.value = window.setTimeout(() => {
-			holdTriggered = true;
-			if (trigger()) scheduleRepeat(REPEAT_INTERVAL);
-		}, delay);
-	};
-	const onPressStart = (event) => {
-		if (event.button !== 0 || isPressed.value || disabled.value) return;
-		event.preventDefault();
-		activePointerId = event.pointerId;
-		activePointerType = event.pointerType;
-		startX = event.clientX;
-		startY = event.clientY;
-		holdTriggered = false;
-		isPressed.value = true;
-		if (event.pointerType === "mouse") {
-			holdTriggered = true;
-			if (trigger()) scheduleRepeat(HOLD_DELAY);
-			return;
-		}
-		scheduleRepeat(HOLD_DELAY);
-	};
-	const onPressMove = (event) => {
-		if (event.pointerId !== activePointerId || activePointerType === "mouse") return;
-		const distanceX = event.clientX - startX;
-		const distanceY = event.clientY - startY;
-		if (distanceX * distanceX + distanceY * distanceY > TOUCH_MOVE_TOLERANCE ** 2) resetPress();
-	};
-	const onPressRelease = (event) => {
-		if (event.pointerId !== activePointerId) return;
-		const shouldTriggerTap = activePointerType !== "mouse" && !holdTriggered;
-		resetPress();
-		if (shouldTriggerTap) trigger();
-	};
-	const onPressCancel = (event) => {
-		if (event.pointerId === activePointerId) resetPress();
-	};
-	if (isClient) {
-		useEventListener(target || window, "pointerdown", onPressStart);
-		useEventListener(window, "pointermove", onPressMove);
-		useEventListener(window, "pointerup", onPressRelease);
-		useEventListener(window, "pointercancel", onPressCancel);
-	}
-	onScopeDispose(resetPress);
-	return {
-		isPressed,
-		onTrigger: triggerHook.on
-	};
-}
-function useNumberFormatter(locale, options = ref({})) {
-	return reactiveComputed(() => new $1dfb119a85e764e5$export$cc77c4ff7e8673c5(locale.value, options.value));
-}
-function useNumberParser(locale, options = ref({})) {
-	return reactiveComputed(() => new $eb76cf4feb040f77$export$cd11ab140839f11d(locale.value, options.value));
-}
-function handleDecimalOperation(operator, value1, value2) {
-	let result = operator === "+" ? value1 + value2 : value1 - value2;
-	if (value1 % 1 !== 0 || value2 % 1 !== 0) {
-		const value1Decimal = value1.toString().split(".");
-		const value2Decimal = value2.toString().split(".");
-		const value1DecimalLength = value1Decimal[1] && value1Decimal[1].length || 0;
-		const value2DecimalLength = value2Decimal[1] && value2Decimal[1].length || 0;
-		const multiplier = 10 ** Math.max(value1DecimalLength, value2DecimalLength);
-		value1 = Math.round(value1 * multiplier);
-		value2 = Math.round(value2 * multiplier);
-		result = operator === "+" ? value1 + value2 : value1 - value2;
-		result /= multiplier;
-	}
-	return result;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldRoot.js
-var [injectNumberFieldRootContext, provideNumberFieldRootContext] = /*#__PURE__*/ createContext("NumberFieldRoot");
-var NumberFieldRoot_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "NumberFieldRoot",
-	props: {
-		defaultValue: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		modelValue: {
-			type: [Number, null],
-			required: false
-		},
-		min: {
-			type: Number,
-			required: false
-		},
-		max: {
-			type: Number,
-			required: false
-		},
-		step: {
-			type: Number,
-			required: false,
-			default: 1
-		},
-		stepSnapping: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		focusOnChange: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		formatOptions: {
-			type: null,
-			required: false
-		},
-		locale: {
-			type: String,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		readonly: {
-			type: Boolean,
-			required: false
-		},
-		disableWheelChange: {
-			type: Boolean,
-			required: false
-		},
-		invertWheelChange: {
-			type: Boolean,
-			required: false
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "div"
-		},
-		name: {
-			type: String,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const { disabled, readonly, disableWheelChange, invertWheelChange, min, max, step, stepSnapping, formatOptions, id, locale: propLocale } = toRefs(props);
-		const modelValue = useVModel(props, "modelValue", emits, {
-			defaultValue: props.defaultValue,
-			passive: props.modelValue === void 0
-		});
-		const { primitiveElement, currentElement } = usePrimitiveElement();
-		const locale = useLocale(propLocale);
-		const isFormControl = useFormControl(currentElement);
-		const inputEl = ref();
-		const isDecreaseDisabled = computed(() => {
-			if (isNullish(modelValue.value) || isNaN(modelValue.value)) return false;
-			return getNextValue("decrease", modelValue.value) >= modelValue.value;
-		});
-		const isIncreaseDisabled = computed(() => {
-			if (isNullish(modelValue.value) || isNaN(modelValue.value)) return false;
-			return getNextValue("increase", modelValue.value) <= modelValue.value;
-		});
-		function getNextValue(type, from, multiplier = 1) {
-			const stepValue = step.value ?? 1;
-			const operator = type === "increase" ? "+" : "-";
-			let nextValue;
-			if (stepSnapping.value && !isNaN(stepValue)) {
-				const snapped = snapValueToStep(from, min.value, max.value, stepValue);
-				if (snapped === from) nextValue = handleDecimalOperation(operator, from, stepValue * multiplier);
-				else {
-					const aligned = type === "increase" ? snapped > from ? snapped : handleDecimalOperation("+", snapped, stepValue) : snapped < from ? snapped : handleDecimalOperation("-", snapped, stepValue);
-					nextValue = multiplier > 1 ? handleDecimalOperation(operator, aligned, stepValue * (multiplier - 1)) : aligned;
-				}
-			} else nextValue = handleDecimalOperation(operator, from, stepValue * multiplier);
-			return clampInputValue(nextValue);
-		}
-		function handleChangingValue(type, multiplier = 1) {
-			if (props.focusOnChange) inputEl.value?.focus();
-			if (props.disabled || props.readonly) return;
-			const currentInputValue = numberParser.parse(inputEl.value?.value ?? "");
-			if (isNaN(currentInputValue)) {
-				modelValue.value = clampInputValue(min.value ?? 0);
-				return;
-			}
-			modelValue.value = getNextValue(type, currentInputValue, multiplier);
-		}
-		function handleIncrease(multiplier = 1) {
-			handleChangingValue("increase", multiplier);
-		}
-		function handleDecrease(multiplier = 1) {
-			handleChangingValue("decrease", multiplier);
-		}
-		function handleMinMaxValue(type) {
-			if (type === "min" && min.value !== void 0) modelValue.value = clampInputValue(min.value);
-			else if (type === "max" && max.value !== void 0) modelValue.value = clampInputValue(max.value);
-		}
-		const numberFormatter = useNumberFormatter(locale, formatOptions);
-		const numberParser = useNumberParser(locale, formatOptions);
-		const inputMode = computed(() => {
-			return numberFormatter.resolvedOptions().maximumFractionDigits > 0 ? "decimal" : "numeric";
-		});
-		const textValueFormatter = useNumberFormatter(locale, formatOptions);
-		const textValue = computed(() => isNullish(modelValue.value) || isNaN(modelValue.value) ? "" : textValueFormatter.format(modelValue.value));
-		function validate(val) {
-			return numberParser.isValidPartialNumber(val, min.value, max.value);
-		}
-		function setInputValue(val) {
-			if (inputEl.value) inputEl.value.value = val;
-		}
-		function clampInputValue(val) {
-			let clampedValue;
-			if (step.value === void 0 || isNaN(step.value) || !stepSnapping.value) clampedValue = clamp(val, min.value, max.value);
-			else clampedValue = snapValueToStep(val, min.value, max.value, step.value);
-			clampedValue = numberParser.parse(numberFormatter.format(clampedValue));
-			return clampedValue;
-		}
-		function applyInputValue(val) {
-			const parsedValue = numberParser.parse(val);
-			modelValue.value = isNaN(parsedValue) ? void 0 : clampInputValue(parsedValue);
-			if (!val.length) return setInputValue(val);
-			if (isNaN(parsedValue)) return setInputValue(textValue.value);
-			return setInputValue(textValue.value);
-		}
-		provideNumberFieldRootContext({
-			modelValue,
-			handleDecrease,
-			handleIncrease,
-			handleMinMaxValue,
-			inputMode,
-			inputEl,
-			onInputElement: (el) => inputEl.value = el,
-			textValue,
-			readonly,
-			validate,
-			applyInputValue,
-			disabled,
-			disableWheelChange,
-			invertWheelChange,
-			max,
-			min,
-			isDecreaseDisabled,
-			isIncreaseDisabled,
-			id
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(_ctx.$attrs, {
-				ref_key: "primitiveElement",
-				ref: primitiveElement,
-				role: "group",
-				as: _ctx.as,
-				"as-child": _ctx.asChild,
-				"data-disabled": unref(disabled) ? "" : void 0,
-				"data-readonly": unref(readonly) ? "" : void 0
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-					modelValue: unref(modelValue),
-					textValue: textValue.value,
-					readonly: unref(readonly)
-				}), unref(isFormControl) && _ctx.name ? (openBlock(), createBlock(unref(VisuallyHiddenInput_default), {
-					key: 0,
-					type: "text",
-					value: unref(modelValue),
-					name: _ctx.name,
-					disabled: unref(disabled),
-					readonly: unref(readonly),
-					required: _ctx.required
-				}, null, 8, [
-					"value",
-					"name",
-					"disabled",
-					"readonly",
-					"required"
-				])) : createCommentVNode("v-if", true)]),
-				_: 3
-			}, 16, [
-				"as",
-				"as-child",
-				"data-disabled",
-				"data-readonly"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldDecrement.js
-var NumberFieldDecrement_default = /* @__PURE__ */ defineComponent({
-	__name: "NumberFieldDecrement",
-	props: {
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectNumberFieldRootContext();
-		const isDisabled = computed(() => rootContext.disabled?.value || rootContext.readonly.value || props.disabled || rootContext.isDecreaseDisabled.value);
-		const { primitiveElement, currentElement } = usePrimitiveElement();
-		const { isPressed, onTrigger } = usePressedHold({
-			target: currentElement,
-			disabled: isDisabled
-		});
-		onTrigger(() => {
-			rootContext.handleDecrease();
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-				ref_key: "primitiveElement",
-				ref: primitiveElement,
-				tabindex: "-1",
-				"aria-label": "Decrease",
-				type: _ctx.as === "button" ? "button" : void 0,
-				style: { userSelect: unref(isPressed) ? "none" : void 0 },
-				disabled: isDisabled.value ? "" : void 0,
-				"data-disabled": isDisabled.value ? "" : void 0,
-				"data-pressed": unref(isPressed) ? "true" : void 0,
-				onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"type",
-				"style",
-				"disabled",
-				"data-disabled",
-				"data-pressed"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldIncrement.js
-var NumberFieldIncrement_default = /* @__PURE__ */ defineComponent({
-	__name: "NumberFieldIncrement",
-	props: {
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "button"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectNumberFieldRootContext();
-		const isDisabled = computed(() => rootContext.disabled?.value || rootContext.readonly.value || props.disabled || rootContext.isIncreaseDisabled.value);
-		const { primitiveElement, currentElement } = usePrimitiveElement();
-		const { isPressed, onTrigger } = usePressedHold({
-			target: currentElement,
-			disabled: isDisabled
-		});
-		onTrigger(() => {
-			rootContext.handleIncrease();
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-				ref_key: "primitiveElement",
-				ref: primitiveElement,
-				tabindex: "-1",
-				"aria-label": "Increase",
-				type: _ctx.as === "button" ? "button" : void 0,
-				style: { userSelect: unref(isPressed) ? "none" : void 0 },
-				disabled: isDisabled.value ? "" : void 0,
-				"data-disabled": isDisabled.value ? "" : void 0,
-				"data-pressed": unref(isPressed) ? "true" : void 0,
-				onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"type",
-				"style",
-				"disabled",
-				"data-disabled",
-				"data-pressed"
-			]);
-		};
-	}
-});
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/NumberField/NumberFieldInput.js
-var NumberFieldInput_default = /* @__PURE__ */ defineComponent({
-	__name: "NumberFieldInput",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "input"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const { primitiveElement, currentElement } = usePrimitiveElement();
-		const rootContext = injectNumberFieldRootContext();
-		const kbd = useKbd();
-		const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing();
-		function handleKeydown(event) {
-			if (isComposing.value || event.isComposing) return;
-			switch (event.key) {
-				case kbd.ARROW_UP:
-					event.preventDefault();
-					rootContext.handleIncrease();
-					break;
-				case kbd.ARROW_DOWN:
-					event.preventDefault();
-					rootContext.handleDecrease();
-					break;
-				case kbd.PAGE_UP:
-					event.preventDefault();
-					rootContext.handleIncrease(10);
-					break;
-				case kbd.PAGE_DOWN:
-					event.preventDefault();
-					rootContext.handleDecrease(10);
-					break;
-				case kbd.HOME:
-					event.preventDefault();
-					rootContext.handleMinMaxValue("min");
-					break;
-				case kbd.END:
-					event.preventDefault();
-					rootContext.handleMinMaxValue("max");
-					break;
-				case kbd.ENTER: rootContext.applyInputValue(event.target?.value);
-			}
-		}
-		function handleWheelEvent(event) {
-			if (rootContext.disableWheelChange.value) return;
-			if (event.target !== getActiveElement()) return;
-			if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) return;
-			event.preventDefault();
-			if (event.deltaY > 0) rootContext.invertWheelChange.value ? rootContext.handleDecrease() : rootContext.handleIncrease();
-			else if (event.deltaY < 0) rootContext.invertWheelChange.value ? rootContext.handleIncrease() : rootContext.handleDecrease();
-		}
-		onMounted(() => {
-			rootContext.onInputElement(currentElement.value);
-		});
-		const inputValue = ref(rootContext.textValue.value);
-		watch(() => rootContext.textValue.value, () => {
-			inputValue.value = rootContext.textValue.value;
-		}, {
-			immediate: true,
-			deep: true
-		});
-		function handleChange() {
-			requestAnimationFrame(() => {
-				inputValue.value = rootContext.textValue.value;
-			});
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-				id: unref(rootContext).id.value,
-				ref_key: "primitiveElement",
-				ref: primitiveElement,
-				value: inputValue.value,
-				role: "spinbutton",
-				type: "text",
-				tabindex: "0",
-				inputmode: unref(rootContext).inputMode.value,
-				disabled: unref(rootContext).disabled.value ? "" : void 0,
-				"data-disabled": unref(rootContext).disabled.value ? "" : void 0,
-				readonly: unref(rootContext).readonly.value ? "" : void 0,
-				"data-readonly": unref(rootContext).readonly.value ? "" : void 0,
-				autocomplete: "off",
-				autocorrect: "off",
-				spellcheck: "false",
-				"aria-roledescription": "Number field",
-				"aria-valuenow": unref(rootContext).modelValue.value,
-				"aria-valuemin": unref(rootContext).min.value,
-				"aria-valuemax": unref(rootContext).max.value,
-				onKeydown: handleKeydown,
-				onWheel: handleWheelEvent,
-				onBeforeinput: _cache[0] || (_cache[0] = (event) => {
-					if (event.isComposing) return;
-					if (event.inputType.startsWith("delete") || event.inputType.startsWith("history")) return;
-					const target = event.target;
-					let nextValue = target.value.slice(0, target.selectionStart ?? void 0) + (event.data ?? "") + target.value.slice(target.selectionEnd ?? void 0);
-					if (!unref(rootContext).validate(nextValue)) event.preventDefault();
-				}),
-				onInput: _cache[1] || (_cache[1] = (event) => {
-					const target = event.target;
-					inputValue.value = target.value;
-				}),
-				onChange: handleChange,
-				onBlur: _cache[2] || (_cache[2] = ($event) => unref(rootContext).applyInputValue($event.target?.value)),
-				onCompositionstart: unref(handleCompositionStart),
-				onCompositionend: unref(handleCompositionEnd)
-			}), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"id",
-				"value",
-				"inputmode",
-				"disabled",
-				"data-disabled",
-				"readonly",
-				"data-readonly",
-				"aria-valuenow",
-				"aria-valuemin",
-				"aria-valuemax",
-				"onCompositionstart",
-				"onCompositionend"
-			]);
-		};
-	}
-});
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/counter-input/counter-input.vue
 var counter_input_default = /* @__PURE__ */ defineComponent({
@@ -977,12 +46,12 @@ var counter_input_default = /* @__PURE__ */ defineComponent({
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(NumberFieldRoot_default), mergeProps(unref(forwarded), {
+			return openBlock(), createBlock(unref(NumberFieldRoot), mergeProps(unref(forwarded), {
 				"has-error": __props.hasError,
-				class: unref(clsx)("celeste-counter-input-wrapper", props.class)
+				class: unref(clsx$1)("celeste-counter-input-wrapper", props.class)
 			}), {
 				default: withCtx(() => [
-					createVNode(unref(NumberFieldDecrement_default), {
+					createVNode(unref(NumberFieldDecrement), {
 						"as-child": "",
 						class: "celeste-counter-input-decrement"
 					}, {
@@ -992,8 +61,8 @@ var counter_input_default = /* @__PURE__ */ defineComponent({
 						})]),
 						_: 1
 					}),
-					createVNode(unref(NumberFieldInput_default), { class: "celeste-counter-input" }),
-					createVNode(unref(NumberFieldIncrement_default), {
+					createVNode(unref(NumberFieldInput), { class: "celeste-counter-input" }),
+					createVNode(unref(NumberFieldIncrement), {
 						"as-child": "",
 						class: "celeste-counter-input-increment"
 					}, {