npm - ui-ingredients - Versions diffs - 0.26.0 → 0.28.0 - Mend

ui-ingredients 0.26.0 → 0.28.0

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 (367) hide show

package/dist/date-picker/date-picker-view-trigger.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let viewProps = getDatePickerViewPropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getViewTriggerProps(viewProps), props),
   );

package/dist/date-picker/date-picker-view.svelte CHANGED Viewed

@@ -22,9 +22,7 @@
   }: DatePickerViewProps = $props();
   let datePicker = getDatePickerContext();
   let viewProps: ViewProps = $derived({view});
   let mergedProps = $derived(
     mergeProps(datePicker.getViewProps(viewProps), props),
   );

package/dist/date-picker/date-picker-year-select.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DatePickerYearSelectProps = $props();
   let datePicker = getDatePickerContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getYearSelectProps(), props),
   );

package/dist/date-picker/date-picker-year-table-cell-trigger.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let datePicker = getDatePickerContext();
   let tableCellProps = getDatePickerTableCellPropsContext();
   let mergedProps = $derived(
     mergeProps(datePicker.getYearTableCellTriggerProps(tableCellProps), props),
   );

package/dist/date-picker/date-picker-year-table-cell.svelte CHANGED Viewed

@@ -27,7 +27,7 @@
   let datePicker = getDatePickerContext();
   let [tableCellProps, localProps] = $derived(
-    createSplitProps<TableCellProps>(['value', 'disabled', 'columns'])(props),
+    createSplitProps<TableCellProps>(['columns', 'disabled', 'value'])(props),
   );
   let tableCellState = $derived(

package/dist/dialog/dialog-close-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DialogCloseTriggerProps = $props();
   let dialog = getDialogContext();
   let mergedProps = $derived(mergeProps(dialog.getCloseTriggerProps(), props));
 </script>

package/dist/dialog/dialog-content.svelte CHANGED Viewed

@@ -20,7 +20,6 @@
   let dialog = getDialogContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(dialog.getContentProps(), presence.getPresenceProps(), props),
   );

package/dist/dialog/dialog-description.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DialogDescriptionProps = $props();
   let dialog = getDialogContext();
   let mergedProps = $derived(mergeProps(dialog.getDescriptionProps(), props));
 </script>

package/dist/dialog/dialog-positioner.svelte CHANGED Viewed

@@ -19,7 +19,6 @@
   let dialog = getDialogContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(dialog.getPositionerProps(), presence.getPresenceProps(), props),
   );

package/dist/dialog/dialog-title.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DialogTitleProps = $props();
   let dialog = getDialogContext();
   let mergedProps = $derived(mergeProps(dialog.getTitleProps(), props));
 </script>

package/dist/dialog/dialog-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DialogTriggerProps = $props();
   let dialog = getDialogContext();
   let mergedProps = $derived(mergeProps(dialog.getTriggerProps(), props));
 </script>

package/dist/drawer/drawer-anatomy.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "body" | "footer" | "header">;
-export declare const parts: Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "body" | "footer" | "header", import("@zag-js/anatomy").AnatomyPart>;
+export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "body" | "footer" | "header">;
+export declare const parts: Record<"content" | "title" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "body" | "footer" | "header", import("@zag-js/anatomy").AnatomyPart>;

package/dist/drawer/drawer-body.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DrawerBodyProps = $props();
   let drawer = getDrawerContext();
   let mergedProps = $derived(mergeProps(drawer.getBodyProps(), props));
 </script>

package/dist/drawer/drawer-close-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DrawerCloseTriggerProps = $props();
   let drawer = getDrawerContext();
   let mergedProps = $derived(mergeProps(drawer.getCloseTriggerProps(), props));
 </script>

package/dist/drawer/drawer-content.svelte CHANGED Viewed

@@ -20,7 +20,6 @@
   let drawer = getDrawerContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(drawer.getContentProps(), presence.getPresenceProps(), props),
   );

package/dist/drawer/drawer-description.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DrawerDescriptionProps = $props();
   let drawer = getDrawerContext();
   let mergedProps = $derived(mergeProps(drawer.getDescriptionProps(), props));
 </script>

package/dist/drawer/drawer-footer.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DrawerFooterProps = $props();
   let drawer = getDrawerContext();
   let mergedProps = $derived(mergeProps(drawer.getFooterProps(), props));
 </script>

