@wirekyt/vue 0.0.4 → 0.0.5

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

@@ -219,11 +219,11 @@ declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<Ch
   onCheckedChange?: ((details: import("@wirekyt/dom/machines/checkbox").CheckedChangeDetails) => any) | undefined;
   "onUpdate:checked"?: ((checked: import("@wirekyt/dom/machines/checkbox").CheckedState) => any) | undefined;
 }>, {
-  required: boolean;
   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

@@ -219,11 +219,11 @@ declare const __VLS_export$1: __VLS_WithSlots$1<import("vue").DefineComponent<Ch
   onCheckedChange?: ((details: import("@wirekyt/dom/machines/checkbox").CheckedChangeDetails) => any) | undefined;
   "onUpdate:checked"?: ((checked: import("@wirekyt/dom/machines/checkbox").CheckedState) => any) | undefined;
 }>, {
-  required: boolean;
   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

@@ -404,9 +404,9 @@ declare const __VLS_export$9: __VLS_WithSlots$9<import("vue").DefineComponent<Co
   "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<{
@@ -416,15 +416,15 @@ declare const __VLS_export$9: __VLS_WithSlots$9<import("vue").DefineComponent<Co
   "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;
 }>, {
   inline: boolean;
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   open: boolean;
   invalid: boolean;
   readOnly: boolean;

package/dist/color-picker.d.ts

@@ -404,9 +404,9 @@ declare const __VLS_export$9: __VLS_WithSlots$9<import("vue").DefineComponent<Co
   "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<{
@@ -416,15 +416,15 @@ declare const __VLS_export$9: __VLS_WithSlots$9<import("vue").DefineComponent<Co
   "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;
 }>, {
   inline: boolean;
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   open: boolean;
   invalid: boolean;
   readOnly: boolean;

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>>;
 };

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>>;
 };

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/date-input.d.cts

