ui-ingredients 0.0.1

package/dist/pin-input/input.svelte

@@ -0,0 +1,10 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { usePinInputContext } from "./context.svelte.js";
+let { index, ...props } = $props();
+let context = usePinInputContext();
+let attrs = $derived(mergeProps(props, context.getInputProps({ index })));
+</script>
+
+<input {...attrs} />

package/dist/pin-input/input.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Assign } from '../types.js';
+import type { InputProps } from '@zag-js/pin-input';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PinInputInputProps extends Assign<SvelteHTMLElements['input'], InputProps> {
+}
+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 Input: $$__sveltets_2_IsomorphicComponent<PinInputInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Input = InstanceType<typeof Input>;
+export default Input;

package/dist/pin-input/label.svelte

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

package/dist/pin-input/label.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PinInputLabelProps 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<PinInputLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/pin-input/root.svelte

@@ -0,0 +1,64 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createPinInputContext, setPinInputContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  otp,
+  form,
+  mask,
+  name,
+  type,
+  value,
+  pattern,
+  invalid,
+  disabled,
+  readOnly,
+  required,
+  autoFocus,
+  placeholder,
+  translations,
+  selectOnFocus,
+  blurOnComplete,
+  onValueChange,
+  onValueInvalid,
+  onValueComplete,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createPinInputContext({
+  id,
+  ids,
+  dir,
+  otp,
+  form,
+  mask,
+  name,
+  type,
+  value: $state.snapshot(value),
+  pattern,
+  invalid,
+  disabled,
+  readOnly,
+  required,
+  autoFocus,
+  placeholder,
+  translations,
+  selectOnFocus,
+  blurOnComplete,
+  onValueChange,
+  onValueInvalid,
+  onValueComplete,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setPinInputContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

package/dist/pin-input/root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { CreatePinInputContextProps, CreatePinInputContextReturn } from './context.svelte.js';
+export interface PinInputProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreatePinInputContextProps>> {
+    children?: Snippet<[CreatePinInputContextReturn]>;
+}
+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 Root: $$__sveltets_2_IsomorphicComponent<PinInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/popover/arrow-tip.svelte

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

package/dist/popover/arrow-tip.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PopoverArrowTipProps 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 ArrowTip: $$__sveltets_2_IsomorphicComponent<PopoverArrowTipProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ArrowTip = InstanceType<typeof ArrowTip>;
+export default ArrowTip;

package/dist/popover/arrow.svelte

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

package/dist/popover/arrow.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PopoverArrowProps 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 Arrow: $$__sveltets_2_IsomorphicComponent<PopoverArrowProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Arrow = InstanceType<typeof Arrow>;
+export default Arrow;

package/dist/popover/close-trigger.svelte

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PopoverCloseTriggerProps 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<PopoverCloseTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CloseTrigger = InstanceType<typeof CloseTrigger>;
+export default CloseTrigger;

package/dist/popover/content.svelte

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PopoverContentProps 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<PopoverContentProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Content = InstanceType<typeof Content>;
+export default Content;

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

@@ -0,0 +1,8 @@
+import * as popover from '@zag-js/popover';
+export interface CreatePopoverContextProps extends popover.Context {
+}
+export interface CreatePopoverContextReturn extends ReturnType<typeof createPopoverContext> {
+}
+export declare function createPopoverContext(props: CreatePopoverContextProps): any;
+export declare function setPopoverContext(value: CreatePopoverContextReturn): void;
+export declare function usePopoverContext(): CreatePopoverContextReturn;

package/dist/popover/context.svelte.js

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

package/dist/popover/description.svelte

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PopoverDescriptionProps 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<PopoverDescriptionProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Description = InstanceType<typeof Description>;
+export default Description;

package/dist/popover/index.d.ts

@@ -0,0 +1,9 @@
+export { default as ArrowTip, type PopoverArrowTipProps } from './arrow-tip.svelte';
+export { default as Arrow, type PopoverArrowProps } from './arrow.svelte';
+export { default as CloseTrigger, type PopoverCloseTriggerProps } from './close-trigger.svelte';
+export { default as Content, type PopoverContentProps } from './content.svelte';
+export { default as Description, type PopoverDescriptionProps } from './description.svelte';
+export { default as Positioner, type PopoverPositionerProps } from './positioner.svelte';
+export { default as Root, type PopoverProps } from './root.svelte';
+export { default as Title, type PopoverTitleProps } from './title.svelte';
+export { default as Trigger, type PopoverTriggerProps } from './trigger.svelte';

package/dist/popover/index.js

@@ -0,0 +1,9 @@
+export { default as ArrowTip } from './arrow-tip.svelte';
+export { default as Arrow } from './arrow.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/popover/positioner.svelte

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PopoverPositionerProps 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<PopoverPositionerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Positioner = InstanceType<typeof Positioner>;
+export default Positioner;

package/dist/popover/root.svelte

@@ -0,0 +1,10 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { nanoid } from "nanoid/non-secure";
+import { createPopoverContext, setPopoverContext } from "./context.svelte.js";
+let { id = nanoid(), children, ...props } = $props();
+let context = createPopoverContext({ id, ...props });
+setPopoverContext(context);
+</script>
+
+{@render children?.(context)}

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

@@ -0,0 +1,24 @@
+import type { OptionalId } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { CreatePopoverContextProps, CreatePopoverContextReturn } from './context.svelte.js';
+export interface PopoverProps extends OptionalId<CreatePopoverContextProps> {
+    children?: Snippet<[CreatePopoverContextReturn]>;
+}
+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 Root: $$__sveltets_2_IsomorphicComponent<PopoverProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/popover/title.svelte

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

package/dist/popover/title.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PopoverTitleProps 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 Title: $$__sveltets_2_IsomorphicComponent<PopoverTitleProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Title = InstanceType<typeof Title>;
+export default Title;

package/dist/popover/trigger.svelte

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

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PopoverTriggerProps 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<PopoverTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/portal/index.d.ts

@@ -0,0 +1 @@
+export { default as Portal, type PortalProps } from './root.svelte';

package/dist/portal/index.js

@@ -0,0 +1 @@
+export { default as Portal } from './root.svelte';

package/dist/portal/root.svelte

@@ -0,0 +1,10 @@
+<script context="module" lang="ts">import {} from "svelte";
+</script>
+
+<script lang="ts">import { portal } from "@zag-js/svelte";
+let { children, ...props } = $props();
+</script>
+
+<div use:portal={props} data-portal>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,25 @@
+import { type Snippet } from 'svelte';
+export interface PortalProps {
+    container?: HTMLElement;
+    disabled?: boolean;
+    getRootNode?: () => ShadowRoot | Document | Node;
+    children: Snippet;
+}
+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 Root: $$__sveltets_2_IsomorphicComponent<PortalProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/presence/index.d.ts

@@ -0,0 +1 @@
+export { default as Presence, type PresenceProps } from './root.svelte';

package/dist/presence/index.js

@@ -0,0 +1 @@
+export { default as Presence } from './root.svelte';

package/dist/presence/root.svelte

@@ -0,0 +1,27 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import * as presence from "@zag-js/presence";
+import { normalizeProps, useMachine } from "@zag-js/svelte";
+let { present, immediate, onExitComplete, children, ...props } = $props();
+let [machineState, send] = useMachine(
+  presence.machine({
+    present,
+    immediate,
+    onExitComplete
+  })
+);
+let api = $derived(presence.connect(machineState, send, normalizeProps));
+let node = $state(null);
+$effect(() => {
+  api.setNode(node);
+});
+</script>
+
+<div
+  bind:this={node}
+  hidden={!api.present}
+  data-state={api.skip ? undefined : present ? 'open' : 'closed'}
+  {...props}
+>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,23 @@
+import type { Assign } from '../types.js';
+import type { Context } from '@zag-js/presence';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface PresenceProps extends Assign<SvelteHTMLElements['div'], Context> {
+}
+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 Root: $$__sveltets_2_IsomorphicComponent<PresenceProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;