package/dist/drawer/drawer-header.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DrawerHeaderProps = $props();
   let drawer = getDrawerContext();
   let mergedProps = $derived(mergeProps(drawer.getHeaderProps(), props));
 </script>

package/dist/drawer/drawer-positioner.svelte CHANGED Viewed

@@ -19,7 +19,6 @@
   let drawer = getDrawerContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(drawer.getPositionerProps(), presence.getPresenceProps(), props),
   );

package/dist/drawer/drawer-title.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DrawerTitleProps = $props();
   let drawer = getDrawerContext();
   let mergedProps = $derived(mergeProps(drawer.getTitleProps(), props));
 </script>

package/dist/drawer/drawer-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: DrawerTriggerProps = $props();
   let drawer = getDrawerContext();
   let mergedProps = $derived(mergeProps(drawer.getTriggerProps(), props));
 </script>

package/dist/editable/editable-area.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: EditableAreaProps = $props();
   let editable = getEditableContext();
   let mergedProps = $derived(mergeProps(editable.getAreaProps(), props));
 </script>

package/dist/editable/editable-cancel-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: EditableCancelTriggerProps = $props();
   let editable = getEditableContext();
   let mergedProps = $derived(
     mergeProps(editable.getCancelTriggerProps(), props),
   );

package/dist/editable/editable-control.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: EditableControlProps = $props();
   let editable = getEditableContext();
   let mergedProps = $derived(mergeProps(editable.getControlProps(), props));
 </script>

package/dist/editable/editable-edit-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: EditableEditTriggerProps = $props();
   let editable = getEditableContext();
   let mergedProps = $derived(mergeProps(editable.getEditTriggerProps(), props));
 </script>

package/dist/editable/editable-input.svelte CHANGED Viewed

@@ -12,7 +12,6 @@
   let {ref = $bindable(null), asChild, ...props}: EditableInputProps = $props();
   let editable = getEditableContext();
   let mergedProps = $derived(mergeProps(editable.getInputProps(), props));
 </script>

package/dist/editable/editable-label.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: EditableLabelProps = $props();
   let editable = getEditableContext();
   let mergedProps = $derived(mergeProps(editable.getLabelProps(), props));
 </script>

package/dist/editable/editable-preview.svelte CHANGED Viewed

@@ -17,11 +17,7 @@
   }: EditablePreviewProps = $props();
   let editable = getEditableContext();
