bits-ui 0.13.0 → 0.13.1

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

@@ -1,9 +1,10 @@
-<script>import { getCtx, getCalendarAttrs } 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 },
+  getCalendarAttrs
 } = getCtx();
 $:
   attrs = {

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

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getPopoverAttrs } 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: { close }
+  elements: { close },
+  getPopoverAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getPopoverAttrs("close");

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

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getPopoverAttrs, 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;
@@ -23,7 +23,8 @@ export let el = void 0;
 const {
   elements: { content },
   states: { open },
-  ids
+  ids,
+  getPopoverAttrs
 } = getCtx();
 const attrs = getPopoverAttrs("content");
 $:

package/dist/bits/date-picker/components/date-picker-day.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 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 },
+  getCalendarAttrs
 } = getCtx();
 const attrs = getCalendarAttrs("day");
 const dispatch = createDispatcher();

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

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

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

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCalendarAttrs, 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 },
+  getCalendarAttrs
 } = getCtx();
 const attrs = getCalendarAttrs("heading");
 $:

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

@@ -1,12 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getFieldAttrs } 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,
+  getFieldAttrs
 } = getCtx();
 $:
   if (id) {

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

@@ -1,11 +1,12 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getFieldAttrs } 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,
+  getFieldAttrs
 } = getCtx();
 if (id) {
   ids.dateField.label.set(id);

package/dist/bits/date-picker/components/date-picker-next-button.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCalendarAttrs, 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 },
+  getCalendarAttrs
 } = getCtx();
 const attrs = getCalendarAttrs("next-button");
 const dispatch = createDispatcher();

package/dist/bits/date-picker/components/date-picker-prev-button.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCalendarAttrs, 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 },
+  getCalendarAttrs
 } = getCtx();
 const attrs = getCalendarAttrs("prev-button");
 const dispatch = createDispatcher();

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

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getFieldAttrs } 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,
+  getFieldAttrs
 } = getCtx();
 $:
   if (id && part !== "literal") {

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

@@ -1,12 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getPopoverAttrs } 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,
+  getPopoverAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getPopoverAttrs("trigger");

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

@@ -1,13 +1,12 @@
 /// <reference types="svelte" />
 import { type CreateDatePickerProps } from "@melt-ui/svelte";
-import { getAttrs as getCalendarAttrs } from "../calendar/ctx.js";
-import { getAttrs as getFieldAttrs } from "../date-field/ctx.js";
-import { getAttrs as getPopoverAttrs } from "../popover/ctx.js";
 import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
-export { getCalendarAttrs, getFieldAttrs, getPopoverAttrs };
 export declare function setCtx(props: CreateDatePickerProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getCalendarAttrs: (part: "day" | "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
+    getFieldAttrs: (part: "segment" | "label" | "input") => Record<string, string>;
+    getPopoverAttrs: (part: "content" | "arrow" | "trigger" | "close") => Record<string, string>;
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -369,6 +368,9 @@ export declare function setCtx(props: CreateDatePickerProps): {
 };
 export declare function getCtx(): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getCalendarAttrs: (part: "day" | "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
+    getFieldAttrs: (part: "segment" | "label" | "input") => Record<string, string>;
+    getPopoverAttrs: (part: "content" | "arrow" | "trigger" | "close") => Record<string, string>;
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;

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

@@ -1,29 +1,46 @@
 import { createDatePicker } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { removeUndefined, getOptionUpdater } from "../../internal/index.js";
-import { getAttrs as getCalendarAttrs } from "../calendar/ctx.js";
-import { getAttrs as getFieldAttrs } from "../date-field/ctx.js";
-import { getAttrs as getPopoverAttrs } from "../popover/ctx.js";
+import { removeUndefined, getOptionUpdater, createBitAttrs } from "../../internal/index.js";
+import { getCalendarData } from "../calendar/ctx.js";
+import { getDateFieldData } from "../date-field/ctx.js";
+import { getPopoverData } from "../popover/ctx.js";
 import { getPositioningUpdater } from "../floating/helpers.js";
-const NAME = "date-picker";
-export { getCalendarAttrs, getFieldAttrs, getPopoverAttrs };
+function getDatePickerData() {
+    const NAME = "date-picker";
+    return {
+        NAME
+    };
+}
 export function setCtx(props) {
-    const datePicker = createDatePicker(removeUndefined(props));
+    const { NAME } = getDatePickerData();
+    const { NAME: CALENDAR_NAME, PARTS: CALENDAR_PARTS } = getCalendarData();
+    const getCalendarAttrs = createBitAttrs(CALENDAR_NAME, CALENDAR_PARTS);
+    const { NAME: FIELD_NAME, PARTS: FIELD_PARTS } = getDateFieldData();
+    const getFieldAttrs = createBitAttrs(FIELD_NAME, FIELD_PARTS);
+    const { NAME: POPOVER_NAME, PARTS: POPOVER_PARTS } = getPopoverData();
+    const getPopoverAttrs = createBitAttrs(POPOVER_NAME, POPOVER_PARTS);
+    const datePicker = {
+        ...createDatePicker(removeUndefined(props)),
+        getCalendarAttrs,
+        getFieldAttrs,
+        getPopoverAttrs
+    };
     const updateOption = getOptionUpdater(datePicker.options);
     setContext(NAME, { ...datePicker, updateOption });
     return {
         ...datePicker,
-        updateOption: getOptionUpdater(datePicker.options)
+        updateOption
     };
 }
 export function getCtx() {
+    const { NAME } = getDatePickerData();
     return getContext(NAME);
 }
-const defaultPlacement = {
-    side: "bottom",
-    align: "center"
-};
 export function updatePositioning(props) {
+    const defaultPlacement = {
+        side: "bottom",
+        align: "center"
+    };
     const withDefaults = { ...defaultPlacement, ...props };
     const { options: { positioning } } = getCtx();
     const updater = getPositioningUpdater(positioning);

package/dist/bits/date-range-field/components/date-range-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-range-field/components/date-range-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.field.label.set(id);

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