ui-ingredients 0.0.19 → 0.0.21

package/dist/date-picker/table-body.svelte

@@ -1,3 +1,21 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-<script lang="ts"></script>
+  export interface DatePickerTableBodyProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext, datePickerTablePropsContext} from './context.svelte.js';
+
+  let {children, ...props}: DatePickerTableBodyProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let tableProps = datePickerTablePropsContext.get();
+
+  let attrs = $derived(mergeProps(props, datePicker.getTableBodyProps(tableProps)));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/date-picker/table-body.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TableBody: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const TableBody: $$__sveltets_2_IsomorphicComponent<DatePickerTableBodyProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type TableBody = InstanceType<typeof TableBody>;
 export default TableBody;

package/dist/date-picker/table-head.svelte

@@ -1,3 +1,21 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-<script lang="ts"></script>
+  export interface DatePickerTableHeadProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext, datePickerTablePropsContext} from './context.svelte.js';
+
+  let {children, ...props}: DatePickerTableHeadProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let tableProps = datePickerTablePropsContext.get();
+
+  let attrs = $derived(mergeProps(props, datePicker.getTableHeadProps(tableProps)));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/date-picker/table-head.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TableHead: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const TableHead: $$__sveltets_2_IsomorphicComponent<DatePickerTableHeadProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type TableHead = InstanceType<typeof TableHead>;
 export default TableHead;

package/dist/date-picker/table-header.svelte

@@ -1,3 +1,21 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-<script lang="ts"></script>
+  export interface DatePickerTableHeaderProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext, datePickerTablePropsContext} from './context.svelte.js';
+
+  let {children, ...props}: DatePickerTableHeaderProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let tableProps = datePickerTablePropsContext.get();
+
+  let attrs = $derived(mergeProps(props, datePicker.getTableHeaderProps(tableProps)));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/date-picker/table-header.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TableHeader: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const TableHeader: $$__sveltets_2_IsomorphicComponent<DatePickerTableHeaderProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type TableHeader = InstanceType<typeof TableHeader>;
 export default TableHeader;

package/dist/date-picker/table-row.svelte

@@ -1,3 +1,21 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-<script lang="ts"></script>
+  export interface DatePickerTableRowProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext, datePickerTablePropsContext} from './context.svelte.js';
+
+  let {children, ...props}: DatePickerTableRowProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let tableProps = datePickerTablePropsContext.get();
+
+  let attrs = $derived(mergeProps(props, datePicker.getTableRowProps(tableProps)));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/date-picker/table-row.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const TableRow: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const TableRow: $$__sveltets_2_IsomorphicComponent<DatePickerTableRowProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type TableRow = InstanceType<typeof TableRow>;
 export default TableRow;

package/dist/date-picker/table.svelte

@@ -1,3 +1,30 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {TableProps} from '@zag-js/date-picker';
 
-<script lang="ts"></script>
+  export interface DatePickerTableProps
+    extends Assign<HtmlProps<'div'>, Omit<TableProps, 'view'>> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {
+    datePickerContext,
+    datePickerTablePropsContext,
+    datePickerViewPropsContext,
+  } from './context.svelte.js';
+
+  let {id, columns, children, ...props}: DatePickerTableProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let viewProps = datePickerViewPropsContext.get();
+  let tableProps: TableProps = $derived({...viewProps, id, columns});
+
+  let attrs = $derived(mergeProps(props, datePicker.getTableProps(tableProps)));
+
+  datePickerTablePropsContext.set(() => tableProps);
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/date-picker/table.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Table: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const Table: $$__sveltets_2_IsomorphicComponent<DatePickerTableProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type Table = InstanceType<typeof Table>;
 export default Table;

package/dist/date-picker/trigger.svelte

@@ -1,3 +1,20 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-<script lang="ts"></script>
+  export interface DatePickerTriggerProps extends HtmlProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: DatePickerTriggerProps = $props();
+
+  let datePicker = datePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, datePicker.getTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/date-picker/trigger.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Trigger: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<DatePickerTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type Trigger = InstanceType<typeof Trigger>;
 export default Trigger;

