@sprawlify/vue 0.0.67 → 0.0.72

package/dist/components/number-input/index.d.ts

@@ -0,0 +1,253 @@
+import { t as PolymorphicProps } from "../../factory-B5zr8_kk.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-DIEO6uP3.js";
+import { r as PropTypes } from "../../index-CCRVRFFQ.js";
+import * as vue1020 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as numberInput from "@sprawlify/primitives/machines/number-input";
+import { FocusChangeDetails, FocusChangeDetails as NumberInputFocusChangeDetails, ValueChangeDetails, ValueChangeDetails as NumberInputValueChangeDetails, ValueInvalidDetails, ValueInvalidDetails as NumberInputValueInvalidDetails, anatomy as numberInputAnatomy } from "@sprawlify/primitives/machines/number-input";
+
+//#region src/components/number-input/number-input-types.d.ts
+interface RootProps {
+  allowMouseWheel?: boolean;
+  allowOverflow?: boolean;
+  clampValueOnBlur?: boolean;
+  defaultValue?: string;
+  disabled?: boolean;
+  focusInputOnChange?: boolean;
+  form?: string;
+  formatOptions?: Intl.NumberFormatOptions;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    label: string;
+    input: string;
+    incrementTrigger: string;
+    decrementTrigger: string;
+    scrubber: string;
+  }>;
+  inputMode?: 'text' | 'tel' | 'numeric' | 'decimal';
+  invalid?: boolean;
+  locale?: string;
+  max?: number;
+  min?: number;
+  modelValue?: string;
+  name?: string;
+  pattern?: string;
+  readOnly?: boolean;
+  required?: boolean;
+  spinOnPress?: boolean;
+  step?: number;
+  translations?: numberInput.IntlTranslations;
+}
+type RootEmits = {
+  focusChange: [details: numberInput.FocusChangeDetails];
+  valueChange: [details: numberInput.ValueChangeDetails];
+  valueInvalid: [details: numberInput.ValueInvalidDetails];
+  'update:modelValue': [value: string];
+};
+//#endregion
+//#region src/components/number-input/use-number-input.d.ts
+interface UseNumberInputProps extends Optional<Omit<numberInput.Props, 'dir' | 'getRootNode'>, 'id'> {
+  modelValue?: numberInput.Props['value'];
+}
+interface UseNumberInputReturn extends ComputedRef<numberInput.Api<PropTypes>> {}
+declare const useNumberInput: (props?: MaybeRef<UseNumberInputProps>, emit?: EmitFn$1<RootEmits>) => UseNumberInputReturn;
+//#endregion
+//#region src/components/number-input/use-number-input-context.d.ts
+interface UseNumberInputContext extends UseNumberInputReturn {}
+//#endregion
+//#region src/components/number-input/number-input-context.vue.d.ts
+interface NumberInputContextProps extends SlotsType<{
+  default: UnwrapRef<UseNumberInputContext>;
+}> {}
+declare const _default: typeof __VLS_export$9;
+declare const __VLS_export$9: __VLS_WithSlots$9<vue1020.DefineComponent<{}, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {}, string, vue1020.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue1020.ComponentProvideOptions, true, {}, any>, {
+  default(numberInput: UnwrapRef<UseNumberInputContext>): unknown;
+}>;
+type __VLS_WithSlots$9<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/number-input/number-input-control.vue.d.ts
+interface NumberInputControlBaseProps extends PolymorphicProps {}
+interface NumberInputControlProps extends NumberInputControlBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$8<vue1020.DefineComponent<NumberInputControlProps, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {}, string, vue1020.PublicProps, Readonly<NumberInputControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1020.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/number-input/number-input-decrement-trigger.vue.d.ts
+interface NumberInputDecrementTriggerBaseProps extends PolymorphicProps {}
+interface NumberInputDecrementTriggerProps extends NumberInputDecrementTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$2: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<vue1020.DefineComponent<NumberInputDecrementTriggerProps, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {}, string, vue1020.PublicProps, Readonly<NumberInputDecrementTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1020.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/number-input/number-input-increment-trigger.vue.d.ts
+interface NumberInputIncrementTriggerBaseProps extends PolymorphicProps {}
+interface NumberInputIncrementTriggerProps extends NumberInputIncrementTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$3: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<vue1020.DefineComponent<NumberInputIncrementTriggerProps, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {}, string, vue1020.PublicProps, Readonly<NumberInputIncrementTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1020.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/number-input/number-input-input.vue.d.ts
+interface NumberInputInputBaseProps extends PolymorphicProps {}
+interface NumberInputInputProps extends NumberInputInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$4: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<vue1020.DefineComponent<NumberInputInputProps, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {}, string, vue1020.PublicProps, Readonly<NumberInputInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1020.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/number-input/number-input-label.vue.d.ts
+interface NumberInputLabelBaseProps extends PolymorphicProps {}
+interface NumberInputLabelProps extends NumberInputLabelBaseProps,
+/**
+ * @vue-ignore
+ */
+LabelHTMLAttributes {}
+declare const _default$5: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<vue1020.DefineComponent<NumberInputLabelProps, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {}, string, vue1020.PublicProps, Readonly<NumberInputLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1020.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/number-input/number-input-root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseNumberInputReturn>;
+}
+interface NumberInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface NumberInputRootProviderProps extends NumberInputRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$7: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<vue1020.DefineComponent<NumberInputRootProviderProps, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {}, string, vue1020.PublicProps, Readonly<NumberInputRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1020.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/number-input/number-input-root.vue.d.ts
+interface NumberInputRootBaseProps extends RootProps, PolymorphicProps {}
+interface NumberInputRootProps extends NumberInputRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface NumberInputRootEmits extends RootEmits {}
+declare const _default$6: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue1020.DefineComponent<NumberInputRootProps, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {
+  valueChange: (details: numberInput.ValueChangeDetails) => any;
+  valueInvalid: (details: numberInput.ValueInvalidDetails) => any;
+  "update:modelValue": (value: string) => any;
+  focusChange: (details: numberInput.FocusChangeDetails) => any;
+}, string, vue1020.PublicProps, Readonly<NumberInputRootProps> & Readonly<{
+  onValueChange?: ((details: numberInput.ValueChangeDetails) => any) | undefined;
+  onValueInvalid?: ((details: numberInput.ValueInvalidDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onFocusChange?: ((details: numberInput.FocusChangeDetails) => any) | undefined;
+}>, {
+  required: boolean;
+  disabled: boolean;
+  invalid: boolean;
+  readOnly: boolean;
+  allowOverflow: boolean;
+  allowMouseWheel: boolean;
+  clampValueOnBlur: boolean;
+  focusInputOnChange: boolean;
+  spinOnPress: boolean;
+}, {}, {}, {}, string, vue1020.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/number-input/number-input-scrubber.vue.d.ts
+interface NumberInputScrubberBaseProps extends PolymorphicProps {}
+interface NumberInputScrubberProps extends NumberInputScrubberBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$8: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<vue1020.DefineComponent<NumberInputScrubberProps, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {}, string, vue1020.PublicProps, Readonly<NumberInputScrubberProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1020.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/number-input/number-input-value-text.vue.d.ts
+interface NumberInputValueTextBaseProps extends PolymorphicProps {}
+interface NumberInputValueTextProps extends NumberInputValueTextBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$9: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue1020.DefineComponent<NumberInputValueTextProps, {}, {}, {}, {}, vue1020.ComponentOptionsMixin, vue1020.ComponentOptionsMixin, {}, string, vue1020.PublicProps, Readonly<NumberInputValueTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1020.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace number_input_d_exports {
+  export { _default as Context, NumberInputContextProps as ContextProps, _default$1 as Control, NumberInputControlBaseProps as ControlBaseProps, NumberInputControlProps as ControlProps, _default$2 as DecrementTrigger, NumberInputDecrementTriggerBaseProps as DecrementTriggerBaseProps, NumberInputDecrementTriggerProps as DecrementTriggerProps, FocusChangeDetails, _default$3 as IncrementTrigger, NumberInputIncrementTriggerBaseProps as IncrementTriggerBaseProps, NumberInputIncrementTriggerProps as IncrementTriggerProps, _default$4 as Input, NumberInputInputBaseProps as InputBaseProps, NumberInputInputProps as InputProps, _default$5 as Label, NumberInputLabelBaseProps as LabelBaseProps, NumberInputLabelProps as LabelProps, _default$6 as Root, NumberInputRootBaseProps as RootBaseProps, NumberInputRootEmits as RootEmits, NumberInputRootProps as RootProps, _default$7 as RootProvider, NumberInputRootProviderBaseProps as RootProviderBaseProps, NumberInputRootProviderProps as RootProviderProps, _default$8 as Scrubber, NumberInputScrubberBaseProps as ScrubberBaseProps, NumberInputScrubberProps as ScrubberProps, ValueChangeDetails, ValueInvalidDetails, _default$9 as ValueText, NumberInputValueTextBaseProps as ValueTextBaseProps, NumberInputValueTextProps as ValueTextProps };
+}
+//#endregion
+export { number_input_d_exports as NumberInput, _default as NumberInputContext, type NumberInputContextProps, _default$1 as NumberInputControl, type NumberInputControlBaseProps, type NumberInputControlProps, _default$2 as NumberInputDecrementTrigger, type NumberInputDecrementTriggerBaseProps, type NumberInputDecrementTriggerProps, type NumberInputFocusChangeDetails, _default$3 as NumberInputIncrementTrigger, type NumberInputIncrementTriggerBaseProps, type NumberInputIncrementTriggerProps, _default$4 as NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps, _default$5 as NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps, _default$6 as NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootEmits, type NumberInputRootProps, _default$7 as NumberInputRootProvider, type NumberInputRootProviderBaseProps, type NumberInputRootProviderProps, _default$8 as NumberInputScrubber, type NumberInputScrubberBaseProps, type NumberInputScrubberProps, type NumberInputValueChangeDetails, type NumberInputValueInvalidDetails, _default$9 as NumberInputValueText, type NumberInputValueTextBaseProps, type NumberInputValueTextProps, type UseNumberInputContext, type UseNumberInputProps, type UseNumberInputReturn, numberInputAnatomy, useNumberInput, useNumberInputContext };

package/dist/components/number-input/index.js

@@ -0,0 +1,427 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as sprawlify } from "../../factory-Co08Aw8u.js";
+import { t as cleanProps } from "../../clean-props-D2R4tz5e.js";
+import { m as useFieldContext } from "../../field-CtPR24u6.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as numberInput from "@sprawlify/primitives/machines/number-input";
+import { anatomy as numberInputAnatomy } from "@sprawlify/primitives/machines/number-input";
+
+//#region src/components/number-input/use-number-input-context.ts
+const [NumberInputProvider, useNumberInputContext] = createContext("NumberInputContext");
+
+//#endregion
+//#region src/components/number-input/number-input-context.vue?vue&type=script&setup=true&lang.ts
+var number_input_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-context",
+	setup(__props) {
+		const numberInput = useNumberInputContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(numberInput))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-context.vue
+var number_input_context_default = number_input_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/number-input-control.vue?vue&type=script&setup=true&lang.ts
+var number_input_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-control",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const numberInput = useNumberInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(numberInput).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-control.vue
+var number_input_control_default = number_input_control_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/number-input-decrement-trigger.vue?vue&type=script&setup=true&lang.ts
+var number_input_decrement_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-decrement-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const numberInput = useNumberInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(numberInput).getDecrementTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-decrement-trigger.vue
+var number_input_decrement_trigger_default = number_input_decrement_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/number-input-increment-trigger.vue?vue&type=script&setup=true&lang.ts
+var number_input_increment_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-increment-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const numberInput = useNumberInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(numberInput).getIncrementTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-increment-trigger.vue
+var number_input_increment_trigger_default = number_input_increment_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/number-input-input.vue?vue&type=script&setup=true&lang.ts
+var number_input_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-input",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const numberInput = useNumberInputContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).input, mergeProps({ "aria-describedby": unref(field)?.ariaDescribedby }, unref(numberInput).getInputProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-input.vue
+var number_input_input_default = number_input_input_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/number-input-label.vue?vue&type=script&setup=true&lang.ts
+var number_input_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-label",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const numberInput = useNumberInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).label, mergeProps(unref(numberInput).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-label.vue
+var number_input_label_default = number_input_label_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/number-input-root-provider.vue?vue&type=script&setup=true&lang.ts
+var number_input_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const numberInput = computed(() => props.value);
+		NumberInputProvider(numberInput);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(numberInput.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-root-provider.vue
+var number_input_root_provider_default = number_input_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/use-number-input.ts
+const useNumberInput = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const field = useFieldContext();
+	const context = computed(() => {
+		const localeProps = toValue(props);
+		return {
+			id,
+			ids: {
+				label: field?.value.ids.label,
+				input: field?.value.ids.control
+			},
+			disabled: field?.value.disabled,
+			readOnly: field?.value.readOnly,
+			required: field?.value.required,
+			invalid: field?.value.invalid,
+			dir: locale.value.dir,
+			locale: locale.value.locale,
+			value: localeProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localeProps.onValueChange?.(details);
+			},
+			onFocusChange: (details) => {
+				emit?.("focusChange", details);
+				localeProps.onFocusChange?.(details);
+			},
+			onValueInvalid: (details) => {
+				emit?.("valueInvalid", details);
+				localeProps.onValueInvalid?.(details);
+			}
+		};
+	});
+	const service = useMachine(numberInput.machine, context);
+	return computed(() => numberInput.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/number-input/number-input-root.vue?vue&type=script&setup=true&lang.ts
+var number_input_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		allowMouseWheel: {
+			type: Boolean,
+			required: false
+		},
+		allowOverflow: {
+			type: Boolean,
+			required: false
+		},
+		clampValueOnBlur: {
+			type: Boolean,
+			required: false
+		},
+		defaultValue: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		focusInputOnChange: {
+			type: Boolean,
+			required: false
+		},
+		form: {
+			type: String,
+			required: false
+		},
+		formatOptions: {
+			type: null,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		inputMode: {
+			type: String,
+			required: false
+		},
+		invalid: {
+			type: Boolean,
+			required: false
+		},
+		locale: {
+			type: String,
+			required: false
+		},
+		max: {
+			type: Number,
+			required: false
+		},
+		min: {
+			type: Number,
+			required: false
+		},
+		modelValue: {
+			type: String,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		pattern: {
+			type: String,
+			required: false
+		},
+		readOnly: {
+			type: Boolean,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		spinOnPress: {
+			type: Boolean,
+			required: false
+		},
+		step: {
+			type: Number,
+			required: false
+		},
+		translations: {
+			type: null,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		allowMouseWheel: void 0,
+		allowOverflow: void 0,
+		clampValueOnBlur: void 0,
+		disabled: void 0,
+		focusInputOnChange: void 0,
+		invalid: void 0,
+		readOnly: void 0,
+		required: void 0,
+		spinOnPress: void 0
+	}),
+	emits: [
+		"focusChange",
+		"valueChange",
+		"valueInvalid",
+		"update:modelValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const numberInput = useNumberInput(__props, __emit);
+		NumberInputProvider(numberInput);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(numberInput).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-root.vue
+var number_input_root_default = number_input_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/number-input-scrubber.vue?vue&type=script&setup=true&lang.ts
+var number_input_scrubber_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-scrubber",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const numberInput = useNumberInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(numberInput).getScrubberProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-scrubber.vue
+var number_input_scrubber_default = number_input_scrubber_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/number-input-value-text.vue?vue&type=script&setup=true&lang.ts
+var number_input_value_text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-input-value-text",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const numberInput = useNumberInputContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(numberInput).getValueTextProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/number-input/number-input-value-text.vue
+var number_input_value_text_default = number_input_value_text_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/number-input/number-input.ts
+var number_input_exports = /* @__PURE__ */ __exportAll({
+	Context: () => number_input_context_default,
+	Control: () => number_input_control_default,
+	DecrementTrigger: () => number_input_decrement_trigger_default,
+	IncrementTrigger: () => number_input_increment_trigger_default,
+	Input: () => number_input_input_default,
+	Label: () => number_input_label_default,
+	Root: () => number_input_root_default,
+	RootProvider: () => number_input_root_provider_default,
+	Scrubber: () => number_input_scrubber_default,
+	ValueText: () => number_input_value_text_default
+});
+
+//#endregion
+export { number_input_exports as NumberInput, number_input_context_default as NumberInputContext, number_input_control_default as NumberInputControl, number_input_decrement_trigger_default as NumberInputDecrementTrigger, number_input_increment_trigger_default as NumberInputIncrementTrigger, number_input_input_default as NumberInputInput, number_input_label_default as NumberInputLabel, number_input_root_default as NumberInputRoot, number_input_root_provider_default as NumberInputRootProvider, number_input_scrubber_default as NumberInputScrubber, number_input_value_text_default as NumberInputValueText, numberInputAnatomy, useNumberInput, useNumberInputContext };