@sprawlify/vue 0.0.101 → 0.0.103

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

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

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

package/dist/{color-picker-anatomy-CU8esrjt.d.ts → color-picker-anatomy-DYoNbWSo.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" | "root" | "control" | "content" | "trigger" | "positioner" | "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" | "trigger" | "positioner" | "content" | "root" | "control" | "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-D7qjlNeK.d.ts → combobox-anatomy-CMdVsilp.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" | "root" | "control" | "item" | "itemGroup" | "content" | "trigger" | "positioner" | "itemIndicator" | "clearTrigger" | "itemText" | "list" | "itemGroupLabel" | "empty">;
+declare const comboboxAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"input" | "label" | "trigger" | "positioner" | "content" | "root" | "control" | "item" | "itemGroup" | "clearTrigger" | "itemIndicator" | "itemText" | "itemGroupLabel" | "list" | "empty">;
 //#endregion
 export { comboboxAnatomy as t };

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-9zjAVC7Z.js";
+import { t as alertDialogAnatomy } from "../../alert-dialog-anatomy-CxUYPzIq.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_bottom_sheet0 from "@sprawlify/primitives/machines/bottom-sheet";
 
 //#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, {
-  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_bottom_sheet0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => any;
+  openChange: (details: dialog.OpenChangeDetails) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.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<{
-  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_bottom_sheet0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => any) | undefined;
+  onOpenChange?: ((details: dialog.OpenChangeDetails) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.PointerDownOutsideEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnEscape: boolean;
+  closeOnInteractOutside: boolean;
+  defaultOpen: boolean;
   modal: boolean;
-  restoreFocus: boolean;
   open: boolean;
-  defaultOpen: boolean;
-  closeOnInteractOutside: boolean;
-  closeOnEscape: boolean;
+  preventScroll: boolean;
+  restoreFocus: 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-9zjAVC7Z.js";
+import { t as alertDialogAnatomy } from "../alert-dialog-anatomy-CxUYPzIq.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-Blqe-5Es.js";
-import { t as checkboxAnatomy } from "../checkbox-anatomy-BDPTqssy.js";
+import { t as carouselAnatomy } from "../carousel-anatomy-DGhWF5Kt.js";
+import { t as checkboxAnatomy } from "../checkbox-anatomy-Bkxq8P4k.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-CU8esrjt.js";
-import { t as comboboxAnatomy } from "../combobox-anatomy-D7qjlNeK.js";
-import { t as datePickerAnatomy } from "../date-picker-anatomy-BwjU5RR5.js";
+import { t as colorPickerAnatomy } from "../color-picker-anatomy-DYoNbWSo.js";
+import { t as comboboxAnatomy } from "../combobox-anatomy-CMdVsilp.js";
+import { t as datePickerAnatomy } from "../date-picker-anatomy-DIqoUAQx.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-DY6cCB6b.js";
+import { t as listboxAnatomy } from "../listbox-anatomy-BIheOi8j.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-JNcHMN8H.js";
+import { t as tourAnatomy } from "../tour-anatomy-pOO107BG.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/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;
-  invalid: boolean;
   readOnly: boolean;
+  invalid: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;

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;
 }>, {
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnEscape: boolean;
+  closeOnInteractOutside: boolean;
+  defaultOpen: boolean;
   modal: boolean;
-  restoreFocus: boolean;
   open: boolean;
-  defaultOpen: boolean;
-  closeOnInteractOutside: boolean;
-  closeOnEscape: boolean;
+  preventScroll: boolean;
+  restoreFocus: 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-Blqe-5Es.js";
+import { t as carouselAnatomy } from "../../carousel-anatomy-DGhWF5Kt.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, {
-  pageChange: (details: carousel.PageChangeDetails) => any;
-  "update:page": (page: number) => any;
   autoplayStatusChange: (details: carousel.AutoplayStatusDetails) => any;
   dragStatusChange: (details: carousel.DragStatusDetails) => any;
+  pageChange: (details: carousel.PageChangeDetails) => any;
+  "update:page": (page: number) => any;
 }, string, vue.PublicProps, Readonly<CarouselRootProps> & Readonly<{
-  onPageChange?: ((details: carousel.PageChangeDetails) => any) | undefined;
-  "onUpdate:page"?: ((page: number) => any) | undefined;
   onAutoplayStatusChange?: ((details: carousel.AutoplayStatusDetails) => any) | undefined;
   onDragStatusChange?: ((details: carousel.DragStatusDetails) => any) | undefined;
+  onPageChange?: ((details: carousel.PageChangeDetails) => any) | undefined;
+  "onUpdate:page"?: ((page: number) => 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-BDPTqssy.js";
+import { t as checkboxAnatomy } from "../../checkbox-anatomy-Bkxq8P4k.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;
-  invalid: boolean;
   readOnly: boolean;
+  invalid: 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;
 }>, {
-  disabled: boolean;
-  checked: checkbox.CheckedState;
   required: boolean;
-  invalid: boolean;
+  disabled: boolean;
   readOnly: boolean;
+  invalid: boolean;
+  checked: checkbox.CheckedState;
   defaultChecked: checkbox.CheckedState;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;

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, {
-  openChange: (details: collapsible.OpenChangeDetails) => any;
   exitComplete: () => any;
+  openChange: (details: collapsible.OpenChangeDetails) => any;
   "update:open": (open: boolean) => any;
 }, string, vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
-  onOpenChange?: ((details: collapsible.OpenChangeDetails) => any) | undefined;
   onExitComplete?: (() => any) | undefined;
+  onOpenChange?: ((details: collapsible.OpenChangeDetails) => 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

@@ -4,10 +4,10 @@ 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-CU8esrjt.js";
+import { t as colorPickerAnatomy } from "../../color-picker-anatomy-DYoNbWSo.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 _sprawlify_primitives_machines_bottom_sheet0 from "@sprawlify/primitives/machines/bottom-sheet";
 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_color_utils0 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;
   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;
+  focusOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => any;
+  openChange: (details: colorPicker.OpenChangeDetails) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.PointerDownOutsideEvent) => any;
   "update:open": (open: boolean) => 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;
   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;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => any) | undefined;
+  onOpenChange?: ((details: colorPicker.OpenChangeDetails) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.PointerDownOutsideEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => 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;
-  invalid: boolean;
+  disabled: boolean;
   readOnly: boolean;
+  invalid: boolean;
+  defaultOpen: boolean;
+  open: boolean;
   closeOnSelect: boolean;
   openAutoFocus: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {

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

@@ -4,11 +4,11 @@ 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-D7qjlNeK.js";
+import { t as comboboxAnatomy } from "../../combobox-anatomy-CMdVsilp.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 _sprawlify_primitives_machines_bottom_sheet0 from "@sprawlify/primitives/machines/bottom-sheet";
 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";
 
@@ -539,13 +539,13 @@ 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;
-    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;
+    onFocusOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => any) | undefined;
+    onOpenChange?: ((details: combobox.OpenChangeDetails) => any) | undefined;
+    onPointerDownOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.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: "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);
+  }) => void) & ((evt: "valueChange", details: combobox.ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "exitComplete") => void) & ((evt: "focusOutside", event: _sprawlify_primitives_machines_bottom_sheet0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => void) & ((evt: "openChange", details: combobox.OpenChangeDetails) => void) & ((evt: "pointerDownOutside", event: _sprawlify_primitives_machines_bottom_sheet0.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-BwjU5RR5.js";
+import { t as datePickerAnatomy } from "../../date-picker-anatomy-DIqoUAQx.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,38 +344,38 @@ 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, {
-  openChange: (details: datePicker.OpenChangeDetails) => any;
   valueChange: (details: datePicker.ValueChangeDetails) => any;
   "update:modelValue": (value: datePicker.DateValue[]) => any;
+  focusChange: (details: datePicker.FocusChangeDetails) => 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<{
-  onOpenChange?: ((details: datePicker.OpenChangeDetails) => any) | undefined;
   onValueChange?: ((details: datePicker.ValueChangeDetails) => any) | undefined;
   "onUpdate:modelValue"?: ((value: datePicker.DateValue[]) => any) | undefined;
+  onFocusChange?: ((details: datePicker.FocusChangeDetails) => 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;
 }>, {
-  disabled: boolean;
   inline: boolean;
-  open: boolean;
-  defaultOpen: boolean;
   required: boolean;
-  invalid: boolean;
+  disabled: boolean;
   readOnly: boolean;
+  invalid: boolean;
+  defaultOpen: boolean;
+  open: boolean;
   closeOnSelect: boolean;
-  fixedWeeks: boolean;
   openOnClick: boolean;
+  fixedWeeks: boolean;
   outsideDaySelectable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;

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_bottom_sheet0 from "@sprawlify/primitives/machines/bottom-sheet";
 
 //#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, {
-  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_bottom_sheet0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => any;
+  openChange: (details: dialog.OpenChangeDetails) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.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<{
-  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_bottom_sheet0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => any) | undefined;
+  onOpenChange?: ((details: dialog.OpenChangeDetails) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.PointerDownOutsideEvent) => any) | undefined;
   onRequestDismiss?: ((event: CustomEvent<{
     originalLayer: HTMLElement;
     targetLayer: HTMLElement | undefined;
     originalIndex: number;
     targetIndex: number;
   }>) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-  trapFocus: boolean;
-  preventScroll: boolean;
+  closeOnEscape: boolean;
+  closeOnInteractOutside: boolean;
+  defaultOpen: boolean;
   modal: boolean;
-  restoreFocus: boolean;
   open: boolean;
-  defaultOpen: boolean;
-  closeOnInteractOutside: boolean;
-  closeOnEscape: boolean;
+  preventScroll: boolean;
+  restoreFocus: 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_bottom_sheet0 from "@sprawlify/primitives/machines/bottom-sheet";
 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,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;
-  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;
   escapeKeyDown: (event: KeyboardEvent) => any;
+  focusOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => any;
+  openChange: (details: dropdownMenu.OpenChangeDetails) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_bottom_sheet0.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;
-  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;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.InteractOutsideEvent) => any) | undefined;
+  onOpenChange?: ((details: dropdownMenu.OpenChangeDetails) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet0.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;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
-  typeahead: boolean;
+  open: boolean;
   closeOnSelect: boolean;
   composite: boolean;
   loopFocus: boolean;
+  typeahead: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
   default?: (props: {}) => any;
 }>;