@codefast/ui 0.3.13-canary.2 → 0.3.13-canary.4

package/dist/primitives/checkbox-group.js

@@ -1,112 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { createCheckboxScope } from "@radix-ui/react-checkbox";
-import { createContextScope } from "@radix-ui/react-context";
-import { useDirection } from "@radix-ui/react-direction";
-import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
-import { createRovingFocusGroupScope } from "@radix-ui/react-roving-focus";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { useCallback } from "react";
-/* -----------------------------------------------------------------------------
- * Context: CheckboxGroup
- * --------------------------------------------------------------------------- */
-const CHECKBOX_GROUP_NAME = "CheckboxGroup";
-const [createCheckboxGroupContext, createCheckboxGroupScope] = createContextScope(CHECKBOX_GROUP_NAME, [createRovingFocusGroupScope, createCheckboxScope]);
-const useRovingFocusGroupScope = createRovingFocusGroupScope();
-const useCheckboxScope = createCheckboxScope();
-const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createCheckboxGroupContext(CHECKBOX_GROUP_NAME);
-/**
- * CheckboxGroup component that manages a group of checkboxes with roving focus
- */
-function CheckboxGroup({ __scopeCheckboxGroup, defaultValue, dir, disabled = false, loop = true, name, onValueChange, orientation, required = false, value: valueProperty, ...props }) {
-    /**
-     * Scope for the RovingFocusGroup component
-     */
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
-    /**
-     * Direction for layout and navigation
-     */
-    const direction = useDirection(dir);
-    /**
-     * State for managing selected checkbox values
-     */
-    const [value = [], setValue] = useControllableState({
-        defaultProp: defaultValue,
-        onChange: onValueChange,
-        prop: valueProperty,
-    });
-    /**
-     * Handles checking a checkbox item
-     * @param itemValue - Value of the checkbox being checked
-     */
-    const handleItemCheck = useCallback((itemValue) => {
-        setValue((previousValue) => [...(previousValue ?? []), itemValue]);
-    }, [setValue]);
-    /**
-     * Handles unchecking a checkbox item
-     * @param itemValue - Value of the checkbox being unchecked
-     */
-    const handleItemUncheck = useCallback((itemValue) => {
-        setValue((previousValue) => {
-            const currentValue = previousValue ?? [];
-            // If this is the last selected item and required=true, prevent unchecking
-            if (required && currentValue.length === 1 && currentValue[0] === itemValue) {
-                return currentValue; // Keep the current state
-            }
-            // Otherwise, proceed with unchecking
-            return currentValue.filter((inputValue) => inputValue !== itemValue);
-        });
-    }, [setValue, required]);
-    return (_jsx(CheckboxGroupContextProvider, { disabled: disabled, name: name, required: required, scope: __scopeCheckboxGroup, value: value, onItemCheck: handleItemCheck, onItemUncheck: handleItemUncheck, children: _jsx(RovingFocusGroup.Root, { asChild: true, ...rovingFocusGroupScope, dir: direction, loop: loop, orientation: orientation, children: _jsx("div", { "data-disabled": disabled ? "" : undefined, dir: direction, role: "group", ...props }) }) }));
-}
-/* -----------------------------------------------------------------------------
- * Component: CheckboxGroupItem
- * --------------------------------------------------------------------------- */
-const ITEM_NAME = "CheckboxGroupItem";
-/**
- * Individual checkbox item within a CheckboxGroup
- */
-function CheckboxGroupItem({ __scopeCheckboxGroup, disabled, ...props }) {
-    /**
-     * Context values from the parent CheckboxGroup
-     */
-    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);
-    /**
-     * Combined disabled state from both context and props
-     */
-    const isDisabled = context.disabled || disabled;
-    /**
-     * Scope for the RovingFocusGroup component
-     */
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
-    /**
-     * Scope for the Checkbox component
-     */
-    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
-    /**
-     * Whether this checkbox is currently checked
-     */
-    const checked = context.value?.includes(props.value);
-    return (_jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, active: checked, focusable: !isDisabled, children: _jsx(CheckboxPrimitive.Root, { "aria-label": props.value, checked: checked, disabled: isDisabled, name: context.name, required: context.required, ...checkboxScope, ...props, onCheckedChange: (checkedState) => {
-                if (checkedState) {
-                    context.onItemCheck(props.value);
-                }
-                else {
-                    context.onItemUncheck(props.value);
-                }
-            } }) }));
-}
-/**
- * Visual indicator component for a CheckboxGroupItem
- */
-function CheckboxGroupIndicator({ __scopeCheckboxGroup, ...props }) {
-    /**
-     * Scope for the Checkbox component
-     */
-    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
-    return _jsx(CheckboxPrimitive.Indicator, { ...checkboxScope, ...props });
-}
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-export { CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupItem, createCheckboxGroupScope, CheckboxGroupIndicator as Indicator, CheckboxGroupItem as Item, CheckboxGroup as Root, };

