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/date-picker/components/date-picker-cell.svelte CHANGED Viewed

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

package/dist/bits/date-picker/components/date-picker-cell.svelte.d.ts CHANGED Viewed

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

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

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

package/dist/bits/date-picker/components/date-picker-close.svelte.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
             };
         };
     };

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

@@ -27,28 +27,24 @@ const {
   getPopoverAttrs
 } = getCtx();
 const attrs = getPopoverAttrs("content");
-$:
-  if (id) {
-    ids.popover.content.set(id);
-  }
-$:
-  builder = $content;
-$:
-  Object.assign(builder, attrs);
-$:
-  updatePositioning({
-    side,
-    align,
-    sideOffset,
-    alignOffset,
-    collisionPadding,
-    avoidCollisions,
-    collisionBoundary,
-    sameWidth,
-    fitViewport,
-    strategy,
-    overlap
-  });
+$: if (id) {
+  ids.popover.content.set(id);
+}
+$: builder = $content;
+$: Object.assign(builder, attrs);
+$: updatePositioning({
+  side,
+  align,
+  sideOffset,
+  alignOffset,
+  collisionPadding,
+  avoidCollisions,
+  collisionBoundary,
+  sameWidth,
+  fitViewport,
+  strategy,
+  overlap
+});
 </script>
 {#if asChild && $open}

package/dist/bits/date-picker/components/date-picker-day.svelte CHANGED Viewed

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

package/dist/bits/date-picker/components/date-picker-field.svelte CHANGED Viewed

@@ -89,36 +89,23 @@ const idValues = derived(
     timeZoneName: $timeZoneNameId
   })
 );
-$:
-  if (validationId) {
-    ids.dateField.validation.set(validationId);
-  }
-$:
-  if (descriptionId) {
-    ids.dateField.description.set(descriptionId);
-  }
-$:
-  value !== void 0 && localValue.set(value);
-$:
-  placeholder !== void 0 && localPlaceholder.set(placeholder);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("isDateUnavailable", isDateUnavailable);
-$:
-  updateOption("granularity", granularity);
-$:
-  updateOption("hideTimeZone", hideTimeZone);
-$:
-  updateOption("hourCycle", hourCycle);
-$:
-  updateOption("locale", locale);
-$:
-  updateOption("maxValue", maxValue);
-$:
-  updateOption("minValue", minValue);
-$:
-  updateOption("readonly", readonly);
+$: if (validationId) {
+  ids.dateField.validation.set(validationId);
+}
+$: if (descriptionId) {
+  ids.dateField.description.set(descriptionId);
+}
+$: value !== void 0 && localValue.set(value);
+$: placeholder !== void 0 && localPlaceholder.set(placeholder);
+$: updateOption("disabled", disabled);
+$: updateOption("isDateUnavailable", isDateUnavailable);
+$: updateOption("granularity", granularity);
+$: updateOption("hideTimeZone", hideTimeZone);
+$: updateOption("hourCycle", hourCycle);
+$: updateOption("locale", locale);
+$: updateOption("maxValue", maxValue);
+$: updateOption("minValue", minValue);
+$: updateOption("readonly", readonly);
 </script>
 <slot ids={$idValues} isInvalid={$localIsInvalid} />

package/dist/bits/date-picker/components/date-picker-field.svelte.d.ts CHANGED Viewed

@@ -58,6 +58,8 @@ declare const __propDef: {
             isInvalid: boolean;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DatePickerFieldProps = typeof __propDef.props;
 export type DatePickerFieldEvents = typeof __propDef.events;

package/dist/bits/date-picker/components/date-picker-grid-body.svelte.d.ts CHANGED Viewed

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

package/dist/bits/date-picker/components/date-picker-grid-head.svelte.d.ts CHANGED Viewed

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

package/dist/bits/date-picker/components/date-picker-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 DatePickerGridRowProps = typeof __propDef.props;
 export type DatePickerGridRowEvents = typeof __propDef.events;

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

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

package/dist/bits/date-picker/components/date-picker-grid.svelte.d.ts CHANGED Viewed

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

package/dist/bits/date-picker/components/date-picker-head-cell.svelte.d.ts CHANGED Viewed

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

package/dist/bits/date-picker/components/date-picker-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 DatePickerHeaderProps = typeof __propDef.props;
 export type DatePickerHeaderEvents = typeof __propDef.events;

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

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

package/dist/bits/date-picker/components/date-picker-heading.svelte.d.ts CHANGED Viewed

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

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

@@ -9,15 +9,12 @@ const {
   ids,
   getFieldAttrs
 } = getCtx();
-$:
-  if (id) {
-    ids.dateField.field.set(id);
-  }
+$: if (id) {
+  ids.dateField.field.set(id);
+}
 const attrs = getFieldAttrs("input");
-$:
-  builder = $field;
-$:
-  Object.assign(builder, attrs);
+$: builder = $field;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-picker/components/date-picker-input.svelte.d.ts CHANGED Viewed

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

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

@@ -12,10 +12,8 @@ if (id) {
   ids.dateField.label.set(id);
 }
 const attrs = getFieldAttrs("label");
-$:
-  builder = $label;
-$:
-  Object.assign(builder, attrs);
+$: builder = $label;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-picker/components/date-picker-label.svelte.d.ts CHANGED Viewed

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

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

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

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

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

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

@@ -10,16 +10,13 @@ const {
   ids,
   getFieldAttrs
 } = getCtx();
-$:
-  if (id && part !== "literal") {
-    ids.dateField[part].set(id);
-  }
+$: if (id && part !== "literal") {
+  ids.dateField[part].set(id);
+}
 const attrs = getFieldAttrs("segment");
 const dispatch = createDispatcher();
-$:
-  builder = $segment(part);
-$:
-  Object.assign(builder, attrs);
+$: builder = $segment(part);
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-picker/components/date-picker-segment.svelte.d.ts CHANGED Viewed

@@ -26,7 +26,7 @@ declare const __propDef: {
             }) & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusout" | "keydown">;
             };
         };
     };

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

