bits-ui 0.12.0 → 0.13.1

package/dist/bits/alert-dialog/components/alert-dialog-content.svelte.d.ts

@@ -3,7 +3,11 @@ import type { Transition } from "../../../internal/index.js";
 import type { ContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): ContentProps<T, In, Out>;
-    events(): {} & {
+    events(): {
+        pointerdown: PointerEvent;
+        pointermove: PointerEvent;
+        pointerup: PointerEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {

package/dist/bits/alert-dialog/components/alert-dialog-description.svelte

@@ -1,11 +1,12 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let id = void 0;
 export let el = void 0;
 const {
   elements: { description },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("description");
 $:

package/dist/bits/alert-dialog/components/alert-dialog-overlay.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -10,7 +10,8 @@ export let asChild = false;
 export let el = void 0;
 const {
   elements: { overlay },
-  states: { open }
+  states: { open },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("overlay");
 $:

package/dist/bits/alert-dialog/components/alert-dialog-portal.svelte

@@ -1,9 +1,10 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { portalled }
+  elements: { portalled },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("portal");
 $:

package/dist/bits/alert-dialog/components/alert-dialog-title.svelte

@@ -1,12 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let level = "h2";
 export let asChild = false;
 export let id = void 0;
 export let el = void 0;
 const {
   elements: { title },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("title");
 $:

package/dist/bits/alert-dialog/components/alert-dialog-trigger.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("trigger");

package/dist/bits/alert-dialog/components/alert-dialog.svelte

@@ -8,6 +8,7 @@ export let open = void 0;
 export let onOpenChange = void 0;
 export let openFocus = void 0;
 export let closeFocus = void 0;
+export let onOutsideClick = void 0;
 const {
   states: { open: localOpen },
   updateOption,
@@ -21,6 +22,7 @@ const {
   defaultOpen: open,
   openFocus,
   closeFocus,
+  onOutsideClick,
   onOpenChange: ({ next }) => {
     if (open !== next) {
       onOpenChange?.(next);
@@ -51,6 +53,8 @@ $:
   updateOption("openFocus", openFocus);
 $:
   updateOption("closeFocus", closeFocus);
+$:
+  updateOption("onOutsideClick", onOutsideClick);
 </script>
 
 <slot ids={$idValues} />

package/dist/bits/alert-dialog/components/alert-dialog.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
+        onOutsideClick?: ((event: PointerEvent) => void) | undefined;
         portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;

package/dist/bits/alert-dialog/ctx.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="svelte" />
-import { type Dialog as AlertDialogReturn, type CreateDialogProps as CreateAlertDialogProps } from "@melt-ui/svelte";
+import { type CreateDialogProps as CreateAlertDialogProps } from "@melt-ui/svelte";
 type SetProps = CreateAlertDialogProps;
-export declare const getAttrs: (part: "content" | "portal" | "description" | "action" | "title" | "trigger" | "cancel" | "overlay") => Record<string, string>;
 export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "content" | "portal" | "description" | "action" | "title" | "trigger" | "cancel" | "overlay") => Record<string, string>;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         title: string;
         description: string;
@@ -67,6 +67,89 @@ export declare function setCtx(props: SetProps): {
         preventScroll: boolean;
         closeOnEscape: boolean;
         closeOnOutsideClick: boolean;
+        onOutsideClick: ((event: PointerEvent) => void) | undefined;
+        role: "dialog" | "alertdialog";
+        defaultOpen: boolean;
+        open?: import("svelte/store").Writable<boolean> | undefined;
+        onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
+        portal: string | HTMLElement | null;
+        forceVisible: boolean;
+        openFocus: import("@melt-ui/svelte").FocusProp | undefined;
+        closeFocus: import("@melt-ui/svelte").FocusProp | undefined;
+        ids?: Partial<{
+            title: string;
+            description: string;
+            content: string;
+        }> | undefined;
+    }, "ids">>;
+};
+export declare function getCtx(): {
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "content" | "portal" | "description" | "action" | "title" | "trigger" | "cancel" | "overlay") => Record<string, string>;
+    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        title: string;
+        description: string;
+        content: string;
+    }>;
+    elements: {
+        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => {
+            destroy: () => void;
+        }, ([$isVisible, $contentId, $descriptionId, $titleId]: [boolean, string, string, string]) => {
+            id: string;
+            role: "dialog" | "alertdialog";
+            'aria-describedby': string;
+            'aria-labelledby': string;
+            'aria-modal': "true" | undefined;
+            'data-state': string;
+            tabindex: number;
+            hidden: boolean | undefined;
+            style: string;
+        }, string>;
+        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+            update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
+            set: (this: void, value: boolean) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open]: [boolean]) => {
+            readonly 'aria-haspopup': "dialog";
+            readonly 'aria-expanded': boolean;
+            readonly type: "button";
+        }, string>;
+        title: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$titleId]: [string]) => {
+            id: string;
+        }, string>;
+        description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$descriptionId]: [string]) => {
+            id: string;
+        }, string>;
+        overlay: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
+            destroy(): void;
+        }, ([$isVisible]: [boolean]) => {
+            readonly hidden: true | undefined;
+            readonly tabindex: -1;
+            readonly style: string;
+            readonly 'aria-hidden': true;
+            readonly 'data-state': "open" | "closed";
+        }, string>;
+        close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
+            readonly type: "button";
+        }, string>;
+        portalled: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<string | HTMLElement | null>, <Node_2 extends unknown>(node: HTMLElement) => {
+            destroy(): void;
+        }, ($portal: string | HTMLElement | null) => {
+            'data-portal': string | undefined;
+        }, string>;
+    };
+    states: {
+        open: {
+            update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
+            set: (this: void, value: boolean) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
+        };
+    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        preventScroll: boolean;
+        closeOnEscape: boolean;
+        closeOnOutsideClick: boolean;
+        onOutsideClick: ((event: PointerEvent) => void) | undefined;
         role: "dialog" | "alertdialog";
         defaultOpen: boolean;
         open?: import("svelte/store").Writable<boolean> | undefined;
@@ -82,5 +165,4 @@ export declare function setCtx(props: SetProps): {
         }> | undefined;
     }, "ids">>;
 };
