ui-ingredients 0.0.16 → 0.0.18

package/dist/editable/root.svelte

@@ -1,36 +1,21 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Snippet} from 'svelte';
-  import type {
-    CreateEditableContextProps,
-    CreateEditableContextReturn,
-  } from './context.svelte.js';
+  import type {CreateEditableProps, CreateEditableReturn} from './create-editable.svelte.js';
 
-  export interface EditableProps
-    extends Omit<CreateEditableContextProps, 'id'> {
-    id?: string | null;
-    children?: Snippet<[CreateEditableContextReturn]>;
+  export interface EditableProps extends CreateEditableProps {
+    children?: Snippet<[api: CreateEditableReturn]>;
   }
 </script>
 
 <script lang="ts">
-  import {useEnvironmentContext} from '../environment-provider/index.js';
-  import {useLocaleContext} from '../locale-provider/index.js';
-  import {createUniqueId} from '../utils.svelte.js';
-  import {createEditableContext, setEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
+  import {createEditable} from './create-editable.svelte.js';
 
-  let {id, dir, getRootNode, children, ...props}: EditableProps = $props();
+  let {children, ...props}: EditableProps = $props();
 
-  let localeContext = useLocaleContext();
-  let environmentContext = useEnvironmentContext();
+  let context = createEditable(props);
 
-  let context = createEditableContext({
-    id: id ?? createUniqueId(),
-    dir: dir ?? localeContext?.dir,
-    getRootNode: getRootNode ?? environmentContext?.getRootNode,
-    ...props,
-  });
-
-  setEditableContext(context);
+  editableContext.set(context);
 </script>
 
 {@render children?.(context)}

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

@@ -1,9 +1,3 @@
-import type { Snippet } from 'svelte';
-import type { CreateEditableContextProps, CreateEditableContextReturn } from './context.svelte.js';
-export interface EditableProps extends Omit<CreateEditableContextProps, 'id'> {
-    id?: string | null;
-    children?: Snippet<[CreateEditableContextReturn]>;
-}
 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;

package/dist/editable/submit-trigger.svelte

@@ -1,17 +1,16 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-  export interface EditableSubmitTriggerProps
-    extends HtmlIngredientProps<'button'> {}
+  export interface EditableSubmitTriggerProps extends HtmlProps<'button'> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useEditableContext} from './context.svelte.js';
+  import {editableContext} from './context.svelte.js';
 
   let {children, ...props}: EditableSubmitTriggerProps = $props();
 
-  let context = useEditableContext();
+  let context = editableContext.get();
 
   let attrs = $derived(mergeProps(props, context.getSubmitTriggerProps()));
 </script>

package/dist/editable/submit-trigger.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface EditableSubmitTriggerProps extends HtmlIngredientProps<'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;

package/dist/environment-provider/context.svelte.d.ts

@@ -1,14 +1,8 @@
-export interface CreateEnvironmentContextProps {
-    getRootNode?: () => ShadowRoot | Document | Node;
-    getDocument?: () => Document;
-    getWindow?: () => Window & typeof globalThis;
+import { Context } from '../utils.svelte.js';
+export interface Environment {
+    getRootNode: () => ShadowRoot | Document | Node;
+    getDocument: () => Document;
+    getWindow: () => Window & typeof globalThis;
 }
-export interface CreateEnvironmentContextReturn extends ReturnType<typeof createEnvironmentContext> {
-}
-export declare function createEnvironmentContext(props: CreateEnvironmentContextProps): {
-    getRootNode(): Node;
-    getDocument(): Document;
-    getWindow(): Window & typeof globalThis;
-};
-export declare function setEnvironmentContext(value: CreateEnvironmentContextReturn): void;
-export declare function useEnvironmentContext(): CreateEnvironmentContextReturn | null;
+export declare const environmentContext: Context<Environment>;
+export declare const getEnvironmentContext: () => Environment | null;

package/dist/environment-provider/context.svelte.js

@@ -1,25 +1,3 @@
-import { getContext, hasContext, setContext } from 'svelte';
-export function createEnvironmentContext(props) {
-    return {
-        getRootNode() {
-            return props.getRootNode ? props.getRootNode() : document;
-        },
-        getDocument() {
-            return props.getDocument ? props.getDocument() : document;
-        },
-        getWindow() {
-            return props.getWindow ? props.getWindow() : window;
-        },
-    };
-}
-export function setEnvironmentContext(value) {
-    setContext('EnvironmentProvider', value);
-}
-export function useEnvironmentContext() {
-    if (!hasContext('EnvironmentProvider')) {
-        return null;
-    }
-    else {
-        return getContext('EnvironmentProvider');
-    }
-}
+import { Context } from '../utils.svelte.js';
+export const environmentContext = new Context('EnvironmentProvider', false);
+export const getEnvironmentContext = () => environmentContext.get();

package/dist/environment-provider/index.d.ts

@@ -1,2 +1,2 @@
-export { useEnvironmentContext } from './context.svelte.js';
-export { default as EnvironmentProvider, type EnvironmentProviderProps, } from './root.svelte';
+export { getEnvironmentContext, type Environment } from './context.svelte.js';
+export { default as EnvironmentProvider, type EnvironmentProviderProps } from './root.svelte';

package/dist/environment-provider/index.js

@@ -1,2 +1,2 @@
-export { useEnvironmentContext } from './context.svelte.js';
-export { default as EnvironmentProvider, } from './root.svelte';
+export { getEnvironmentContext } from './context.svelte.js';
+export { default as EnvironmentProvider } from './root.svelte';

package/dist/environment-provider/root.svelte

@@ -1,21 +1,40 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Snippet} from 'svelte';
-  import {
-    createEnvironmentContext,
-    setEnvironmentContext,
-    type CreateEnvironmentContextProps,
-  } from './context.svelte.js';
-
-  export interface EnvironmentProviderProps
-    extends CreateEnvironmentContextProps {
+  import {type Environment} from './context.svelte.js';
+
+  export interface EnvironmentProviderProps {
+    rootNode?: ShadowRoot | Document | Node | (() => ShadowRoot | Document | Node);
     children: Snippet;
   }
 </script>
 
 <script lang="ts">
-  let {children, ...props}: EnvironmentProviderProps = $props();
-  let context = createEnvironmentContext(props);
-  setEnvironmentContext(context);
+  import {getDocument, getWindow} from '@zag-js/dom-query';
+  import {environmentContext} from './context.svelte.js';
+
+  let {rootNode, children}: EnvironmentProviderProps = $props();
+
+  let elem: HTMLSpanElement | null = $state(null);
+
+  let getRootNode = $derived.by(() => {
+    if (rootNode) {
+      return typeof rootNode === 'function' ? rootNode : () => rootNode;
+    } else {
+      return () => elem?.ownerDocument ?? document;
+    }
+  });
+
+  let context: Environment = $derived({
+    getRootNode,
+    getDocument: () => getDocument(getRootNode()),
+    getWindow: () => getWindow(getRootNode()),
+  });
+
+  environmentContext.set(() => context);
 </script>
 
 {@render children()}
+
+{#if !rootNode}
+  <span bind:this={elem} hidden></span>
+{/if}

package/dist/environment-provider/root.svelte.d.ts

@@ -1,8 +1,3 @@
-import type { Snippet } from 'svelte';
-import { type CreateEnvironmentContextProps } from './context.svelte.js';
-export interface EnvironmentProviderProps extends CreateEnvironmentContextProps {
-    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;

package/dist/file-upload/context.svelte.d.ts

@@ -0,0 +1,8 @@
+import * as fileUpload from '@zag-js/file-upload';
+export interface CreateFileUploadContextProps extends fileUpload.Context {
+}
+export interface CreateFileUploadContextReturn extends ReturnType<typeof createFileUploadContext> {
+}
+export declare function createFileUploadContext(props: CreateFileUploadContextProps): fileUpload.Api<any>;
+export declare function setFileUploadContext(value: CreateFileUploadContextReturn): CreateFileUploadContextReturn;
+export declare function useFileUploadContext(): CreateFileUploadContextReturn;

package/dist/file-upload/context.svelte.js

@@ -0,0 +1,14 @@
+import * as fileUpload from '@zag-js/file-upload';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { getContext, setContext } from 'svelte';
+export function createFileUploadContext(props) {
+    const [state, send] = useMachine(fileUpload.machine(props));
+    const api = $derived(reflect(() => fileUpload.connect(state, send, normalizeProps)));
+    return api;
+}
+export function setFileUploadContext(value) {
+    return setContext('FileUpload', value);
+}
+export function useFileUploadContext() {
+    return getContext('FileUpload');
+}

package/dist/file-upload/dropzone.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/dropzone.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Dropzone: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Dropzone = InstanceType<typeof Dropzone>;
+export default Dropzone;

package/dist/file-upload/file-upload.d.ts

@@ -0,0 +1,12 @@
+export { default as Dropzone } from './dropzone.svelte';
+export { default as HiddenInput } from './hidden-input.svelte';
+export { default as ItemDeleteTrigger } from './item-delete-trigger.svelte';
+export { default as ItemGroup } from './item-group.svelte';
+export { default as ItemName } from './item-name.svelte';
+export { default as ItemPreviewImage } from './item-preview-image.svelte';
+export { default as ItemPreview } from './item-preview.svelte';
+export { default as ItemSizeText } from './item-size-text.svelte';
+export { default as Item } from './item.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/file-upload/file-upload.js

@@ -0,0 +1,12 @@
+export { default as Dropzone } from './dropzone.svelte';
+export { default as HiddenInput } from './hidden-input.svelte';
+export { default as ItemDeleteTrigger } from './item-delete-trigger.svelte';
+export { default as ItemGroup } from './item-group.svelte';
+export { default as ItemName } from './item-name.svelte';
+export { default as ItemPreviewImage } from './item-preview-image.svelte';
+export { default as ItemPreview } from './item-preview.svelte';
+export { default as ItemSizeText } from './item-size-text.svelte';
+export { default as Item } from './item.svelte';
+export { default as Label } from './label.svelte';
+export { default as Root } from './root.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/file-upload/hidden-input.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/hidden-input.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const HiddenInput: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type HiddenInput = InstanceType<typeof HiddenInput>;
+export default HiddenInput;

package/dist/file-upload/index.d.ts

@@ -0,0 +1 @@
+export * as FileUpload from './file-upload.js';

package/dist/file-upload/index.js

@@ -0,0 +1 @@
+export * as FileUpload from './file-upload.js';

package/dist/file-upload/item-delete-trigger.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/item-delete-trigger.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemDeleteTrigger: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ItemDeleteTrigger = InstanceType<typeof ItemDeleteTrigger>;
+export default ItemDeleteTrigger;

package/dist/file-upload/item-group.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/item-group.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemGroup: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ItemGroup = InstanceType<typeof ItemGroup>;
+export default ItemGroup;

package/dist/file-upload/item-name.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/item-name.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemName: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ItemName = InstanceType<typeof ItemName>;
+export default ItemName;

package/dist/file-upload/item-preview-image.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/item-preview-image.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemPreviewImage: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ItemPreviewImage = InstanceType<typeof ItemPreviewImage>;
+export default ItemPreviewImage;

package/dist/file-upload/item-preview.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/item-preview.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemPreview: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ItemPreview = InstanceType<typeof ItemPreview>;
+export default ItemPreview;

package/dist/file-upload/item-size-text.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/item-size-text.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ItemSizeText: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ItemSizeText = InstanceType<typeof ItemSizeText>;
+export default ItemSizeText;

package/dist/file-upload/item.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/item.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Item: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Item = InstanceType<typeof Item>;
+export default Item;

package/dist/file-upload/label.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/label.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Label: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/file-upload/root.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/root.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/file-upload/trigger.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/file-upload/trigger.svelte.d.ts

@@ -0,0 +1,18 @@
+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: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/hover-card/arrow-tip.svelte

@@ -1,16 +1,16 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-  export interface HoverCardArrowTipProps extends HtmlIngredientProps<'div'> {}
+  export interface HoverCardArrowTipProps extends HtmlProps<'div'> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useHoverCardContext} from './context.svelte.js';
+  import {hoverCardContext} from './context.svelte.js';
 
   let {children, ...props}: HoverCardArrowTipProps = $props();
 
-  let context = useHoverCardContext();
+  let context = hoverCardContext.get();
 
   let attrs = $derived(mergeProps(props, context.getArrowTipProps()));
 </script>

package/dist/hover-card/arrow-tip.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface HoverCardArrowTipProps extends HtmlIngredientProps<'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;

package/dist/hover-card/arrow.svelte

@@ -1,16 +1,16 @@
-<script lang="ts" context="module">
-  import type {HtmlIngredientProps} from '../types.js';
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
 
-  export interface HoverCardArrowProps extends HtmlIngredientProps<'div'> {}
+  export interface HoverCardArrowProps extends HtmlProps<'div'> {}
 </script>
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useHoverCardContext} from './context.svelte.js';
+  import {hoverCardContext} from './context.svelte.js';
 
   let {children, ...props}: HoverCardArrowProps = $props();
 
-  let context = useHoverCardContext();
+  let context = hoverCardContext.get();
 
   let attrs = $derived(mergeProps(props, context.getArrowProps()));
 </script>