package/dist/date-picker/view-control.svelte

@@ -1,3 +1,21 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-<script lang="ts"></script>
+  export interface DatePickerViewControlProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext, datePickerViewPropsContext} from './context.svelte.js';
+
+  let {children, ...props}: DatePickerViewControlProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let viewProps = datePickerViewPropsContext.get();
+
+  let attrs = $derived(mergeProps(props, datePicker.getViewControlProps(viewProps)));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/date-picker/view-control.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ViewControl: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const ViewControl: $$__sveltets_2_IsomorphicComponent<DatePickerViewControlProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type ViewControl = InstanceType<typeof ViewControl>;
 export default ViewControl;

package/dist/date-picker/view.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {ViewProps} from '@zag-js/date-picker';
+
+  export interface DatePickerViewProps extends Assign<HtmlProps<'div'>, ViewProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {parts} from './anatomy.js';
+  import {datePickerContext, datePickerViewPropsContext} from './context.svelte.js';
+
+  let {view = 'day', children, ...props}: DatePickerViewProps = $props();
+
+  let datePicker = datePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, parts.view.attrs));
+
+  datePickerViewPropsContext.set(() => ({view}));
+</script>
+
+<div hidden={datePicker.view !== view} {...attrs}>
+  {@render children?.()}
+</div>

package/dist/date-picker/{view-trigger.svelte.d.ts → view.svelte.d.ts}

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ViewTrigger: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const View: $$__sveltets_2_IsomorphicComponent<DatePickerViewProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ViewTrigger = InstanceType<typeof ViewTrigger>;
-export default ViewTrigger;
+}, {}, {}, "">;
+type View = InstanceType<typeof View>;
+export default View;

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

@@ -1,3 +1,41 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-<script lang="ts"></script>
+  export interface DatePickerYearSelectProps extends HtmlProps<'select'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: DatePickerYearSelectProps = $props();
+
+  let datePicker = datePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, datePicker.getYearSelectProps()));
+
+  function getYears() {
+    const currentYear = new Date().getFullYear();
+
+    const start = currentYear - 1000;
+    const until = currentYear + 1000;
+
+    const years = [];
+
+    for (let i = start; i <= until; i++) {
+      years.unshift(i);
+    }
+
+    return years;
+  }
+</script>
+
+<select {...attrs}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {#each getYears() as year}
+      <option value={year}>{year}</option>
+    {/each}
+  {/if}
+</select>

package/dist/date-picker/year-select.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const YearSelect: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const YearSelect: $$__sveltets_2_IsomorphicComponent<DatePickerYearSelectProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type YearSelect = InstanceType<typeof YearSelect>;
 export default YearSelect;

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

@@ -1,3 +1,21 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-<script lang="ts"></script>
+  export interface DatePickerYearTableCellTriggerProps extends HtmlProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext, datePickerTableCellPropsContext} from './context.svelte.js';
+
+  let {children, ...props}: DatePickerYearTableCellTriggerProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let tableCellProps = datePickerTableCellPropsContext.get();
+
+  let attrs = $derived(mergeProps(props, datePicker.getYearTableCellTriggerProps(tableCellProps)));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/date-picker/year-table-cell-trigger.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const YearTableCellTrigger: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const YearTableCellTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerYearTableCellTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type YearTableCellTrigger = InstanceType<typeof YearTableCellTrigger>;
 export default YearTableCellTrigger;

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

@@ -1,3 +1,40 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {TableCellProps, TableCellState} from '@zag-js/date-picker';
+  import type {Snippet} from 'svelte';
 