-  let mergedProps = $derived({
-    ...mergeProps(editable.getPreviewProps(), props),
-    'aria-label': props['aria-label'] ?? undefined,
-  });
+  let mergedProps = $derived(mergeProps(editable.getPreviewProps(), props));
 </script>
 {#if asChild}

package/dist/editable/editable-root.svelte CHANGED Viewed

@@ -27,38 +27,36 @@
   let [createEditableProps, localProps] = $derived(
     createSplitProps<CreateEditableProps>([
-      'id',
-      'ids',
-      'name',
-      'form',
+      'activationMode',
+      'autoResize',
+      'disabled',
       'edit',
       'editControlled',
-      'value',
+      'finalFocusEl',
+      'form',
+      'id',
+      'ids',
       'invalid',
-      'readOnly',
-      'required',
-      'disabled',
       'maxLength',
-      'submitMode',
-      'autoResize',
-      'placeholder',
-      'finalFocusEl',
-      'translations',
-      'selectOnFocus',
+      'name',
       'onEditChange',
-      'onValueChange',
-      'onValueCommit',
-      'onValueRevert',
-      'activationMode',
       'onFocusOutside',
       'onInteractOutside',
       'onPointerDownOutside',
-      'autoResize',
+      'onValueChange',
+      'onValueCommit',
+      'onValueRevert',
+      'placeholder',
+      'readOnly',
+      'required',
+      'selectOnFocus',
+      'submitMode',
+      'translations',
+      'value',
     ])(props),
   );
   let editable = createEditable(reflect(() => createEditableProps));
   let mergedProps = $derived(mergeProps(editable.getRootProps(), localProps));
   setEditableContext(editable);

package/dist/editable/editable-submit-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: EditableSubmitTriggerProps = $props();
   let editable = getEditableContext();
   let mergedProps = $derived(
     mergeProps(editable.getSubmitTriggerProps(), props),
   );

package/dist/field/field-error-text.svelte CHANGED Viewed

@@ -20,7 +20,6 @@
   }: FieldErrorTextProps = $props();
   let field = getFieldContext();
   let presenceStrategyProps = getPresenceStrategyPropsContext();
   let presence = createPresence(
     reflect(() => ({

package/dist/field/field-helper-text.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FieldHelperTextProps = $props();
   let field = getFieldContext();
   let mergedProps = $derived(
     mergeProps(field?.getHelperTextProps() ?? {}, props),
   );

package/dist/field/field-input.svelte CHANGED Viewed

@@ -12,7 +12,6 @@
   let {ref = $bindable(null), asChild, ...props}: FieldInputProps = $props();
   let field = getFieldContext();
   let mergedProps = $derived(mergeProps(field?.getInputProps() ?? {}, props));
 </script>

package/dist/field/field-label.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FieldLabelProps = $props();
   let field = getFieldContext();
   let mergedProps = $derived(mergeProps(field?.getLabelProps() ?? {}, props));
 </script>

package/dist/field/field-required-indicator.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FieldRequiredIndicatorProps = $props();
   let field = getFieldContext();
   let mergedProps = $derived(
     mergeProps(field?.getRequiredIndicatorProps() ?? {}, props),
   );

package/dist/field/field-root.svelte CHANGED Viewed

@@ -46,7 +46,6 @@
   );
   let field = createField(reflect(() => createFieldProps));
   let mergedProps = $derived(mergeProps(field.getRootProps(), localProps));
   setFieldContext(field);

package/dist/field/field-select.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FieldSelectProps = $props();
   let field = getFieldContext();
   let mergedProps = $derived(mergeProps(field?.getSelectProps() ?? {}, props));
 </script>

package/dist/field/field-textarea.svelte CHANGED Viewed

@@ -34,7 +34,6 @@
   }: FieldTextareaProps = $props();
   let field = getFieldContext();
   let mergedProps = $derived(
     mergeProps(field?.getTextareaProps() ?? {}, props),
   );

package/dist/file-upload/file-upload-clear-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FileUploadClearTriggerProps = $props();
   let fileUpload = getFileUploadContext();
   let mergedProps = $derived(
     mergeProps(fileUpload.getClearTriggerProps(), props),
   );

package/dist/file-upload/file-upload-dropzone.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FileUploadDropzoneProps = $props();
   let fileUpload = getFileUploadContext();
   let mergedProps = $derived(mergeProps(fileUpload.getDropzoneProps(), props));
 </script>

package/dist/file-upload/file-upload-hidden-input.svelte CHANGED Viewed

@@ -16,7 +16,6 @@
   }: FileUploadHiddenInputProps = $props();
   let fileUpload = getFileUploadContext();
   let mergedProps = $derived(
     mergeProps(fileUpload.getHiddenInputProps(), props),
   );

package/dist/file-upload/file-upload-item-delete-trigger.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let fileUpload = getFileUploadContext();
   let itemProps = getFileUploadItemPropsContext();
   let mergedProps = $derived(
     mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), props),
   );

package/dist/file-upload/file-upload-item-group.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FileUploadItemGroupProps = $props();
   let fileUpload = getFileUploadContext();
   let mergedProps = $derived(mergeProps(fileUpload.getItemGroupProps(), props));
 </script>

package/dist/file-upload/file-upload-item-name.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let fileUpload = getFileUploadContext();
   let itemProps = getFileUploadItemPropsContext();
   let mergedProps = $derived(
     mergeProps(fileUpload.getItemNameProps(itemProps), props),
   );

package/dist/file-upload/file-upload-item-preview-image.svelte CHANGED Viewed

@@ -22,7 +22,6 @@
   let fileUpload = getFileUploadContext();
   let itemProps = getFileUploadItemPropsContext();
   let mergedProps = $derived(
     mergeProps(fileUpload.getItemPreviewImageProps({url, ...itemProps}), props),
   );

package/dist/file-upload/file-upload-item-preview.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let fileUpload = getFileUploadContext();
   let itemProps = getFileUploadItemPropsContext();
   let mergedProps = $derived(
     mergeProps(fileUpload.getItemPreviewProps(itemProps), props),
   );

package/dist/file-upload/file-upload-item-size-text.svelte CHANGED Viewed

@@ -21,7 +21,6 @@
   let fileUpload = getFileUploadContext();
   let itemProps = getFileUploadItemPropsContext();
   let mergedProps = $derived(
     mergeProps(fileUpload.getItemSizeTextProps(itemProps), props),
   );

package/dist/file-upload/file-upload-item.svelte CHANGED Viewed

@@ -21,12 +21,11 @@
     ...props
   }: FileUploadItemProps = $props();
