@sprawlify/vue 0.0.66 → 0.0.67

package/dist/components/editable/index.js

@@ -0,0 +1,459 @@
+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-B2CNPFg1.js";
+import { r as createContext, t as useForwardExpose } from "../../use-forward-expose-4p5AGAI3.js";
+import { t as sprawlify } from "../../factory-BH3WrWd2.js";
+import { t as cleanProps } from "../../clean-props-BDv2zb5M.js";
+import { m as useFieldContext } from "../../field-DnHnX3Tf.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as editable from "@sprawlify/primitives/machines/editable";
+import { anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
+
+//#region src/components/editable/use-editable-context.ts
+const [EditableProvider, useEditableContext] = createContext("EditableContext");
+
+//#endregion
+//#region src/components/editable/editable-area.vue?vue&type=script&setup=true&lang.ts
+var editable_area_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-area",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(editable).getAreaProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-area.vue
+var editable_area_default = editable_area_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable-cancel-trigger.vue?vue&type=script&setup=true&lang.ts
+var editable_cancel_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-cancel-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(editable).getCancelTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-cancel-trigger.vue
+var editable_cancel_trigger_default = editable_cancel_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable-context.vue?vue&type=script&setup=true&lang.ts
+var editable_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-context",
+	setup(__props) {
+		const editable = useEditableContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(editable))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-context.vue
+var editable_context_default = editable_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable-control.vue?vue&type=script&setup=true&lang.ts
+var editable_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-control",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(editable).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-control.vue
+var editable_control_default = editable_control_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable-edit-trigger.vue?vue&type=script&setup=true&lang.ts
+var editable_edit_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-edit-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(editable).getEditTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-edit-trigger.vue
+var editable_edit_trigger_default = editable_edit_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable-input.vue?vue&type=script&setup=true&lang.ts
+var editable_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-input",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const editable = useEditableContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).input, mergeProps({ "aria-describedby": unref(field)?.ariaDescribedby }, unref(editable).getInputProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-input.vue
+var editable_input_default = editable_input_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable-label.vue?vue&type=script&setup=true&lang.ts
+var editable_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-label",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).label, mergeProps(unref(editable).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-label.vue
+var editable_label_default = editable_label_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable-preview.vue?vue&type=script&setup=true&lang.ts
+var editable_preview_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-preview",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(editable).getPreviewProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-preview.vue
+var editable_preview_default = editable_preview_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable-root-provider.vue?vue&type=script&setup=true&lang.ts
+var editable_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const editable = computed(() => props.value);
+		EditableProvider(editable);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(editable.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-root-provider.vue
+var editable_root_provider_default = editable_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/use-editable.ts
+const useEditable = (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,
+			invalid: field?.value.invalid,
+			readOnly: field?.value.readOnly,
+			required: field?.value.required,
+			dir: locale.value.dir,
+			value: localeProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localeProps),
+			onEditChange: (details) => {
+				emit?.("editChange", details);
+				emit?.("update:edit", details.edit);
+				localeProps.onEditChange?.(details);
+			},
+			onValueChange(details) {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localeProps.onValueChange?.(details);
+			},
+			onFocusOutside: (details) => {
+				emit?.("focusOutside", details);
+				localeProps.onFocusOutside?.(details);
+			},
+			onInteractOutside: (details) => {
+				emit?.("interactOutside", details);
+				localeProps.onInteractOutside?.(details);
+			},
+			onPointerDownOutside: (details) => {
+				emit?.("pointerDownOutside", details);
+				localeProps.onPointerDownOutside?.(details);
+			},
+			onValueCommit: (details) => {
+				emit?.("valueCommit", details);
+				localeProps.onValueCommit?.(details);
+			},
+			onValueRevert: (details) => {
+				emit?.("valueRevert", details);
+				localeProps.onValueRevert?.(details);
+			}
+		};
+	});
+	const service = useMachine(editable.machine, context);
+	return computed(() => editable.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/editable/editable-root.vue?vue&type=script&setup=true&lang.ts
+var editable_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		activationMode: {
+			type: null,
+			required: false
+		},
+		autoResize: {
+			type: Boolean,
+			required: false
+		},
+		defaultEdit: {
+			type: Boolean,
+			required: false
+		},
+		defaultValue: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		edit: {
+			type: Boolean,
+			required: false
+		},
+		finalFocusEl: {
+			type: Function,
+			required: false
+		},
+		form: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		invalid: {
+			type: Boolean,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		modelValue: {
+			type: String,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: [String, Object],
+			required: false
+		},
+		readOnly: {
+			type: Boolean,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		selectOnFocus: {
+			type: Boolean,
+			required: false
+		},
+		submitMode: {
+			type: null,
+			required: false
+		},
+		translations: {
+			type: null,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		autoResize: void 0,
+		defaultEdit: void 0,
+		disabled: void 0,
+		edit: void 0,
+		invalid: void 0,
+		readOnly: void 0,
+		required: void 0,
+		selectOnFocus: void 0
+	}),
+	emits: [
+		"editChange",
+		"focusOutside",
+		"interactOutside",
+		"pointerDownOutside",
+		"valueChange",
+		"valueCommit",
+		"valueRevert",
+		"update:modelValue",
+		"update:edit"
+	],
+	setup(__props, { emit: __emit }) {
+		const editable = useEditable(__props, __emit);
+		EditableProvider(editable);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(editable).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-root.vue
+var editable_root_default = editable_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable-submit-trigger.vue?vue&type=script&setup=true&lang.ts
+var editable_submit_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "editable-submit-trigger",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(editable).getSubmitTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/editable/editable-submit-trigger.vue
+var editable_submit_trigger_default = editable_submit_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/editable/editable.ts
+var editable_exports = /* @__PURE__ */ __exportAll({
+	Area: () => editable_area_default,
+	CancelTrigger: () => editable_cancel_trigger_default,
+	Context: () => editable_context_default,
+	Control: () => editable_control_default,
+	EditTrigger: () => editable_edit_trigger_default,
+	Input: () => editable_input_default,
+	Label: () => editable_label_default,
+	Preview: () => editable_preview_default,
+	Root: () => editable_root_default,
+	RootProvider: () => editable_root_provider_default,
+	SubmitTrigger: () => editable_submit_trigger_default
+});
+
+//#endregion
+export { editable_exports as Editable, editable_area_default as EditableArea, editable_cancel_trigger_default as EditableCancelTrigger, editable_context_default as EditableContext, editable_control_default as EditableControl, editable_edit_trigger_default as EditableEditTrigger, editable_input_default as EditableInput, editable_label_default as EditableLabel, editable_preview_default as EditablePreview, editable_root_default as EditableRoot, editable_root_provider_default as EditableRootProvider, editable_submit_trigger_default as EditableSubmitTrigger, editableAnatomy, useEditable, useEditableContext };

package/dist/components/field/index.d.ts

@@ -1,7 +1,7 @@
 import { t as PolymorphicProps } from "../../factory-D_ge_w76.js";
-import * as vue454 from "vue";
+import * as vue419 from "vue";
 import { HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SelectHTMLAttributes, SlotsType, TextareaHTMLAttributes, UnwrapRef } from "vue";
-import * as _sprawlify_primitives_anatomy2 from "@sprawlify/primitives/anatomy";
+import * as _sprawlify_primitives_anatomy1 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/field/field-types.d.ts
 interface ElementIds {
@@ -30,7 +30,7 @@ interface UseFieldProps {
   readOnly?: boolean;
 }
 type UseFieldReturn = ReturnType<typeof useField>;
-declare const useField: (props?: MaybeRef<UseFieldProps>) => vue454.ComputedRef<{
+declare const useField: (props?: MaybeRef<UseFieldProps>) => vue419.ComputedRef<{
   ariaDescribedby: string | undefined;
   ids: {
     control: string;
@@ -39,7 +39,7 @@ declare const useField: (props?: MaybeRef<UseFieldProps>) => vue454.ComputedRef<
     helperText: string;
   };
   refs: {
-    rootRef: vue454.Ref<null, null>;
+    rootRef: vue419.Ref<null, null>;
   };
   disabled: boolean | undefined;
   invalid: boolean | undefined;
@@ -121,7 +121,7 @@ interface FieldContextProps extends SlotsType<{
   default: UnwrapRef<UseFieldContext>;
 }> {}
 declare const _default: typeof __VLS_export$9;
-declare const __VLS_export$9: __VLS_WithSlots$9<vue454.DefineComponent<{}, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {}, string, vue454.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue454.ComponentProvideOptions, true, {}, any>, {
+declare const __VLS_export$9: __VLS_WithSlots$9<vue419.DefineComponent<{}, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {}, string, vue419.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue419.ComponentProvideOptions, true, {}, any>, {
   default(field: UnwrapRef<UseFieldContext>): unknown;
 }>;
 type __VLS_WithSlots$9<T, S> = T & {
@@ -138,7 +138,7 @@ interface FieldErrorTextProps extends FieldErrorTextBaseProps,
  */
 HTMLAttributes {}
 declare const _default$1: typeof __VLS_export$8;
-declare const __VLS_export$8: __VLS_WithSlots$8<vue454.DefineComponent<FieldErrorTextProps, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {}, string, vue454.PublicProps, Readonly<FieldErrorTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>, {
+declare const __VLS_export$8: __VLS_WithSlots$8<vue419.DefineComponent<FieldErrorTextProps, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {}, string, vue419.PublicProps, Readonly<FieldErrorTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue419.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$8<T, S> = T & {
@@ -155,7 +155,7 @@ interface FieldHelperTextProps extends FieldHelperTextBaseProps,
  */
 HTMLAttributes {}
 declare const _default$2: typeof __VLS_export$7;
-declare const __VLS_export$7: __VLS_WithSlots$7<vue454.DefineComponent<FieldHelperTextProps, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {}, string, vue454.PublicProps, Readonly<FieldHelperTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>, {
+declare const __VLS_export$7: __VLS_WithSlots$7<vue419.DefineComponent<FieldHelperTextProps, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {}, string, vue419.PublicProps, Readonly<FieldHelperTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue419.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$7<T, S> = T & {
@@ -174,11 +174,11 @@ Omit<InputHTMLAttributes, 'value'> {
   modelValue?: InputHTMLAttributes['value'];
 }
 declare const _default$3: typeof __VLS_export$6;
-declare const __VLS_export$6: __VLS_WithSlots$6<vue454.DefineComponent<FieldInputProps, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {
+declare const __VLS_export$6: __VLS_WithSlots$6<vue419.DefineComponent<FieldInputProps, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {
   "update:modelValue": (...args: any[]) => void;
-}, string, vue454.PublicProps, Readonly<FieldInputProps> & Readonly<{
+}, string, vue419.PublicProps, Readonly<FieldInputProps> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, vue419.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$6<T, S> = T & {
@@ -195,7 +195,7 @@ interface FieldLabelProps extends FieldLabelBaseProps,
  */
 LabelHTMLAttributes {}
 declare const _default$4: typeof __VLS_export$5;
-declare const __VLS_export$5: __VLS_WithSlots$5<vue454.DefineComponent<FieldLabelProps, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {}, string, vue454.PublicProps, Readonly<FieldLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>, {
+declare const __VLS_export$5: __VLS_WithSlots$5<vue419.DefineComponent<FieldLabelProps, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {}, string, vue419.PublicProps, Readonly<FieldLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue419.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$5<T, S> = T & {
@@ -212,7 +212,7 @@ interface FieldRequiredIndicatorProps extends FieldRequiredIndicatorBaseProps,
  */
 HTMLAttributes {}
 declare const _default$5: typeof __VLS_export$4;
-declare const __VLS_export$4: __VLS_WithSlots$4<vue454.DefineComponent<FieldRequiredIndicatorProps, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {}, string, vue454.PublicProps, Readonly<FieldRequiredIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>, {
+declare const __VLS_export$4: __VLS_WithSlots$4<vue419.DefineComponent<FieldRequiredIndicatorProps, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {}, string, vue419.PublicProps, Readonly<FieldRequiredIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue419.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 } & {
   fallback?: (props: {}) => any;
@@ -234,7 +234,7 @@ interface FieldRootProviderProps extends FieldRootProviderBaseProps,
  */
 HTMLAttributes {}
 declare const _default$7: typeof __VLS_export$3;
-declare const __VLS_export$3: __VLS_WithSlots$3<vue454.DefineComponent<FieldRootProviderProps, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {}, string, vue454.PublicProps, Readonly<FieldRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>, {
+declare const __VLS_export$3: __VLS_WithSlots$3<vue419.DefineComponent<FieldRootProviderProps, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {}, string, vue419.PublicProps, Readonly<FieldRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue419.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$3<T, S> = T & {
@@ -251,12 +251,12 @@ interface FieldRootProps extends FieldRootBaseProps,
  */
 HTMLAttributes {}
 declare const _default$6: typeof __VLS_export$2;
-declare const __VLS_export$2: __VLS_WithSlots$2<vue454.DefineComponent<FieldRootProps, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {}, string, vue454.PublicProps, Readonly<FieldRootProps> & Readonly<{}>, {
+declare const __VLS_export$2: __VLS_WithSlots$2<vue419.DefineComponent<FieldRootProps, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {}, string, vue419.PublicProps, Readonly<FieldRootProps> & Readonly<{}>, {
   disabled: boolean;
+  required: boolean;
   invalid: boolean;
   readOnly: boolean;
-  required: boolean;
-}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>, {
+}, {}, {}, {}, string, vue419.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$2<T, S> = T & {
@@ -275,15 +275,15 @@ Omit<SelectHTMLAttributes, 'value'> {
   modelValue?: SelectHTMLAttributes['value'];
 }
 declare const _default$8: typeof __VLS_export$1;
-declare const __VLS_export$1: __VLS_WithSlots$1<vue454.DefineComponent<FieldSelectProps & {
+declare const __VLS_export$1: __VLS_WithSlots$1<vue419.DefineComponent<FieldSelectProps & {
   modelValue?: string;
-}, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {
+}, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {
   "update:modelValue": (...args: any[]) => void;
-}, string, vue454.PublicProps, Readonly<FieldSelectProps & {
+}, string, vue419.PublicProps, Readonly<FieldSelectProps & {
   modelValue?: string;
 }> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, vue419.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots$1<T, S> = T & {
@@ -304,11 +304,11 @@ Omit<TextareaHTMLAttributes, 'value'> {
   modelValue?: TextareaHTMLAttributes['value'];
 }
 declare const _default$9: typeof __VLS_export;
-declare const __VLS_export: __VLS_WithSlots<vue454.DefineComponent<FieldTextareaProps, {}, {}, {}, {}, vue454.ComponentOptionsMixin, vue454.ComponentOptionsMixin, {
+declare const __VLS_export: __VLS_WithSlots<vue419.DefineComponent<FieldTextareaProps, {}, {}, {}, {}, vue419.ComponentOptionsMixin, vue419.ComponentOptionsMixin, {
   "update:modelValue": (...args: any[]) => void;
-}, string, vue454.PublicProps, Readonly<FieldTextareaProps> & Readonly<{
+}, string, vue419.PublicProps, Readonly<FieldTextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue454.ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, vue419.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
@@ -318,7 +318,7 @@ type __VLS_WithSlots<T, S> = T & {
 };
 //#endregion
 //#region src/components/field/field-anatomy.d.ts
-declare const fieldAnatomy: _sprawlify_primitives_anatomy2.AnatomyInstance<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">;
+declare const fieldAnatomy: _sprawlify_primitives_anatomy1.AnatomyInstance<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">;
 declare namespace field_d_exports {
   export { _default as Context, FieldContextProps as ContextProps, _default$1 as ErrorText, FieldErrorTextBaseProps as ErrorTextBaseProps, FieldErrorTextProps as ErrorTextProps, _default$2 as HelperText, FieldHelperTextBaseProps as HelperTextBaseProps, FieldHelperTextProps as HelperTextProps, _default$3 as Input, FieldInputBaseProps as InputBaseProps, FieldInputProps as InputProps, _default$4 as Label, FieldLabelBaseProps as LabelBaseProps, FieldLabelProps as LabelProps, _default$5 as RequiredIndicator, FieldRequiredIndicatorBaseProps as RequiredIndicatorBaseProps, FieldRequiredIndicatorProps as RequiredIndicatorProps, _default$6 as Root, FieldRootBaseProps as RootBaseProps, FieldRootProps as RootProps, _default$7 as RootProvider, FieldRootProviderBaseProps as RootProviderBaseProps, FieldRootProviderProps as RootProviderProps, _default$8 as Select, FieldSelectBaseProps as SelectBaseProps, FieldSelectProps as SelectProps, _default$9 as Textarea, FieldTextareaBaseProps as TextareaBaseProps, FieldTextareaProps as TextareaProps };
 }