@wirekyt/vue 0.0.3 → 0.0.5

package/dist/angle-slider.d.cts

@@ -66,12 +66,12 @@ Omit<HTMLAttributes, "dir"> {}
 declare const _default$6: typeof __VLS_export$8;
 declare const __VLS_export$8: __VLS_WithSlots$8<import("vue").DefineComponent<AngleSliderRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   valueChange: (details: import("@wirekyt/dom/machines/angle-slider").ValueChangeDetails) => any;
-  "update:modelValue": (value: number) => any;
   valueChangeEnd: (details: import("@wirekyt/dom/machines/angle-slider").ValueChangeDetails) => any;
+  "update:modelValue": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<AngleSliderRootProps> & Readonly<{
   onValueChange?: ((details: import("@wirekyt/dom/machines/angle-slider").ValueChangeDetails) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
   onValueChangeEnd?: ((details: import("@wirekyt/dom/machines/angle-slider").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
   disabled: boolean;
   invalid: boolean;

package/dist/angle-slider.d.ts

@@ -66,12 +66,12 @@ Omit<HTMLAttributes, "dir"> {}
 declare const _default$6: typeof __VLS_export$8;
 declare const __VLS_export$8: __VLS_WithSlots$8<import("vue").DefineComponent<AngleSliderRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   valueChange: (details: import("@wirekyt/dom/machines/angle-slider").ValueChangeDetails) => any;
-  "update:modelValue": (value: number) => any;
   valueChangeEnd: (details: import("@wirekyt/dom/machines/angle-slider").ValueChangeDetails) => any;
+  "update:modelValue": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<AngleSliderRootProps> & Readonly<{
   onValueChange?: ((details: import("@wirekyt/dom/machines/angle-slider").ValueChangeDetails) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
   onValueChangeEnd?: ((details: import("@wirekyt/dom/machines/angle-slider").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
   disabled: boolean;
   invalid: boolean;

package/dist/carousel.d.cts

@@ -295,7 +295,7 @@ type __VLS_WithSlots<T, S> = T & {
 };
 //#endregion
 //#region src/components/carousel/anatomy.d.ts
-declare const carouselAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"root" | "indicator" | "item" | "control" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+declare const carouselAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"root" | "indicator" | "control" | "item" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
 declare namespace carousel_d_exports {
   export { _default as AutoplayIndicator, CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, AutoplayStatusDetails, _default$1 as AutoplayTrigger, CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, CarouselAutoplayTriggerProps as AutoplayTriggerProps, _default$2 as Context, CarouselContextProps as ContextProps, _default$3 as Control, CarouselControlBaseProps as ControlBaseProps, CarouselControlProps as ControlProps, DragStatusDetails, _default$4 as Indicator, CarouselIndicatorBaseProps as IndicatorBaseProps, _default$5 as IndicatorGroup, CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, CarouselIndicatorGroupProps as IndicatorGroupProps, CarouselIndicatorProps as IndicatorProps, _default$6 as Item, CarouselItemBaseProps as ItemBaseProps, _default$7 as ItemGroup, CarouselItemGroupBaseProps as ItemGroupBaseProps, CarouselItemGroupProps as ItemGroupProps, CarouselItemProps as ItemProps, _default$8 as NextTrigger, CarouselNextTriggerBaseProps as NextTriggerBaseProps, CarouselNextTriggerProps as NextTriggerProps, PageChangeDetails, _default$9 as PrevTrigger, CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, CarouselPrevTriggerProps as PrevTriggerProps, _default$10 as ProgressText, CarouselProgressTextBaseProps as ProgressTextBaseProps, CarouselProgressTextProps as ProgressTextProps, _default$11 as Root, CarouselRootBaseProps as RootBaseProps, CarouselRootEmits as RootEmits, CarouselRootProps as RootProps, _default$12 as RootProvider, CarouselRootProviderBaseProps as RootProviderBaseProps, CarouselRootProviderProps as RootProviderProps };
 }

package/dist/carousel.d.ts

@@ -295,7 +295,7 @@ type __VLS_WithSlots<T, S> = T & {
 };
 //#endregion
 //#region src/components/carousel/anatomy.d.ts
-declare const carouselAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"root" | "indicator" | "item" | "control" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+declare const carouselAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"root" | "indicator" | "control" | "item" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
 declare namespace carousel_d_exports {
   export { _default as AutoplayIndicator, CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, AutoplayStatusDetails, _default$1 as AutoplayTrigger, CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, CarouselAutoplayTriggerProps as AutoplayTriggerProps, _default$2 as Context, CarouselContextProps as ContextProps, _default$3 as Control, CarouselControlBaseProps as ControlBaseProps, CarouselControlProps as ControlProps, DragStatusDetails, _default$4 as Indicator, CarouselIndicatorBaseProps as IndicatorBaseProps, _default$5 as IndicatorGroup, CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, CarouselIndicatorGroupProps as IndicatorGroupProps, CarouselIndicatorProps as IndicatorProps, _default$6 as Item, CarouselItemBaseProps as ItemBaseProps, _default$7 as ItemGroup, CarouselItemGroupBaseProps as ItemGroupBaseProps, CarouselItemGroupProps as ItemGroupProps, CarouselItemProps as ItemProps, _default$8 as NextTrigger, CarouselNextTriggerBaseProps as NextTriggerBaseProps, CarouselNextTriggerProps as NextTriggerProps, PageChangeDetails, _default$9 as PrevTrigger, CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, CarouselPrevTriggerProps as PrevTriggerProps, _default$10 as ProgressText, CarouselProgressTextBaseProps as ProgressTextBaseProps, CarouselProgressTextProps as ProgressTextProps, _default$11 as Root, CarouselRootBaseProps as RootBaseProps, CarouselRootEmits as RootEmits, CarouselRootProps as RootProps, _default$12 as RootProvider, CarouselRootProviderBaseProps as RootProviderBaseProps, CarouselRootProviderProps as RootProviderProps };
 }

package/dist/checkbox.cjs

@@ -5,8 +5,8 @@ const require_providers = require("./providers-5QhcwgSd.cjs");
 const require_clean_props = require("./clean-props-MyKqus13.cjs");
 const require_boolean = require("./boolean-Dyu9-5Wp.cjs");
 const require_factory = require("./factory-JL7MPjkk.cjs");
-const require_fieldset = require("./fieldset-C5aj6Ims.cjs");
-const require_field = require("./field-DRz-v4rB.cjs");
+const require_fieldset = require("./fieldset-Cdf3wmJ9.cjs");
+const require_field = require("./field-Diaj0ORQ.cjs");
 let vue = require("vue");
 let _wirekyt_dom_machines_checkbox = require("@wirekyt/dom/machines/checkbox");
 _wirekyt_dom_machines_checkbox = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_checkbox, 1);

package/dist/checkbox.d.cts

@@ -222,8 +222,8 @@ declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<Ch
   disabled: boolean;
   required: boolean;
   invalid: boolean;
-  readOnly: boolean;
   checked: import("@wirekyt/dom/machines/checkbox").CheckedState;
+  readOnly: boolean;
   defaultChecked: import("@wirekyt/dom/machines/checkbox").CheckedState;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;

package/dist/checkbox.d.ts

@@ -222,8 +222,8 @@ declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<Ch
   disabled: boolean;
   required: boolean;
   invalid: boolean;
-  readOnly: boolean;
   checked: import("@wirekyt/dom/machines/checkbox").CheckedState;
+  readOnly: boolean;
   defaultChecked: import("@wirekyt/dom/machines/checkbox").CheckedState;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;

package/dist/checkbox.js

@@ -4,8 +4,8 @@ import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext,
 import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
 import { t as toBooleanValue } from "./boolean-BCaEpMxQ.js";
 import { n as wire } from "./factory-8Ao0DEy3.js";
-import { u as useFieldsetContext } from "./fieldset-ByP_r1Uq.js";
-import { h as useFieldContext } from "./field-C3pLqz1S.js";
+import { u as useFieldsetContext } from "./fieldset-DMTFcTT6.js";
+import { h as useFieldContext } from "./field-Dubpmj-t.js";
 import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toRefs, toValue, unref, useId, withCtx } from "vue";
 import * as checkbox from "@wirekyt/dom/machines/checkbox";
 import { anatomy } from "@wirekyt/dom/machines/checkbox";

package/dist/color-picker.cjs

@@ -4,7 +4,7 @@ const require_utils = require("./utils-XrBZd2Yk.cjs");
 const require_providers = require("./providers-5QhcwgSd.cjs");
 const require_clean_props = require("./clean-props-MyKqus13.cjs");
 const require_factory = require("./factory-JL7MPjkk.cjs");
-const require_field = require("./field-DRz-v4rB.cjs");
+const require_field = require("./field-Diaj0ORQ.cjs");
 const require_presence = require("./presence-DD3l4Tgb.cjs");
 const require_use_presence = require("./use-presence-CtEY6ZT8.cjs");
 let vue = require("vue");

package/dist/color-picker.d.cts

@@ -400,25 +400,25 @@ declare const _default$18: typeof __VLS_export$9;
 declare const __VLS_export$9: __VLS_WithSlots$9<import("vue").DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   exitComplete: () => any;
   valueChange: (details: import("@wirekyt/dom/machines/color-picker").ValueChangeDetails) => any;
-  "update:modelValue": (value: import("@wirekyt/dom/color-utils").Color) => any;
   valueChangeEnd: (details: import("@wirekyt/dom/machines/color-picker").ValueChangeDetails) => any;
+  "update:modelValue": (value: import("@wirekyt/dom/color-utils").Color) => any;
   openChange: (details: import("@wirekyt/dom/machines/color-picker").OpenChangeDetails) => any;
   "update:open": (open: boolean) => 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;
+  focusOutside: (event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any;
+  interactOutside: (event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any;
+  pointerDownOutside: (event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any;
   formatChange: (details: import("@wirekyt/dom/machines/color-picker").FormatChangeDetails) => any;
   "update:format": (format: import("@wirekyt/dom/color-utils").ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
   onExitComplete?: (() => any) | undefined;
   onValueChange?: ((details: import("@wirekyt/dom/machines/color-picker").ValueChangeDetails) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: import("@wirekyt/dom/color-utils").Color) => any) | undefined;
   onValueChangeEnd?: ((details: import("@wirekyt/dom/machines/color-picker").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: import("@wirekyt/dom/color-utils").Color) => any) | undefined;
   onOpenChange?: ((details: import("@wirekyt/dom/machines/color-picker").OpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => 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;
+  onFocusOutside?: ((event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any) | undefined;
   onFormatChange?: ((details: import("@wirekyt/dom/machines/color-picker").FormatChangeDetails) => any) | undefined;
   "onUpdate:format"?: ((format: import("@wirekyt/dom/color-utils").ColorFormat) => any) | undefined;
 }>, {

package/dist/color-picker.d.ts

@@ -400,25 +400,25 @@ declare const _default$18: typeof __VLS_export$9;
 declare const __VLS_export$9: __VLS_WithSlots$9<import("vue").DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   exitComplete: () => any;
   valueChange: (details: import("@wirekyt/dom/machines/color-picker").ValueChangeDetails) => any;
-  "update:modelValue": (value: import("@wirekyt/dom/color-utils").Color) => any;
   valueChangeEnd: (details: import("@wirekyt/dom/machines/color-picker").ValueChangeDetails) => any;
+  "update:modelValue": (value: import("@wirekyt/dom/color-utils").Color) => any;
   openChange: (details: import("@wirekyt/dom/machines/color-picker").OpenChangeDetails) => any;
   "update:open": (open: boolean) => 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;
+  focusOutside: (event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any;
+  interactOutside: (event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any;
+  pointerDownOutside: (event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any;
   formatChange: (details: import("@wirekyt/dom/machines/color-picker").FormatChangeDetails) => any;
   "update:format": (format: import("@wirekyt/dom/color-utils").ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
   onExitComplete?: (() => any) | undefined;
   onValueChange?: ((details: import("@wirekyt/dom/machines/color-picker").ValueChangeDetails) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: import("@wirekyt/dom/color-utils").Color) => any) | undefined;
   onValueChangeEnd?: ((details: import("@wirekyt/dom/machines/color-picker").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: import("@wirekyt/dom/color-utils").Color) => any) | undefined;
   onOpenChange?: ((details: import("@wirekyt/dom/machines/color-picker").OpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => 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;
+  onFocusOutside?: ((event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any) | undefined;
   onFormatChange?: ((details: import("@wirekyt/dom/machines/color-picker").FormatChangeDetails) => any) | undefined;
   "onUpdate:format"?: ((format: import("@wirekyt/dom/color-utils").ColorFormat) => any) | undefined;
 }>, {

package/dist/color-picker.js

@@ -3,7 +3,7 @@ import { a as mergeProps$1, c as normalizeProps$1, d as useForwardExpose, m as c
 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 { h as useFieldContext } from "./field-Dubpmj-t.js";
 import { n as PresenceProvider, r as usePresenceContext } from "./presence-jaHZaD_O.js";
 import { t as usePresence } from "./use-presence-oNdFU2c2.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderList, renderSlot, toDisplayString, toValue, unref, useId, useSlots, withCtx } from "vue";

package/dist/combobox.cjs

@@ -4,7 +4,7 @@ const require_utils = require("./utils-XrBZd2Yk.cjs");
 const require_providers = require("./providers-5QhcwgSd.cjs");
 const require_clean_props = require("./clean-props-MyKqus13.cjs");
 const require_factory = require("./factory-JL7MPjkk.cjs");
-const require_field = require("./field-DRz-v4rB.cjs");
+const require_field = require("./field-Diaj0ORQ.cjs");
 const require_collection = require("./collection-B0onOyyK.cjs");
 const require_presence = require("./presence-DD3l4Tgb.cjs");
 const require_use_presence = require("./use-presence-CtEY6ZT8.cjs");

package/dist/combobox.d.cts

@@ -367,9 +367,9 @@ declare const __VLS_export$2: <T extends CollectionItem>(__VLS_props: NonNullabl
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onOpenChange?: ((details: import("@wirekyt/dom/machines/combobox").OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => 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;
+    onFocusOutside?: ((event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any) | undefined;
     onHighlightChange?: ((details: import("@wirekyt/dom/machines/combobox").HighlightChangeDetails<T>) => any) | undefined;
     onInputValueChange?: ((details: import("@wirekyt/dom/machines/combobox").InputValueChangeDetails) => any) | undefined;
     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
@@ -385,7 +385,7 @@ declare const __VLS_export$2: <T extends CollectionItem>(__VLS_props: NonNullabl
   emit: ((evt: "select", details: {
     value: string[];
     itemValue: string;
-  }) => void) & ((evt: "exitComplete") => void) & ((evt: "valueChange", details: import("@wirekyt/dom/machines/combobox").ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "openChange", details: import("@wirekyt/dom/machines/combobox").OpenChangeDetails) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "focusOutside", event: import("@wirekyt/dom/machines/color-picker").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@wirekyt/dom/machines/color-picker").InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: import("@wirekyt/dom/machines/color-picker").PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: import("@wirekyt/dom/machines/combobox").HighlightChangeDetails<T>) => void) & ((evt: "inputValueChange", details: import("@wirekyt/dom/machines/combobox").InputValueChangeDetails) => void) & ((evt: "update:inputValue", value: string) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
+  }) => void) & ((evt: "exitComplete") => void) & ((evt: "valueChange", details: import("@wirekyt/dom/machines/combobox").ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "openChange", details: import("@wirekyt/dom/machines/combobox").OpenChangeDetails) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "focusOutside", event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: import("@wirekyt/dom/machines/combobox").HighlightChangeDetails<T>) => void) & ((evt: "inputValueChange", details: import("@wirekyt/dom/machines/combobox").InputValueChangeDetails) => void) & ((evt: "update:inputValue", value: string) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
@@ -437,6 +437,6 @@ type __VLS_WithSlots<T, S> = T & {
 };
 //#endregion
 //#region src/components/combobox/anatomy.d.ts
-declare const comboboxAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"list" | "input" | "label" | "root" | "item" | "control" | "content" | "trigger" | "positioner" | "itemText" | "itemGroup" | "itemIndicator" | "itemGroupLabel" | "empty" | "clearTrigger">;
+declare const comboboxAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"list" | "input" | "label" | "root" | "control" | "item" | "content" | "trigger" | "positioner" | "itemText" | "itemGroup" | "itemIndicator" | "itemGroupLabel" | "empty" | "clearTrigger">;
 //#endregion
 export { type CollectionItem, combobox_d_exports as Combobox, _default as ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, _default$1 as ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, _default$2 as ComboboxContext, type ComboboxContextProps, _default$3 as ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, _default$4 as ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps, type ComboboxFocusOutsideEvent, type ComboboxHighlightChangeDetails, _default$5 as ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps, type ComboboxInputValueChangeDetails, type ComboboxInteractOutsideEvent, _default$6 as ComboboxItem, type ComboboxItemBaseProps, _default$7 as ComboboxItemContext, type ComboboxItemContextProps, _default$8 as ComboboxItemGroup, type ComboboxItemGroupBaseProps, _default$9 as ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, type ComboboxItemGroupProps, _default$10 as ComboboxItemIndicator, type ComboboxItemIndicatorBaseProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, _default$11 as ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps, _default$12 as ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps, _default$13 as ComboboxList, type ComboboxListBaseProps, type ComboboxListProps, type ComboboxOpenChangeDetails, type ComboboxPointerDownOutsideEvent, _default$14 as ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, _default$15 as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootComponent, type ComboboxRootComponentProps, type RootEmits as ComboboxRootEmits, type ComboboxRootProps, _default$16 as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderComponent, type ComboboxRootProviderEmits, type ComboboxRootProviderProps, type ComboboxSelectionDetails, _default$17 as ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, type ComboboxValueChangeDetails, type ListCollection, type UseComboboxContext, type UseComboboxItemContext, type UseComboboxProps, type UseComboboxReturn, type UseListCollectionProps, comboboxAnatomy, createListCollection, useCombobox, useComboboxContext, useComboboxItemContext, useListCollection };

package/dist/combobox.d.ts

@@ -367,9 +367,9 @@ declare const __VLS_export$2: <T extends CollectionItem>(__VLS_props: NonNullabl
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onOpenChange?: ((details: import("@wirekyt/dom/machines/combobox").OpenChangeDetails) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => 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;
+    onFocusOutside?: ((event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any) | undefined;
     onHighlightChange?: ((details: import("@wirekyt/dom/machines/combobox").HighlightChangeDetails<T>) => any) | undefined;
     onInputValueChange?: ((details: import("@wirekyt/dom/machines/combobox").InputValueChangeDetails) => any) | undefined;
     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
@@ -385,7 +385,7 @@ declare const __VLS_export$2: <T extends CollectionItem>(__VLS_props: NonNullabl
   emit: ((evt: "select", details: {
     value: string[];
     itemValue: string;
-  }) => void) & ((evt: "exitComplete") => void) & ((evt: "valueChange", details: import("@wirekyt/dom/machines/combobox").ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "openChange", details: import("@wirekyt/dom/machines/combobox").OpenChangeDetails) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "focusOutside", event: import("@wirekyt/dom/machines/color-picker").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@wirekyt/dom/machines/color-picker").InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: import("@wirekyt/dom/machines/color-picker").PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: import("@wirekyt/dom/machines/combobox").HighlightChangeDetails<T>) => void) & ((evt: "inputValueChange", details: import("@wirekyt/dom/machines/combobox").InputValueChangeDetails) => void) & ((evt: "update:inputValue", value: string) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
+  }) => void) & ((evt: "exitComplete") => void) & ((evt: "valueChange", details: import("@wirekyt/dom/machines/combobox").ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "openChange", details: import("@wirekyt/dom/machines/combobox").OpenChangeDetails) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "focusOutside", event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: import("@wirekyt/dom/machines/combobox").HighlightChangeDetails<T>) => void) & ((evt: "inputValueChange", details: import("@wirekyt/dom/machines/combobox").InputValueChangeDetails) => void) & ((evt: "update:inputValue", value: string) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
@@ -437,6 +437,6 @@ type __VLS_WithSlots<T, S> = T & {
 };
 //#endregion
 //#region src/components/combobox/anatomy.d.ts
-declare const comboboxAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"list" | "input" | "label" | "root" | "item" | "control" | "content" | "trigger" | "positioner" | "itemText" | "itemGroup" | "itemIndicator" | "itemGroupLabel" | "empty" | "clearTrigger">;
+declare const comboboxAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"list" | "input" | "label" | "root" | "control" | "item" | "content" | "trigger" | "positioner" | "itemText" | "itemGroup" | "itemIndicator" | "itemGroupLabel" | "empty" | "clearTrigger">;
 //#endregion
 export { type CollectionItem, combobox_d_exports as Combobox, _default as ComboboxClearTrigger, type ComboboxClearTriggerBaseProps, type ComboboxClearTriggerProps, _default$1 as ComboboxContent, type ComboboxContentBaseProps, type ComboboxContentProps, _default$2 as ComboboxContext, type ComboboxContextProps, _default$3 as ComboboxControl, type ComboboxControlBaseProps, type ComboboxControlProps, _default$4 as ComboboxEmpty, type ComboboxEmptyBaseProps, type ComboboxEmptyProps, type ComboboxFocusOutsideEvent, type ComboboxHighlightChangeDetails, _default$5 as ComboboxInput, type ComboboxInputBaseProps, type ComboboxInputProps, type ComboboxInputValueChangeDetails, type ComboboxInteractOutsideEvent, _default$6 as ComboboxItem, type ComboboxItemBaseProps, _default$7 as ComboboxItemContext, type ComboboxItemContextProps, _default$8 as ComboboxItemGroup, type ComboboxItemGroupBaseProps, _default$9 as ComboboxItemGroupLabel, type ComboboxItemGroupLabelBaseProps, type ComboboxItemGroupLabelProps, type ComboboxItemGroupProps, _default$10 as ComboboxItemIndicator, type ComboboxItemIndicatorBaseProps, type ComboboxItemIndicatorProps, type ComboboxItemProps, _default$11 as ComboboxItemText, type ComboboxItemTextBaseProps, type ComboboxItemTextProps, _default$12 as ComboboxLabel, type ComboboxLabelBaseProps, type ComboboxLabelProps, _default$13 as ComboboxList, type ComboboxListBaseProps, type ComboboxListProps, type ComboboxOpenChangeDetails, type ComboboxPointerDownOutsideEvent, _default$14 as ComboboxPositioner, type ComboboxPositionerBaseProps, type ComboboxPositionerProps, _default$15 as ComboboxRoot, type ComboboxRootBaseProps, type ComboboxRootComponent, type ComboboxRootComponentProps, type RootEmits as ComboboxRootEmits, type ComboboxRootProps, _default$16 as ComboboxRootProvider, type ComboboxRootProviderBaseProps, type ComboboxRootProviderComponent, type ComboboxRootProviderEmits, type ComboboxRootProviderProps, type ComboboxSelectionDetails, _default$17 as ComboboxTrigger, type ComboboxTriggerBaseProps, type ComboboxTriggerProps, type ComboboxValueChangeDetails, type ListCollection, type UseComboboxContext, type UseComboboxItemContext, type UseComboboxProps, type UseComboboxReturn, type UseListCollectionProps, comboboxAnatomy, createListCollection, useCombobox, useComboboxContext, useComboboxItemContext, useListCollection };

package/dist/combobox.js

@@ -3,7 +3,7 @@ import { a as mergeProps$1, c as normalizeProps$1, d as useForwardExpose, m as c
 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 { h as useFieldContext } from "./field-Dubpmj-t.js";
 import { n as useListCollection, o as createListCollection } from "./collection-Dg6EtML_.js";
 import { n as PresenceProvider, r as usePresenceContext } from "./presence-jaHZaD_O.js";
 import { t as usePresence } from "./use-presence-oNdFU2c2.js";

package/dist/dialog.d.cts

@@ -165,10 +165,10 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   exitComplete: () => any;
   openChange: (details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any;
   "update:open": (open: boolean) => 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;
   triggerValueChange: (details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => any;
+  focusOutside: (event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any;
+  interactOutside: (event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any;
+  pointerDownOutside: (event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -180,10 +180,10 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   onExitComplete?: (() => any) | undefined;
   onOpenChange?: ((details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => 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;
   onTriggerValueChange?: ((details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => any) | undefined;
+  onFocusOutside?: ((event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -195,11 +195,11 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   open: boolean;
   defaultOpen: boolean;
   closeOnEscape: boolean;
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnInteractOutside: boolean;
   modal: boolean;
+  preventScroll: boolean;
   restoreFocus: boolean;
-  closeOnInteractOutside: boolean;
+  trapFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/dialog.d.ts

@@ -165,10 +165,10 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   exitComplete: () => any;
   openChange: (details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any;
   "update:open": (open: boolean) => 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;
   triggerValueChange: (details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => any;
+  focusOutside: (event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any;
+  interactOutside: (event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any;
+  pointerDownOutside: (event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -180,10 +180,10 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   onExitComplete?: (() => any) | undefined;
   onOpenChange?: ((details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => 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;
   onTriggerValueChange?: ((details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => any) | undefined;
+  onFocusOutside?: ((event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/editable").PointerDownOutsideEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -195,11 +195,11 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   open: boolean;
   defaultOpen: boolean;
   closeOnEscape: boolean;
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnInteractOutside: boolean;
   modal: boolean;
+  preventScroll: boolean;
   restoreFocus: boolean;
-  closeOnInteractOutside: boolean;
+  trapFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/drawer.d.cts

@@ -241,11 +241,11 @@ declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<Dr
   open: boolean;
   defaultOpen: boolean;
   closeOnEscape: boolean;
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnInteractOutside: boolean;
   modal: boolean;
+  preventScroll: boolean;
   restoreFocus: boolean;
-  closeOnInteractOutside: boolean;
+  trapFocus: boolean;
   snapToSequentialPoints: boolean;
   preventDragOnScroll: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/drawer.d.ts

@@ -241,11 +241,11 @@ declare const __VLS_export$5: __VLS_WithSlots$5<import("vue").DefineComponent<Dr
   open: boolean;
   defaultOpen: boolean;
   closeOnEscape: boolean;
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnInteractOutside: boolean;
   modal: boolean;
+  preventScroll: boolean;
   restoreFocus: boolean;
-  closeOnInteractOutside: boolean;
+  trapFocus: boolean;
   snapToSequentialPoints: boolean;
   preventDragOnScroll: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/editable.cjs

@@ -4,7 +4,7 @@ const require_utils = require("./utils-XrBZd2Yk.cjs");
 const require_providers = require("./providers-5QhcwgSd.cjs");
 const require_clean_props = require("./clean-props-MyKqus13.cjs");
 const require_factory = require("./factory-JL7MPjkk.cjs");
-const require_field = require("./field-DRz-v4rB.cjs");
+const require_field = require("./field-Diaj0ORQ.cjs");
 let vue = require("vue");
 let _wirekyt_dom_machines_editable = require("@wirekyt/dom/machines/editable");
 _wirekyt_dom_machines_editable = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_editable, 1);

package/dist/editable.d.cts

@@ -202,9 +202,9 @@ 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;
+  focusOutside: (event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any;
+  interactOutside: (event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any;
+  pointerDownOutside: (event: import("@wirekyt/dom/machines/editable").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;
@@ -212,9 +212,9 @@ declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<Ed
 }, 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;
+  onFocusOutside?: ((event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/editable").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;

package/dist/editable.d.ts

@@ -202,9 +202,9 @@ 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;
+  focusOutside: (event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any;
+  interactOutside: (event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any;
+  pointerDownOutside: (event: import("@wirekyt/dom/machines/editable").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;
@@ -212,9 +212,9 @@ declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<Ed
 }, 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;
+  onFocusOutside?: ((event: import("@wirekyt/dom/machines/editable").FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: import("@wirekyt/dom/machines/editable").InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: import("@wirekyt/dom/machines/editable").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;

package/dist/editable.js

@@ -3,7 +3,7 @@ import { c as normalizeProps$1, d as useForwardExpose, m as createContext, s as
 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 { h as useFieldContext } from "./field-Dubpmj-t.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";

package/dist/{field-DRz-v4rB.cjs → field-Diaj0ORQ.cjs}

@@ -91,8 +91,8 @@ const _sfc_main$6 = /*@__PURE__*/ (0, vue.defineComponent)({
 		FieldProvider((0, vue.computed)(() => {
 			const parent = (0, vue.toValue)(parentField);
 			if (!parent) throw new Error("Field.Item must be used within Field.Root");
-			const controlId = `field::${parent.ids.control}::item::${props.value}`;
-			const labelId = `${controlId}::label`;
+			const controlId = `field:${parent.ids.control}:item:${props.value}`;
+			const labelId = `${controlId}:label`;
 			const getControlProps = () => ({
 				...parent.getInputProps(),
 				id: controlId
@@ -192,10 +192,10 @@ const useField = (props = {}) => {
 	const uid = (0, vue.useId)();
 	const id = (0, vue.computed)(() => (0, vue.toValue)(props).id ?? uid);
 	const rootRef = (0, vue.ref)(null);
-	const rootId = (0, vue.computed)(() => (0, vue.toValue)(props).ids?.control ?? `field::${id.value}`);
-	const errorTextId = (0, vue.computed)(() => (0, vue.toValue)(props).ids?.errorText ?? `field::${id.value}::error-text`);
-	const helperTextId = (0, vue.computed)(() => (0, vue.toValue)(props).ids?.helperText ?? `field::${id.value}::helper-text`);
-	const labelId = (0, vue.computed)(() => (0, vue.toValue)(props).ids?.label ?? `field::${id.value}::label`);
+	const rootId = (0, vue.computed)(() => (0, vue.toValue)(props).ids?.control ?? `field:${id.value}`);
+	const errorTextId = (0, vue.computed)(() => (0, vue.toValue)(props).ids?.errorText ?? `field:${id.value}:error-text`);
+	const helperTextId = (0, vue.computed)(() => (0, vue.toValue)(props).ids?.helperText ?? `field:${id.value}:helper-text`);
+	const labelId = (0, vue.computed)(() => (0, vue.toValue)(props).ids?.label ?? `field:${id.value}:label`);
 	(0, vue.onMounted)(() => {
 		const rootNode = require_utils.unrefElement(rootRef);
 		if (!rootNode) return;
@@ -227,7 +227,7 @@ const useField = (props = {}) => {
 	};
 	const targetControlId = (0, vue.computed)(() => {
 		const target = (0, vue.toValue)(props).target;
-		return target ? `field::${id.value}::item::${target}` : void 0;
+		return target ? `field:${id.value}:item:${target}` : void 0;
 	});
 	const getLabelProps = () => {
 		const values = (0, vue.toValue)(props);

package/dist/{field-C3pLqz1S.js → field-Dubpmj-t.js}

@@ -91,8 +91,8 @@ const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 		FieldProvider(computed(() => {
 			const parent = toValue(parentField);
 			if (!parent) throw new Error("Field.Item must be used within Field.Root");
-			const controlId = `field::${parent.ids.control}::item::${props.value}`;
-			const labelId = `${controlId}::label`;
+			const controlId = `field:${parent.ids.control}:item:${props.value}`;
+			const labelId = `${controlId}:label`;
 			const getControlProps = () => ({
 				...parent.getInputProps(),
 				id: controlId
@@ -192,10 +192,10 @@ const useField = (props = {}) => {
 	const uid = useId();
 	const id = computed(() => toValue(props).id ?? uid);
 	const rootRef = ref(null);
-	const rootId = computed(() => toValue(props).ids?.control ?? `field::${id.value}`);
-	const errorTextId = computed(() => toValue(props).ids?.errorText ?? `field::${id.value}::error-text`);
-	const helperTextId = computed(() => toValue(props).ids?.helperText ?? `field::${id.value}::helper-text`);
-	const labelId = computed(() => toValue(props).ids?.label ?? `field::${id.value}::label`);
+	const rootId = computed(() => toValue(props).ids?.control ?? `field:${id.value}`);
+	const errorTextId = computed(() => toValue(props).ids?.errorText ?? `field:${id.value}:error-text`);
+	const helperTextId = computed(() => toValue(props).ids?.helperText ?? `field:${id.value}:helper-text`);
+	const labelId = computed(() => toValue(props).ids?.label ?? `field:${id.value}:label`);
 	onMounted(() => {
 		const rootNode = unrefElement(rootRef);
 		if (!rootNode) return;
@@ -227,7 +227,7 @@ const useField = (props = {}) => {
 	};
 	const targetControlId = computed(() => {
 		const target = toValue(props).target;
-		return target ? `field::${id.value}::item::${target}` : void 0;
+		return target ? `field:${id.value}:item:${target}` : void 0;
 	});
 	const getLabelProps = () => {
 		const values = toValue(props);

package/dist/field.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_field = require("./field-DRz-v4rB.cjs");
+const require_field = require("./field-Diaj0ORQ.cjs");
 Object.defineProperty(exports, "Field", {
 	enumerable: true,
 	get: function() {

package/dist/field.js

@@ -1,2 +1,2 @@
-import { a as useField, c as _sfc_main$5, d as _sfc_main$3, f as _sfc_main$2, h as useFieldContext, i as _sfc_main$7, l as _sfc_main$4, m as _sfc_main, n as _sfc_main$10, o as _sfc_main$8, p as _sfc_main$1, r as _sfc_main$9, s as _sfc_main$6, t as field_exports, u as fieldAnatomy } from "./field-C3pLqz1S.js";
+import { a as useField, c as _sfc_main$5, d as _sfc_main$3, f as _sfc_main$2, h as useFieldContext, i as _sfc_main$7, l as _sfc_main$4, m as _sfc_main, n as _sfc_main$10, o as _sfc_main$8, p as _sfc_main$1, r as _sfc_main$9, s as _sfc_main$6, t as field_exports, u as fieldAnatomy } from "./field-Dubpmj-t.js";
 export { field_exports as Field, _sfc_main as FieldContext, _sfc_main$1 as FieldErrorText, _sfc_main$2 as FieldHelperText, _sfc_main$3 as FieldInput, _sfc_main$4 as FieldItem, _sfc_main$5 as FieldLabel, _sfc_main$6 as FieldRequiredIndicator, _sfc_main$7 as FieldRoot, _sfc_main$8 as FieldRootProvider, _sfc_main$9 as FieldSelect, _sfc_main$10 as FieldTextarea, fieldAnatomy, useField, useFieldContext };