npm - bits-ui - Versions diffs - 0.21.13 → 0.21.15 - Mend

bits-ui 0.21.13 → 0.21.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (401) hide show

package/dist/bits/radio-group/components/radio-group-input.svelte CHANGED Viewed

@@ -7,10 +7,8 @@ const {
   getAttrs
 } = getCtx();
 const attrs = getAttrs("input");
-$:
-  builder = $hiddenInput;
-$:
-  Object.assign(builder, attrs);
+$: builder = $hiddenInput;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/radio-group/components/radio-group-input.svelte.d.ts CHANGED Viewed

@@ -25,6 +25,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RadioGroupInputProps = typeof __propDef.props;
 export type RadioGroupInputEvents = typeof __propDef.events;

package/dist/bits/radio-group/components/radio-group-item-indicator.svelte CHANGED Viewed

@@ -7,8 +7,7 @@ const {
   getAttrs
 } = getRadioIndicator();
 const attrs = getAttrs("item-indicator");
-$:
-  checked = $isChecked(value);
+$: checked = $isChecked(value);
 </script>
 {#if asChild}

package/dist/bits/radio-group/components/radio-group-item-indicator.svelte.d.ts CHANGED Viewed

@@ -11,6 +11,8 @@ declare const __propDef: {
             attrs: Record<string, string> | undefined;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RadioGroupItemIndicatorProps = typeof __propDef.props;
 export type RadioGroupItemIndicatorEvents = typeof __propDef.events;

package/dist/bits/radio-group/components/radio-group-item.svelte CHANGED Viewed

@@ -11,10 +11,8 @@ const {
 } = setItemCtx(value);
 const dispatch = createDispatcher();
 const attrs = getAttrs("item");
-$:
-  builder = $item({ value, disabled });
-$:
-  Object.assign(builder, attrs);
+$: builder = $item({ value, disabled });
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/radio-group/components/radio-group-item.svelte.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focus">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/radio-group/events.js").RadioGroupEvents["item"]>;
             };
         };
     };

package/dist/bits/radio-group/components/radio-group.svelte CHANGED Viewed

@@ -28,20 +28,13 @@ const {
   }
 });
 const attrs = getAttrs("root");
-$:
-  value !== void 0 && localValue.set(value);
-$:
-  updateOption("required", required);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("loop", loop);
-$:
-  updateOption("orientation", orientation);
-$:
-  builder = $root;
-$:
-  Object.assign(builder, attrs);
+$: value !== void 0 && localValue.set(value);
+$: updateOption("required", required);
+$: updateOption("disabled", disabled);
+$: updateOption("loop", loop);
+$: updateOption("orientation", orientation);
+$: builder = $root;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/radio-group/components/radio-group.svelte.d.ts CHANGED Viewed

@@ -18,6 +18,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RadioGroupProps = typeof __propDef.props;
 export type RadioGroupEvents = typeof __propDef.events;

package/dist/bits/radio-group/ctx.d.ts CHANGED Viewed

@@ -1,14 +1,13 @@
-/// <reference types="svelte" />
 import { type CreateRadioGroupProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateRadioGroupProps): {
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<import("svelte/store").Writable<unknown>>>(key: K, value: V | undefined) => void;
     getAttrs: (part: "input" | "root" | "item" | "item-indicator") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$required, $orientation]: [boolean, import("@melt-ui/svelte/internal/types").Orientation]) => {
             readonly role: "radiogroup";
-            readonly 'aria-required': boolean;
-            readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+            readonly "aria-required": boolean;
+            readonly "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
         item: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string>, sideEffect?: ((newValue: string) => void) | undefined) => void;
@@ -16,13 +15,13 @@ export declare function setCtx(props: CreateRadioGroupProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined): import("svelte/store").Unsubscriber;
             get: () => string;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focus">, ([$value, $orientation, $disabled]: [string, import("@melt-ui/svelte/internal/types").Orientation, boolean]) => (props: import("@melt-ui/svelte").RadioGroupItemProps) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/radio-group/events").RadioGroupEvents["item"]>, ([$value, $orientation, $disabled]: [string, import("@melt-ui/svelte/internal/types").Orientation, boolean]) => (props: import("@melt-ui/svelte").RadioGroupItemProps) => {
             readonly disabled: boolean;
-            readonly 'data-value': string;
-            readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-            readonly 'data-disabled': true | undefined;
-            readonly 'data-state': "checked" | "unchecked";
-            readonly 'aria-checked': boolean;
+            readonly "data-value": string;
+            readonly "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
+            readonly "data-disabled": true | undefined;
+            readonly "data-state": "checked" | "unchecked";
+            readonly "aria-checked": boolean;
             readonly type: "button";
             readonly role: "radio";
             readonly tabindex: 0 | -1;
@@ -32,7 +31,7 @@ export declare function setCtx(props: CreateRadioGroupProps): {
         }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
             name: string | undefined;
             value: string;
-            'aria-hidden': "true";
+            "aria-hidden": "true";
             hidden: boolean;
             disabled: boolean;
             required: boolean;
@@ -68,8 +67,8 @@ export declare function setItemCtx(value: string): {
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$required, $orientation]: [boolean, import("@melt-ui/svelte/internal/types").Orientation]) => {
             readonly role: "radiogroup";
-            readonly 'aria-required': boolean;
-            readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+            readonly "aria-required": boolean;
+            readonly "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
         item: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<string>, sideEffect?: ((newValue: string) => void) | undefined) => void;