package/dist/primitives/input-number.d.ts

@@ -1,63 +0,0 @@
-import type { Scope } from "@radix-ui/react-context";
-import type { ComponentProps, JSX } from "react";
-import * as InputPrimitive from "#primitives/input";
-/**
- * Props that include an optional scope for the InputNumber component.
- */
-type ScopedProps<P> = P & {
-    /** Optional scope for the InputNumber component context */
-    __scopeInputNumber?: Scope;
-};
-declare const createInputNumberScope: import("@radix-ui/react-context").CreateScope;
-/**
- * Props for the main InputNumber component.
- */
-interface InputNumberProps extends ComponentProps<typeof InputPrimitive.Root> {
-    /** Accessible label for the decrement button */
-    ariaDecrementLabel?: string;
-    /** Accessible label for the increment button */
-    ariaIncrementLabel?: string;
-    /** Initial value when uncontrolled */
-    defaultValue?: number;
-    /** Options for number formatting */
-    formatOptions?: Intl.NumberFormatOptions;
-    /** Unique identifier for the input */
-    id?: string;
-    /** Locale used for number formatting */
-    locale?: string;
-    /** Maximum allowed value */
-    max?: number;
-    /** Minimum allowed value */
-    min?: number;
-    /** Handler called when the value changes */
-    onChange?: (value?: number) => void;
-    /** Step value for increments/decrements */
-    step?: number;
-    /** Current value when controlled */
-    value?: number;
-}
-declare function InputNumber(numberInputProps: ScopedProps<InputNumberProps>): JSX.Element;
-/**
- * Defines the props for the `InputNumberField` component.
- */
-type InputNumberFieldProps = Omit<ComponentProps<typeof InputPrimitive.Field>, "defaultValue" | "disabled" | "id" | "max" | "min" | "onChange" | "prefix" | "readOnly" | "step" | "value">;
-declare function InputNumberField({ __scopeInputNumber, onBlur, onKeyDown, ...props }: ScopedProps<InputNumberFieldProps>): JSX.Element;
-/**
- * Props for the NumberStepperButton component.
- */
-interface NumberStepperButtonProps extends ComponentProps<"button"> {
-    /**
-     * The operation to perform when the button is pressed.
-     * - `'increment'`: Increases the value.
-     * - `'decrement'`: Decreases the value.
-     */
-    operation: "decrement" | "increment";
-}
-declare function NumberStepperButton({ __scopeInputNumber, operation, ...props }: ScopedProps<NumberStepperButtonProps>): JSX.Element;
-type InputNumberIncrementButtonProps = Omit<ComponentProps<typeof NumberStepperButton>, "operation">;
-declare function InputNumberIncrementButton(props: InputNumberIncrementButtonProps): JSX.Element;
-type InputNumberDecrementButtonProps = Omit<ComponentProps<typeof NumberStepperButton>, "operation">;
-declare function InputNumberDecrementButton(props: InputNumberDecrementButtonProps): JSX.Element;
-export { createInputNumberScope, InputNumberDecrementButton as DecrementButton, InputNumberField as Field, InputNumberIncrementButton as IncrementButton, InputNumber, InputNumberDecrementButton, InputNumberField, InputNumberIncrementButton, InputNumber as Root, };
-export type { InputNumberDecrementButtonProps, InputNumberFieldProps, InputNumberIncrementButtonProps, InputNumberProps, };
-//# sourceMappingURL=input-number.d.ts.map

