@sprawlify/vue 0.0.108 → 0.0.110

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

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

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

package/dist/color-picker-anatomy-BuTyyjuo.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<"root" | "content" | "label" | "valueText" | "trigger" | "positioner" | "control" | "area" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view">;
+//#endregion
+export { colorPickerAnatomy as t };

package/dist/combobox-anatomy-CV2xHL9g.d.ts

@@ -0,0 +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<"root" | "content" | "label" | "input" | "itemGroup" | "item" | "itemText" | "itemIndicator" | "itemGroupLabel" | "empty" | "trigger" | "positioner" | "control" | "clearTrigger" | "list">;
+//#endregion
+export { comboboxAnatomy as t };

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

@@ -1,5 +1,5 @@
 import { a as PolymorphicProps } from "../../factory-Go0oxO3B.js";
-import { i as UsePresenceProps } from "../../index-DUPPuJYr.js";
+import { i as UsePresenceProps } from "../../index-DdyrLXRD.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,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 alertDialogAnatomy } from "../../alert-dialog-anatomy-DSacTNC1.js";
+import { t as alertDialogAnatomy } from "../../alert-dialog-anatomy-CbhNBPw8.js";
 import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
 import * as dialog from "@sprawlify/primitives/machines/dialog";
@@ -163,11 +163,11 @@ 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;
+  "update:open": (open: boolean) => any;
   focusOutside: (event: dialog.FocusOutsideEvent) => any;
   interactOutside: (event: dialog.InteractOutsideEvent) => any;
-  openChange: (details: dialog.OpenChangeDetails) => any;
   pointerDownOutside: (event: dialog.PointerDownOutsideEvent) => any;