@@ -77,13 +76,13 @@ export declare function setItemCtx(value: string): {
             subscribe(this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined): import("svelte/store").Unsubscriber;
             get: () => string;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focus">, ([$value, $orientation, $disabled]: [string, import("@melt-ui/svelte/internal/types").Orientation, boolean]) => (props: import("@melt-ui/svelte").RadioGroupItemProps) => {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/radio-group/events").RadioGroupEvents["item"]>, ([$value, $orientation, $disabled]: [string, import("@melt-ui/svelte/internal/types").Orientation, boolean]) => (props: import("@melt-ui/svelte").RadioGroupItemProps) => {
             readonly disabled: boolean;
-            readonly 'data-value': string;
-            readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-            readonly 'data-disabled': true | undefined;
-            readonly 'data-state': "checked" | "unchecked";
-            readonly 'aria-checked': boolean;
+            readonly "data-value": string;
+            readonly "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
+            readonly "data-disabled": true | undefined;
+            readonly "data-state": "checked" | "unchecked";
+            readonly "aria-checked": boolean;
             readonly type: "button";
             readonly role: "radio";
             readonly tabindex: 0 | -1;
@@ -93,7 +92,7 @@ export declare function setItemCtx(value: string): {
         }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
             name: string | undefined;
             value: string;
-            'aria-hidden': "true";
+            "aria-hidden": "true";
             hidden: boolean;
             disabled: boolean;
             required: boolean;

package/dist/bits/range-calendar/components/range-calendar-cell.svelte CHANGED Viewed

@@ -6,12 +6,11 @@ const {
   helpers: { isDateDisabled, isDateUnavailable },
   getAttrs
 } = getCtx();
-$:
-  attrs = {
-    ...getAttrs("cell"),
-    "aria-disabled": $isDateDisabled(date) || $isDateUnavailable(date),
-    role: "gridcell"
-  };
+$: attrs = {
+  ...getAttrs("cell"),
+  "aria-disabled": $isDateDisabled(date) || $isDateUnavailable(date),
+  role: "gridcell"
+};
 </script>
 {#if asChild}

package/dist/bits/range-calendar/components/range-calendar-cell.svelte.d.ts CHANGED Viewed

@@ -13,6 +13,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RangeCalendarCellProps = typeof __propDef.props;
 export type RangeCalendarCellEvents = typeof __propDef.events;

package/dist/bits/range-calendar/components/range-calendar-day.svelte CHANGED Viewed

@@ -12,14 +12,10 @@ const {
 } = getCtx();
 const attrs = getAttrs("day");
 const dispatch = createDispatcher();
-$:
-  builder = $cell(date, month);
-$:
-  Object.assign(builder, attrs);
-$:
-  disabled = $isDateDisabled(date);
-$:
-  unavailable = $isDateUnavailable(date);
+$: builder = $cell(date, month);
+$: Object.assign(builder, attrs);
+$: disabled = $isDateDisabled(date);
+$: unavailable = $isDateUnavailable(date);
 </script>
 {#if asChild}

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

@@ -24,7 +24,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "mouseenter">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events.js").RangeCalendarEvents["cell"]>;
             };
             disabled: boolean;
             unavailable: boolean;

package/dist/bits/range-calendar/components/range-calendar-grid-body.svelte.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RangeCalendarGridBodyProps = typeof __propDef.props;
 export type RangeCalendarGridBodyEvents = typeof __propDef.events;

package/dist/bits/range-calendar/components/range-calendar-grid-head.svelte.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RangeCalendarGridHeadProps = typeof __propDef.props;
 export type RangeCalendarGridHeadEvents = typeof __propDef.events;

package/dist/bits/range-calendar/components/range-calendar-grid-row.svelte.d.ts CHANGED Viewed

@@ -10,6 +10,8 @@ declare const __propDef: {
             attrs: Record<string, string> | undefined;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RangeCalendarGridRowProps = typeof __propDef.props;
 export type RangeCalendarGridRowEvents = typeof __propDef.events;

package/dist/bits/range-calendar/components/range-calendar-grid.svelte CHANGED Viewed

@@ -7,10 +7,8 @@ const {
   getAttrs
 } = getCtx();
 const attrs = getAttrs("grid");
-$:
-  builder = $grid;
-$:
-  Object.assign(builder, attrs);
+$: builder = $grid;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

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

@@ -21,6 +21,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RangeCalendarGridProps = typeof __propDef.props;
 export type RangeCalendarGridEvents = typeof __propDef.events;

package/dist/bits/range-calendar/components/range-calendar-head-cell.svelte.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RangeCalendarHeadCellProps = typeof __propDef.props;
 export type RangeCalendarHeadCellEvents = typeof __propDef.events;

package/dist/bits/range-calendar/components/range-calendar-header.svelte.d.ts CHANGED Viewed

@@ -10,6 +10,8 @@ declare const __propDef: {
             attrs: Record<string, string> | undefined;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RangeCalendarHeaderProps = typeof __propDef.props;
 export type RangeCalendarHeaderEvents = typeof __propDef.events;

package/dist/bits/range-calendar/components/range-calendar-heading.svelte CHANGED Viewed

@@ -8,10 +8,8 @@ const {
   getAttrs
 } = getCtx();
 const attrs = getAttrs("heading");
-$:
-  builder = $heading;
-$:
-  Object.assign(builder, attrs);
+$: builder = $heading;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/range-calendar/components/range-calendar-heading.svelte.d.ts CHANGED Viewed

@@ -18,6 +18,8 @@ declare const __propDef: {
             headingValue: string;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RangeCalendarHeadingProps = typeof __propDef.props;
 export type RangeCalendarHeadingEvents = typeof __propDef.events;

package/dist/bits/range-calendar/components/range-calendar-next-button.svelte CHANGED Viewed

@@ -9,10 +9,8 @@ const {
 } = getCtx();
 const attrs = getAttrs("next-button");
 const dispatch = createDispatcher();
-$:
-  builder = $nextButton;
-$:
-  Object.assign(builder, attrs);
+$: builder = $nextButton;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

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

@@ -14,7 +14,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events.js").RangeCalendarEvents["nextButton"]>;
             };
         };
     };

package/dist/bits/range-calendar/components/range-calendar-prev-button.svelte CHANGED Viewed

@@ -9,10 +9,8 @@ const {
 } = getCtx();
 const attrs = getAttrs("prev-button");
 const dispatch = createDispatcher();
-$:
-  builder = $prevButton;
-$:
-  Object.assign(builder, attrs);
+$: builder = $prevButton;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

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

@@ -14,7 +14,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events.js").RangeCalendarEvents["prevButton"]>;
             };
         };
     };

