bits-ui 0.7.0 → 0.8.1

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

@@ -1,8 +1,19 @@
 import { createDialog } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { getOptionUpdater, removeUndefined } from "../../internal/index.js";
-const NAME = "AlertDialog";
-function set(props) {
+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);
+export function setCtx(props) {
     const alertDialog = createDialog({
         ...removeUndefined(props),
         role: "alertdialog"
@@ -17,10 +28,6 @@ function set(props) {
         updateOption: getOptionUpdater(alertDialog.options)
     };
 }
-function get() {
+export function getCtx() {
     return getContext(NAME);
 }
-export const ctx = {
-    set: set,
-    get: get
-};

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

@@ -3,7 +3,7 @@ import type { HTMLButtonAttributes } from "svelte/elements";
 import type { CreateDialogProps } from "@melt-ui/svelte";
 import type { CustomEventHandler } from "../../index.js";
 type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
-    open?: boolean & {};
+    open?: boolean;
     onOpenChange?: OnChangeFn<boolean>;
 }>;
 type TriggerProps = AsChild & HTMLButtonAttributes;

package/dist/bits/aspect-ratio/components/AspectRatio.svelte.d.ts

@@ -63,7 +63,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -77,7 +77,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -92,7 +92,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;

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

@@ -1,4 +1,4 @@
-<script>import { ctx } from "../ctx.js";
+<script>import { setCtx, getAttrs } from "../ctx.js";
 export let delayMs = void 0;
 export let loadingStatus = void 0;
 export let onLoadingStatusChange = void 0;
@@ -6,7 +6,7 @@ export let asChild = false;
 const {
   states: { loadingStatus: localLoadingStatus },
   updateOption
-} = ctx.set({
+} = setCtx({
   src: "",
   delayMs,
   onLoadingStatusChange: ({ next }) => {
@@ -19,12 +19,13 @@ $:
   loadingStatus !== void 0 && localLoadingStatus.set(loadingStatus);
 $:
   updateOption("delayMs", delayMs);
+const attrs = getAttrs("root");
 </script>
 
 {#if asChild}
-	<slot />
+	<slot {attrs} />
 {:else}
-	<div {...$$restProps}>
-		<slot />
+	<div {...$$restProps} {...attrs}>
+		<slot {attrs} />
 	</div>
 {/if}

package/dist/bits/avatar/components/Avatar.svelte.d.ts

@@ -66,7 +66,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -80,7 +80,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -95,7 +95,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -218,7 +218,9 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {};
+        default: {
+            attrs: Record<string, string>;
+        };
     };
 };
 export type AvatarProps = typeof __propDef.props;

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

@@ -1,14 +1,18 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { getCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
-const fallback = ctx.get().elements.fallback;
+const {
+  elements: { fallback }
+} = getCtx();
+$:
+  builder = $fallback;
+const attrs = getAttrs("fallback");
 </script>
 
 {#if asChild}
-	<slot builder={$fallback} />
+	<slot {builder} {attrs} />
 {:else}
-	{@const builder = $fallback}
-	<span {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
+	<span {...builder} use:builder.action {...$$restProps} {...attrs}>
+		<slot {builder} {attrs} />
 	</span>
 {/if}

package/dist/bits/avatar/components/AvatarFallback.svelte.d.ts

@@ -63,7 +63,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -77,7 +77,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -92,7 +92,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -216,7 +216,15 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            builder: {
+                style: string | undefined;
+                hidden: boolean | undefined;
+            } & {
+                "data-melt-avatar-fallback": "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+            attrs: Record<string, string>;
         };
     };
 };

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

@@ -1,14 +1,17 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { getImage, getAttrs } from "../ctx.js";
 export let src = void 0;
 export let alt = void 0;
 export let asChild = false;
 $:
-  image = ctx.getImage(src).elements.image;
+  image = getImage(src).elements.image;
+$:
+  builder = $image;
+const attrs = getAttrs("image");
 </script>
 
 {#if asChild}
-	<slot builder={$image} />
+	<slot {builder} {attrs} />
 {:else}
-	<img {...$image} use:$image.action {alt} {...$$restProps} />
+	<img {...builder} use:builder.action {alt} {...$$restProps} {...attrs} />
 {/if}

package/dist/bits/avatar/components/AvatarImage.svelte.d.ts

@@ -77,7 +77,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -91,7 +91,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -106,7 +106,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -238,6 +238,7 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
+            attrs: Record<string, string>;
         };
     };
 };

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

@@ -1,11 +1,7 @@
 /// <reference types="svelte" />
 import { type CreateAvatarProps, type Avatar as AvatarReturn } from "@melt-ui/svelte";
-export declare const ctx: {
-    set: typeof set;
-    getImage: typeof getImage;
-    get: typeof get;
-};
-declare function set(props: CreateAvatarProps): {
+export declare const getAttrs: (part: "root" | "image" | "fallback") => Record<string, string>;
+export declare function setCtx(props: CreateAvatarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
         image: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>, {
@@ -37,6 +33,5 @@ declare function set(props: CreateAvatarProps): {
         delayMs: import("svelte/store").Writable<number>;
     };
 };
-declare function getImage(src?: string | undefined | null): AvatarReturn;
-declare function get(): AvatarReturn;
-export {};
+export declare function getImage(src?: string | undefined | null): AvatarReturn;
+export declare function getCtx(): AvatarReturn;

package/dist/bits/avatar/ctx.js

@@ -1,13 +1,10 @@
-import { getOptionUpdater, removeUndefined } from "../../internal/index.js";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createAvatar } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-const NAME = "Avatar";
-export const ctx = {
-    set,
-    getImage,
-    get
-};
-function set(props) {
+const NAME = "avatar";
+const PARTS = ["root", "image", "fallback"];
+export const getAttrs = createBitAttrs(NAME, PARTS);
+export function setCtx(props) {
     const avatar = createAvatar(removeUndefined(props));
     setContext(NAME, avatar);
     return {
@@ -15,7 +12,7 @@ function set(props) {
         updateOption: getOptionUpdater(avatar.options)
     };
 }
-function getImage(src = "") {
+export function getImage(src = "") {
     const avatar = getContext(NAME);
     if (!src) {
         avatar.options.src.set("");
@@ -25,6 +22,6 @@ function getImage(src = "") {
     }
     return avatar;
 }
-function get() {
+export function getCtx() {
     return getContext(NAME);
 }

package/dist/bits/button/components/Button.svelte

@@ -2,6 +2,9 @@
 export let href = void 0;
 export let type = void 0;
 export let builders = [];
+const attrs = {
+  "data-bits-button-root": ""
+};
 </script>
 
 {#if builders && builders.length}
@@ -20,6 +23,7 @@ export let builders = [];
 		use:builderActions={{ builders }}
 		{...getAttrs(builders)}
 		{...$$restProps}
+		{...attrs}
 	>
 		<slot />
 	</svelte:element>
@@ -37,6 +41,7 @@ export let builders = [];
 		on:mouseleave
 		tabindex="0"
 		{...$$restProps}
+		{...attrs}
 	>
 		<slot />
 	</svelte:element>

package/dist/bits/button/components/Button.svelte.d.ts

@@ -75,7 +75,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -89,7 +89,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -104,7 +104,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -296,7 +296,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -310,7 +310,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -325,7 +325,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;

package/dist/bits/checkbox/components/Checkbox.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
+import { setCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let checked = void 0;
 export let disabled = void 0;
@@ -12,7 +12,7 @@ const {
   elements: { root },
   states: { checked: localChecked },
   updateOption
-} = ctx.set({
+} = setCtx({
   defaultChecked: checked,
   disabled,
   name,
@@ -37,13 +37,21 @@ $:
   updateOption("required", required);
 $:
   updateOption("value", value);
+$:
+  builder = $root;
+const attrs = getAttrs("root");
 </script>
 
 {#if asChild}
-	<slot builder={$root} />
+	<slot {builder} {attrs} />
 {:else}
-	{@const builder = $root}
-	<button {...builder} use:builder.action {...$$restProps} on:m-click={dispatch} on:m-keydown={dispatch}>
-		<slot {builder} />
+	<button
+		{...builder} use:builder.action
+		{...$$restProps}
+		{...attrs}
+		on:m-click={dispatch}
+		on:m-keydown={dispatch}
+	>
+		<slot {builder} {attrs} />
 	</button>
 {/if}

package/dist/bits/checkbox/components/Checkbox.svelte.d.ts

@@ -77,7 +77,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -91,7 +91,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -106,7 +106,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
@@ -227,7 +227,19 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: any;
+            builder: {
+                readonly 'data-disabled': true | undefined;
+                readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                readonly type: "button";
+                readonly role: "checkbox";
+                readonly 'aria-checked': boolean | "mixed";
+                readonly 'aria-required': boolean;
+            } & {
+                "data-melt-checkbox": "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
+            };
+            attrs: Record<string, string>;
         };
     };
     events: Events;

package/dist/bits/checkbox/components/CheckboxIndicator.svelte

@@ -1,9 +1,10 @@
-<script>import { ctx } from "../ctx.js";
+<script>import { getCtx, getAttrs } from "../ctx.js";
 const {
   helpers: { isChecked, isIndeterminate }
-} = ctx.get();
+} = getCtx();
+const attrs = getAttrs("indicator");
 </script>
 
-<div {...$$restProps}>
+<div {...$$restProps} {...attrs}>
 	<slot isChecked={$isChecked} isIndeterminate={$isIndeterminate} />
 </div>

package/dist/bits/checkbox/components/CheckboxIndicator.svelte.d.ts

@@ -62,7 +62,7 @@ declare const __propDef: {
         'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
         'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-checked'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-colcount'?: number | null | undefined;
         'aria-colindex'?: number | null | undefined;
         'aria-colspan'?: number | null | undefined;
@@ -76,7 +76,7 @@ declare const __propDef: {
         'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-flowto'?: string | null | undefined;
         'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-haspopup'?: "dialog" | import("svelte/elements.js").Booleanish | "grid" | "listbox" | "menu" | "tree" | null | undefined;
         'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
         'aria-keyshortcuts'?: string | null | undefined;
@@ -91,7 +91,7 @@ declare const __propDef: {
         'aria-owns'?: string | null | undefined;
         'aria-placeholder'?: string | null | undefined;
         'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-pressed'?: boolean | "false" | "true" | "mixed" | null | undefined;
         'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
         'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
         'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;

package/dist/bits/checkbox/components/CheckboxInput.svelte

@@ -1,8 +1,9 @@
-<script>import { ctx } from "../ctx.js";
+<script>import { getCtx, getAttrs } from "../ctx.js";
 const {
   helpers: { isChecked },
   options: { disabled }
-} = ctx.get();
+} = getCtx();
+const attrs = getAttrs("input");
 </script>
 
-<input hidden value={$isChecked ? true : false} disabled={$disabled} {...$$restProps} />
+<input hidden value={$isChecked ? true : false} disabled={$disabled} {...$$restProps} {...attrs} />