-  "update:open": (open: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -177,11 +177,11 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<AlertDialogR
   }>) => any;
 }, string, vue.PublicProps, Readonly<AlertDialogRootProps> & Readonly<{
   onExitComplete?: (() => any) | undefined;
+  onOpenChange?: ((details: dialog.OpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onFocusOutside?: ((event: dialog.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: dialog.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;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -190,14 +190,14 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<AlertDialogR
     targetIndex: number;
   }>) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
   closeOnEscape: boolean;
+  defaultOpen: boolean;
   closeOnInteractOutside: boolean;
   modal: boolean;
-  trapFocus: boolean;
   preventScroll: boolean;
   restoreFocus: boolean;
+  trapFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components/alert-dialog/index.js

@@ -6,7 +6,7 @@ import { n as sprawlify, r as useForwardExpose } from "../../factory-Bd0Y5x-7.js
 import { n as parts, t as alertDialogAnatomy } from "../../alert-dialog-anatomy-DubFij06.js";
 import { t as cleanProps } from "../../clean-props-C5aydRx_.js";
 import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "../../use-render-strategy-QgtvU85q.js";
-import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B6FmKP5l.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B5YFZspA.js";
 import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
 import * as alertDialog from "@sprawlify/primitives/machines/dialog";
 //#region src/components/alert-dialog/use-alert-dialog-context.ts

package/dist/components/anatomy.d.ts

@@ -1,24 +1,24 @@
 import { t as accordionAnatomy } from "../accordion-anatomy-DH1HE1RK.js";
-import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-DSacTNC1.js";
+import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-CbhNBPw8.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-DO7fGwTi.js";
-import { t as checkboxAnatomy } from "../checkbox-anatomy-Bkxq8P4k.js";
+import { t as drawerAnatomy } from "../drawer-anatomy-BQkMauTu.js";
+import { t as carouselAnatomy } from "../carousel-anatomy-DQ-njC4w.js";
+import { t as checkboxAnatomy } from "../checkbox-anatomy-D_EEk_7M.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-BqTvPmc0.js";
-import { t as datePickerAnatomy } from "../date-picker-anatomy-BpW_VPuT.js";
+import { t as colorPickerAnatomy } from "../color-picker-anatomy-BuTyyjuo.js";
+import { t as comboboxAnatomy } from "../combobox-anatomy-CV2xHL9g.js";
+import { t as datePickerAnatomy } from "../date-picker-anatomy-Bgths9Xv.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";
-import { t as fieldsetAnatomy } from "../fieldset-anatomy-pWRVtwyO.js";
+import { t as fieldAnatomy } from "../field-anatomy-Bzlix6O4.js";
+import { t as fieldsetAnatomy } from "../fieldset-anatomy-CcZfEnO-.js";
 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-ov6dp5kT.js";
+import { t as imageCropperAnatomy } from "../image-cropper-anatomy-D1LB8g2f.js";
+import { t as listboxAnatomy } from "../listbox-anatomy-BzFtsc8d.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-Cu3IiheY.js";
+import { t as segmentGroupAnatomy } from "../segment-group-anatomy-C2h5VcC1.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,8 +47,8 @@ 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-o5VZ2vDT.js";
+import { t as tourAnatomy } from "../tour-anatomy-DC21O2lL.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";
-export { accordionAnatomy, alertDialogAnatomy, angleSliderAnatomy, aspectRatioAnatomy, avatarAnatomy, bottomSheetAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, datePickerAnatomy, dialogAnatomy, dropdownMenuAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, separatorAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };
+export { accordionAnatomy, alertDialogAnatomy, angleSliderAnatomy, aspectRatioAnatomy, avatarAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, datePickerAnatomy, dialogAnatomy, drawerAnatomy, dropdownMenuAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, separatorAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };

package/dist/components/anatomy.js

@@ -2,7 +2,7 @@ import { t as accordionAnatomy } from "../accordion-anatomy-Die9efSm.js";
 import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-DubFij06.js";
 import { t as angleSliderAnatomy } from "../angle-slider-anatomy-CUpFahN5.js";
 import { t as avatarAnatomy } from "../avatar-anatomy-_KMpd2cT.js";
-import { t as bottomSheetAnatomy } from "../bottom-sheet-anatomy-C70fosOT.js";
+import { t as drawerAnatomy } from "../drawer-anatomy-yHqvQAPn.js";
 import { t as carouselAnatomy } from "../carousel-anatomy-DpBacyBH.js";
 import { t as checkboxAnatomy } from "../checkbox-anatomy-BIeQD0fF.js";
 import { t as clipboardAnatomy } from "../clipboard-anatomy-C6AmRH0k.js";
@@ -51,4 +51,4 @@ import { t as tourAnatomy } from "../tour-anatomy-VBbJhmJa.js";
 import { t as treeViewAnatomy } from "../tree-view-anatomy-BK8OR6TX.js";
 import { anatomy as aspectRatioAnatomy } from "@sprawlify/primitives/machines/aspect-ratio";
 export * from "@sprawlify/primitives/anatomy";
-export { accordionAnatomy, alertDialogAnatomy, angleSliderAnatomy, aspectRatioAnatomy, avatarAnatomy, bottomSheetAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, datePickerAnatomy, dialogAnatomy, dropdownMenuAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, separatorAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };
+export { accordionAnatomy, alertDialogAnatomy, angleSliderAnatomy, aspectRatioAnatomy, avatarAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, datePickerAnatomy, dialogAnatomy, drawerAnatomy, dropdownMenuAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, separatorAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };

package/dist/components/angle-slider/index.d.ts

@@ -77,8 +77,8 @@ declare const __VLS_export$8: __VLS_WithSlots$8<vue.DefineComponent<AngleSliderR
   onValueChangeEnd?: ((details: angleSlider.ValueChangeDetails) => any) | undefined;
 }>, {
   disabled: boolean;
-  readOnly: boolean;
   invalid: boolean;
+  readOnly: 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-Go0oxO3B.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-DO7fGwTi.js";
+import { t as carouselAnatomy } from "../../carousel-anatomy-DQ-njC4w.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-Go0oxO3B.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-D_EEk_7M.js";
 import * as vue from "vue";
 import { ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
 import * as checkbox from "@sprawlify/primitives/machines/checkbox";
@@ -71,8 +71,8 @@ declare const __VLS_export$6: __VLS_WithSlots$6<vue.DefineComponent<CheckboxGrou
   "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
   disabled: boolean;
-  readOnly: boolean;
   invalid: boolean;
+  readOnly: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;
@@ -221,11 +221,11 @@ declare const __VLS_export$1: __VLS_WithSlots$1<vue.DefineComponent<CheckboxRoot
   onCheckedChange?: ((details: checkbox.CheckedChangeDetails) => any) | undefined;
   "onUpdate:checked"?: ((checked: checkbox.CheckedState) => any) | undefined;
 }>, {
-  checked: checkbox.CheckedState;
   disabled: boolean;
+  invalid: boolean;
+  checked: checkbox.CheckedState;
   required: boolean;
   readOnly: boolean;
-  invalid: boolean;
   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-DKOqYr6u.js";
-import { p as useFieldContext } from "../../field-D3G8FJDB.js";
+import { t as toBooleanValue } from "../../boolean-D3BnFnrK.js";
+import { l as useFieldsetContext } from "../../fieldset-D2ag4AsT.js";
+import { p as useFieldContext } from "../../field-CzfgOnwc.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;
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

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

@@ -1,10 +1,10 @@
 import { a as PolymorphicProps } from "../../factory-Go0oxO3B.js";
 import { t as RootEmits$1 } from "../../presence-types-D-XuGmDH.js";
-import { c as PresenceProps } from "../../index-DUPPuJYr.js";
+import { c as PresenceProps } from "../../index-DdyrLXRD.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-BuTyyjuo.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";
@@ -406,35 +406,35 @@ 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;
   openChange: (details: colorPicker.OpenChangeDetails) => any;
-  pointerDownOutside: (event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any;
   "update:open": (open: boolean) => any;
   valueChangeEnd: (details: colorPicker.ValueChangeDetails) => 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;
   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;
   onOpenChange?: ((details: colorPicker.OpenChangeDetails) => any) | undefined;
-  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onValueChangeEnd?: ((details: colorPicker.ValueChangeDetails) => 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;
   onFormatChange?: ((details: colorPicker.FormatChangeDetails) => any) | undefined;
   "onUpdate:format"?: ((format: _sprawlify_primitives_color_utils0.ColorFormat) => any) | undefined;
 }>, {
+  inline: boolean;
   disabled: boolean;
+  invalid: boolean;
   required: boolean;
   readOnly: boolean;
-  inline: boolean;
-  closeOnSelect: boolean;
-  defaultOpen: boolean;
-  invalid: boolean;
   open: boolean;
+  defaultOpen: boolean;
+  closeOnSelect: boolean;
   openAutoFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;

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

@@ -7,8 +7,8 @@ import { t as colorPickerAnatomy } from "../../color-picker-anatomy-DAgWuOv8.js"
 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-B6FmKP5l.js";
-import { p as useFieldContext } from "../../field-D3G8FJDB.js";
+import { p as useFieldContext } from "../../field-CzfgOnwc.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B5YFZspA.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,10 +1,10 @@
 import { a as PolymorphicProps } from "../../factory-Go0oxO3B.js";
 import { t as RootEmits$1 } from "../../presence-types-D-XuGmDH.js";
-import { i as UsePresenceProps } from "../../index-DUPPuJYr.js";
+import { i as UsePresenceProps } from "../../index-DdyrLXRD.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-BqTvPmc0.js";
+import { t as comboboxAnatomy } from "../../combobox-anatomy-CV2xHL9g.js";
 import { _ as CollectionItem, b as createListCollection, i as UseListCollectionProps, o as useListCollection, y as ListCollection } from "../../index-DK-1mwjg.js";
 import * as vue from "vue";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
@@ -542,15 +542,15 @@ 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;
+    onOpenChange?: ((details: combobox.OpenChangeDetails) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onFocusOutside?: ((event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => any) | undefined;
     onHighlightChange?: ((details: combobox.HighlightChangeDetails<T>) => any) | undefined;
+    onInputValueChange?: ((details: combobox.InputValueChangeDetails) => any) | undefined;
     onInteractOutside?: ((event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => any) | undefined;
-    onOpenChange?: ((details: combobox.OpenChangeDetails) => any) | undefined;
     onPointerDownOutside?: ((event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onUpdate:highlightedValue"?: ((value: string | null) => any) | undefined;
-    onInputValueChange?: ((details: combobox.InputValueChangeDetails) => any) | undefined;
     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
+    "onUpdate:highlightedValue"?: ((value: string | null) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? 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: "focusOutside", event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => void) & ((evt: "highlightChange", details: combobox.HighlightChangeDetails<T>) => 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: "update:highlightedValue", value: string | null) => void) & ((evt: "inputValueChange", details: combobox.InputValueChangeDetails) => void) & ((evt: "update:inputValue", value: string) => void);
+  }) => 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: "focusOutside", event: _sprawlify_primitives_machines_dialog0.FocusOutsideEvent) => void) & ((evt: "highlightChange", details: combobox.HighlightChangeDetails<T>) => void) & ((evt: "inputValueChange", details: combobox.InputValueChangeDetails) => void) & ((evt: "interactOutside", event: _sprawlify_primitives_machines_dialog0.InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: _sprawlify_primitives_machines_dialog0.PointerDownOutsideEvent) => 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

@@ -7,8 +7,8 @@ import { t as comboboxAnatomy } from "../../combobox-anatomy-BojTG5Ws.js";
 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-B6FmKP5l.js";
-import { p as useFieldContext } from "../../field-D3G8FJDB.js";
+import { p as useFieldContext } from "../../field-CzfgOnwc.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B5YFZspA.js";
 import { n as useListCollection, o as createListCollection } from "../../collection-CMkl1XB0.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";

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-BpW_VPuT.js";
+import { t as datePickerAnatomy } from "../../date-picker-anatomy-Bgths9Xv.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";
@@ -346,39 +346,39 @@ 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;
   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;
-  "update:focusedValue": (focusedValue: datePicker.DateValue) => 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;
   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;
-  "onUpdate:focusedValue"?: ((focusedValue: datePicker.DateValue) => 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;
 }>, {
+  inline: boolean;
   disabled: boolean;
+  invalid: boolean;
   required: boolean;
   readOnly: boolean;
-  inline: boolean;
-  closeOnSelect: boolean;
-  defaultOpen: boolean;
-  invalid: boolean;
   open: boolean;
+  defaultOpen: boolean;
+  closeOnSelect: boolean;
+  fixedWeeks: boolean;
   openOnClick: boolean;
   outsideDaySelectable: boolean;
-  fixedWeeks: boolean;
   showWeekNumbers: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;

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

@@ -6,7 +6,7 @@ import { n as sprawlify, r as useForwardExpose } from "../../factory-Bd0Y5x-7.js
 import { t as datePickerAnatomy } from "../../date-picker-anatomy-BDzIBS0o.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-B6FmKP5l.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B5YFZspA.js";
 import { uniq } from "@sprawlify/primitives/utils";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderList, renderSlot, toDisplayString, toValue, unref, useId, withCtx } from "vue";
 import * as datePicker from "@sprawlify/primitives/machines/date-picker";

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

@@ -164,11 +164,11 @@ 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;
+  "update:open": (open: boolean) => any;
   focusOutside: (event: dialog.FocusOutsideEvent) => any;
   interactOutside: (event: dialog.InteractOutsideEvent) => any;
-  openChange: (details: dialog.OpenChangeDetails) => any;
   pointerDownOutside: (event: dialog.PointerDownOutsideEvent) => any;
-  "update:open": (open: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   requestDismiss: (event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -178,11 +178,11 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<DialogRootPr
   }>) => any;
 }, string, vue.PublicProps, Readonly<DialogRootProps> & Readonly<{
   onExitComplete?: (() => any) | undefined;
+  onOpenChange?: ((details: dialog.OpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
   onFocusOutside?: ((event: dialog.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: dialog.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;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
@@ -191,14 +191,14 @@ declare const __VLS_export$3: __VLS_WithSlots$3<vue.DefineComponent<DialogRootPr
     targetIndex: number;
   }>) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
   closeOnEscape: boolean;
+  defaultOpen: boolean;
   closeOnInteractOutside: boolean;
   modal: boolean;
-  trapFocus: boolean;
   preventScroll: boolean;
   restoreFocus: boolean;
+  trapFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

package/dist/components/dialog/index.js

@@ -6,7 +6,7 @@ import { n as sprawlify, r as useForwardExpose } from "../../factory-Bd0Y5x-7.js
 import { t as dialogAnatomy } from "../../dialog-anatomy-CepqHVuS.js";
 import { t as cleanProps } from "../../clean-props-C5aydRx_.js";
 import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "../../use-render-strategy-QgtvU85q.js";
-import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B6FmKP5l.js";
+import { i as usePresence, n as PresenceProvider, r as usePresenceContext } from "../../presence-B5YFZspA.js";
 import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
 import * as dialog from "@sprawlify/primitives/machines/dialog";
 //#region src/components/dialog/use-dialog-context.ts