ui-ingredients 0.0.1

package/dist/combobox/item-group.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Assign, OptionalId } from '../types.js';
+import type { ItemGroupProps } from '@zag-js/combobox';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxItemGroupProps extends Assign<SvelteHTMLElements['div'], OptionalId<ItemGroupProps>> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemGroup: $$__sveltets_2_IsomorphicComponent<ComboboxItemGroupProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ItemGroup = InstanceType<typeof ItemGroup>;
+export default ItemGroup;

package/dist/combobox/item-indicator.svelte

@@ -0,0 +1,13 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext, useComboboxItemContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let itemContext = useComboboxItemContext();
+let attrs = $derived(mergeProps(props, context.getItemIndicatorProps(itemContext)));
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>

package/dist/combobox/item-indicator.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxItemIndicatorProps extends Assign<SvelteHTMLElements['span'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemIndicator: $$__sveltets_2_IsomorphicComponent<ComboboxItemIndicatorProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ItemIndicator = InstanceType<typeof ItemIndicator>;
+export default ItemIndicator;

package/dist/combobox/item-text.svelte

@@ -0,0 +1,17 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext, useComboboxItemContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let itemContext = useComboboxItemContext();
+let attrs = $derived(mergeProps(props, context.getItemTextProps(itemContext)));
+</script>
+
+<span {...attrs}>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    {context.collection.stringifyItem(itemContext.item)}
+  {/if}
+</span>

package/dist/combobox/item-text.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxItemTextProps extends Assign<SvelteHTMLElements['span'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemText: $$__sveltets_2_IsomorphicComponent<ComboboxItemTextProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ItemText = InstanceType<typeof ItemText>;
+export default ItemText;

package/dist/combobox/item.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { setComboboxItemContext, useComboboxContext } from "./context.svelte.js";
+let { id, children, item, persistFocus, ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(
+  mergeProps(
+    props,
+    context.getItemProps({
+      item,
+      persistFocus
+    })
+  )
+);
+setComboboxItemContext({
+  item,
+  persistFocus
+});
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/combobox/item.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Assign } from '../types.js';
+import type { ItemProps } from '@zag-js/combobox';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxItemProps extends Assign<SvelteHTMLElements['div'], ItemProps> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Item: $$__sveltets_2_IsomorphicComponent<ComboboxItemProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Item = InstanceType<typeof Item>;
+export default Item;

package/dist/combobox/label.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(mergeProps(props, context.getLabelProps()));
+</script>
+
+<label {...attrs}>
+  {@render children?.()}
+</label>

package/dist/combobox/label.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxLabelProps extends Assign<SvelteHTMLElements['label'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Label: $$__sveltets_2_IsomorphicComponent<ComboboxLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/combobox/list.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(mergeProps(props, context.getListProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/combobox/list.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxListProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const List: $$__sveltets_2_IsomorphicComponent<ComboboxListProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type List = InstanceType<typeof List>;
+export default List;

package/dist/combobox/positioner.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(mergeProps(props, context.getPositionerProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/combobox/positioner.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxPositionerProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Positioner: $$__sveltets_2_IsomorphicComponent<ComboboxPositionerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Positioner = InstanceType<typeof Positioner>;
+export default Positioner;

package/dist/combobox/root.svelte

@@ -0,0 +1,104 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts" generics="T">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createComboboxContext, setComboboxContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  name,
+  form,
+  open,
+  "open.controlled": openControlled,
+  items,
+  value,
+  invalid,
+  disabled,
+  multiple,
+  readOnly,
+  required,
+  autoFocus,
+  composite,
+  loopFocus,
+  inputValue,
+  placeholder,
+  positioning,
+  translations,
+  disableLayer,
+  closeOnSelect,
+  inputBehavior,
+  openOnChange,
+  openOnClick,
+  openOnKeyPress,
+  allowCustomValue,
+  highlightedValue,
+  selectionBehavior,
+  itemToString,
+  itemToValue,
+  isItemDisabled,
+  onOpenChange,
+  onValueChange,
+  onFocusOutside,
+  onHighlightChange,
+  onInteractOutside,
+  onInputValueChange,
+  onPointerDownOutside,
+  getSelectionValue,
+  scrollToIndexFn,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createComboboxContext({
+  id,
+  ids,
+  dir,
+  name,
+  form,
+  open,
+  "open.controlled": openControlled,
+  items,
+  value,
+  invalid,
+  disabled,
+  multiple,
+  readOnly,
+  required,
+  autoFocus,
+  composite,
+  loopFocus,
+  inputValue,
+  placeholder,
+  positioning,
+  translations,
+  disableLayer,
+  closeOnSelect,
+  inputBehavior,
+  openOnChange,
+  openOnClick,
+  openOnKeyPress,
+  allowCustomValue,
+  highlightedValue,
+  selectionBehavior,
+  itemToString,
+  itemToValue,
+  isItemDisabled,
+  onOpenChange,
+  onValueChange,
+  onFocusOutside,
+  onHighlightChange,
+  onInteractOutside,
+  onInputValueChange,
+  onPointerDownOutside,
+  getSelectionValue,
+  scrollToIndexFn,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setComboboxContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

package/dist/combobox/root.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { CreateComboboxContextProps, CreateComboboxContextReturn } from './context.svelte.js';
+export interface ComboboxProps<T> extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateComboboxContextProps<T>>> {
+    children?: Snippet<[CreateComboboxContextReturn]>;
+}
+declare class __sveltets_Render<T> {
+    props(): ComboboxProps<T>;
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Root: $$IsomorphicComponent;
+type Root<T> = InstanceType<typeof Root<T>>;
+export default Root;

package/dist/combobox/trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useComboboxContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useComboboxContext();
+let attrs = $derived(mergeProps(props, context.getTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/combobox/trigger.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ComboboxTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<ComboboxTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/dialog/backdrop.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useDialogContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useDialogContext();
+let attrs = $derived(mergeProps(props, context.getBackdropProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/dialog/backdrop.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface DialogBackdropProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Backdrop: $$__sveltets_2_IsomorphicComponent<DialogBackdropProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Backdrop = InstanceType<typeof Backdrop>;
+export default Backdrop;

package/dist/dialog/close-trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useDialogContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useDialogContext();
+let attrs = $derived(mergeProps(props, context.getCloseTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/dialog/close-trigger.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface DialogCloseTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const CloseTrigger: $$__sveltets_2_IsomorphicComponent<DialogCloseTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CloseTrigger = InstanceType<typeof CloseTrigger>;
+export default CloseTrigger;

package/dist/dialog/content.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useDialogContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useDialogContext();
+let attrs = $derived(mergeProps(props, context.getContentProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/dialog/content.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface DialogContentProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Content: $$__sveltets_2_IsomorphicComponent<DialogContentProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Content = InstanceType<typeof Content>;
+export default Content;

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

@@ -0,0 +1,8 @@
+import * as dialog from '@zag-js/dialog';
+export interface CreateDialogContextProps extends dialog.Context {
+}
+export interface CreateDialogContextReturn extends ReturnType<typeof createDialogContext> {
+}
+export declare function createDialogContext(props: CreateDialogContextProps): any;
+export declare function setDialogContext(value: CreateDialogContextReturn): void;
+export declare function useDialogContext(): CreateDialogContextReturn;

package/dist/dialog/context.svelte.js

@@ -0,0 +1,14 @@
+import * as dialog from '@zag-js/dialog';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createDialogContext(props) {
+    const [state, send] = useMachine(dialog.machine(props));
+    const api = $derived(reflect(() => dialog.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setDialogContext(value) {
+    setContext('Dialog', value);
+}
+export function useDialogContext() {
+    return getContext('Dialog');
+}

package/dist/dialog/description.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useDialogContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useDialogContext();
+let attrs = $derived(mergeProps(props, context.getDescriptionProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/dialog/description.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface DialogDescriptionProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Description: $$__sveltets_2_IsomorphicComponent<DialogDescriptionProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Description = InstanceType<typeof Description>;
+export default Description;

package/dist/dialog/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Backdrop, type DialogBackdropProps } from './backdrop.svelte';
+export { default as CloseTrigger, type DialogCloseTriggerProps } from './close-trigger.svelte';
+export { default as Content, type DialogContentProps } from './content.svelte';
+export { default as Description, type DialogDescriptionProps } from './description.svelte';
+export { default as Positioner, type DialogPositionerProps } from './positioner.svelte';
+export { default as Root, type DialogProps } from './root.svelte';
+export { default as Title, type DialogTitleProps } from './title.svelte';
+export { default as Trigger, type DialogTriggerProps } from './trigger.svelte';

package/dist/dialog/index.js

@@ -0,0 +1,8 @@
+export { default as Backdrop } from './backdrop.svelte';
+export { default as CloseTrigger } from './close-trigger.svelte';
+export { default as Content } from './content.svelte';
+export { default as Description } from './description.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as Title } from './title.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/dialog/positioner.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useDialogContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useDialogContext();
+let attrs = $derived(mergeProps(props, context.getPositionerProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>