@wirekyt/vue 0.0.1 → 0.0.3

package/dist/editable.d.ts

@@ -0,0 +1,285 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-BSoF1D-v.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as editable from "@wirekyt/dom/machines/editable";
+import { EditChangeDetails as EditableEditChangeDetails, FocusOutsideEvent, FocusOutsideEvent as EditableFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as EditableInteractOutsideEvent, PointerDownOutsideEvent, PointerDownOutsideEvent as EditablePointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as EditableValueChangeDetails, anatomy as editableAnatomy } from "@wirekyt/dom/machines/editable";
+//#region src/components/editable/area.vue.d.ts
+interface EditableAreaBaseProps extends PolymorphicProps {}
+interface EditableAreaProps extends EditableAreaBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$10;
+declare const __VLS_export$10: __VLS_WithSlots$10<import("vue").DefineComponent<EditableAreaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$10<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/editable/cancel-trigger.vue.d.ts
+interface EditableCancelTriggerBaseProps extends PolymorphicProps {}
+interface EditableCancelTriggerProps extends EditableCancelTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$1: typeof __VLS_export$9;
+declare const __VLS_export$9: __VLS_WithSlots$9<import("vue").DefineComponent<EditableCancelTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableCancelTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$9<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/editable/control.vue.d.ts
+interface EditableControlBaseProps extends PolymorphicProps {}
+interface EditableControlProps extends EditableControlBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$3: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$8<import("vue").DefineComponent<EditableControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableControlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/editable/edit-trigger.vue.d.ts
+interface EditableEditTriggerBaseProps extends PolymorphicProps {}
+interface EditableEditTriggerProps extends EditableEditTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$4: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<import("vue").DefineComponent<EditableEditTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableEditTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/editable/input.vue.d.ts
+interface EditableInputBaseProps extends PolymorphicProps {}
+interface EditableInputProps extends EditableInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$5: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<import("vue").DefineComponent<EditableInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/editable/label.vue.d.ts
+interface EditableLabelBaseProps extends PolymorphicProps {}
+interface EditableLabelProps extends EditableLabelBaseProps,
+/**
+ * @vue-ignore
+ */
+LabelHTMLAttributes {}
+declare const _default$6: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<EditableLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/editable/preview.vue.d.ts
+interface EditablePreviewBaseProps extends PolymorphicProps {}
+interface EditablePreviewProps extends EditablePreviewBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$7: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<import("vue").DefineComponent<EditablePreviewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditablePreviewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/editable/root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseEditableReturn>;
+}
+interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface EditableRootProviderProps extends EditableRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<HTMLAttributes, "placeholder"> {}
+declare const _default$9: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<EditableRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/editable/types.d.ts
+interface RootProps {
+  activationMode?: editable.ActivationMode;
+  autoResize?: boolean;
+  defaultEdit?: boolean;
+  defaultValue?: string;
+  disabled?: boolean;
+  edit?: boolean;
+  finalFocusEl?: () => HTMLElement | null;
+  form?: string;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    area: string;
+    label: string;
+    preview: string;
+    input: string;
+    control: string;
+    submitTrigger: string;
+    cancelTrigger: string;
+    editTrigger: string;
+  }>;
+  invalid?: boolean;
+  maxLength?: number;
+  modelValue?: string;
+  name?: string;
+  placeholder?: string | {
+    edit: string;
+    preview: string;
+  };
+  readOnly?: boolean;
+  required?: boolean;
+  selectOnFocus?: boolean;
+  submitMode?: editable.SubmitMode;
+  translations?: editable.IntlTranslations;
+}
+type RootEmits = {
+  editChange: [details: editable.EditChangeDetails];
+  focusOutside: [event: editable.FocusOutsideEvent];
+  interactOutside: [event: editable.InteractOutsideEvent];
+  pointerDownOutside: [event: editable.PointerDownOutsideEvent];
+  valueChange: [details: editable.ValueChangeDetails];
+  valueCommit: [details: editable.ValueChangeDetails];
+  valueRevert: [details: editable.ValueChangeDetails];
+  "update:modelValue": [value: string];
+  "update:edit": [edit: boolean];
+};
+//#endregion
+//#region src/components/editable/root.vue.d.ts
+interface EditableRootBaseProps extends RootProps, PolymorphicProps {}
+interface EditableRootProps extends EditableRootBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<HTMLAttributes, "placeholder"> {}
+interface EditableRootEmits extends RootEmits {}
+declare const _default$8: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<EditableRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  valueChange: (details: import("@wirekyt/dom/machines/editable").ValueChangeDetails) => any;
+  "update:modelValue": (value: string) => any;
+  focusOutside: (event: import("@wirekyt/dom/machines/color-picker").FocusOutsideEvent) => any;
+  interactOutside: (event: import("@wirekyt/dom/machines/color-picker").InteractOutsideEvent) => any;
+  pointerDownOutside: (event: import("@wirekyt/dom/machines/color-picker").PointerDownOutsideEvent) => any;
+  editChange: (details: import("@wirekyt/dom/machines/editable").EditChangeDetails) => any;
+  valueCommit: (details: import("@wirekyt/dom/machines/editable").ValueChangeDetails) => any;
+  valueRevert: (details: import("@wirekyt/dom/machines/editable").ValueChangeDetails) => any;
+  "update:edit": (edit: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<EditableRootProps> & Readonly<{
+  onValueChange?: ((details: import("@wirekyt/dom/machines/editable").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onFocusOutside?: ((event: import("@wirekyt/dom/machines/color-picker").FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: import("@wirekyt/dom/machines/color-picker").InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/color-picker").PointerDownOutsideEvent) => any) | undefined;
+  onEditChange?: ((details: import("@wirekyt/dom/machines/editable").EditChangeDetails) => any) | undefined;
+  onValueCommit?: ((details: import("@wirekyt/dom/machines/editable").ValueChangeDetails) => any) | undefined;
+  onValueRevert?: ((details: import("@wirekyt/dom/machines/editable").ValueChangeDetails) => any) | undefined;
+  "onUpdate:edit"?: ((edit: boolean) => any) | undefined;
+}>, {
+  disabled: boolean;
+  required: boolean;
+  invalid: boolean;
+  readOnly: boolean;
+  selectOnFocus: boolean;
+  autoResize: boolean;
+  defaultEdit: boolean;
+  edit: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/editable/submit-trigger.vue.d.ts
+interface EditableSubmitTriggerBaseProps extends PolymorphicProps {}
+interface EditableSubmitTriggerProps extends EditableSubmitTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$10: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<EditableSubmitTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditableSubmitTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace editable_d_exports {
+  export { _default as Area, EditableAreaBaseProps as AreaBaseProps, EditableAreaProps as AreaProps, _default$1 as CancelTrigger, EditableCancelTriggerBaseProps as CancelTriggerBaseProps, EditableCancelTriggerProps as CancelTriggerProps, _default$2 as Context, EditableContextProps as ContextProps, _default$3 as Control, EditableControlBaseProps as ControlBaseProps, EditableControlProps as ControlProps, _default$4 as EditTrigger, EditableEditTriggerBaseProps as EditTriggerBaseProps, EditableEditTriggerProps as EditTriggerProps, FocusOutsideEvent, _default$5 as Input, EditableInputBaseProps as InputBaseProps, EditableInputProps as InputProps, InteractOutsideEvent, _default$6 as Label, EditableLabelBaseProps as LabelBaseProps, EditableLabelProps as LabelProps, PointerDownOutsideEvent, _default$7 as Preview, EditablePreviewBaseProps as PreviewBaseProps, EditablePreviewProps as PreviewProps, _default$8 as Root, EditableRootBaseProps as RootBaseProps, EditableRootEmits as RootEmits, EditableRootProps as RootProps, _default$9 as RootProvider, EditableRootProviderBaseProps as RootProviderBaseProps, EditableRootProviderProps as RootProviderProps, _default$10 as SubmitTrigger, EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, EditableSubmitTriggerProps as SubmitTriggerProps, ValueChangeDetails };
+}
+//#endregion
+//#region src/components/editable/use-editable.d.ts
+interface UseEditableProps extends Optional<Omit<editable.Props, "dir" | "getRootNode">, "id"> {
+  modelValue?: editable.Props["value"];
+}
+interface UseEditableReturn extends ComputedRef<editable.Api<PropTypes>> {}
+declare const useEditable: (props?: MaybeRef<UseEditableProps>, emit?: EmitFn$1<EditableRootEmits>) => UseEditableReturn;
+//#endregion
+//#region src/components/editable/use-context.d.ts
+interface UseEditableContext extends UseEditableReturn {}
+declare const EditableProvider: (opts: UseEditableContext) => void, useEditableContext: (fallback?: UseEditableContext | undefined) => UseEditableContext;
+//#endregion
+//#region src/components/editable/context.vue.d.ts
+interface EditableContextProps extends SlotsType<{
+  default: UnwrapRef<UseEditableContext>;
+}> {}
+declare const _default$2: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(editable: UnwrapRef<UseEditableContext>): unknown;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { editable_d_exports as Editable, _default as EditableArea, type EditableAreaBaseProps, type EditableAreaProps, _default$1 as EditableCancelTrigger, type EditableCancelTriggerBaseProps, type EditableCancelTriggerProps, _default$2 as EditableContext, type EditableContextProps, _default$3 as EditableControl, type EditableControlBaseProps, type EditableControlProps, type EditableEditChangeDetails, _default$4 as EditableEditTrigger, type EditableEditTriggerBaseProps, type EditableEditTriggerProps, type EditableFocusOutsideEvent, _default$5 as EditableInput, type EditableInputBaseProps, type EditableInputProps, type EditableInteractOutsideEvent, _default$6 as EditableLabel, type EditableLabelBaseProps, type EditableLabelProps, type EditablePointerDownOutsideEvent, _default$7 as EditablePreview, type EditablePreviewBaseProps, type EditablePreviewProps, _default$8 as EditableRoot, type EditableRootBaseProps, type EditableRootEmits, type EditableRootProps, _default$9 as EditableRootProvider, type EditableRootProviderBaseProps, type EditableRootProviderProps, _default$10 as EditableSubmitTrigger, type EditableSubmitTriggerBaseProps, type EditableSubmitTriggerProps, type EditableValueChangeDetails, type UseEditableContext, type UseEditableProps, type UseEditableReturn, editableAnatomy, useEditable, useEditableContext };

package/dist/editable.js

@@ -0,0 +1,306 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as normalizeProps$1, d as useForwardExpose, m as createContext, s as useMachine } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { h as useFieldContext } from "./field-C3pLqz1S.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as editable from "@wirekyt/dom/machines/editable";
+import { anatomy as editableAnatomy } from "@wirekyt/dom/machines/editable";
+//#region src/components/editable/use-context.ts
+const [EditableProvider, useEditableContext] = createContext("EditableContext");
+//#endregion
+//#region src/components/editable/area.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "area",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(editable).getAreaProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/editable/cancel-trigger.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "cancel-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(editable).getCancelTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/editable/context.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const editable = useEditableContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(editable))));
+		};
+	}
+});
+//#endregion
+//#region src/components/editable/control.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "control",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(unref(editable).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/editable/edit-trigger.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "edit-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).button, mergeProps(unref(editable).getEditTriggerProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/editable/input.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "input",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const editable = useEditableContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).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/label.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "label",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).label, mergeProps(unref(editable).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/editable/preview.vue
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+	__name: "preview",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).span, mergeProps(unref(editable).getPreviewProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/editable/root-provider.vue
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const editable = computed(() => props.value);
+		EditableProvider(editable);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).div, mergeProps(editable.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#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/root.vue
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		activationMode: {},
+		autoResize: { type: Boolean },
+		defaultEdit: { type: Boolean },
+		defaultValue: {},
+		disabled: { type: Boolean },
+		edit: { type: Boolean },
+		finalFocusEl: { type: Function },
+		form: {},
+		id: {},
+		ids: {},
+		invalid: { type: Boolean },
+		maxLength: {},
+		modelValue: {},
+		name: {},
+		placeholder: {},
+		readOnly: { type: Boolean },
+		required: { type: Boolean },
+		selectOnFocus: { type: Boolean },
+		submitMode: {},
+		translations: {},
+		asChild: { type: Boolean }
+	}, {
+		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(wire).div, mergeProps(unref(editable).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/editable/submit-trigger.vue
+const _sfc_main$10 = /*@__PURE__*/ defineComponent({
+	__name: "submit-trigger",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const editable = useEditableContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).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.ts
+var editable_exports = /* @__PURE__ */ __exportAll({
+	Area: () => _sfc_main,
+	CancelTrigger: () => _sfc_main$1,
+	Context: () => _sfc_main$2,
+	Control: () => _sfc_main$3,
+	EditTrigger: () => _sfc_main$4,
+	Input: () => _sfc_main$5,
+	Label: () => _sfc_main$6,
+	Preview: () => _sfc_main$7,
+	Root: () => _sfc_main$8,
+	RootProvider: () => _sfc_main$9,
+	SubmitTrigger: () => _sfc_main$10
+});
+//#endregion
+export { editable_exports as Editable, _sfc_main as EditableArea, _sfc_main$1 as EditableCancelTrigger, _sfc_main$2 as EditableContext, _sfc_main$3 as EditableControl, _sfc_main$4 as EditableEditTrigger, _sfc_main$5 as EditableInput, _sfc_main$6 as EditableLabel, _sfc_main$7 as EditablePreview, _sfc_main$8 as EditableRoot, _sfc_main$9 as EditableRootProvider, _sfc_main$10 as EditableSubmitTrigger, editableAnatomy, useEditable, useEditableContext };

package/dist/factory-8Ao0DEy3.js

@@ -0,0 +1,34 @@
+import { i as Dynamic } from "./utils-D95V66v9.js";
+import { defineComponent, h } from "vue";
+//#region src/components/factory.ts
+const SELF_CLOSING_TAGS = "br, hr, img, input, area, textarea".split(", ");
+const isSelfClosingTag = (tag) => typeof tag === "string" && SELF_CLOSING_TAGS.includes(tag);
+const withAsChild = (component) => {
+	return defineComponent({
+		name: "Polymorphic",
+		inheritAttrs: false,
+		props: { asChild: {
+			type: Boolean,
+			default: false
+		} },
+		setup(props, { attrs, slots }) {
+			if (!props.asChild) return () => h(component, attrs, isSelfClosingTag(component) ? void 0 : slots.default?.());
+			return () => h(Dynamic, attrs, slots);
+		}
+	});
+};
+function jsxFactory() {
+	const cache = /* @__PURE__ */ new Map();
+	return new Proxy(withAsChild, {
+		apply(_target, _thisArg, argArray) {
+			return withAsChild(argArray[0]);
+		},
+		get(_, element) {
+			if (!cache.has(element)) cache.set(element, withAsChild(element));
+			return cache.get(element);
+		}
+	});
+}
+const wire = jsxFactory();
+//#endregion
+export { wire as n, jsxFactory as t };

package/dist/factory-BNwuanv4.d.cts

@@ -0,0 +1,21 @@
+import { AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, IntrinsicElementAttributes, VNodeProps, h } from "vue";
+//#region src/components/factory.d.ts
+type DOMElements = keyof IntrinsicElementAttributes;
+type ElementType = Parameters<typeof h>[0];
+interface PolymorphicProps {
+  asChild?: boolean;
+}
+type AsChildComponent<Component extends ElementType, P extends Record<string, unknown> = Record<never, never>> = {
+  new (): {
+    $props: AllowedComponentProps & ComponentCustomProps & VNodeProps & ExtractPropTypes<Component> & (Component extends keyof IntrinsicElementAttributes ? IntrinsicElementAttributes[Component] : Record<never, never>) & P & PolymorphicProps;
+  };
+};
+type HTMLPolymorphicComponents = { [E in DOMElements]: AsChildComponent<E>; };
+type HTMLPolymorphicProps<T extends ElementType> = Omit<ExtractPropTypes<T extends DOMElements ? IntrinsicElementAttributes[T] : T>, "ref"> & {
+  asChild?: boolean;
+};
+type HTMLWireProps<T extends DOMElements> = HTMLPolymorphicProps<T>;
+declare function jsxFactory(): HTMLPolymorphicComponents;
+declare const wire: HTMLPolymorphicComponents;
+//#endregion
+export { PolymorphicProps as a, HTMLWireProps as i, HTMLPolymorphicComponents as n, jsxFactory as o, HTMLPolymorphicProps as r, wire as s, AsChildComponent as t };

package/dist/factory-BNwuanv4.d.ts

@@ -0,0 +1,21 @@
+import { AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, IntrinsicElementAttributes, VNodeProps, h } from "vue";
+//#region src/components/factory.d.ts
+type DOMElements = keyof IntrinsicElementAttributes;
+type ElementType = Parameters<typeof h>[0];
+interface PolymorphicProps {
+  asChild?: boolean;
+}
+type AsChildComponent<Component extends ElementType, P extends Record<string, unknown> = Record<never, never>> = {
+  new (): {
+    $props: AllowedComponentProps & ComponentCustomProps & VNodeProps & ExtractPropTypes<Component> & (Component extends keyof IntrinsicElementAttributes ? IntrinsicElementAttributes[Component] : Record<never, never>) & P & PolymorphicProps;
+  };
+};
+type HTMLPolymorphicComponents = { [E in DOMElements]: AsChildComponent<E>; };
+type HTMLPolymorphicProps<T extends ElementType> = Omit<ExtractPropTypes<T extends DOMElements ? IntrinsicElementAttributes[T] : T>, "ref"> & {
+  asChild?: boolean;
+};
+type HTMLWireProps<T extends DOMElements> = HTMLPolymorphicProps<T>;
+declare function jsxFactory(): HTMLPolymorphicComponents;
+declare const wire: HTMLPolymorphicComponents;
+//#endregion
+export { PolymorphicProps as a, HTMLWireProps as i, HTMLPolymorphicComponents as n, jsxFactory as o, HTMLPolymorphicProps as r, wire as s, AsChildComponent as t };