@@ -164,8 +164,8 @@ declare const __VLS_export$2: __VLS_WithSlots$1<import("vue").DefineComponent<Da
   "onUpdate:modelValue"?: ((value: import("@internationalized/date").DateValue[]) => any) | undefined;
   onFocusChange?: ((details: import("@wirekyt/dom/machines/date-input").FocusChangeDetails) => any) | undefined;
 }>, {
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   invalid: boolean;
   readOnly: boolean;
   hideTimeZone: boolean;

package/dist/date-input.d.ts

@@ -164,8 +164,8 @@ declare const __VLS_export$2: __VLS_WithSlots$1<import("vue").DefineComponent<Da
   "onUpdate:modelValue"?: ((value: import("@internationalized/date").DateValue[]) => any) | undefined;
   onFocusChange?: ((details: import("@wirekyt/dom/machines/date-input").FocusChangeDetails) => any) | undefined;
 }>, {
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   invalid: boolean;
   readOnly: boolean;
   hideTimeZone: boolean;

package/dist/date-picker.d.cts

@@ -367,8 +367,8 @@ declare const __VLS_export$14: __VLS_WithSlots$13<import("vue").DefineComponent<
   "onUpdate:view"?: ((view: import("@wirekyt/dom/machines/date-picker").DateView) => any) | undefined;
 }>, {
   inline: boolean;
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   open: boolean;
   invalid: boolean;
   readOnly: boolean;

package/dist/date-picker.d.ts

@@ -367,8 +367,8 @@ declare const __VLS_export$14: __VLS_WithSlots$13<import("vue").DefineComponent<
   "onUpdate:view"?: ((view: import("@wirekyt/dom/machines/date-picker").DateView) => any) | undefined;
 }>, {
   inline: boolean;
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   open: boolean;
   invalid: boolean;
   readOnly: boolean;

package/dist/dialog.d.cts

@@ -166,9 +166,9 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   openChange: (details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any;
   "update:open": (open: boolean) => any;
   triggerValueChange: (details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => 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;
   escapeKeyDown: (event: KeyboardEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -181,9 +181,9 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   onOpenChange?: ((details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onTriggerValueChange?: ((details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => 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;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;

package/dist/dialog.d.ts

@@ -166,9 +166,9 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   openChange: (details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any;
   "update:open": (open: boolean) => any;
   triggerValueChange: (details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => 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;
   escapeKeyDown: (event: KeyboardEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -181,9 +181,9 @@ declare const __VLS_export$3: __VLS_WithSlots$3<import("vue").DefineComponent<Di
   onOpenChange?: ((details: import("@wirekyt/dom/machines/dialog").OpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onTriggerValueChange?: ((details: import("@wirekyt/dom/machines/dialog").TriggerValueChangeDetails) => 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;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;

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,22 +212,22 @@ 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;
   "onUpdate:edit"?: ((edit: boolean) => any) | undefined;
 }>, {
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   invalid: boolean;
   readOnly: boolean;
   selectOnFocus: boolean;
   autoResize: boolean;
-  edit: boolean;
   defaultEdit: boolean;
+  edit: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

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,22 +212,22 @@ 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;
   "onUpdate:edit"?: ((edit: boolean) => any) | undefined;
 }>, {
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   invalid: boolean;
   readOnly: boolean;
   selectOnFocus: boolean;
   autoResize: boolean;
-  edit: boolean;
   defaultEdit: boolean;
+  edit: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

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.d.cts

@@ -270,8 +270,8 @@ interface FieldRootProps extends FieldRootBaseProps,
 HTMLAttributes {}
 declare const _default$7: typeof __VLS_export$2;
 declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<FieldRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldRootProps> & Readonly<{}>, {
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   invalid: boolean;
   readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/field.d.ts

@@ -270,8 +270,8 @@ interface FieldRootProps extends FieldRootBaseProps,
 HTMLAttributes {}
 declare const _default$7: typeof __VLS_export$2;
 declare const __VLS_export$2: __VLS_WithSlots$2<import("vue").DefineComponent<FieldRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldRootProps> & Readonly<{}>, {
-  required: boolean;
   disabled: boolean;
+  required: boolean;
   invalid: boolean;
   readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

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 };

package/dist/{fieldset-C5aj6Ims.cjs → fieldset-Cdf3wmJ9.cjs}

@@ -104,9 +104,9 @@ const useFieldset = (props = {}) => {
 	const ids = (0, vue.computed)(() => {
 		const id = (0, vue.toValue)(props).id ?? uuid;
 		return {
-			legendId: `fieldset::${id}::legend`,
-			errorTextId: `fieldset::${id}::error-text`,
-			helperTextId: `fieldset::${id}::helper-text`
+			legendId: `fieldset:${id}:legend`,
+			errorTextId: `fieldset:${id}:error-text`,
+			helperTextId: `fieldset:${id}:helper-text`
 		};
 	});
 	(0, vue.onMounted)(() => {

package/dist/{fieldset-ByP_r1Uq.js → fieldset-DMTFcTT6.js}

@@ -104,9 +104,9 @@ const useFieldset = (props = {}) => {
 	const ids = computed(() => {
 		const id = toValue(props).id ?? uuid;
 		return {
-			legendId: `fieldset::${id}::legend`,
-			errorTextId: `fieldset::${id}::error-text`,
-			helperTextId: `fieldset::${id}::helper-text`
+			legendId: `fieldset:${id}:legend`,
+			errorTextId: `fieldset:${id}:error-text`,
+			helperTextId: `fieldset:${id}:helper-text`
 		};
 	});
 	onMounted(() => {

package/dist/fieldset.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_fieldset = require("./fieldset-C5aj6Ims.cjs");
+const require_fieldset = require("./fieldset-Cdf3wmJ9.cjs");
 Object.defineProperty(exports, "Fieldset", {
 	enumerable: true,
 	get: function() {

package/dist/fieldset.js

@@ -1,2 +1,2 @@
-import { a as _sfc_main$5, c as _sfc_main$1, i as fieldsetAnatomy, l as _sfc_main, n as _sfc_main$4, o as _sfc_main$3, r as useFieldset, s as _sfc_main$2, t as fieldset_exports, u as useFieldsetContext } from "./fieldset-ByP_r1Uq.js";
+import { a as _sfc_main$5, c as _sfc_main$1, i as fieldsetAnatomy, l as _sfc_main, n as _sfc_main$4, o as _sfc_main$3, r as useFieldset, s as _sfc_main$2, t as fieldset_exports, u as useFieldsetContext } from "./fieldset-DMTFcTT6.js";
 export { fieldset_exports as Fieldset, _sfc_main as FieldsetContext, _sfc_main$1 as FieldsetErrorText, _sfc_main$2 as FieldsetHelperText, _sfc_main$3 as FieldsetLegend, _sfc_main$4 as FieldsetRoot, _sfc_main$5 as FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };

package/dist/file-upload.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_utils = require("@wirekyt/dom/utils");
 let _wirekyt_dom_machines_file_upload = require("@wirekyt/dom/machines/file-upload");