-export declare function getCtx(): AlertDialogReturn;
 export {};

package/dist/bits/alert-dialog/ctx.js

@@ -1,29 +1,40 @@
 import { createDialog } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
-const NAME = "alert-dialog";
-const PARTS = [
-    "action",
-    "cancel",
-    "content",
-    "description",
-    "overlay",
-    "portal",
-    "title",
-    "trigger"
-];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+function getAlertDialogData() {
+    const NAME = "alert-dialog";
+    const PARTS = [
+        "action",
+        "cancel",
+        "content",
+        "description",
+        "overlay",
+        "portal",
+        "title",
+        "trigger"
+    ];
+    return { NAME, PARTS };
+}
 export function setCtx(props) {
-    const alertDialog = createDialog({
+    const { NAME, PARTS } = getAlertDialogData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const initAlertDialog = createDialog({
         ...removeUndefined(props),
         role: "alertdialog"
     });
+    const alertDialog = {
+        ...initAlertDialog,
+        getAttrs,
+        updateOption: getOptionUpdater(initAlertDialog.options)
+    };
     setContext(NAME, alertDialog);
     return {
         ...alertDialog,
-        updateOption: getOptionUpdater(alertDialog.options)
+        updateOption: getOptionUpdater(alertDialog.options),
+        getAttrs
     };
 }
 export function getCtx() {
+    const { NAME } = getAlertDialogData();
     return getContext(NAME);
 }

package/dist/bits/alert-dialog/types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLDivAttributes, HTMLHeadingAttributes, Transition } from "../../internal/index.js";
+import type { HTMLDivAttributes, HTMLHeadingAttributes, SvelteEvent, Transition } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
 import type { CustomEventHandler } from "../../index.js";
 import type * as I from "./_types.js";
@@ -14,6 +14,11 @@ type TriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
+type ContentEvents<T extends Element = HTMLElement> = {
+    pointerdown: SvelteEvent<PointerEvent, T>;
+    pointerup: SvelteEvent<PointerEvent, T>;
+    pointermove: SvelteEvent<PointerEvent, T>;
+};
 type ActionEvents = TriggerEvents;
 type CancelEvents = TriggerEvents;
-export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, TriggerEvents, CancelEvents, ActionEvents };
+export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, TriggerEvents, CancelEvents, ActionEvents, ContentEvents };

package/dist/bits/aspect-ratio/_types.d.ts