-<script lang="ts"></script>
+  export interface DatePickerYearTableCellProps
+    extends Assign<Omit<HtmlProps<'div'>, 'children'>, TableCellProps> {
+    children?: Snippet<[state: TableCellState]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext, datePickerTableCellPropsContext} from './context.svelte.js';
+
+  let {
+    /**/
+    value,
+    disabled,
+    columns,
+    children,
+    ...props
+  }: DatePickerYearTableCellProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let tableCellProps: TableCellProps = $derived({
+    value,
+    disabled,
+    columns,
+  });
+
+  let state = $derived(datePicker.getYearTableCellState(tableCellProps));
+  let attrs = $derived(mergeProps(props, datePicker.getYearTableCellProps(tableCellProps)));
+
+  datePickerTableCellPropsContext.set(() => tableCellProps);
+</script>
+
+<div {...attrs}>
+  {@render children?.(state)}
+</div>

package/dist/date-picker/year-table-cell.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const YearTableCell: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const YearTableCell: $$__sveltets_2_IsomorphicComponent<DatePickerYearTableCellProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type YearTableCell = InstanceType<typeof YearTableCell>;
 export default YearTableCell;

package/dist/dialog/backdrop.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: DialogBackdropProps = $props();
 
-  let context = dialogContext.get();
+  let dialog = dialogContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getBackdropProps()));
+  let attrs = $derived(mergeProps(props, dialog.getBackdropProps()));
 </script>
 
 <div {...attrs}>

package/dist/dialog/close-trigger.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: DialogCloseTriggerProps = $props();
 
-  let context = dialogContext.get();
+  let dialog = dialogContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getCloseTriggerProps()));
+  let attrs = $derived(mergeProps(props, dialog.getCloseTriggerProps()));
 </script>
 
 <button type="button" {...attrs}>

package/dist/dialog/content.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: DialogContentProps = $props();
 
-  let context = dialogContext.get();
+  let dialog = dialogContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getContentProps()));
+  let attrs = $derived(mergeProps(props, dialog.getContentProps()));
 </script>
 
 <div {...attrs}>

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

@@ -4,14 +4,14 @@ import { createUniqueId } from '../utils.svelte.js';
 import * as dialog from '@zag-js/dialog';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 export function createDialog(props) {
-    const localeContext = getLocaleContext();
-    const environmentContext = getEnvironmentContext();
+    const locale = getLocaleContext();
+    const environment = getEnvironmentContext();
     const [state, send] = useMachine(dialog.machine({
         ...props,
         id: props.id ?? createUniqueId(),
-        dir: localeContext?.dir,
+        dir: locale?.dir,
         open: props.defaultOpen,
-        getRootNode: environmentContext?.getRootNode,
+        getRootNode: environment?.getRootNode,
         'open.controlled': props.open != null,
     }));
     const api = $derived(reflect(() => dialog.connect(state, send, normalizeProps)));

package/dist/dialog/description.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: DialogDescriptionProps = $props();
 
-  let context = dialogContext.get();
+  let dialog = dialogContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getDescriptionProps()));
+  let attrs = $derived(mergeProps(props, dialog.getDescriptionProps()));
 </script>
 
 <div {...attrs}>

package/dist/dialog/positioner.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: DialogPositionerProps = $props();
 
-  let context = dialogContext.get();
+  let dialog = dialogContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getPositionerProps()));
+  let attrs = $derived(mergeProps(props, dialog.getPositionerProps()));
 </script>
 
 <div {...attrs}>

package/dist/dialog/root.svelte

@@ -3,7 +3,7 @@
   import type {CreateDialogProps, CreateDialogReturn} from './create-dialog.svelte.js';
 
   export interface DialogProps extends CreateDialogProps {
-    children?: Snippet<[api: CreateDialogReturn]>;
+    children?: Snippet<[dialog: CreateDialogReturn]>;
   }
 </script>
 
@@ -13,9 +13,9 @@
 
   let {children, ...props}: DialogProps = $props();
 
-  let context = createDialog(props);
+  let dialog = createDialog(props);
 
-  dialogContext.set(context);
+  dialogContext.set(dialog);
 </script>
 
-{@render children?.(context)}
+{@render children?.(dialog)}