ui-ingredients 0.0.27 → 0.0.29

package/dist/dialog/description.svelte

@@ -1,26 +1,26 @@
-<script lang="ts" module>
-  import type {AsChild, HtmlProps} from '../types.js';
-
-  export interface DialogDescriptionProps extends HtmlProps<'p'> {
-    asChild?: AsChild;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {dialogContext} from './context.svelte.js';
-
-  let {asChild, children, ...props}: DialogDescriptionProps = $props();
-
-  let dialog = dialogContext.get();
-
-  let attrs = $derived(mergeProps(props, dialog.getDescriptionProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <p {...attrs}>
-    {@render children?.()}
-  </p>
-{/if}
+<script lang="ts" module>
+  import type {AsChild, HTMLProps} from '../types.js';
+
+  export interface DialogDescriptionProps extends HTMLProps<'p'> {
+    asChild?: AsChild;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {dialogContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: DialogDescriptionProps = $props();
+
+  let dialog = dialogContext.get();
+
+  let mergedProps = $derived(mergeProps(props, dialog.getDescriptionProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <p {...mergedProps}>
+    {@render children?.()}
+  </p>
+{/if}

package/dist/dialog/positioner.svelte

@@ -1,27 +1,27 @@
-<script lang="ts" module>
-  import type {GenericHtmlProps, HtmlProps} from '../types.js';
-  import type {Snippet} from 'svelte';
-
-  export interface DialogPositionerProps extends HtmlProps<'div'> {
-    asChild?: Snippet<[attrs: Omit<GenericHtmlProps, 'children'>]>;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {dialogContext} from './context.svelte.js';
-
-  let {asChild, children, ...props}: DialogPositionerProps = $props();
-
-  let dialog = dialogContext.get();
-
-  let attrs = $derived(mergeProps(props, dialog.getPositionerProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <div {...attrs}>
-    {@render children?.()}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {HTMLProps} from '../types.js';
+  import type {Snippet} from 'svelte';
+
+  export interface DialogPositionerProps extends HTMLProps<'div'> {
+    asChild?: Snippet<[mergedProps: Omit<HTMLProps<'div'>, 'children'>]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {dialogContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: DialogPositionerProps = $props();
+
+  let dialog = dialogContext.get();
+
+  let mergedProps = $derived(mergeProps(props, dialog.getPositionerProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/dialog/root.svelte

@@ -1,21 +1,24 @@
-<script lang="ts" module>
-  import type {Snippet} from 'svelte';
-  import type {CreateDialogProps, CreateDialogReturn} from './create-dialog.svelte.js';
-
-  export interface DialogProps extends CreateDialogProps {
-    children?: Snippet<[dialog: CreateDialogReturn]>;
-  }
-</script>
-
-<script lang="ts">
-  import {dialogContext} from './context.svelte.js';
-  import {createDialog} from './create-dialog.svelte.js';
-
-  let {children, ...props}: DialogProps = $props();
-
-  let dialog = createDialog(props);
-
-  dialogContext.set(dialog);
-</script>
-
-{@render children?.(dialog)}
+<script lang="ts" module>
+  import type {Snippet} from 'svelte';
+  import type {
+    CreateDialogProps,
+    CreateDialogReturn,
+  } from './create-dialog.svelte.js';
+
+  export interface DialogProps extends CreateDialogProps {
+    children?: Snippet<[dialog: CreateDialogReturn]>;
+  }
+</script>
+
+<script lang="ts">
+  import {dialogContext} from './context.svelte.js';
+  import {createDialog} from './create-dialog.svelte.js';
+
+  let {children, ...props}: DialogProps = $props();
+
+  let dialog = createDialog(props);
+
+  dialogContext.set(dialog);
+</script>
+
+{@render children?.(dialog)}

package/dist/dialog/title.svelte

@@ -1,26 +1,26 @@
-<script lang="ts" module>
-  import type {AsChild, HtmlProps} from '../types.js';
-
-  export interface DialogTitleProps extends HtmlProps<'h2'> {
-    asChild?: AsChild;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {dialogContext} from './context.svelte.js';
-
-  let {asChild, children, ...props}: DialogTitleProps = $props();
-
-  let dialog = dialogContext.get();
-
-  let attrs = $derived(mergeProps(props, dialog.getTitleProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <h2 {...attrs}>
-    {@render children?.()}
-  </h2>
-{/if}
+<script lang="ts" module>
+  import type {AsChild, HTMLProps} from '../types.js';
+
+  export interface DialogTitleProps extends HTMLProps<'h2'> {
+    asChild?: AsChild;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {dialogContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: DialogTitleProps = $props();
+
+  let dialog = dialogContext.get();
+
+  let mergedProps = $derived(mergeProps(props, dialog.getTitleProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <h2 {...mergedProps}>
+    {@render children?.()}
+  </h2>
+{/if}

package/dist/dialog/trigger.svelte

@@ -1,26 +1,26 @@
-<script lang="ts" module>
-  import type {AsChild, HtmlProps} from '../types.js';
-
-  export interface DialogTriggerProps extends HtmlProps<'button'> {
-    asChild?: AsChild<HtmlProps<'button'>>;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {dialogContext} from './context.svelte.js';
-
-  let {asChild, children, ...props}: DialogTriggerProps = $props();
-
-  let dialog = dialogContext.get();
-
-  let attrs = $derived(mergeProps(props, dialog.getTriggerProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <button type="button" {...attrs}>
-    {@render children?.()}
-  </button>
-{/if}
+<script lang="ts" module>
+  import type {AsChild, HTMLProps} from '../types.js';
+
+  export interface DialogTriggerProps extends HTMLProps<'button'> {
+    asChild?: AsChild;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {dialogContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: DialogTriggerProps = $props();
+
+  let dialog = dialogContext.get();
+
+  let mergedProps = $derived(mergeProps(props, dialog.getTriggerProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button type="button" {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/editable/area.svelte

@@ -1,26 +1,26 @@
-<script lang="ts" module>
-  import type {AsChild, HtmlProps} from '../types.js';
-
-  export interface EditableAreaProps extends HtmlProps<'div'> {
-    asChild?: AsChild;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {editableContext} from './context.svelte.js';
-
-  let {asChild, children, ...props}: EditableAreaProps = $props();
-
-  let editable = editableContext.get();
-
-  let attrs = $derived(mergeProps(props, editable.getAreaProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <div {...attrs}>
-    {@render children?.()}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {AsChild, HTMLProps} from '../types.js';
+
+  export interface EditableAreaProps extends HTMLProps<'div'> {
+    asChild?: AsChild;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {editableContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: EditableAreaProps = $props();
+
+  let editable = editableContext.get();
+
+  let mergedProps = $derived(mergeProps(props, editable.getAreaProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/editable/cancel-trigger.svelte

@@ -1,26 +1,28 @@
-<script lang="ts" module>
-  import type {AsChild, HtmlProps} from '../types.js';
-
-  export interface EditableCancelTriggerProps extends HtmlProps<'button'> {
-    asChild?: AsChild<HtmlProps<'button'>>;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {editableContext} from './context.svelte.js';
-
-  let {asChild, children, ...props}: EditableCancelTriggerProps = $props();
-
-  let editable = editableContext.get();
-
-  let attrs = $derived(mergeProps(props, editable.getCancelTriggerProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <button type="button" {...attrs}>
-    {@render children?.()}
-  </button>
-{/if}
+<script lang="ts" module>
+  import type {AsChild, HTMLProps} from '../types.js';
+
+  export interface EditableCancelTriggerProps extends HTMLProps<'button'> {
+    asChild?: AsChild;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {editableContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: EditableCancelTriggerProps = $props();
+
+  let editable = editableContext.get();
+
+  let mergedProps = $derived(
+    mergeProps(props, editable.getCancelTriggerProps()),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button type="button" {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/editable/context.svelte.d.ts

@@ -1,3 +1,3 @@
-import { Context } from '../utils.svelte.js';
+import { Context } from '../context.svelte.js';
 import type { CreateEditableReturn } from './create-editable.svelte.js';
 export declare const editableContext: Context<CreateEditableReturn>;

package/dist/editable/context.svelte.js

@@ -1,2 +1,2 @@
-import { Context } from '../utils.svelte.js';
+import { Context } from '../context.svelte.js';
 export const editableContext = new Context('Editable');

package/dist/editable/control.svelte

@@ -1,26 +1,26 @@
-<script lang="ts" module>
-  import type {AsChild, HtmlProps} from '../types.js';
-
-  export interface EditableControlProps extends HtmlProps<'div'> {
-    asChild?: AsChild;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {editableContext} from './context.svelte.js';
-
-  let {asChild, children, ...props}: EditableControlProps = $props();
-
-  let editable = editableContext.get();
-
-  let attrs = $derived(mergeProps(props, editable.getControlProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <div {...attrs}>
-    {@render children?.()}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {AsChild, HTMLProps} from '../types.js';
+
+  export interface EditableControlProps extends HTMLProps<'div'> {
+    asChild?: AsChild;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {editableContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: EditableControlProps = $props();
+
+  let editable = editableContext.get();
+
+  let mergedProps = $derived(mergeProps(props, editable.getControlProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/editable/create-editable.svelte.js

@@ -1,6 +1,6 @@
+import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
-import { createUniqueId } from '../utils.svelte.js';
 import * as editable from '@zag-js/editable';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 export function createEditable(props) {
@@ -10,7 +10,7 @@ export function createEditable(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: locale?.dir,
-        edit: props.defaultEdit,
+        edit: props.defaultEdit ?? props.edit,
         getRootNode: environment?.getRootNode,
         'edit.controlled': props.edit != null,
     }));

package/dist/editable/edit-trigger.svelte

@@ -1,26 +1,26 @@
-<script lang="ts" module>
-  import type {AsChild, HtmlProps} from '../types.js';
-
-  export interface EditableEditTriggerProps extends HtmlProps<'button'> {
-    asChild?: AsChild<HtmlProps<'button'>>;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {editableContext} from './context.svelte.js';
-
-  let {asChild, children, ...props}: EditableEditTriggerProps = $props();
-
-  let editable = editableContext.get();
-
-  let attrs = $derived(mergeProps(props, editable.getEditTriggerProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <button type="button" {...attrs}>
-    {@render children?.()}
-  </button>
-{/if}
+<script lang="ts" module>
+  import type {AsChild, HTMLProps} from '../types.js';
+
+  export interface EditableEditTriggerProps extends HTMLProps<'button'> {
+    asChild?: AsChild;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {editableContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: EditableEditTriggerProps = $props();
+
+  let editable = editableContext.get();
+
+  let mergedProps = $derived(mergeProps(props, editable.getEditTriggerProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button type="button" {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/editable/input.svelte

@@ -1,24 +1,24 @@
-<script lang="ts" module>
-  import type {AsChild, HtmlProps} from '../types.js';
-
-  export interface EditableInputProps extends HtmlProps<'input'> {
-    asChild?: AsChild<HtmlProps<'input'>>;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {editableContext} from './context.svelte.js';
-
-  let {asChild, ...props}: EditableInputProps = $props();
-
-  let editable = editableContext.get();
-
-  let attrs = $derived(mergeProps(props, editable.getInputProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <input {...attrs} />
-{/if}
+<script lang="ts" module>
+  import type {AsChild, HTMLProps} from '../types.js';
+
+  export interface EditableInputProps extends HTMLProps<'input'> {
+    asChild?: AsChild;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {editableContext} from './context.svelte.js';
+
+  let {asChild, ...props}: EditableInputProps = $props();
+
+  let editable = editableContext.get();
+
+  let mergedProps = $derived(mergeProps(props, editable.getInputProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <input {...mergedProps} />
+{/if}

package/dist/editable/label.svelte

@@ -1,26 +1,26 @@
-<script lang="ts" module>
-  import type {AsChild, HtmlProps} from '../types.js';
-
-  export interface EditableLabelProps extends HtmlProps<'label'> {
-    asChild?: AsChild<HtmlProps<'label'>>;
-  }
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../utils.svelte.js';
-  import {editableContext} from './context.svelte.js';
-
-  let {asChild, children, ...props}: EditableLabelProps = $props();
-
-  let editable = editableContext.get();
-
-  let attrs = $derived(mergeProps(props, editable.getLabelProps()));
-</script>
-
-{#if asChild}
-  {@render asChild(attrs)}
-{:else}
-  <label {...attrs}>
-    {@render children?.()}
-  </label>
-{/if}
+<script lang="ts" module>
+  import type {AsChild, HTMLProps} from '../types.js';
+
+  export interface EditableLabelProps extends HTMLProps<'label'> {
+    asChild?: AsChild;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {editableContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: EditableLabelProps = $props();
+
+  let editable = editableContext.get();
+
+  let mergedProps = $derived(mergeProps(props, editable.getLabelProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <label {...mergedProps}>
+    {@render children?.()}
+  </label>
+{/if}