package/dist/bits/range-calendar/components/range-calendar.svelte CHANGED Viewed

@@ -27,8 +27,7 @@ export let startValue = void 0;
 export let numberOfMonths = void 0;
 export let el = void 0;
 onMount(() => {
-  if (!initialFocus || !el)
-    return;
+  if (!initialFocus || !el) return;
   handleCalendarInitialFocus(el);
 });
 const {
@@ -76,53 +75,32 @@ const {
     return next;
   }
 });
-$:
-  if (id) {
-    ids.calendar.set(id);
-  }
-$:
-  startValue = $localStartValue;
-$:
-  value !== void 0 && localValue.set(value);
-$:
-  placeholder !== void 0 && localPlaceholder.set(placeholder);
-$:
-  updateOption("preventDeselect", preventDeselect);
-$:
-  updateOption("minValue", minValue);
-$:
-  updateOption("maxValue", maxValue);
-$:
-  updateOption("pagedNavigation", pagedNavigation);
-$:
-  updateOption("weekStartsOn", weekStartsOn);
-$:
-  updateOption("locale", locale);
-$:
-  updateOption("isDateUnavailable", isDateUnavailable);
-$:
-  updateOption("isDateDisabled", isDateDisabled);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("readonly", readonly);
-$:
-  updateOption("fixedWeeks", fixedWeeks);
-$:
-  updateOption("calendarLabel", calendarLabel);
-$:
-  updateOption("weekdayFormat", weekdayFormat);
-$:
-  updateOption("numberOfMonths", numberOfMonths);
+$: if (id) {
+  ids.calendar.set(id);
+}
+$: startValue = $localStartValue;
+$: value !== void 0 && localValue.set(value);
+$: placeholder !== void 0 && localPlaceholder.set(placeholder);
+$: updateOption("preventDeselect", preventDeselect);
+$: updateOption("minValue", minValue);
+$: updateOption("maxValue", maxValue);
+$: updateOption("pagedNavigation", pagedNavigation);
+$: updateOption("weekStartsOn", weekStartsOn);
+$: updateOption("locale", locale);
+$: updateOption("isDateUnavailable", isDateUnavailable);
+$: updateOption("isDateDisabled", isDateDisabled);
+$: updateOption("disabled", disabled);
+$: updateOption("readonly", readonly);
+$: updateOption("fixedWeeks", fixedWeeks);
+$: updateOption("calendarLabel", calendarLabel);
+$: updateOption("weekdayFormat", weekdayFormat);
+$: updateOption("numberOfMonths", numberOfMonths);
 const attrs = getAttrs("root");
 const dispatch = createDispatcher();
-$:
-  builder = $calendar;
-$:
-  Object.assign(builder, attrs);
+$: builder = $calendar;
+$: Object.assign(builder, attrs);
 let months = $localMonths;
-$:
-  months = $localMonths;
+$: months = $localMonths;
 </script>
 {#if asChild}

package/dist/bits/range-calendar/components/range-calendar.svelte.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/range-calendar/events.js").RangeCalendarEvents["calendar"]>;
             };
             months: Month<DateValue>[];
             weekdays: string[];