package/dist/primitives/input-number.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-number.d.ts","sourceRoot":"","sources":["../../src/primitives/input-number.tsx"],"names":[],"mappings":"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"}

package/dist/primitives/input-number.js

@@ -1,458 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { composeEventHandlers } from "@radix-ui/primitive";
-import { createContextScope } from "@radix-ui/react-context";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { useCallback, useEffect, useMemo, useRef } from "react";
-import * as InputPrimitive from "#primitives/input";
-import { createInputScope } from "#primitives/input";
-/* -----------------------------------------------------------------------------
- * Context: InputNumber
- * -------------------------------------------------------------------------- */
-/**
- * The name of the InputNumber component constant.
- */
-const NUMBER_INPUT_NAME = "InputNumber";
-const [createInputNumberContext, createInputNumberScope] = createContextScope(NUMBER_INPUT_NAME, [
-    createInputScope,
-]);
-const useInputScope = createInputScope();
-const [InputNumberContextProvider, useInputNumberContext] = createInputNumberContext(NUMBER_INPUT_NAME);
-function InputNumber(numberInputProps) {
-    const { __scopeInputNumber, ariaDecrementLabel, ariaIncrementLabel, defaultValue, formatOptions = { minimumFractionDigits: 0, style: "decimal" }, id, locale, max, min, onChange, step = 1, value: valueProperty, ...props } = numberInputProps;
-    /** Scope for the input component */
-    const inputScope = useInputScope(__scopeInputNumber);
-    /** Reference to the input element */
-    const inputRef = useRef(null);
-    /** Controlled or uncontrolled value state */
-    const [value, setValue] = useControllableState({
-        defaultProp: defaultValue,
-        onChange,
-        prop: valueProperty,
-    });
-    /** Separators used for number formatting based on locale */
-    const { decimalSeparator, thousandSeparator } = useMemo(() => getNumberFormatSeparators(locale), [locale]);
-    /**
-     * Formats a number value into a string representation
-     * @param inputValue - The number to format
-     * @returns A formatted string representation of the number
-     */
-    const formatValue = useCallback((inputValue) => {
-        if (inputValue === undefined || Number.isNaN(inputValue)) {
-            return "";
-        }
-        return new Intl.NumberFormat(locale, formatOptions).format(inputValue);
-    }, [formatOptions, locale]);
-    /**
-     * Parses a string or number input into a normalized number value
-     * @param inputValue - The value to parse
-     * @returns The parsed number value, clamped between min and max
-     */
-    const parseValue = useCallback((inputValue) => {
-        if (typeof inputValue === "number") {
-            return clamp(inputValue, min, max);
-        }
-        if (typeof inputValue !== "string") {
-            return Number.NaN;
-        }
-        const cleanedValue = inputValue.trim().replaceAll(/[^\d.,\-()]/g, "");
-        if (cleanedValue === "") {
-            return Number.NaN;
-        }
-        const normalizedValue = normalizeInputValue(cleanedValue, thousandSeparator, decimalSeparator);
-        let parsedValue = Number.parseFloat(normalizedValue);
-        if (formatOptions.style === "percent") {
-            parsedValue /= 100;
-        }
-        return Number.isNaN(parsedValue) ? 0 : clamp(parsedValue, min, max);
-    }, [decimalSeparator, formatOptions.style, max, min, thousandSeparator]);
-    /**
-     * Changes the current value based on a provided operation
-     * @param operation - Function that takes the current value and returns a new value
-     */
-    const changeNumberValue = useCallback((operation) => {
-        const inputElement = inputRef.current;
-        if (!inputElement || props.disabled || props.readOnly) {
-            return;
-        }
-        const currentValue = parseValue(inputElement.value) || 0;
-        const newValue = clamp(operation(currentValue), min, max);
-        inputElement.value = formatValue(newValue);
-        setValue(newValue);
-    }, [props.disabled, formatValue, max, min, parseValue, props.readOnly, setValue]);
-    /**
-     * Increments the current value by the step amount
-     */
-    const handleIncrement = useCallback(() => {
-        changeNumberValue((number) => number + step);
-    }, [changeNumberValue, step]);
-    /**
-     * Decrements the current value by the step amount
-     */
-    const handleDecrement = useCallback(() => {
-        changeNumberValue((number) => number - step);
-    }, [changeNumberValue, step]);
-    /**
-     * Sets the value to the maximum allowed
-     */
-    const handleIncrementToMax = useCallback(() => {
-        changeNumberValue((number) => max ?? number + step);
-    }, [changeNumberValue, max, step]);
-    /**
-     * Sets the value to the minimum allowed
-     */
-    const handleDecrementToMin = useCallback(() => {
-        changeNumberValue((number) => min ?? number - step);
-    }, [changeNumberValue, min, step]);
-    return (_jsx(InputNumberContextProvider, { ariaDecrementLabel: ariaDecrementLabel, ariaIncrementLabel: ariaIncrementLabel, defaultValue: defaultValue, disabled: props.disabled, formatOptions: formatOptions, formatValue: formatValue, id: id, inputRef: inputRef, max: max, min: min, parseValue: parseValue, readOnly: props.readOnly, scope: __scopeInputNumber, value: value, onChange: setValue, onDecrement: handleDecrement, onDecrementToMin: handleDecrementToMin, onIncrement: handleIncrement, onIncrementToMax: handleIncrementToMax, children: _jsx(InputPrimitive.Root, { ...inputScope, ...props }) }));
-}
-/* -----------------------------------------------------------------------------
- * Component: InputNumberField
- * -------------------------------------------------------------------------- */
-/**
- * The name of the InputNumberField component constant.
- */
-const NUMBER_INPUT_FIELD_NAME = "InputNumberField";
-function InputNumberField({ __scopeInputNumber, onBlur, onKeyDown, ...props }) {
-    // Retrieve input number context and input scope
-    const inputScope = useInputScope(__scopeInputNumber);
-    const { defaultValue, disabled, formatValue, id, inputRef, max, min, onChange, onDecrement, onDecrementToMin, onIncrement, onIncrementToMax, parseValue, readOnly, step, value, } = useInputNumberContext(NUMBER_INPUT_FIELD_NAME, __scopeInputNumber);
-    /**
-     * Handles the blur event to format the value of the input.
-     *
-     * @param event - The blur event triggered when the input loses focus.
-     */
-    const handleBlur = useCallback((event) => {
-        const numericValue = parseValue(event.target.value);
-        const formattedValue = formatValue(numericValue);
-        if (formattedValue !== event.target.value) {
-            event.target.value = formattedValue;
-        }
-        onChange(numericValue);
-    }, [formatValue, onChange, parseValue]);
-    /**
-     * Handles keydown events to increment, decrement, or perform other actions.
-     *
-     * @param event - The keyboard event triggered by key presses.
-     */
-    const handleKeyDown = useCallback((event) => {
-        switch (event.key) {
-            case "ArrowUp": {
-                onIncrement();
-                event.preventDefault();
-                break;
-            }
-            case "PageUp": {
-                onIncrementToMax();
-                event.preventDefault();
-                break;
-            }
-            case "ArrowDown": {
-                onDecrement();
-                event.preventDefault();
-                break;
-            }
-            case "PageDown": {
-                onDecrementToMin();
-                event.preventDefault();
-                break;
-            }
-            default: {
-                break;
-            }
-        }
-    }, [onIncrement, onIncrementToMax, onDecrement, onDecrementToMin]);
-    /**
-     * Prevents invalid keyboard input for the numeric input field.
-     *
-     * @param event - The keyboard event to handle.
-     */
-    const handleKeyDownPrevent = useCallback((event) => {
-        switch (event.key) {
-            case "ArrowUp":
-            case "ArrowDown":
-            case "ArrowLeft":
-            case "ArrowRight":
-            case "PageUp":
-            case "PageDown":
-            case "Tab":
-            case "Escape":
-            case "Enter":
-            case "Backspace":
-            case "Delete":
-            case "Home":
-            case "End":
-            case ".":
-            case ",":
-            case "-":
-            case "%": {
-                return;
-            }
-            default: {
-                if (isNumberKey(event.key) || isModifierKey(event) || isFunctionKey(event.key)) {
-                    return;
-                }
-                event.preventDefault();
-            }
-        }
-    }, []);
-    /**
-     * Handles the Enter key to format the value of the input.
-     *
-     * @param event - The keyboard event triggered by pressing Enter.
-     */
-    const handleKeyDownEnter = useCallback((event) => {
-        const inputElement = inputRef.current;
-        if (event.key !== "Enter" || !inputElement) {
-            return;
-        }
-        const numericValue = parseValue(inputElement.value);
-        const formattedValue = formatValue(numericValue);
-        if (formattedValue !== inputElement.value) {
-            inputElement.value = formattedValue;
-        }
-        onChange(numericValue);
-    }, [formatValue, inputRef, onChange, parseValue]);
-    /**
-     * Creates a combined keydown event handler that processes keyboard events in sequence.
-     *
-     * The handler chain executes in the following order:
-     * 1. User-provided onKeyDown handler (if any)
-     * 2. handleKeyDownPrevent - Prevents non-numeric input
-     * 3. handleKeyDown - Handles arrow keys and page up/down for value adjustments
-     * 4. handleKeyDownEnter - Handles Enter key press to format and update the value
-     *
-     * @returns A composed event handler function for the onKeyDown event
-     */
-    const combinedKeyDownHandler = useCallback((event) => {
-        composeEventHandlers(onKeyDown, chain(handleKeyDownPrevent, handleKeyDown, handleKeyDownEnter))(event);
-    }, [onKeyDown, handleKeyDown, handleKeyDownEnter, handleKeyDownPrevent]);
-    /**
-     * Adds a listener to handle wheel events for incrementing or decrementing the value.
-     */
-    useEffect(() => {
-        const handleWheel = (event) => {
-            const inputElement = inputRef.current;
-            if (!inputElement || disabled || readOnly || document.activeElement !== inputElement) {
-                return;
-            }
-            event.preventDefault();
-            if (event.deltaY > 0) {
-                onIncrement();
-            }
-            else {
-                onDecrement();
-            }
-        };
-        const inputElement = inputRef.current;
-        inputElement?.addEventListener("wheel", handleWheel);
-        return () => {
-            inputElement?.removeEventListener("wheel", handleWheel);
-        };
-    }, [onIncrement, onDecrement, inputRef, disabled, readOnly]);
-    /**
-     * Updates the input field's value when it changes in the context.
-     */
-    useEffect(() => {
-        const inputElement = inputRef.current;
-        if (inputElement && inputElement !== document.activeElement) {
-            inputElement.value = formatValue(value);
-        }
-    }, [formatValue, inputRef, value]);
-    /**
-     * Adds a listener to handle form reset events by clearing the input value.
-     */
-    useEffect(() => {
-        const inputElement = inputRef.current;
-        if (!inputElement) {
-            return;
-        }
-        const handleReset = () => {
-            onChange(parseValue(defaultValue));
-        };
-        const form = inputElement.form;
-        form?.addEventListener("reset", handleReset);
-        return () => {
-            form?.removeEventListener("reset", handleReset);
-        };
-    }, [defaultValue, inputRef, onChange, parseValue]);
-    return (_jsx(InputPrimitive.Field, { ref: inputRef, defaultValue: formatValue(value), disabled: disabled, id: id, inputMode: "decimal", max: max, min: min, readOnly: readOnly, step: step, onBlur: composeEventHandlers(onBlur, handleBlur), onKeyDown: combinedKeyDownHandler, ...inputScope, ...props }));
-}
-/* -----------------------------------------------------------------------------
- * Component: NumberStepperButton
- * -------------------------------------------------------------------------- */
-/**
- * The name of the NumberStepperButton component constant.
- */
-const NUMBER_STEPPER_BUTTON_NAME = "NumberStepperButton";
-function NumberStepperButton({ __scopeInputNumber, operation, ...props }) {
-    // Destructures relevant context values for the button functionality.
-    const { ariaDecrementLabel, ariaIncrementLabel, disabled, id, max, min, onDecrement, onIncrement, value, } = useInputNumberContext(NUMBER_STEPPER_BUTTON_NAME, __scopeInputNumber);
-    const isDisabled = useMemo(() => {
-        const atMin = min !== undefined && value !== undefined && value <= min;
-        const atMax = max !== undefined && value !== undefined && value >= max;
-        return (disabled ?? atMin) || atMax;
-    }, [min, max, value, disabled]);
-    /**
-     * Ref to store a timeout ID for managing repeated button actions.
-     */
-    const timeoutIdRef = useRef(null);
-    /**
-     * Starts a repeated action at a regular interval.
-     * The action begins immediately and then continues with a delay.
-     *
-     * @param callback - The callback function to execute repeatedly.
-     */
-    const startActionInterval = useCallback((callback) => {
-        // Time between repeated actions (in milliseconds).
-        const interval = 100;
-        // Function to perform the action and set the next interval.
-        const repeatAction = () => {
-            callback();
-            timeoutIdRef.current = setTimeout(repeatAction, interval);
-        };
-        callback();
-        timeoutIdRef.current = setTimeout(repeatAction, interval * 2);
-    }, []);
-    /**
-     * Clears any ongoing action intervals.
-     */
-    const clearActionInterval = useCallback(() => {
-        if (timeoutIdRef.current) {
-            clearTimeout(timeoutIdRef.current);
-            timeoutIdRef.current = null;
-        }
-    }, []);
-    /**
-     * Handles pointer down events and triggers the appropriate action
-     * (`increment` or `decrement`).
-     */
-    const handlePointerDown = useCallback(() => {
-        const action = operation === "increment" ? onIncrement : onDecrement;
-        startActionInterval(action);
-    }, [onDecrement, onIncrement, operation, startActionInterval]);
-    /**
-     * Prevents the context menu from displaying when the button is right-clicked.
-     *
-     * @param event - The mouse event triggered by the right-click.
-     */
-    const handleContextMenu = useCallback((event) => {
-        event.preventDefault();
-    }, []);
-    /**
-     * Handles keyboard events to support activation of the button using
-     * keyboard navigation (Enter or Space).
-     *
-     * @param event - The keyboard event with the triggered key.
-     */
-    const handleKeyDown = useCallback((event) => {
-        if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            const action = operation === "increment" ? onIncrement : onDecrement;
-            action();
-        }
-    }, [onDecrement, onIncrement, operation]);
-    return (_jsx("button", { "aria-controls": id, "aria-label": operation === "increment" ? ariaIncrementLabel : ariaDecrementLabel, "aria-live": "polite", disabled: isDisabled, type: "button", onContextMenu: handleContextMenu, onKeyDown: handleKeyDown, onPointerCancel: clearActionInterval, onPointerDown: handlePointerDown, onPointerLeave: clearActionInterval, onPointerUp: clearActionInterval, ...props }));
-}
-function InputNumberIncrementButton(props) {
-    return _jsx(NumberStepperButton, { operation: "increment", ...props });
-}
-function InputNumberDecrementButton(props) {
-    return _jsx(NumberStepperButton, { operation: "decrement", ...props });
-}
-/* -----------------------------------------------------------------------------
- * Utility Functions
- * -------------------------------------------------------------------------- */
-/**
- * Chains multiple callbacks into a single function
- *
- * @param callbacks - Array of callback functions that will be executed in order
- * @returns A single function that executes all callbacks
- */
-function chain(...callbacks) {
-    return (...args) => {
-        for (const callback of callbacks) {
-            callback(...args);
-        }
-    };
-}
-/**
- * Extracts decimal and a thousand separators from a given locale's number format
- *
- * @param locale - The locale string to use for number formatting (e.g., 'en-US', 'de-DE')
- * @returns Object containing decimal and a thousand separators
- */
-function getNumberFormatSeparators(locale) {
-    const numberFormat = new Intl.NumberFormat(locale);
-    const parts = numberFormat.formatToParts(12_345.6);
-    let thousandSeparator = "";
-    let decimalSeparator = "";
-    for (const part of parts) {
-        if (part.type === "group") {
-            thousandSeparator = part.value;
-        }
-        if (part.type === "decimal") {
-            decimalSeparator = part.value;
-        }
-        // Stop early if you've found enough.
-        if (thousandSeparator && decimalSeparator) {
-            break;
-        }
-    }
-    return { decimalSeparator, thousandSeparator };
-}
-/**
- * Normalizes an input value by removing formatting characters
- *
- * @param value - The input string to normalize
- * @param thousandSeparator - The thousand-separator character to remove
- * @param decimalSeparator - The decimal separator to convert to standard dot notation
- * @returns Normalized string value ready for numeric conversion
- */
-function normalizeInputValue(value, thousandSeparator, decimalSeparator) {
-    return value
-        .replaceAll(new RegExp(`\\${thousandSeparator}`, "g"), "")
-        .replace(new RegExp(`\\${decimalSeparator}`), ".")
-        .replaceAll(/[()]/g, "-");
-}
-/**
- * Checks if a keyboard event includes modifier keys (Ctrl, Alt, Meta, Shift)
- *
- * @param event - The keyboard event to check
- * @returns True if any modifier key is pressed
- */
-function isModifierKey(event) {
-    return event.ctrlKey || event.altKey || event.metaKey || event.shiftKey;
-}
-/**
- * Determines if a key is a function key (F1-F12)
- *
- * @param key - The key name to check
- * @returns True if the key is a function key
- */
-function isFunctionKey(key) {
-    return key.startsWith("F") && key.length > 1;
-}
-/**
- * Checks if a key represents a number (0-9)
- *
- * @param key - The key name to check
- * @returns True if the key represents a number
- */
-function isNumberKey(key) {
-    return !Number.isNaN(Number(key));
-}
-/**
- * Clamps a numeric value between a minimum and maximum
- *
- * @param value - The value to clamp
- * @param min - The minimum allowed value (defaults to \-Infinity)
- * @param max - The maximum allowed value (defaults to Infinity)
- * @returns The clamped value
- */
-function clamp(value, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY) {
-    return Math.min(Math.max(value, min), max);
-}
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-export { createInputNumberScope, InputNumberDecrementButton as DecrementButton, InputNumberField as Field, InputNumberIncrementButton as IncrementButton, InputNumber, InputNumberDecrementButton, InputNumberField, InputNumberIncrementButton, InputNumber as Root, };