bits-ui 0.13.0 → 0.13.2

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

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx, getAttrs } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let checked = false;
 export let disabled = void 0;
@@ -12,7 +12,8 @@ export let el = void 0;
 const {
   elements: { root },
   states: { checked: localChecked },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   defaultChecked: checked,
   disabled,

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

@@ -1,8 +1,13 @@
 /// <reference types="svelte" />
-import { type Checkbox as CheckboxReturn, type CreateCheckboxProps } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "input" | "root" | "indicator") => Record<string, string>;
+import { type CreateCheckboxProps } from "@melt-ui/svelte";
+export declare function getCheckboxData(): {
+    NAME: "checkbox";
+    PARTS: readonly ["root", "input", "indicator"];
+};
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateCheckboxProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "input" | "root" | "indicator") => Record<string, string>;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
@@ -55,4 +60,5 @@ export declare function setCtx(props: CreateCheckboxProps): {
         onCheckedChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean | "indeterminate"> | undefined;
     }, "checked" | "defaultChecked">>;
 };
-export declare function getCtx(): CheckboxReturn;
+export declare function getCtx(): GetReturn;
+export {};

package/dist/bits/checkbox/ctx.js

@@ -1,17 +1,25 @@
 import { createCheckbox } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { removeUndefined, getOptionUpdater, createBitAttrs } from "../../internal/index.js";
-const NAME = "checkbox";
-const PARTS = ["root", "input", "indicator"];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+export function getCheckboxData() {
+    const NAME = "checkbox";
+    const PARTS = ["root", "input", "indicator"];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const checkbox = createCheckbox(removeUndefined(props));
-    setContext(NAME, { ...checkbox });
+    const { NAME, PARTS } = getCheckboxData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const checkbox = { ...createCheckbox(removeUndefined(props)), getAttrs };
+    setContext(NAME, checkbox);
     return {
         ...checkbox,
         updateOption: getOptionUpdater(checkbox.options)
     };
 }
 export function getCtx() {
+    const { NAME } = getCheckboxData();
     return getContext(NAME);
 }

package/dist/bits/collapsible/components/collapsible-content.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: { content },
-  states: { open }
+  states: { open },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("content");
 $:

package/dist/bits/collapsible/components/collapsible-trigger.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { createDispatcher } from "../../../internal/events.js";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.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/collapsible/components/collapsible.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx, getAttrs } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 export let disabled = void 0;
 export let open = void 0;
 export let onOpenChange = void 0;
@@ -8,7 +8,8 @@ export let el = void 0;
 const {
   elements: { root },
   states: { open: localOpen },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   disabled,
   forceVisible: true,

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

@@ -1,8 +1,13 @@
 /// <reference types="svelte" />
-import { type Collapsible as CollapsibleReturn, type CreateCollapsibleProps } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "content" | "root" | "trigger") => Record<string, string>;
+import { type CreateCollapsibleProps } from "@melt-ui/svelte";
+export declare function getCollapsibleData(): {
+    NAME: "collapsible";
+    PARTS: readonly ["root", "content", "trigger"];
+};
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateCollapsibleProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "content" | "root" | "trigger") => Record<string, string>;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -43,4 +48,5 @@ export declare function setCtx(props: CreateCollapsibleProps): {
         onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
     }, "open" | "defaultOpen" | "onOpenChange">>;
 };
-export declare function getCtx(): CollapsibleReturn;
+export declare function getCtx(): GetReturn;
+export {};

package/dist/bits/collapsible/ctx.js

