ui-ingredients 0.0.1

package/dist/toast/actor.svelte.d.ts

@@ -0,0 +1,24 @@
+import * as toast from '@zag-js/toast';
+import type { Snippet } from 'svelte';
+import { type CreateToastContextReturn } from './context.svelte.js';
+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 Actor: $$__sveltets_2_IsomorphicComponent<{
+    actor: toast.Service;
+    children$: Snippet<[CreateToastContextReturn]>;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Actor = InstanceType<typeof Actor>;
+export default Actor;

package/dist/toast/close-trigger.svelte

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

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

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

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

@@ -0,0 +1,8 @@
+import * as toast from '@zag-js/toast';
+export interface CreateToastContextProps extends toast.Service {
+}
+export interface CreateToastContextReturn extends ReturnType<typeof createToastContext> {
+}
+export declare function createToastContext(props: CreateToastContextProps): any;
+export declare function setToastContext(value: CreateToastContextReturn): void;
+export declare function useToastContext(): CreateToastContextReturn;

package/dist/toast/context.svelte.js

@@ -0,0 +1,14 @@
+import { normalizeProps, reflect, useActor } from '@zag-js/svelte';
+import * as toast from '@zag-js/toast';
+import { getContext, setContext } from 'svelte';
+export function createToastContext(props) {
+    const [state, send] = useActor(props);
+    const api = $derived(reflect(() => toast.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setToastContext(value) {
+    setContext('Toast', value);
+}
+export function useToastContext() {
+    return getContext('Toast');
+}

package/dist/toast/create-toaster.svelte.d.ts

@@ -0,0 +1,18 @@
+import * as toast from '@zag-js/toast';
+export interface CreateToasterProps {
+    id?: string;
+    dir?: toast.GroupMachineContext['dir'];
+    max?: toast.GroupMachineContext['max'];
+    gap?: toast.GroupMachineContext['gap'];
+    hotkey?: toast.GroupMachineContext['hotkey'];
+    offsets?: toast.GroupMachineContext['offsets'];
+    overlap?: toast.GroupMachineContext['overlap'];
+    duration?: toast.GroupMachineContext['duration'];
+    placement?: toast.GroupMachineContext['placement'];
+    removeDelay?: toast.GroupMachineContext['removeDelay'];
+    pauseOnPageIdle?: toast.GroupMachineContext['pauseOnPageIdle'];
+    getRootNode?: toast.GroupMachineContext['getRootNode'];
+}
+export interface CreateToasterReturn extends ReturnType<typeof createToaster> {
+}
+export default function createToaster(props?: CreateToasterProps): any;

package/dist/toast/create-toaster.svelte.js

@@ -0,0 +1,12 @@
+import { normalizeProps, reflect } from '@zag-js/svelte';
+import * as toast from '@zag-js/toast';
+import { nanoid } from 'nanoid/non-secure';
+export default function createToaster(props) {
+    const id = $derived(props?.id ?? nanoid());
+    const machine = $derived(toast.group.machine({ ...props, id }));
+    const api = $derived(reflect(() => ({
+        machine,
+        ...toast.group.connect(machine, machine.send, normalizeProps),
+    })));
+    return api;
+}

package/dist/toast/description.svelte

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

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

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

package/dist/toast/index.d.ts

@@ -0,0 +1,4 @@
+export { default as createToaster, type CreateToasterProps, type CreateToasterReturn, } from './create-toaster.svelte.js';
+export * as Toast from './toast.js';
+export type { ToastActionTriggerProps, ToastCloseTriggerProps, ToastDescriptionProps, ToastProps, ToastTitleProps, } from './toast.js';
+export { default as Toaster, type ToasterProps } from './toaster.svelte';

package/dist/toast/index.js

@@ -0,0 +1,3 @@
+export { default as createToaster, } from './create-toaster.svelte.js';
+export * as Toast from './toast.js';
+export { default as Toaster } from './toaster.svelte';

package/dist/toast/root.svelte

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

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

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

package/dist/toast/title.svelte

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

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

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

package/dist/toast/toast.d.ts

@@ -0,0 +1,5 @@
+export { default as ActionTrigger, type ToastActionTriggerProps } from './action-trigger.svelte';
+export { default as CloseTrigger, type ToastCloseTriggerProps } from './close-trigger.svelte';
+export { default as Description, type ToastDescriptionProps } from './description.svelte';
+export { default as Root, type ToastProps } from './root.svelte';
+export { default as Title, type ToastTitleProps } from './title.svelte';

package/dist/toast/toast.js

@@ -0,0 +1,5 @@
+export { default as ActionTrigger } from './action-trigger.svelte';
+export { default as CloseTrigger } from './close-trigger.svelte';
+export { default as Description } from './description.svelte';
+export { default as Root } from './root.svelte';
+export { default as Title } from './title.svelte';

package/dist/toast/toaster.svelte

@@ -0,0 +1,25 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { Portal } from "../portal/index.js";
+import { mergeProps, normalizeProps, useMachine } from "@zag-js/svelte";
+import * as toast from "@zag-js/toast";
+import ToastActor from "./actor.svelte";
+let { toaster, children, ...props } = $props();
+let [state, send] = useMachine(toaster.machine);
+let placement = $derived(state.context.placement);
+let api = $derived(toast.group.connect(state, send, normalizeProps));
+let toasts = $derived(api.getToastsByPlacement(placement));
+let attrs = $derived(mergeProps(props, api.getGroupProps({ placement })));
+</script>
+
+<Portal>
+  <div {...attrs}>
+    {#each toasts as toast (toast.id)}
+      <ToastActor actor={toast}>
+        {#snippet children$(ctx)}
+          {@render children(ctx)}
+        {/snippet}
+      </ToastActor>
+    {/each}
+  </div>
+</Portal>

package/dist/toast/toaster.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { WithoutChildren } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+import type { CreateToastContextReturn } from './context.svelte.js';
+import type { CreateToasterReturn } from './create-toaster.svelte.js';
+export interface ToasterProps extends WithoutChildren<SvelteHTMLElements['div']> {
+    toaster: CreateToasterReturn;
+    children: Snippet<[CreateToastContextReturn]>;
+}
+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 Toaster: $$__sveltets_2_IsomorphicComponent<ToasterProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Toaster = InstanceType<typeof Toaster>;
+export default Toaster;

package/dist/toggle-group/context.svelte.d.ts

@@ -0,0 +1,8 @@
+import * as toggleGroup from '@zag-js/toggle-group';
+export interface CreateToggleGroupContextProps extends toggleGroup.Context {
+}
+export interface CreateToggleGroupContextReturn extends ReturnType<typeof createToggleGroupContext> {
+}
+export declare function createToggleGroupContext(props: CreateToggleGroupContextProps): any;
+export declare function setToggleGroupContext(value: CreateToggleGroupContextReturn): void;
+export declare function useToggleGroupContext(): CreateToggleGroupContextReturn;

package/dist/toggle-group/context.svelte.js

@@ -0,0 +1,14 @@
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import * as toggleGroup from '@zag-js/toggle-group';
+import { getContext, setContext } from 'svelte';
+export function createToggleGroupContext(props) {
+    const [state, send] = useMachine(toggleGroup.machine(props));
+    const api = $derived(reflect(() => toggleGroup.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setToggleGroupContext(value) {
+    setContext('ToggleGroup', value);
+}
+export function useToggleGroupContext() {
+    return getContext('ToggleGroup');
+}

package/dist/toggle-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Item, type ToggleGroupItemProps } from './item.svelte';
+export { default as Root, type ToggleGroupProps } from './root.svelte';

package/dist/toggle-group/index.js

@@ -0,0 +1,2 @@
+export { default as Item } from './item.svelte';
+export { default as Root } from './root.svelte';

package/dist/toggle-group/item.svelte

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

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

@@ -0,0 +1,23 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface ToggleGroupItemProps extends Assign<SvelteHTMLElements['button'], ItemProps> {
+}
+import type { ItemProps } from '@zag-js/toggle-group';
+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<ToggleGroupItemProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Item = InstanceType<typeof Item>;
+export default Item;

package/dist/toggle-group/root.svelte

@@ -0,0 +1,40 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { nanoid } from "nanoid/non-secure";
+import { createToggleGroupContext, setToggleGroupContext } from "./context.svelte.js";
+let {
+  id = nanoid(),
+  ids,
+  dir,
+  value,
+  disabled,
+  multiple,
+  loopFocus,
+  rovingFocus,
+  orientation,
+  onValueChange,
+  getRootNode,
+  children,
+  ...props
+} = $props();
+let context = createToggleGroupContext({
+  id: nanoid(),
+  ids,
+  dir,
+  value: $state.snapshot(value),
+  disabled,
+  multiple,
+  loopFocus,
+  rovingFocus,
+  orientation,
+  onValueChange,
+  getRootNode
+});
+let attrs = $derived(mergeProps(props, context.getRootProps()));
+setToggleGroupContext(context);
+</script>
+
+<div {...attrs}>
+  {@render children?.(context)}
+</div>

package/dist/toggle-group/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 { CreateToggleGroupContextProps, CreateToggleGroupContextReturn } from './context.svelte.js';
+export interface ToggleGroupProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateToggleGroupContextProps>> {
+    children?: Snippet<[CreateToggleGroupContextReturn]>;
+}
+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<ToggleGroupProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/tooltip/arrow-tip.svelte

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

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

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

package/dist/tooltip/arrow.svelte

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

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

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

package/dist/tooltip/content.svelte

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

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

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

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

@@ -0,0 +1,8 @@
+import * as tooltip from '@zag-js/tooltip';
+export interface CreateTooltipContextProps extends tooltip.Context {
+}
+export interface CreateTooltipContextReturn extends ReturnType<typeof createTooltipContext> {
+}
+export declare function createTooltipContext(props: CreateTooltipContextProps): any;
+export declare function setTooltipContext(value: CreateTooltipContextReturn): void;
+export declare function useTooltipContext(): CreateTooltipContextReturn;

package/dist/tooltip/context.svelte.js

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

package/dist/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ArrowTip, type TooltipArrowTipProps } from './arrow-tip.svelte';
+export { default as Arrow, type TooltipArrowProps } from './arrow.svelte';
+export { default as Content, type TooltipContentProps } from './content.svelte';
+export { default as Positioner, type TooltipPositionerProps } from './positioner.svelte';
+export { default as Root, type TooltipProps } from './root.svelte';
+export { default as Trigger, type TooltipTriggerProps } from './trigger.svelte';

package/dist/tooltip/index.js

@@ -0,0 +1,6 @@
+export { default as ArrowTip } from './arrow-tip.svelte';
+export { default as Arrow } from './arrow.svelte';
+export { default as Content } from './content.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/tooltip/positioner.svelte

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