@sprawlify/vue 0.0.92 → 0.0.93

package/dist/{alert-dialog-anatomy-D3Liireu.d.ts → alert-dialog-anatomy-vLVReFSr.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/alert-dialog/alert-dialog-anatomy.d.ts
-declare const alertDialogAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"trigger" | "content" | "title" | "description" | "closeTrigger" | "positioner" | "backdrop">;
+declare const alertDialogAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"trigger" | "content" | "title" | "positioner" | "description" | "closeTrigger" | "backdrop">;
 //#endregion
 export { alertDialogAnatomy as t };

package/dist/{carousel-anatomy-CYo6B4BR.d.ts → carousel-anatomy-CbSIXoCL.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/carousel/carousel-anatomy.d.ts
-declare const carouselAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "control" | "indicator" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+declare const carouselAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "indicator" | "control" | "nextTrigger" | "prevTrigger" | "item" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
 //#endregion
 export { carouselAnatomy as t };

package/dist/{checkbox-anatomy-D_EEk_7M.d.ts → checkbox-anatomy-DqbDcdH0.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/checkbox/checkbox-anatomy.d.ts
-declare const checkboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "label" | "control" | "indicator" | "group">;
+declare const checkboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "indicator" | "control" | "label" | "group">;
 //#endregion
 export { checkboxAnatomy as t };

package/dist/color-picker-anatomy-Bp8eCRGe.d.ts

@@ -0,0 +1,6 @@
+import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
+
+//#region src/components/color-picker/color-picker-anatomy.d.ts
+declare const colorPickerAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"trigger" | "content" | "positioner" | "root" | "control" | "label" | "valueText" | "area" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "view">;
+//#endregion
+export { colorPickerAnatomy as t };

package/dist/{combobox-anatomy-D_kVPY3I.d.ts → combobox-anatomy-C2RYG6zN.d.ts}

@@ -1,6 +1,6 @@
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/combobox/combobox-anatomy.d.ts
-declare const comboboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"trigger" | "content" | "positioner" | "root" | "label" | "control" | "item" | "itemGroup" | "input" | "itemIndicator" | "itemText" | "list" | "clearTrigger" | "itemGroupLabel" | "empty">;
+declare const comboboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"trigger" | "content" | "positioner" | "root" | "control" | "label" | "input" | "clearTrigger" | "item" | "itemIndicator" | "itemText" | "list" | "itemGroup" | "itemGroupLabel" | "empty">;
 //#endregion
 export { comboboxAnatomy as t };

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

@@ -1,5 +1,5 @@
 import { a as PolymorphicProps } from "../../factory-bfEpUaB3.js";
-import { i as UsePresenceProps } from "../../index-BiapeCBm.js";
+import { i as UsePresenceProps } from "../../index-DoteNbKN.js";
 import { a as Optional, r as EmitFn$1 } from "../../types-CcpL2F4P.js";
 import { r as PropTypes } from "../../index-ga2m_BD2.js";
 import { t as RenderStrategyProps } from "../../use-render-strategy-CIHTgh6L.js";
@@ -178,9 +178,9 @@ declare const __VLS_export: __VLS_WithSlots<vue.DefineComponent<AccordionRootPro
   onValueChange?: ((details: accordion.ValueChangeDetails) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
+  collapsible: boolean;
   disabled: boolean;
   multiple: boolean;
-  collapsible: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components/alert-dialog/index.d.ts

@@ -3,11 +3,12 @@ import { t as RootEmits$1 } from "../../presence-types-D-XuGmDH.js";
 import { a as Optional, r as EmitFn$1 } from "../../types-CcpL2F4P.js";
 import { r as PropTypes } from "../../index-ga2m_BD2.js";
 import { t as RenderStrategyProps } from "../../use-render-strategy-CIHTgh6L.js";
-import { t as alertDialogAnatomy } from "../../alert-dialog-anatomy-D3Liireu.js";
+import { t as alertDialogAnatomy } from "../../alert-dialog-anatomy-vLVReFSr.js";
 import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
 import * as dialog from "@sprawlify/primitives/machines/dialog";
 import { FocusOutsideEvent, FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as DialogPointerDownOutsideEvent } from "@sprawlify/primitives/machines/dialog";
+import * as _sprawlify_primitives_machines_editable0 from "@sprawlify/primitives/machines/editable";
 
 //#region src/components/alert-dialog/alert-dialog-backdrop.vue.d.ts
 interface AlertDialogBackdropBaseProps extends PolymorphicProps {}
@@ -162,42 +163,42 @@ interface AlertDialogRootProps extends AlertDialogRootBaseProps {}
 interface AlertDialogRootEmits extends RootEmits {}
 declare const _default$6: typeof __VLS_export$3;
 declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<AlertDialogRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
   exitComplete: () => any;
-  focusOutside: (event: dialog.FocusOutsideEvent) => any;
-  interactOutside: (event: dialog.InteractOutsideEvent) => any;
+  focusOutside: (event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => any;
   openChange: (details: dialog.OpenChangeDetails) => any;
-  pointerDownOutside: (event: dialog.PointerDownOutsideEvent) => any;
-  "update:open": (open: boolean) => any;
-  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any;
+  "update:open": (open: boolean) => any;
 }, string, vue.PublicProps, Readonly<AlertDialogRootProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onExitComplete?: (() => any) | undefined;
-  onFocusOutside?: ((event: dialog.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: dialog.InteractOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => any) | undefined;
   onOpenChange?: ((details: dialog.OpenChangeDetails) => any) | undefined;
-  onPointerDownOutside?: ((event: dialog.PointerDownOutsideEvent) => any) | undefined;
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-  open: boolean;
-  defaultOpen: boolean;
   closeOnEscape: boolean;
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnInteractOutside: boolean;
+  defaultOpen: boolean;
   modal: boolean;
+  open: boolean;
+  preventScroll: boolean;
   restoreFocus: boolean;
-  closeOnInteractOutside: boolean;
+  trapFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components/anatomy.d.ts

@@ -1,15 +1,15 @@
 import { t as accordionAnatomy } from "../accordion-anatomy-DH1HE1RK.js";
-import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-D3Liireu.js";
+import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-vLVReFSr.js";
 import { t as angleSliderAnatomy } from "../angle-slider-anatomy-CPWlz22O.js";
 import { t as avatarAnatomy } from "../avatar-anatomy-C15IaG7l.js";
 import { t as bottomSheetAnatomy } from "../bottom-sheet-anatomy-DoteJlEZ.js";
-import { t as carouselAnatomy } from "../carousel-anatomy-CYo6B4BR.js";
-import { t as checkboxAnatomy } from "../checkbox-anatomy-D_EEk_7M.js";
+import { t as carouselAnatomy } from "../carousel-anatomy-CbSIXoCL.js";
+import { t as checkboxAnatomy } from "../checkbox-anatomy-DqbDcdH0.js";
 import { t as clipboardAnatomy } from "../clipboard-anatomy-dy6XNAbY.js";
 import { t as collapsibleAnatomy } from "../collapsible-anatomy-DUZOe3-a.js";
-import { t as colorPickerAnatomy } from "../color-picker-anatomy-CCWwwZOI.js";
-import { t as comboboxAnatomy } from "../combobox-anatomy-D_kVPY3I.js";
-import { t as datePickerAnatomy } from "../date-picker-anatomy-DgTujt3i.js";
+import { t as colorPickerAnatomy } from "../color-picker-anatomy-Bp8eCRGe.js";
+import { t as comboboxAnatomy } from "../combobox-anatomy-C2RYG6zN.js";
+import { t as datePickerAnatomy } from "../date-picker-anatomy-C2Q4hGws.js";
 import { t as dialogAnatomy } from "../dialog-anatomy-DJDXF2AU.js";
 import { t as editableAnatomy } from "../editable-anatomy-CH0QFbjb.js";
 import { t as fieldAnatomy } from "../field-anatomy-Bzlix6O4.js";
@@ -18,7 +18,7 @@ import { t as fileUploadAnatomy } from "../file-upload-anatomy-Y99NDpIO.js";
 import { t as floatingPanelAnatomy } from "../floating-panel-anatomy-BzVWrj8Z.js";
 import { t as hoverCardAnatomy } from "../hover-card-anatomy-LsFwl5DS.js";
 import { t as imageCropperAnatomy } from "../image-cropper-anatomy-D1LB8g2f.js";
-import { t as listboxAnatomy } from "../listbox-anatomy-BCyiKo1T.js";
+import { t as listboxAnatomy } from "../listbox-anatomy-DUJR3mqL.js";
 import { t as marqueeAnatomy } from "../marquee-anatomy-Bih8y_Mg.js";
 import { t as dropdownMenuAnatomy } from "../dropdown-menu-anatomy-Bv4vy6dU.js";
 import { t as navigationMenuAnatomy } from "../navigation-menu-anatomy-B9CbXSLn.js";
@@ -32,7 +32,7 @@ import { t as qrCodeAnatomy } from "../qr-code-anatomy-CwXr0doo.js";
 import { t as radioGroupAnatomy } from "../radio-group-anatomy-DwXH2ZXh.js";
 import { t as ratingGroupAnatomy } from "../rating-group-anatomy-vdkTXds1.js";
 import { t as scrollAreaAnatomy } from "../scroll-area-anatomy-D08heRlt.js";
-import { t as segmentGroupAnatomy } from "../segment-group-anatomy-B6BtDPDj.js";
+import { t as segmentGroupAnatomy } from "../segment-group-anatomy-DbzAEtJt.js";
 import { t as selectAnatomy } from "../select-anatomy-6e2EwWE7.js";
 import { t as separatorAnatomy } from "../separator-anatomy-BKWsJ9Pb.js";
 import { t as signaturePadAnatomy } from "../signature-pad-anatomy-D-FQgTUJ.js";
@@ -47,7 +47,7 @@ import { t as toastAnatomy } from "../toast-anatomy-C611urcE.js";
 import { t as toggleGroupAnatomy } from "../toggle-group-anatomy-BMEHxthU.js";
 import { t as toggleAnatomy } from "../toggle-anatomy-CAfJOViG.js";
 import { t as tooltipAnatomy } from "../tooltip-anatomy-B2EMlOzF.js";
-import { t as tourAnatomy } from "../tour-anatomy-D9iOfApe.js";
+import { t as tourAnatomy } from "../tour-anatomy-DR798th_.js";
 import { t as treeViewAnatomy } from "../tree-view-anatomy-DiA9oPpn.js";
 import { anatomy as aspectRatioAnatomy } from "@sprawlify/primitives/machines/aspect-ratio";
 export * from "@sprawlify/primitives/anatomy";

package/dist/components/bottom-sheet/index.d.ts

@@ -168,14 +168,14 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<BottomSheetR
     snapPoint: number | string;
   }) => any) | undefined;
 }>, {
-  open: boolean;
-  defaultOpen: boolean;
   closeOnEscape: boolean;
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnInteractOutside: boolean;
+  defaultOpen: boolean;
   modal: boolean;
+  open: boolean;
+  preventScroll: boolean;
   restoreFocus: boolean;
-  closeOnInteractOutside: boolean;
+  trapFocus: boolean;
   preventDragOnScroll: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;

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

@@ -1,7 +1,7 @@
 import { a as PolymorphicProps } from "../../factory-bfEpUaB3.js";
 import { a as Optional, r as EmitFn$1 } from "../../types-CcpL2F4P.js";
 import { r as PropTypes } from "../../index-ga2m_BD2.js";
-import { t as carouselAnatomy } from "../../carousel-anatomy-CYo6B4BR.js";
+import { t as carouselAnatomy } from "../../carousel-anatomy-CbSIXoCL.js";
 import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
 import * as carousel from "@sprawlify/primitives/machines/carousel";

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

@@ -1,7 +1,7 @@
 import { a as PolymorphicProps } from "../../factory-bfEpUaB3.js";
 import { a as Optional, r as EmitFn$1 } from "../../types-CcpL2F4P.js";
 import { r as PropTypes } from "../../index-ga2m_BD2.js";
-import { t as checkboxAnatomy } from "../../checkbox-anatomy-D_EEk_7M.js";
+import { t as checkboxAnatomy } from "../../checkbox-anatomy-DqbDcdH0.js";
 import * as vue from "vue";
 import { ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
 import * as checkbox from "@sprawlify/primitives/machines/checkbox";
@@ -221,11 +221,11 @@ declare const __VLS_export$1: __VLS_WithSlots$1<vue.DefineComponent<CheckboxRoot
   "onUpdate:checked"?: ((checked: checkbox.CheckedState) => any) | undefined;
   onCheckedChange?: ((details: checkbox.CheckedChangeDetails) => any) | undefined;
 }>, {
-  disabled: boolean;
   required: boolean;
-  checked: checkbox.CheckedState;
+  disabled: boolean;
   readOnly: boolean;
   invalid: boolean;
+  checked: checkbox.CheckedState;
   defaultChecked: checkbox.CheckedState;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;

package/dist/components/checkbox/index.js

@@ -7,9 +7,9 @@ import { t as checkboxAnatomy } from "../../checkbox-anatomy-BIeQD0fF.js";
 import "../../field-anatomy-BloFzq7T.js";
 import "../../fieldset-anatomy-DBAg0hLg.js";
 import { t as cleanProps } from "../../clean-props-C5aydRx_.js";
-import { t as toBooleanValue } from "../../boolean-ClZYREcr.js";
-import { l as useFieldsetContext } from "../../fieldset-Qrb1hBnw.js";
-import { p as useFieldContext } from "../../field-GralVrIX.js";
+import { t as toBooleanValue } from "../../boolean-Cum6FrfN.js";
+import { l as useFieldsetContext } from "../../fieldset-DFVgBzjw.js";
+import { p as useFieldContext } from "../../field-JokYYbgk.js";
 import { computed, createBlock, defineComponent, getCurrentInstance, guardReactiveProps, mergeDefaults, mergeProps, nextTick, normalizeProps, openBlock, ref, renderSlot, toRefs, toValue, unref, useId, watch, withCtx } from "vue";
 import * as checkbox from "@sprawlify/primitives/machines/checkbox";
 //#region src/components/checkbox/use-checkbox-context.ts

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

@@ -113,8 +113,8 @@ declare const __VLS_export$2: __VLS_WithSlots$2<vue.DefineComponent<CollapsibleR
   disabled: boolean;
   lazyMount: boolean;
   unmountOnExit: boolean;
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components/collection/index.js

@@ -1,3 +1,3 @@
 import "../../core-BW88ya4i.js";
-import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "../../collection-DxYHutYn.js";
+import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "../../collection-DFLl9Ixl.js";
 export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };

package/dist/components/color-picker/index.d.ts

@@ -1,15 +1,15 @@
 import { a as PolymorphicProps } from "../../factory-bfEpUaB3.js";
 import { t as RootEmits$1 } from "../../presence-types-D-XuGmDH.js";
-import { c as PresenceProps } from "../../index-BiapeCBm.js";
+import { c as PresenceProps } from "../../index-DoteNbKN.js";
 import { a as Optional, r as EmitFn$1 } from "../../types-CcpL2F4P.js";
 import { r as PropTypes } from "../../index-ga2m_BD2.js";
 import { t as RenderStrategyProps } from "../../use-render-strategy-CIHTgh6L.js";
-import { t as colorPickerAnatomy } from "../../color-picker-anatomy-CCWwwZOI.js";
+import { t as colorPickerAnatomy } from "../../color-picker-anatomy-Bp8eCRGe.js";
 import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SelectHTMLAttributes, SlotsType, UnwrapRef } from "vue";
-import * as _sprawlify_primitives_machines_dialog0 from "@sprawlify/primitives/machines/dialog";
 import * as colorPicker from "@sprawlify/primitives/machines/color-picker";
 import { AreaProps, ChannelInputProps, ChannelProps, Color, Color as Color$1, ColorFormat, ColorFormat as ColorFormat$1, ColorFormat as ColorPickerColorFormat, FocusOutsideEvent, FocusOutsideEvent as ColorPickerFocusOutsideEvent, FormatChangeDetails, FormatChangeDetails as ColorPickerFormatChangeDetails, InteractOutsideEvent, InteractOutsideEvent as ColorPickerInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as ColorPickerPointerDownOutsideEvent, SwatchProps, SwatchTriggerProps, TransparencyGridProps, ValueChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, parse as parseColor } from "@sprawlify/primitives/machines/color-picker";
+import * as _sprawlify_primitives_machines_editable0 from "@sprawlify/primitives/machines/editable";
 import * as _sprawlify_primitives_color_utils0 from "@sprawlify/primitives/color-utils";
 import { ColorStringFormat } from "@sprawlify/primitives/color-utils";
 
@@ -406,32 +406,32 @@ declare const __VLS_export$9: __VLS_WithSlots$9<vue.DefineComponent<ColorPickerR
   valueChange: (details: colorPicker.ValueChangeDetails) => any;
   "update:modelValue": (value: _sprawlify_primitives_color_utils0.Color) => any;
   exitComplete: () => any;
-  focusOutside: (event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any;
-  interactOutside: (event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any;
+  focusOutside: (event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => any;
   openChange: (details: colorPicker.OpenChangeDetails) => any;
-  pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => any;
   "update:open": (open: boolean) => any;
-  formatChange: (details: colorPicker.FormatChangeDetails) => any;
   valueChangeEnd: (details: colorPicker.ValueChangeDetails) => any;
+  formatChange: (details: colorPicker.FormatChangeDetails) => any;
   "update:format": (format: _sprawlify_primitives_color_utils0.ColorFormat) => any;
 }, string, vue.PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
   onValueChange?: ((details: colorPicker.ValueChangeDetails) => any) | undefined;
   "onUpdate:modelValue"?: ((value: _sprawlify_primitives_color_utils0.Color) => any) | undefined;
   onExitComplete?: (() => any) | undefined;
-  onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => any) | undefined;
   onOpenChange?: ((details: colorPicker.OpenChangeDetails) => any) | undefined;
-  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  onFormatChange?: ((details: colorPicker.FormatChangeDetails) => any) | undefined;
   onValueChangeEnd?: ((details: colorPicker.ValueChangeDetails) => any) | undefined;
+  onFormatChange?: ((details: colorPicker.FormatChangeDetails) => any) | undefined;
   "onUpdate:format"?: ((format: _sprawlify_primitives_color_utils0.ColorFormat) => any) | undefined;
 }>, {
   inline: boolean;
-  disabled: boolean;
   required: boolean;
-  open: boolean;
+  disabled: boolean;
   defaultOpen: boolean;
+  open: boolean;
   readOnly: boolean;
   invalid: boolean;
   closeOnSelect: boolean;

package/dist/components/color-picker/index.js

@@ -8,7 +8,7 @@ import "../../field-anatomy-BloFzq7T.js";
 import { t as cleanProps } from "../../clean-props-C5aydRx_.js";
 import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-QgtvU85q.js";
 import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-CxNxMceK.js";
-import { p as useFieldContext } from "../../field-GralVrIX.js";
+import { p as useFieldContext } from "../../field-JokYYbgk.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";
 import * as colorPicker from "@sprawlify/primitives/machines/color-picker";
 import { parse as parseColor } from "@sprawlify/primitives/machines/color-picker";

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

@@ -1,16 +1,16 @@
 import { a as PolymorphicProps } from "../../factory-bfEpUaB3.js";
 import { t as RootEmits$1 } from "../../presence-types-D-XuGmDH.js";
-import { i as UsePresenceProps } from "../../index-BiapeCBm.js";
+import { i as UsePresenceProps } from "../../index-DoteNbKN.js";
 import { a as Optional, r as EmitFn$1, t as Assign } from "../../types-CcpL2F4P.js";
 import { r as PropTypes } from "../../index-ga2m_BD2.js";
 import { t as RenderStrategyProps } from "../../use-render-strategy-CIHTgh6L.js";
-import { t as comboboxAnatomy } from "../../combobox-anatomy-D_kVPY3I.js";
+import { t as comboboxAnatomy } from "../../combobox-anatomy-C2RYG6zN.js";
 import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-DuD8fQUF.js";
 import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
-import * as _sprawlify_primitives_machines_dialog0 from "@sprawlify/primitives/machines/dialog";
 import * as combobox from "@sprawlify/primitives/machines/combobox";
 import { FocusOutsideEvent, FocusOutsideEvent as ComboboxFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, InteractOutsideEvent, InteractOutsideEvent as ComboboxInteractOutsideEvent, ItemGroupProps, ItemProps, ItemState, OpenChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as ComboboxPointerDownOutsideEvent, SelectionDetails, SelectionDetails as ComboboxSelectionDetails, TriggerProps, ValueChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails } from "@sprawlify/primitives/machines/combobox";
+import * as _sprawlify_primitives_machines_editable0 from "@sprawlify/primitives/machines/editable";
 
 //#region src/components/combobox/combobox-clear-trigger.vue.d.ts
 interface ComboboxClearTriggerBaseProps extends PolymorphicProps {}
@@ -542,10 +542,10 @@ declare const __VLS_export$2: <T extends CollectionItem>(__VLS_props: NonNullabl
     onValueChange?: ((details: combobox.ValueChangeDetails<T>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onExitComplete?: (() => any) | undefined;
-    onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => any) | undefined;
     onOpenChange?: ((details: combobox.OpenChangeDetails) => any) | undefined;
-    onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onHighlightChange?: ((details: combobox.HighlightChangeDetails<T>) => any) | undefined;
     onInputValueChange?: ((details: combobox.InputValueChangeDetails) => any) | undefined;
@@ -562,7 +562,7 @@ declare const __VLS_export$2: <T extends CollectionItem>(__VLS_props: NonNullabl
   emit: ((evt: "select", details: {
     value: string[];
     itemValue: string;
-  }) => void) & ((evt: "valueChange", details: combobox.ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "exitComplete") => void) & ((evt: "focusOutside", event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => void) & ((evt: "openChange", details: combobox.OpenChangeDetails) => void) & ((evt: "pointerDownOutside", event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlightChange", details: combobox.HighlightChangeDetails<T>) => void) & ((evt: "inputValueChange", details: combobox.InputValueChangeDetails) => void) & ((evt: "update:inputValue", value: string) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
+  }) => void) & ((evt: "valueChange", details: combobox.ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "exitComplete") => void) & ((evt: "focusOutside", event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => void) & ((evt: "openChange", details: combobox.OpenChangeDetails) => void) & ((evt: "pointerDownOutside", event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlightChange", details: combobox.HighlightChangeDetails<T>) => void) & ((evt: "inputValueChange", details: combobox.InputValueChangeDetails) => void) & ((evt: "update:inputValue", value: string) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/combobox/index.js

@@ -8,8 +8,8 @@ import "../../field-anatomy-BloFzq7T.js";
 import { t as cleanProps } from "../../clean-props-C5aydRx_.js";
 import { t as RenderStrategyPropsProvider } from "../../use-render-strategy-QgtvU85q.js";
 import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-CxNxMceK.js";
-import { p as useFieldContext } from "../../field-GralVrIX.js";
-import { n as useListCollection, o as createListCollection } from "../../collection-DxYHutYn.js";
+import { n as useListCollection, o as createListCollection } from "../../collection-DFLl9Ixl.js";
+import { p as useFieldContext } from "../../field-JokYYbgk.js";
 import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
 import * as combobox from "@sprawlify/primitives/machines/combobox";
 //#region src/components/combobox/use-combobox-context.ts

package/dist/components/date-picker/index.d.ts

@@ -3,7 +3,7 @@ import { t as RootEmits$1 } from "../../presence-types-D-XuGmDH.js";
 import { a as Optional, r as EmitFn$1 } from "../../types-CcpL2F4P.js";
 import { r as PropTypes } from "../../index-ga2m_BD2.js";
 import { t as RenderStrategyProps } from "../../use-render-strategy-CIHTgh6L.js";
-import { t as datePickerAnatomy } from "../../date-picker-anatomy-DgTujt3i.js";
+import { t as datePickerAnatomy } from "../../date-picker-anatomy-C2Q4hGws.js";
 import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, Reactive, SelectHTMLAttributes, SlotsType, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, UnwrapRef } from "vue";
 import * as datePicker from "@sprawlify/primitives/machines/date-picker";
@@ -349,10 +349,10 @@ declare const __VLS_export$12: __VLS_WithSlots$11<vue.DefineComponent<DatePicker
   exitComplete: () => any;
   openChange: (details: datePicker.OpenChangeDetails) => any;
   "update:open": (open: boolean) => any;
-  "update:focusedValue": (focusedValue: undefined) => any;
   viewChange: (details: datePicker.ViewChangeDetails) => any;
   visibleRangeChange: (details: datePicker.VisibleRangeChangeDetails) => any;
   "update:view": (view: datePicker.DateView) => any;
+  "update:focusedValue": (focusedValue: undefined) => any;
 }, string, vue.PublicProps, Readonly<DatePickerRootProps> & Readonly<{
   onFocusChange?: ((details: datePicker.FocusChangeDetails) => any) | undefined;
   onValueChange?: ((details: datePicker.ValueChangeDetails) => any) | undefined;
@@ -360,16 +360,16 @@ declare const __VLS_export$12: __VLS_WithSlots$11<vue.DefineComponent<DatePicker
   onExitComplete?: (() => any) | undefined;
   onOpenChange?: ((details: datePicker.OpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  "onUpdate:focusedValue"?: ((focusedValue: undefined) => any) | undefined;
   onViewChange?: ((details: datePicker.ViewChangeDetails) => any) | undefined;
   onVisibleRangeChange?: ((details: datePicker.VisibleRangeChangeDetails) => any) | undefined;
   "onUpdate:view"?: ((view: datePicker.DateView) => any) | undefined;
+  "onUpdate:focusedValue"?: ((focusedValue: undefined) => any) | undefined;
 }>, {
   inline: boolean;
-  disabled: boolean;
   required: boolean;
-  open: boolean;
+  disabled: boolean;
   defaultOpen: boolean;
+  open: boolean;
   readOnly: boolean;
   invalid: boolean;
   closeOnSelect: boolean;

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

@@ -8,6 +8,7 @@ import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
 import * as dialog from "@sprawlify/primitives/machines/dialog";
 import { FocusOutsideEvent, FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as DialogPointerDownOutsideEvent } from "@sprawlify/primitives/machines/dialog";
+import * as _sprawlify_primitives_machines_editable0 from "@sprawlify/primitives/machines/editable";
 
 //#region src/components/dialog/dialog-backdrop.vue.d.ts
 interface DialogBackdropBaseProps extends PolymorphicProps {}
@@ -163,42 +164,42 @@ interface DialogRootProps extends DialogRootBaseProps {}
 interface DialogRootEmits extends RootEmits {}
 declare const _default$6: typeof __VLS_export$3;
 declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<DialogRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
   exitComplete: () => any;
-  focusOutside: (event: dialog.FocusOutsideEvent) => any;
-  interactOutside: (event: dialog.InteractOutsideEvent) => any;
+  focusOutside: (event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => any;
   openChange: (details: dialog.OpenChangeDetails) => any;
-  pointerDownOutside: (event: dialog.PointerDownOutsideEvent) => any;
-  "update:open": (open: boolean) => any;
-  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any;
+  "update:open": (open: boolean) => any;
 }, string, vue.PublicProps, Readonly<DialogRootProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onExitComplete?: (() => any) | undefined;
-  onFocusOutside?: ((event: dialog.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: dialog.InteractOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => any) | undefined;
   onOpenChange?: ((details: dialog.OpenChangeDetails) => any) | undefined;
-  onPointerDownOutside?: ((event: dialog.PointerDownOutsideEvent) => any) | undefined;
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-  open: boolean;
-  defaultOpen: boolean;
   closeOnEscape: boolean;
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnInteractOutside: boolean;
+  defaultOpen: boolean;
   modal: boolean;
+  open: boolean;
+  preventScroll: boolean;
   restoreFocus: boolean;
-  closeOnInteractOutside: boolean;
+  trapFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components/dropdown-menu/index.d.ts

@@ -6,7 +6,7 @@ import { t as RenderStrategyProps } from "../../use-render-strategy-CIHTgh6L.js"
 import { t as dropdownMenuAnatomy } from "../../dropdown-menu-anatomy-Bv4vy6dU.js";
 import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
-import * as _sprawlify_primitives_machines_dialog0 from "@sprawlify/primitives/machines/dialog";
+import * as _sprawlify_primitives_machines_editable0 from "@sprawlify/primitives/machines/editable";
 import * as dropdownMenu from "@sprawlify/primitives/machines/dropdown-menu";
 import { FocusOutsideEvent, FocusOutsideEvent as DropdownMenuFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as DropdownMenuHighlightChangeDetails, InteractOutsideEvent, InteractOutsideEvent as DropdownMenuInteractOutsideEvent, ItemGroupProps, ItemProps, OpenChangeDetails, OpenChangeDetails as DropdownMenuOpenChangeDetails, OptionItemProps, OptionItemState, PointerDownOutsideEvent, PointerDownOutsideEvent as DropdownMenuPointerDownOutsideEvent, SelectionDetails, SelectionDetails as DropdownMenuSelectionDetails } from "@sprawlify/primitives/machines/dropdown-menu";
 
@@ -353,44 +353,44 @@ interface DropdownMenuRootEmits extends RootEmits {}
 declare const _default$15: typeof __VLS_export$4;
 declare const __VLS_export$4: __VLS_WithSlots$3<vue.DefineComponent<DropdownMenuRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   select: (details: dropdownMenu.SelectionDetails) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   exitComplete: () => any;
-  focusOutside: (event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any;
-  interactOutside: (event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any;
+  focusOutside: (event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => any;
   openChange: (details: dropdownMenu.OpenChangeDetails) => any;
-  pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
-  "update:open": (open: boolean) => any;
-  highlightChange: (details: dropdownMenu.HighlightChangeDetails) => any;
-  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any;
+  "update:open": (open: boolean) => any;
+  highlightChange: (details: dropdownMenu.HighlightChangeDetails) => any;
   "update:highlightedValue": (highlightedValue: string | null) => any;
 }, string, vue.PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
   onSelect?: ((details: dropdownMenu.SelectionDetails) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onExitComplete?: (() => any) | undefined;
-  onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_editable0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_editable0.InteractOutsideEvent) => any) | undefined;
   onOpenChange?: ((details: dropdownMenu.OpenChangeDetails) => any) | undefined;
-  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  onHighlightChange?: ((details: dropdownMenu.HighlightChangeDetails) => any) | undefined;
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_editable0.PointerDownOutsideEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  onHighlightChange?: ((details: dropdownMenu.HighlightChangeDetails) => any) | undefined;
   "onUpdate:highlightedValue"?: ((highlightedValue: string | null) => any) | undefined;
 }>, {
-  loopFocus: boolean;
-  composite: boolean;
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
+  loopFocus: boolean;
   closeOnSelect: boolean;
+  composite: boolean;
   typeahead: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;