@@ -1,11 +1,18 @@
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createCollapsible } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-const NAME = "collapsible";
-const PARTS = ["root", "content", "trigger"];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+export function getCollapsibleData() {
+    const NAME = "collapsible";
+    const PARTS = ["root", "content", "trigger"];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const collapsible = createCollapsible(removeUndefined(props));
+    const { NAME, PARTS } = getCollapsibleData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const collapsible = { ...createCollapsible(removeUndefined(props)), getAttrs };
     setContext(NAME, collapsible);
     return {
         ...collapsible,
@@ -13,5 +20,6 @@ export function setCtx(props) {
     };
 }
 export function getCtx() {
+    const { NAME } = getCollapsibleData();
     return getContext(NAME);
 }

package/dist/bits/context-menu/components/context-menu-content.svelte

@@ -1,6 +1,6 @@
 <script>import { createDispatcher } from "../../../internal/events.js";
 import { melt } from "@melt-ui/svelte";
-import { getAttrs, getCtx, updatePositioning } from "../ctx.js";
+import { getCtx, updatePositioning } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -18,7 +18,8 @@ export let el = void 0;
 const {
   elements: { menu },
   states: { open },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("content");

package/dist/bits/context-menu/components/context-menu-trigger.svelte

@@ -1,12 +1,13 @@
 <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 id = void 0;
 export let el = void 0;
 const {
   elements: { trigger },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("trigger");

package/dist/bits/context-menu/ctx.d.ts

@@ -1,10 +1,15 @@
 /// <reference types="svelte" />
-import { type ContextMenu as ContextMenuReturn, type CreateContextMenuProps } from "@melt-ui/svelte";
+import { type CreateContextMenuProps } from "@melt-ui/svelte";
 import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
-export declare const getAttrs: (part: "content" | "checkbox-indicator" | "arrow" | "label" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
+export declare function getContextMenuData(): {
+    NAME: string;
+    PARTS: readonly ["arrow", "checkbox-indicator", "checkbox-item", "content", "group", "item", "label", "radio-group", "radio-item", "separator", "sub-content", "sub-trigger", "trigger"];
+};
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateContextMenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "content" | "checkbox-indicator" | "arrow" | "label" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;
@@ -216,5 +221,6 @@ export declare function setCtx(props: CreateContextMenuProps): {
         }> | undefined;
     }, "ids">>;
 };
-export declare function getCtx(): ContextMenuReturn;
+export declare function getCtx(): GetReturn;
 export declare function updatePositioning(props: FloatingProps): void;
+export {};

package/dist/bits/context-menu/ctx.js

@@ -2,25 +2,32 @@ import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../interna
 import { createContextMenu } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { getPositioningUpdater } from "../floating/helpers.js";
-const NAME = "menu";
-const PARTS = [
-    "arrow",
-    "checkbox-indicator",
-    "checkbox-item",
-    "content",
-    "group",
-    "item",
-    "label",
-    "radio-group",
-    "radio-item",
-    "separator",
-    "sub-content",
-    "sub-trigger",
-    "trigger"
-];
-export const getAttrs = createBitAttrs("menu", PARTS);
+export function getContextMenuData() {
+    const NAME = "menu";
+    const PARTS = [
+        "arrow",
+        "checkbox-indicator",
+        "checkbox-item",
+        "content",
+        "group",
+        "item",
+        "label",
+        "radio-group",
+        "radio-item",
+        "separator",
+        "sub-content",
+        "sub-trigger",
+        "trigger"
+    ];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const contextMenu = createContextMenu(removeUndefined(props));
+    const { NAME, PARTS } = getContextMenuData();
+    const getAttrs = createBitAttrs("menu", PARTS);
+    const contextMenu = { ...createContextMenu(removeUndefined(props)), getAttrs };
     setContext(NAME, contextMenu);
     return {
         ...contextMenu,
@@ -28,13 +35,14 @@ export function setCtx(props) {
     };
 }
 export function getCtx() {
+    const { NAME } = getContextMenuData();
     return getContext(NAME);
 }
-const defaultPlacement = {
-    side: "bottom",
-    align: "start"
-};
 export function updatePositioning(props) {
+    const defaultPlacement = {
+        side: "bottom",
+        align: "start"
+    };
     const withDefaults = { ...defaultPlacement, ...props };
     const { options: { positioning } } = getCtx();
     const updater = getPositioningUpdater(positioning);

package/dist/bits/date-field/components/date-field-input.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 asChild = false;
 export let id = void 0;
 export let el = void 0;
 const {
   elements: { field },
   states: { segmentContents },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 $:
   if (id) {

package/dist/bits/date-field/components/date-field-label.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: { label },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 if (id) {
   ids.label.set(id);

package/dist/bits/date-field/components/date-field-segment.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 asChild = false;
 export let id = void 0;
@@ -7,7 +7,8 @@ export let part;
 export let el = void 0;
 const {
   elements: { segment },
-  ids
+  ids,
+  getAttrs
 } = getCtx();
 $:
   if (id && part !== "literal") {

package/dist/bits/date-field/ctx.d.ts

@@ -1,8 +1,13 @@
 /// <reference types="svelte" />
 import { type CreateDateFieldProps } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "segment" | "label" | "input") => Record<string, string>;
+export declare function getDateFieldData(): {
+    NAME: "date-field";
+    PARTS: readonly ["label", "input", "segment"];
+};
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateDateFieldProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "segment" | "label" | "input") => Record<string, string>;
     elements: {
         field: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
@@ -192,193 +197,5 @@ export declare function setCtx(props: CreateDateFieldProps): {
         validation: string;
     }>;
 };
-export declare function getCtx(): {
-    elements: {
-        field: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Readable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Readable<{
-            field: string;
-            label: string;
-            description: string;
-            validation: string;
-        }>], <Node_1 extends unknown>(_node: HTMLElement) => {
-            destroy(): void;
-        }, ([$value, $isInvalid, $disabled, $readonly, $ids]: [import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, {
-            field: string;
-            label: string;
-            description: string;
-            validation: string;
-        }]) => {
-            role: string;
-            id: string;
-            'aria-labelledby': string;
-            'aria-describedby': string;
-            'aria-disabled': "true" | undefined;
-            'aria-readonly': "true" | undefined;
-            'data-invalid': string | undefined;
-            'data-disabled': string | undefined;
-        }, string>;
-        segment: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateSegmentObj | import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateAndTimeSegmentObj>, import("svelte/store").Writable<12 | 24 | undefined>, {
-            set: (this: void, value: import("@internationalized/date").DateValue) => void;
-            update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
-            subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
-            add: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
-            subtract: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
-            setDate: (fields: import("@internationalized/date").DateFields | (import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields), disambiguation?: import("@internationalized/date").Disambiguation | undefined) => void;
-            reset: () => void;
-            toWritable: () => {
-                set: (this: void, value: import("@internationalized/date").DateValue) => void;
-                subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
-                update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
-            };
-            nextPage: (amount: number) => void;
-            prevPage: (amount: number) => void;
-        }, {
-            update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Readable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Readable<{
-            field: string;
-            label: string;
-            description: string;
-            validation: string;
-            day: string;
-            month: string;
-            year: string;
-            hour: string;
-            minute: string;
-            second: string;
-            dayPeriod: string;
-            timeZoneName: string;
-        }>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateSegmentObj | import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateAndTimeSegmentObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, {
-            field: string;
-            label: string;
-            description: string;
-            validation: string;
-            day: string;
-            month: string;
-            year: string;
-            hour: string;
-            minute: string;
-            second: string;
-            dayPeriod: string;
-            timeZoneName: string;
-        }, string]) => (part: import("@melt-ui/svelte").SegmentPart) => {
-            'aria-invalid': "true" | undefined;
-            'aria-disabled': "true" | undefined;
-            'aria-readonly': "true" | undefined;
-            'data-invalid': string | undefined;
-            'data-disabled': string | undefined;
-            'data-segment': string;
-        } | {
-            id: string;
-            'aria-labelledby': string;
-            contentEditable: boolean;
-            'aria-describedby': string | undefined;
-            tabindex: number | undefined;
-            'aria-invalid': "true" | undefined;
-            'aria-disabled': "true" | undefined;
-            'aria-readonly': "true" | undefined;
-            'data-invalid': string | undefined;
-            'data-disabled': string | undefined;
-            'data-segment': string;
-        }, string>;
-        label: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string>], (node: HTMLElement) => {
-            destroy: () => void;
-        }, ([$isInvalid, $disabled, $labelId]: [boolean, boolean, string]) => {
-            id: string;
-            'data-invalid': string | undefined;
-            'data-disabled': string | undefined;
-        }, string>;
-        hiddenInput: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<string | undefined>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $nameStore, $disabled, $required]: [import("@internationalized/date").DateValue | undefined, string | undefined, boolean, boolean]) => {
-            name: string | undefined;
-            value: string | undefined;
-            'aria-hidden': "true";
-            hidden: boolean;
-            disabled: boolean;
-            required: boolean;
-            tabIndex: number;
-            style: string;
-        }, string>;
-        validation: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isInvalid, $validationId]: [boolean, string]) => {
-            id: string;
-            'data-invalid': string | undefined;
-            style: string | undefined;
-        }, string>;
-    };
-    states: {
-        value: {
-            update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
-        };
-        segmentValues: import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateSegmentObj | import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateAndTimeSegmentObj>;
-        segmentContents: import("svelte/store").Readable<{
-            part: import("@melt-ui/svelte").SegmentPart;
-            value: string;
-        }[]>;
-        segmentContentsObj: import("svelte/store").Readable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentContentObj>;
-        placeholder: {
-            set: (this: void, value: import("@internationalized/date").DateValue) => void;
-            subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
-            update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
-        };
-        isInvalid: import("svelte/store").Readable<boolean>;
-    };
-    helpers: {
-        isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean | undefined>;
-    };
-    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
-        defaultValue?: import("@internationalized/date").DateValue | undefined;
-        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | undefined> | undefined;
-        value: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        defaultPlaceholder?: import("@internationalized/date").DateValue | undefined;
-        placeholder?: import("svelte/store").Writable<import("@internationalized/date").DateValue> | undefined;
-        onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined;
-        isDateUnavailable: import("@melt-ui/svelte").Matcher | undefined;
-        minValue: import("@internationalized/date").DateValue | undefined;
-        maxValue: import("@internationalized/date").DateValue | undefined;
-        disabled: boolean;
-        readonly: boolean;
-        hourCycle: 12 | 24 | undefined;
-        locale: string;
-        granularity: import("@melt-ui/svelte").Granularity | undefined;
-        hideTimeZone: boolean;
-        name: string | undefined;
-        required: boolean;
-        ids?: Partial<{
-            label: string;
-            description: string;
-            month: string;
-            year: string;
-            day: string;
-            hour: string;
-            minute: string;
-            second: string;
-            dayPeriod: string;
-            timeZoneName: string;
-            field: string;
-            validation: string;
-        }> | undefined;
-    }, "value" | "ids" | "placeholder">>;
-    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
-        label: string;
-        description: string;
-        month: string;
-        year: string;
-        day: string;
-        hour: string;
-        minute: string;
-        second: string;
-        dayPeriod: string;
-        timeZoneName: string;
-        field: string;
-        validation: string;
-    }>;
-};
+export declare function getCtx(): GetReturn;
+export {};

package/dist/bits/date-field/ctx.js

@@ -1,11 +1,18 @@
 import { createDateField } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { removeUndefined, getOptionUpdater, createBitAttrs } from "../../internal/index.js";
-const NAME = "date-field";
-const PARTS = ["label", "input", "segment"];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+export function getDateFieldData() {
+    const NAME = "date-field";
+    const PARTS = ["label", "input", "segment"];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const dateField = createDateField(removeUndefined(props));
+    const { NAME, PARTS } = getDateFieldData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const dateField = { ...createDateField(removeUndefined(props)), getAttrs };
     setContext(NAME, dateField);
     return {
         ...dateField,
@@ -13,5 +20,6 @@ export function setCtx(props) {
     };
 }
 export function getCtx() {
+    const { NAME } = getDateFieldData();
     return getContext(NAME);
 }

package/dist/bits/date-picker/components/date-picker-arrow.svelte

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

package/dist/bits/date-picker/components/date-picker-calendar.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getCalendarAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let id = void 0;
@@ -7,7 +7,8 @@ export let el = void 0;
 const {
   elements: { calendar },
   states: { months: localMonths, weekdays },
-  ids
+  ids,
+  getCalendarAttrs
 } = getCtx();
 $:
   if (id) {