@sprawlify/vue 0.0.99 → 0.0.101

package/dist/{alert-dialog-anatomy-Cmbo81mV.d.ts → alert-dialog-anatomy-9zjAVC7Z.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<"title" | "trigger" | "content" | "description" | "positioner" | "backdrop" | "closeTrigger">;
+declare const alertDialogAnatomy: _sprawlify_primitives_anatomy0.Anatomy<"title" | "content" | "trigger" | "positioner" | "closeTrigger" | "description" | "backdrop">;
 //#endregion
 export { alertDialogAnatomy as t };

package/dist/{carousel-anatomy-CAln4YQN.d.ts → carousel-anatomy-Blqe-5Es.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" | "nextTrigger" | "prevTrigger" | "progressText" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "autoplayIndicator">;
+declare const carouselAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "indicator" | "control" | "item" | "itemGroup" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
 //#endregion
 export { carouselAnatomy as t };

package/dist/{checkbox-anatomy-Bkxq8P4k.d.ts → checkbox-anatomy-BDPTqssy.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<"label" | "root" | "control" | "indicator" | "group">;
+declare const checkboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "root" | "indicator" | "control" | "group">;
 //#endregion
 export { checkboxAnatomy as t };

package/dist/{color-picker-anatomy-09BXGqLT.d.ts → color-picker-anatomy-CU8esrjt.d.ts}

@@ -1,6 +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<"area" | "label" | "view" | "trigger" | "content" | "positioner" | "root" | "control" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+declare const colorPickerAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"area" | "label" | "view" | "root" | "control" | "content" | "trigger" | "positioner" | "valueText" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
 //#endregion
 export { colorPickerAnatomy as t };

package/dist/{combobox-anatomy-Chkz_tym.d.ts → combobox-anatomy-D7qjlNeK.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<"input" | "label" | "trigger" | "content" | "positioner" | "root" | "control" | "item" | "itemGroup" | "clearTrigger" | "itemIndicator" | "list" | "itemText" | "itemGroupLabel" | "empty">;
+declare const comboboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"input" | "label" | "root" | "control" | "item" | "itemGroup" | "content" | "trigger" | "positioner" | "itemIndicator" | "clearTrigger" | "itemText" | "list" | "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-DoteNbKN.js";
+import { i as UsePresenceProps } from "../../index-B4l20i3i.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";
@@ -170,13 +170,13 @@ HTMLAttributes {}
 interface AccordionRootEmits extends RootEmits {}
 declare const _default$6: typeof __VLS_export;
 declare const __VLS_export: __VLS_WithSlots<vue.DefineComponent<AccordionRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  focusChange: (details: accordion.FocusChangeDetails) => any;
   valueChange: (details: accordion.ValueChangeDetails) => any;
   "update:modelValue": (value: string[]) => any;
+  focusChange: (details: accordion.FocusChangeDetails) => any;
 }, string, vue.PublicProps, Readonly<AccordionRootProps> & Readonly<{
-  onFocusChange?: ((details: accordion.FocusChangeDetails) => any) | undefined;
   onValueChange?: ((details: accordion.ValueChangeDetails) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onFocusChange?: ((details: accordion.FocusChangeDetails) => any) | undefined;
 }>, {
   disabled: boolean;
   multiple: boolean;

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

@@ -3,12 +3,11 @@ 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-Cmbo81mV.js";
+import { t as alertDialogAnatomy } from "../../alert-dialog-anatomy-9zjAVC7Z.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_popover0 from "@sprawlify/primitives/machines/popover";
 
 //#region src/components/alert-dialog/alert-dialog-backdrop.vue.d.ts
 interface AlertDialogBackdropBaseProps extends PolymorphicProps {}
@@ -163,13 +162,13 @@ 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, {
-  exitComplete: () => any;
   openChange: (details: dialog.OpenChangeDetails) => any;
+  exitComplete: () => any;
+  focusOutside: (event: dialog.FocusOutsideEvent) => any;
+  interactOutside: (event: dialog.InteractOutsideEvent) => any;
+  pointerDownOutside: (event: dialog.PointerDownOutsideEvent) => any;
   "update:open": (open: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  focusOutside: (event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => any;
-  interactOutside: (event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => any;
-  pointerDownOutside: (event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
@@ -177,13 +176,13 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<AlertDialogR
     targetIndex: number;
   }>) => any;
 }, string, vue.PublicProps, Readonly<AlertDialogRootProps> & Readonly<{
-  onExitComplete?: (() => any) | undefined;
   onOpenChange?: ((details: dialog.OpenChangeDetails) => any) | undefined;
+  onExitComplete?: (() => any) | undefined;
+  onFocusOutside?: ((event: dialog.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: dialog.InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: dialog.PointerDownOutsideEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onFocusOutside?: ((event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
@@ -191,12 +190,12 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<AlertDialogR
     targetIndex: number;
   }>) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
-  open: boolean;
   trapFocus: boolean;
   preventScroll: boolean;
   modal: boolean;
   restoreFocus: boolean;
+  open: boolean;
+  defaultOpen: boolean;
   closeOnInteractOutside: boolean;
   closeOnEscape: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, 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-Cmbo81mV.js";
+import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-9zjAVC7Z.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-CAln4YQN.js";
-import { t as checkboxAnatomy } from "../checkbox-anatomy-Bkxq8P4k.js";
+import { t as carouselAnatomy } from "../carousel-anatomy-Blqe-5Es.js";
+import { t as checkboxAnatomy } from "../checkbox-anatomy-BDPTqssy.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-09BXGqLT.js";
-import { t as comboboxAnatomy } from "../combobox-anatomy-Chkz_tym.js";
-import { t as datePickerAnatomy } from "../date-picker-anatomy-CTaSCl_Q.js";
+import { t as colorPickerAnatomy } from "../color-picker-anatomy-CU8esrjt.js";
+import { t as comboboxAnatomy } from "../combobox-anatomy-D7qjlNeK.js";
+import { t as datePickerAnatomy } from "../date-picker-anatomy-BwjU5RR5.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-BWikn-kn.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-ChVWjuvl.js";
-import { t as listboxAnatomy } from "../listbox-anatomy-BIheOi8j.js";
+import { t as listboxAnatomy } from "../listbox-anatomy-DY6cCB6b.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";
@@ -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-DltwPG-R.js";
+import { t as tourAnatomy } from "../tour-anatomy-JNcHMN8H.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,12 +168,12 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<BottomSheetR
     snapPoint: number | string;
   }) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
-  open: boolean;
   trapFocus: boolean;
   preventScroll: boolean;
   modal: boolean;
   restoreFocus: boolean;
+  open: boolean;
+  defaultOpen: boolean;
   closeOnInteractOutside: boolean;
   closeOnEscape: boolean;
   preventDragOnScroll: boolean;

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-CAln4YQN.js";
+import { t as carouselAnatomy } from "../../carousel-anatomy-Blqe-5Es.js";
 import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
 import * as carousel from "@sprawlify/primitives/machines/carousel";
@@ -272,15 +272,15 @@ HTMLAttributes {}
 interface CarouselRootEmits extends RootEmits {}
 declare const _default$11: typeof __VLS_export;
 declare const __VLS_export: __VLS_WithSlots<vue.DefineComponent<CarouselRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  autoplayStatusChange: (details: carousel.AutoplayStatusDetails) => any;
-  dragStatusChange: (details: carousel.DragStatusDetails) => any;
   pageChange: (details: carousel.PageChangeDetails) => any;
   "update:page": (page: number) => any;
+  autoplayStatusChange: (details: carousel.AutoplayStatusDetails) => any;
+  dragStatusChange: (details: carousel.DragStatusDetails) => any;
 }, string, vue.PublicProps, Readonly<CarouselRootProps> & Readonly<{
-  onAutoplayStatusChange?: ((details: carousel.AutoplayStatusDetails) => any) | undefined;
-  onDragStatusChange?: ((details: carousel.DragStatusDetails) => any) | undefined;
   onPageChange?: ((details: carousel.PageChangeDetails) => any) | undefined;
   "onUpdate:page"?: ((page: number) => any) | undefined;
+  onAutoplayStatusChange?: ((details: carousel.AutoplayStatusDetails) => any) | undefined;
+  onDragStatusChange?: ((details: carousel.DragStatusDetails) => any) | undefined;
 }>, {
   allowMouseDrag: boolean;
   autoplay: boolean | {

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-Bkxq8P4k.js";
+import { t as checkboxAnatomy } from "../../checkbox-anatomy-BDPTqssy.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,9 +221,9 @@ declare const __VLS_export$1: __VLS_WithSlots$1<vue.DefineComponent<CheckboxRoot
   onCheckedChange?: ((details: checkbox.CheckedChangeDetails) => any) | undefined;
   "onUpdate:checked"?: ((checked: checkbox.CheckedState) => any) | undefined;
 }>, {
-  required: boolean;
   disabled: boolean;
   checked: checkbox.CheckedState;
+  required: boolean;
   invalid: boolean;
   readOnly: boolean;
   defaultChecked: checkbox.CheckedState;

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

@@ -102,19 +102,19 @@ HTMLAttributes {}
 interface CollapsibleRootEmits extends RootEmits {}
 declare const _default$3: typeof __VLS_export$2;
 declare const __VLS_export$2: __VLS_WithSlots$2<vue.DefineComponent<CollapsibleRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  exitComplete: () => any;
   openChange: (details: collapsible.OpenChangeDetails) => any;
+  exitComplete: () => any;
   "update:open": (open: boolean) => any;
 }, string, vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
-  onExitComplete?: (() => any) | undefined;
   onOpenChange?: ((details: collapsible.OpenChangeDetails) => any) | undefined;
+  onExitComplete?: (() => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   disabled: boolean;
+  open: boolean;
+  defaultOpen: boolean;
   lazyMount: boolean;
   unmountOnExit: boolean;
-  defaultOpen: boolean;
-  open: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

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-DoteNbKN.js";
+import { c as PresenceProps } from "../../index-B4l20i3i.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-09BXGqLT.js";
+import { t as colorPickerAnatomy } from "../../color-picker-anatomy-CU8esrjt.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_popover0 from "@sprawlify/primitives/machines/popover";
 import * as _sprawlify_primitives_color_utils0 from "@sprawlify/primitives/color-utils";
 import { ColorStringFormat } from "@sprawlify/primitives/color-utils";
 
@@ -403,37 +403,37 @@ HTMLAttributes {}
 interface ColorPickerRootEmits extends RootEmits {}
 declare const _default$18: typeof __VLS_export$9;
 declare const __VLS_export$9: __VLS_WithSlots$9<vue.DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  openChange: (details: colorPicker.OpenChangeDetails) => any;
   valueChange: (details: colorPicker.ValueChangeDetails) => any;
   "update:modelValue": (value: _sprawlify_primitives_color_utils0.Color) => any;
-  valueChangeEnd: (details: colorPicker.ValueChangeDetails) => any;
   exitComplete: () => any;
-  openChange: (details: colorPicker.OpenChangeDetails) => any;
+  focusOutside: (event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
   "update:open": (open: boolean) => any;
-  focusOutside: (event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => any;
-  interactOutside: (event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => any;
-  pointerDownOutside: (event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => 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<{
+  onOpenChange?: ((details: colorPicker.OpenChangeDetails) => any) | undefined;
   onValueChange?: ((details: colorPicker.ValueChangeDetails) => any) | undefined;
   "onUpdate:modelValue"?: ((value: _sprawlify_primitives_color_utils0.Color) => any) | undefined;
-  onValueChangeEnd?: ((details: colorPicker.ValueChangeDetails) => any) | undefined;
   onExitComplete?: (() => any) | undefined;
-  onOpenChange?: ((details: colorPicker.OpenChangeDetails) => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  onFocusOutside?: ((event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => any) | undefined;
+  onValueChangeEnd?: ((details: colorPicker.ValueChangeDetails) => any) | undefined;
   onFormatChange?: ((details: colorPicker.FormatChangeDetails) => any) | undefined;
   "onUpdate:format"?: ((format: _sprawlify_primitives_color_utils0.ColorFormat) => any) | undefined;
 }>, {
+  disabled: boolean;
   inline: boolean;
+  open: boolean;
+  defaultOpen: boolean;
   required: boolean;
-  disabled: boolean;
   invalid: boolean;
   readOnly: boolean;
-  defaultOpen: boolean;
-  open: boolean;
   closeOnSelect: boolean;
   openAutoFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {

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-DoteNbKN.js";
+import { i as UsePresenceProps } from "../../index-B4l20i3i.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-Chkz_tym.js";
+import { t as comboboxAnatomy } from "../../combobox-anatomy-D7qjlNeK.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_popover0 from "@sprawlify/primitives/machines/popover";
 
 //#region src/components/combobox/combobox-clear-trigger.vue.d.ts
 interface ComboboxClearTriggerBaseProps extends PolymorphicProps {}
@@ -539,17 +539,17 @@ declare const __VLS_export$2: <T extends CollectionItem>(__VLS_props: NonNullabl
       value: string[];
       itemValue: string;
     }) => any) | undefined;
+    onOpenChange?: ((details: combobox.OpenChangeDetails) => any) | undefined;
     onValueChange?: ((details: combobox.ValueChangeDetails<T>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onExitComplete?: (() => any) | undefined;
-    onOpenChange?: ((details: combobox.OpenChangeDetails) => any) | undefined;
+    onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onHighlightChange?: ((details: combobox.HighlightChangeDetails<T>) => any) | undefined;
-    onFocusOutside?: ((event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => any) | undefined;
-    "onUpdate:highlightedValue"?: ((value: string | null) => any) | undefined;
     onInputValueChange?: ((details: combobox.InputValueChangeDetails) => any) | undefined;
+    "onUpdate:highlightedValue"?: ((value: string | null) => any) | undefined;
     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -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: "openChange", details: combobox.OpenChangeDetails) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlightChange", details: combobox.HighlightChangeDetails<T>) => void) & ((evt: "focusOutside", event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => void) & ((evt: "update:highlightedValue", value: string | null) => void) & ((evt: "inputValueChange", details: combobox.InputValueChangeDetails) => void) & ((evt: "update:inputValue", value: string) => void);
+  }) => void) & ((evt: "openChange", details: combobox.OpenChangeDetails) => 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: "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:highlightedValue", value: string | null) => void) & ((evt: "update:inputValue", value: string) => void);
 }>) => vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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-CTaSCl_Q.js";
+import { t as datePickerAnatomy } from "../../date-picker-anatomy-BwjU5RR5.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";
@@ -344,35 +344,35 @@ HTMLAttributes {}
 interface DatePickerRootEmits extends RootEmits {}
 declare const _default$12: typeof __VLS_export$12;
 declare const __VLS_export$12: __VLS_WithSlots$11<vue.DefineComponent<DatePickerRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  focusChange: (details: datePicker.FocusChangeDetails) => any;
+  openChange: (details: datePicker.OpenChangeDetails) => any;
   valueChange: (details: datePicker.ValueChangeDetails) => any;
   "update:modelValue": (value: datePicker.DateValue[]) => any;
   exitComplete: () => any;
-  openChange: (details: datePicker.OpenChangeDetails) => any;
   "update:open": (open: boolean) => any;
+  focusChange: (details: datePicker.FocusChangeDetails) => any;
   viewChange: (details: datePicker.ViewChangeDetails) => any;
   visibleRangeChange: (details: datePicker.VisibleRangeChangeDetails) => any;
   "update:view": (view: datePicker.DateView) => any;
   "update:focusedValue": (focusedValue: datePicker.DateValue) => any;
 }, string, vue.PublicProps, Readonly<DatePickerRootProps> & Readonly<{
-  onFocusChange?: ((details: datePicker.FocusChangeDetails) => any) | undefined;
+  onOpenChange?: ((details: datePicker.OpenChangeDetails) => any) | undefined;
   onValueChange?: ((details: datePicker.ValueChangeDetails) => any) | undefined;
   "onUpdate:modelValue"?: ((value: datePicker.DateValue[]) => any) | undefined;
   onExitComplete?: (() => any) | undefined;
-  onOpenChange?: ((details: datePicker.OpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  onFocusChange?: ((details: datePicker.FocusChangeDetails) => any) | undefined;
   onViewChange?: ((details: datePicker.ViewChangeDetails) => any) | undefined;
   onVisibleRangeChange?: ((details: datePicker.VisibleRangeChangeDetails) => any) | undefined;
   "onUpdate:view"?: ((view: datePicker.DateView) => any) | undefined;
   "onUpdate:focusedValue"?: ((focusedValue: datePicker.DateValue) => any) | undefined;
 }>, {
+  disabled: boolean;
   inline: boolean;
+  open: boolean;
+  defaultOpen: boolean;
   required: boolean;
-  disabled: boolean;
   invalid: boolean;
   readOnly: boolean;
-  defaultOpen: boolean;
-  open: boolean;
   closeOnSelect: boolean;
   fixedWeeks: boolean;
   openOnClick: boolean;

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

@@ -8,7 +8,6 @@ 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_popover0 from "@sprawlify/primitives/machines/popover";
 
 //#region src/components/dialog/dialog-backdrop.vue.d.ts
 interface DialogBackdropBaseProps extends PolymorphicProps {}
@@ -164,13 +163,13 @@ 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, {
-  exitComplete: () => any;
   openChange: (details: dialog.OpenChangeDetails) => any;
+  exitComplete: () => any;
+  focusOutside: (event: dialog.FocusOutsideEvent) => any;
+  interactOutside: (event: dialog.InteractOutsideEvent) => any;
+  pointerDownOutside: (event: dialog.PointerDownOutsideEvent) => any;
   "update:open": (open: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  focusOutside: (event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => any;
-  interactOutside: (event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => any;
-  pointerDownOutside: (event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
@@ -178,13 +177,13 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<DialogRootPr
     targetIndex: number;
   }>) => any;
 }, string, vue.PublicProps, Readonly<DialogRootProps> & Readonly<{
-  onExitComplete?: (() => any) | undefined;
   onOpenChange?: ((details: dialog.OpenChangeDetails) => any) | undefined;
+  onExitComplete?: (() => any) | undefined;
+  onFocusOutside?: ((event: dialog.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: dialog.InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: dialog.PointerDownOutsideEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onFocusOutside?: ((event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
@@ -192,12 +191,12 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<DialogRootPr
     targetIndex: number;
   }>) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
-  open: boolean;
   trapFocus: boolean;
   preventScroll: boolean;
   modal: boolean;
   restoreFocus: boolean;
+  open: boolean;
+  defaultOpen: boolean;
   closeOnInteractOutside: boolean;
   closeOnEscape: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {

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

@@ -6,9 +6,9 @@ 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 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";
-import * as _sprawlify_primitives_machines_popover0 from "@sprawlify/primitives/machines/popover";
 
 //#region src/components/dropdown-menu/dropdown-menu-arrow-tip.vue.d.ts
 interface DropdownMenuArrowTipBaseProps extends PolymorphicProps {}
@@ -353,45 +353,45 @@ 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;
-  exitComplete: () => any;
   openChange: (details: dropdownMenu.OpenChangeDetails) => any;
+  exitComplete: () => any;
+  focusOutside: (event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
   "update:open": (open: boolean) => any;
-  highlightChange: (details: dropdownMenu.HighlightChangeDetails) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  focusOutside: (event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => any;
-  interactOutside: (event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => any;
-  pointerDownOutside: (event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any;
+  highlightChange: (details: dropdownMenu.HighlightChangeDetails) => any;
   "update:highlightedValue": (highlightedValue: string | null) => any;
 }, string, vue.PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
   onSelect?: ((details: dropdownMenu.SelectionDetails) => any) | undefined;
-  onExitComplete?: (() => any) | undefined;
   onOpenChange?: ((details: dropdownMenu.OpenChangeDetails) => any) | undefined;
+  onExitComplete?: (() => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => 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;
-  onFocusOutside?: ((event: _sprawlify_primitives_machines_popover0.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _sprawlify_primitives_machines_popover0.InteractOutsideEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_popover0.PointerDownOutsideEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any) | undefined;
+  onHighlightChange?: ((details: dropdownMenu.HighlightChangeDetails) => any) | undefined;
   "onUpdate:highlightedValue"?: ((highlightedValue: string | null) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
-  loopFocus: boolean;
+  defaultOpen: boolean;
   typeahead: boolean;
-  composite: boolean;
   closeOnSelect: boolean;
+  composite: boolean;
+  loopFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;