@@ -5,6 +5,6 @@
  */
 import type { DOMEl } from "../../internal/index.js";
 type Props = Expand<{
-    ratio: number;
+    ratio?: number;
 } & DOMEl>;
 export type { Props };

package/dist/bits/aspect-ratio/components/aspect-ratio.svelte

@@ -8,7 +8,7 @@ const attrs = {
 <div
 	style:position="relative"
 	style:width="100%"
-	style:padding-bottom="{100 / ratio}%"
+	style:padding-bottom="{ratio ? 100 / ratio : 0}%"
 >
 	<div
 		bind:this={el}

package/dist/bits/avatar/components/avatar-fallback.svelte

@@ -1,9 +1,10 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { fallback }
+  elements: { fallback },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("fallback");
 $:

package/dist/bits/avatar/components/avatar-image.svelte

@@ -1,10 +1,12 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getImage, getAttrs } from "../ctx.js";
+import { getImage } from "../ctx.js";
 export let src = void 0;
 export let alt = void 0;
 export let asChild = false;
 export let el = void 0;
-const attrs = getAttrs("image");
+const attrs = {
+  "data-bits-avatar-image": ""
+};
 $:
   image = getImage(src).elements.image;
 $:

package/dist/bits/avatar/components/avatar.svelte

@@ -1,4 +1,4 @@
-<script>import { setCtx, getAttrs } from "../ctx.js";
+<script>import { setCtx } from "../ctx.js";
 export let delayMs = void 0;
 export let loadingStatus = void 0;
 export let onLoadingStatusChange = void 0;