@@ -11,14 +11,11 @@ const {
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getPopoverAttrs("trigger");
-$:
-  if (id) {
-    ids.popover.trigger.set(id);
-  }
-$:
-  builder = $trigger;
-$:
-  Object.assign(builder, attrs);
+$: if (id) {
+  ids.popover.trigger.set(id);
+}
+$: builder = $trigger;
+$: Object.assign(builder, attrs);
 </script>
 {#if asChild}

package/dist/bits/date-picker/components/date-picker-trigger.svelte.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ declare const __propDef: {
             } & {
                 "data-melt-popover-trigger": "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/date-picker/events.js").DatePickerEvents["trigger"]>;
             };
         };
     };

package/dist/bits/date-picker/components/date-picker.svelte CHANGED Viewed

@@ -1,5 +1,6 @@
 <script>import { derived } from "svelte/store";
 import { setCtx } from "../ctx.js";
+export let portal = void 0;
 export let open = void 0;
 export let onOpenChange = void 0;
 export let value = void 0;
@@ -129,56 +130,34 @@ const idValues = derived(
     content: $contentId
   })
 );
-$:
-  if (validationId) {
-    ids.dateField.validation.set(validationId);
-  }
-$:
-  if (descriptionId) {
-    ids.dateField.description.set(descriptionId);
-  }
-$:
-  value !== $localValue && localValue.set(value);
-$:
-  placeholder !== void 0 && localPlaceholder.set(placeholder);
-$:
-  open !== void 0 && localOpen.set(open);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("isDateUnavailable", isDateUnavailable);
-$:
-  updateOption("granularity", granularity);
-$:
-  updateOption("hideTimeZone", hideTimeZone);
-$:
-  updateOption("hourCycle", hourCycle);
-$:
-  updateOption("locale", locale);
-$:
-  updateOption("maxValue", maxValue);
-$:
-  updateOption("minValue", minValue);
-$:
-  updateOption("readonly", readonly);
-$:
-  updateOption("fixedWeeks", fixedWeeks);
-$:
-  updateOption("preventDeselect", preventDeselect);
-$:
-  updateOption("pagedNavigation", pagedNavigation);
-$:
-  updateOption("weekStartsOn", weekStartsOn);
-$:
-  updateOption("isDateDisabled", isDateDisabled);
-$:
-  updateOption("calendarLabel", calendarLabel);
-$:
-  updateOption("weekdayFormat", weekdayFormat);
-$:
-  updateOption("numberOfMonths", numberOfMonths);
-$:
-  updateOption("onOutsideClick", onOutsideClick);
+$: if (validationId) {
+  ids.dateField.validation.set(validationId);
+}
+$: if (descriptionId) {
+  ids.dateField.description.set(descriptionId);
+}
+$: value !== $localValue && localValue.set(value);
+$: placeholder !== void 0 && localPlaceholder.set(placeholder);
+$: open !== void 0 && localOpen.set(open);
+$: updateOption("disabled", disabled);
+$: updateOption("isDateUnavailable", isDateUnavailable);
+$: updateOption("granularity", granularity);
+$: updateOption("hideTimeZone", hideTimeZone);
+$: updateOption("hourCycle", hourCycle);
+$: updateOption("locale", locale);
+$: updateOption("maxValue", maxValue);
+$: updateOption("minValue", minValue);
+$: updateOption("readonly", readonly);
+$: updateOption("fixedWeeks", fixedWeeks);
+$: updateOption("preventDeselect", preventDeselect);
+$: updateOption("pagedNavigation", pagedNavigation);
+$: updateOption("weekStartsOn", weekStartsOn);
+$: updateOption("isDateDisabled", isDateDisabled);
+$: updateOption("calendarLabel", calendarLabel);
+$: updateOption("weekdayFormat", weekdayFormat);
+$: updateOption("numberOfMonths", numberOfMonths);
+$: updateOption("onOutsideClick", onOutsideClick);
+$: updateOption("portal", portal);
 </script>
 <slot ids={$idValues} isInvalid={$localIsInvalid} />

package/dist/bits/date-picker/components/date-picker.svelte.d.ts CHANGED Viewed

@@ -60,6 +60,8 @@ declare const __propDef: {
             isInvalid: boolean;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DatePickerProps = typeof __propDef.props;
 export type DatePickerEvents = typeof __propDef.events;