-  let fileUpload = getFileUploadContext();
   let [itemProps, localProps] = $derived(
     createSplitProps<ItemProps>(['file'])(props),
   );
+  let fileUpload = getFileUploadContext();
   let mergedProps = $derived(
     mergeProps(fileUpload.getItemProps(itemProps), localProps),
   );

package/dist/file-upload/file-upload-label.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FileUploadLabelProps = $props();
   let fileUpload = getFileUploadContext();
   let mergedProps = $derived(mergeProps(fileUpload.getLabelProps(), props));
 </script>

package/dist/file-upload/file-upload-root.svelte CHANGED Viewed

@@ -27,25 +27,27 @@
   let [createFileUploadProps, localProps] = $derived(
     createSplitProps<CreateFileUploadProps>([
-      'id',
-      'ids',
-      'name',
       'accept',
-      'locale',
-      'capture',
-      'invalid',
-      'required',
-      'disabled',
-      'validate',
       'allowDrop',
+      'capture',
       'directory',
-      'maxFiles',
+      'disabled',
+      'id',
+      'ids',
+      'invalid',
+      'locale',
       'maxFileSize',
+      'maxFiles',
+      'minFileSize',
       'minFileSize',
+      'name',
       'onFileAccept',
       'onFileChange',
       'onFileReject',
+      'preventDocumentDrop',
+      'required',
       'translations',
+      'validate',
     ])(props),
   );

package/dist/file-upload/file-upload-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FileUploadTriggerProps = $props();
   let fileUpload = getFileUploadContext();
   let mergedProps = $derived(mergeProps(fileUpload.getTriggerProps(), props));
 </script>

package/dist/floating-panel/floating-panel-body.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FloatingPanelBodyProps = $props();
   let floatingPanel = getFloatingPanelContext();
   let mergedProps = $derived(mergeProps(floatingPanel.getBodyProps(), props));
 </script>

package/dist/floating-panel/floating-panel-close-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FloatingPanelCloseTriggerProps = $props();
   let floatingPanel = getFloatingPanelContext();
   let mergedProps = $derived(
     mergeProps(floatingPanel.getCloseTriggerProps(), props),
   );

package/dist/floating-panel/floating-panel-content.svelte CHANGED Viewed

@@ -20,7 +20,6 @@
   let floatingPanel = getFloatingPanelContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(
       floatingPanel.getContentProps(),

package/dist/floating-panel/floating-panel-drag-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FloatingPanelDragTriggerProps = $props();
   let floatingPanel = getFloatingPanelContext();
   let mergedProps = $derived(
     mergeProps(floatingPanel.getDragTriggerProps(), props),
   );

package/dist/floating-panel/floating-panel-header.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FloatingPanelHeaderProps = $props();
   let floatingPanel = getFloatingPanelContext();
   let mergedProps = $derived(mergeProps(floatingPanel.getHeaderProps(), props));
 </script>

package/dist/floating-panel/floating-panel-maximize-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FloatingPanelMaximizeTriggerProps = $props();
   let floatingPanel = getFloatingPanelContext();
   let mergedProps = $derived(
     mergeProps(floatingPanel.getMaximizeTriggerProps(), props),
   );

package/dist/floating-panel/floating-panel-minimize-trigger.svelte CHANGED Viewed

@@ -17,7 +17,6 @@
   }: FloatingPanelMinimizeTriggerProps = $props();
   let floatingPanel = getFloatingPanelContext();
   let mergedProps = $derived(
     mergeProps(floatingPanel.getMinimizeTriggerProps(), props),
   );

package/dist/floating-panel/floating-panel-positioner.svelte CHANGED Viewed

@@ -19,7 +19,6 @@
   let floatingPanel = getFloatingPanelContext();
   let presence = getPresenceContext();
   let mergedProps = $derived(
     mergeProps(
       floatingPanel.getPositionerProps(),

package/dist/floating-panel/floating-panel-resize-trigger.svelte CHANGED Viewed

@@ -21,12 +21,11 @@
     ...props
   }: FloatingPanelResizeTriggerProps = $props();
-  let floatingPanel = getFloatingPanelContext();
   let [resizeTriggerProps, localProps] = $derived(
     createSplitProps<ResizeTriggerProps>([])(props),
   );
+  let floatingPanel = getFloatingPanelContext();
   let mergedProps = $derived(
     mergeProps(
       floatingPanel.getResizeTriggerProps(resizeTriggerProps),