@@ -6,7 +6,8 @@ export let asChild = false;
 export let el = void 0;
 const {
   states: { loadingStatus: localLoadingStatus },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   src: "",
   delayMs,

package/dist/bits/avatar/ctx.d.ts

@@ -1,8 +1,13 @@
 /// <reference types="svelte" />
 import { type CreateAvatarProps, type Avatar as AvatarReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "image" | "root" | "fallback") => Record<string, string>;
+export declare function getAvatarData(): {
+    NAME: "avatar";
+    PARTS: readonly ["root", "image", "fallback"];
+};
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateAvatarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "image" | "root" | "fallback") => Record<string, string>;
     elements: {
         image: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>, {
             update: (updater: import("svelte/store").Updater<"loading" | "loaded" | "error">, sideEffect?: ((newValue: "loading" | "loaded" | "error") => void) | undefined) => void;
@@ -36,4 +41,5 @@ export declare function setCtx(props: CreateAvatarProps): {
     }, "onLoadingStatusChange" | "loadingStatus">>;
 };
 export declare function getImage(src?: string | undefined | null): AvatarReturn;
-export declare function getCtx(): AvatarReturn;
+export declare function getCtx(): GetReturn;
+export {};

package/dist/bits/avatar/ctx.js

@@ -1,11 +1,18 @@
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createAvatar } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-const NAME = "avatar";
-const PARTS = ["root", "image", "fallback"];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+export function getAvatarData() {
+    const NAME = "avatar";
+    const PARTS = ["root", "image", "fallback"];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const avatar = createAvatar(removeUndefined(props));
+    const { NAME, PARTS } = getAvatarData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const avatar = { ...createAvatar(removeUndefined(props)), getAttrs };
     setContext(NAME, avatar);
     return {
         ...avatar,
@@ -13,6 +20,7 @@ export function setCtx(props) {
     };
 }
 export function getImage(src = "") {
+    const { NAME } = getAvatarData();
     const avatar = getContext(NAME);
     if (!src) {
         avatar.options.src.set("");
@@ -23,5 +31,6 @@ export function getImage(src = "") {
     return avatar;
 }
 export function getCtx() {
+    const { NAME } = getAvatarData();
     return getContext(NAME);
 }

package/dist/bits/calendar/components/calendar-cell.svelte

@@ -1,9 +1,10 @@
-<script>import { getCtx, getAttrs } from "../ctx.js";
+<script>import { getCtx } from "../ctx.js";
 export let date;
 export let asChild = false;
 export let el = void 0;
 const {
-  helpers: { isDateDisabled, isDateUnavailable }
+  helpers: { isDateDisabled, isDateUnavailable },
+  getAttrs
 } = getCtx();
 $:
   attrs = {

package/dist/bits/calendar/components/calendar-day.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let date;
 export let month;
@@ -7,7 +7,8 @@ export let asChild = false;
 export let el = void 0;
 const {
   elements: { cell },
-  helpers: { isDateDisabled, isDateUnavailable, isDateSelected }
+  helpers: { isDateDisabled, isDateUnavailable, isDateSelected },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("day");
 const dispatch = createDispatcher();

package/dist/bits/calendar/components/calendar-day.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: DayProps;
     slots: {
         default: {
-            builder: ((cellValue: import("@internationalized/date").DateValue, monthValue: import("@internationalized/date").DateValue) => {
+            builder: {
                 readonly role: "button";
                 readonly 'aria-label': string;
                 readonly 'aria-selected': true | undefined;
@@ -18,7 +18,7 @@ declare const __propDef: {
                 readonly 'data-outside-visible-months': "" | undefined;
                 readonly 'data-focused': "" | undefined;
                 readonly tabindex: 0 | -1 | undefined;
-            }) & {
+            } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">;

package/dist/bits/calendar/components/calendar-grid-body.svelte

@@ -1,6 +1,7 @@
-<script>import { getAttrs } from "../ctx.js";
+<script>import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
+const { getAttrs } = getCtx();
 const attrs = getAttrs("grid-body");
 </script>
 

package/dist/bits/calendar/components/calendar-grid-head.svelte

@@ -1,7 +1,11 @@
-<script>import { getAttrs } from "../ctx.js";
+<script>import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
-const attrs = { ...getAttrs("grid-head"), "aria-hidden": true };
+const { getAttrs } = getCtx();
+const attrs = {
+  ...getAttrs("grid-head"),
+  "aria-hidden": true
+};
 </script>
 
 {#if asChild}

package/dist/bits/calendar/components/calendar-grid-row.svelte

@@ -1,6 +1,7 @@
-<script>import { getAttrs } from "../ctx.js";
+<script>import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
+const { getAttrs } = getCtx();
 const attrs = getAttrs("grid-row");
 </script>
 

package/dist/bits/calendar/components/calendar-grid.svelte

@@ -1,9 +1,10 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getAttrs, getCtx } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { grid }
+  elements: { grid },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("grid");
 $:

package/dist/bits/calendar/components/calendar-grid.svelte.d.ts

@@ -10,8 +10,8 @@ declare const __propDef: {
             builder: {
                 tabindex: number;
                 role: string;
-                'aria-readonly': string | undefined;
-                'aria-disabled': string | undefined;
+                'aria-readonly': "true" | undefined;
+                'aria-disabled': "true" | undefined;
                 'data-readonly': string | undefined;
                 'data-disabled': string | undefined;
             } & {

package/dist/bits/calendar/components/calendar-head-cell.svelte

@@ -1,6 +1,7 @@
-<script>import { getAttrs } from "../ctx.js";
+<script>import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
+const { getAttrs } = getCtx();
 const attrs = getAttrs("head-cell");
 </script>
 

package/dist/bits/calendar/components/calendar-header.svelte

@@ -1,6 +1,7 @@
-<script>import { getAttrs } from "../ctx.js";
+<script>import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
+const { getAttrs } = getCtx();
 const attrs = getAttrs("header");
 </script>
 

package/dist/bits/calendar/components/calendar-heading.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getAttrs, getCtx } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
   elements: { heading },
-  states: { headingValue }
+  states: { headingValue },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("heading");
 $:

package/dist/bits/calendar/components/calendar-next-button.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getAttrs, getCtx } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { nextButton }
+  elements: { nextButton },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("next-button");
 $:

package/dist/bits/calendar/components/calendar-next-button.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
             builder: {
                 role: string;
                 'aria-label': string;
-                'aria-disabled': string | undefined;
+                'aria-disabled': "true" | undefined;
                 'data-disabled': string | undefined;
                 disabled: boolean | undefined;
             } & {

package/dist/bits/calendar/components/calendar-prev-button.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getAttrs, getCtx } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { prevButton }
+  elements: { prevButton },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("prev-button");
 $:

package/dist/bits/calendar/components/calendar-prev-button.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
             builder: {
                 role: string;
                 'aria-label': string;
-                'aria-disabled': string | undefined;
+                'aria-disabled': "true" | undefined;
                 'data-disabled': string | undefined;
                 disabled: boolean | undefined;
             } & {