ui-ingredients 0.0.8 → 0.0.10

package/dist/dialog/root.svelte

@@ -1,20 +1,26 @@
 <script lang="ts" context="module">
   import type {Snippet} from 'svelte';
-  import type {CreateDialogContextProps, CreateDialogContextReturn} from './context.svelte.js';
+  import type {
+    CreateDialogContextProps,
+    CreateDialogContextReturn,
+  } from './context.svelte.js';
 
-  export interface DialogProps extends OptionalId<CreateDialogContextProps> {
+  export interface DialogProps extends Omit<CreateDialogContextProps, 'id'> {
+    id?: string | null;
     children?: Snippet<[CreateDialogContextReturn]>;
   }
 </script>
 
 <script lang="ts">
-  import type {OptionalId} from '../types.js';
   import {uuid} from '../utils.svelte.js';
   import {createDialogContext, setDialogContext} from './context.svelte.js';
 
-  let {id = uuid(), children, ...props}: DialogProps = $props();
+  let {id, children, ...props}: DialogProps = $props();
 
-  let context = createDialogContext({id, ...props});
+  let context = createDialogContext({
+    id: id ?? uuid(),
+    ...props,
+  });
 
   setDialogContext(context);
 </script>

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

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

package/dist/dialog/title.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface DialogTitleProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface DialogTitleProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface DialogTitleProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface DialogTitleProps extends SvelteHtmlProps<'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> & {

package/dist/dialog/trigger.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface DialogTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {}
+  export interface DialogTriggerProps extends SvelteHtmlProps<'button'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface DialogTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface DialogTriggerProps extends SvelteHtmlProps<'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> & {

package/dist/editable/area.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface EditableAreaProps extends SvelteHtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useEditableContext} from './context.svelte.js';
+
+  let {children, ...props}: EditableAreaProps = $props();
+
+  let context = useEditableContext();
+
+  let attrs = $derived(mergeProps(props, context.getAreaProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface EditableAreaProps extends SvelteHtmlProps<'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 Area: $$__sveltets_2_IsomorphicComponent<EditableAreaProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Area = InstanceType<typeof Area>;
+export default Area;

package/dist/editable/cancel-trigger.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface EditableCancelTriggerProps
+    extends SvelteHtmlProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useEditableContext} from './context.svelte.js';
+
+  let {children, ...props}: EditableCancelTriggerProps = $props();
+
+  let context = useEditableContext();
+
+  let attrs = $derived(mergeProps(props, context.getCancelTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface EditableCancelTriggerProps extends SvelteHtmlProps<'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 CancelTrigger: $$__sveltets_2_IsomorphicComponent<EditableCancelTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type CancelTrigger = InstanceType<typeof CancelTrigger>;
+export default CancelTrigger;

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

@@ -0,0 +1,8 @@
+import * as editable from '@zag-js/editable';
+export interface CreateEditableContextProps extends editable.Context {
+}
+export interface CreateEditableContextReturn extends ReturnType<typeof createEditableContext> {
+}
+export declare function createEditableContext(props: CreateEditableContextProps): any;
+export declare function setEditableContext(value: CreateEditableContextReturn): void;
+export declare function useEditableContext(): CreateEditableContextReturn;

package/dist/editable/context.svelte.js

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

package/dist/editable/control.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface EditableControlProps extends SvelteHtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useEditableContext} from './context.svelte.js';
+
+  let {children, ...props}: EditableControlProps = $props();
+
+  let context = useEditableContext();
+
+  let attrs = $derived(mergeProps(props, context.getControlProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface EditableControlProps extends SvelteHtmlProps<'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 Control: $$__sveltets_2_IsomorphicComponent<EditableControlProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Control = InstanceType<typeof Control>;
+export default Control;

package/dist/editable/edit-trigger.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface EditableEditTriggerProps extends SvelteHtmlProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useEditableContext} from './context.svelte.js';
+
+  let {children, ...props}: EditableEditTriggerProps = $props();
+
+  let context = useEditableContext();
+
+  let attrs = $derived(mergeProps(props, context.getEditTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface EditableEditTriggerProps extends SvelteHtmlProps<'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 EditTrigger: $$__sveltets_2_IsomorphicComponent<EditableEditTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type EditTrigger = InstanceType<typeof EditTrigger>;
+export default EditTrigger;

package/dist/editable/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Area, type EditableAreaProps } from './area.svelte';
+export { default as CancelTrigger, type EditableCancelTriggerProps, } from './cancel-trigger.svelte';
+export { default as Control, type EditableControlProps } from './control.svelte';
+export { default as EditTrigger, type EditableEditTriggerProps, } from './edit-trigger.svelte';
+export { default as Input, type EditableInputProps } from './input.svelte';
+export { default as Label, type EditableLabelProps } from './label.svelte';
+export { default as Preview, type EditablePreviewProps } from './preview.svelte';
+export { default as Root, type EditableProps } from './root.svelte';
+export { default as SubmitTrigger, type EditableSubmitTriggerProps, } from './submit-trigger.svelte';

package/dist/editable/index.js

@@ -0,0 +1,9 @@
+export { default as Area } from './area.svelte';
+export { default as CancelTrigger, } from './cancel-trigger.svelte';
+export { default as Control } from './control.svelte';
+export { default as EditTrigger, } from './edit-trigger.svelte';
+export { default as Input } from './input.svelte';
+export { default as Label } from './label.svelte';
+export { default as Preview } from './preview.svelte';
+export { default as Root } from './root.svelte';
+export { default as SubmitTrigger, } from './submit-trigger.svelte';

package/dist/editable/input.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface EditableInputProps extends SvelteHtmlProps<'input'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useEditableContext} from './context.svelte.js';
+
+  let {...props}: EditableInputProps = $props();
+
+  let context = useEditableContext();
+
+  let attrs = $derived(mergeProps(props, context.getInputProps()));
+</script>
+
+<input {...attrs} />

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface EditableInputProps extends SvelteHtmlProps<'input'> {
+}
+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<EditableInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Input = InstanceType<typeof Input>;
+export default Input;

package/dist/editable/label.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface EditableLabelProps extends SvelteHtmlProps<'label'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useEditableContext} from './context.svelte.js';
+
+  let {children, ...props}: EditableLabelProps = $props();
+
+  let context = useEditableContext();
+
+  let attrs = $derived(mergeProps(props, context.getLabelProps()));
+</script>
+
+<label {...attrs}>
+  {@render children?.()}
+</label>

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface EditableLabelProps extends SvelteHtmlProps<'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<EditableLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/editable/preview.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" context="module">
+  import type {SvelteHtmlProps} from '../types.js';
+
+  export interface EditablePreviewProps extends SvelteHtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {useEditableContext} from './context.svelte.js';
+
+  let {children, ...props}: EditablePreviewProps = $props();
+
+  let context = useEditableContext();
+
+  let attrs = $derived(mergeProps(props, context.getPreviewProps()));
+</script>
+
+<div {...attrs}>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    {context.value}
+  {/if}
+</div>

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface EditablePreviewProps extends SvelteHtmlProps<'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 Preview: $$__sveltets_2_IsomorphicComponent<EditablePreviewProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Preview = InstanceType<typeof Preview>;
+export default Preview;

package/dist/editable/root.svelte

@@ -0,0 +1,29 @@
+<script lang="ts" context="module">
+  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]>;
+  }
+</script>
+
+<script lang="ts">
+  import {uuid} from '../utils.svelte.js';
+  import {createEditableContext, setEditableContext} from './context.svelte.js';
+
+  let {id, children, ...props}: EditableProps = $props();
+
+  let context = createEditableContext({
+    id: id ?? uuid(),
+    ...props,
+  });
+
+  setEditableContext(context);
+</script>
+
+{@render children?.(context)}

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

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

package/dist/editable/submit-trigger.svelte

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

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

@@ -0,0 +1,21 @@
+import type { SvelteHtmlProps } from '../types.js';
+export interface EditableSubmitTriggerProps extends SvelteHtmlProps<'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 SubmitTrigger: $$__sveltets_2_IsomorphicComponent<EditableSubmitTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type SubmitTrigger = InstanceType<typeof SubmitTrigger>;
+export default SubmitTrigger;

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

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface HoverCardArrowTipProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface HoverCardArrowTipProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface HoverCardArrowTipProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface HoverCardArrowTipProps extends SvelteHtmlProps<'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> & {

package/dist/hover-card/arrow.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface HoverCardArrowProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface HoverCardArrowProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface HoverCardArrowProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface HoverCardArrowProps extends SvelteHtmlProps<'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> & {

package/dist/hover-card/content.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface HoverCardContentProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface HoverCardContentProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/hover-card/content.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface HoverCardContentProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface HoverCardContentProps extends SvelteHtmlProps<'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> & {

package/dist/hover-card/index.d.ts

@@ -1,6 +1,6 @@
-export { default as ArrowTip, type HoverCardArrowTipProps } from './arrow-tip.svelte';
+export { default as ArrowTip, type HoverCardArrowTipProps, } from './arrow-tip.svelte';
 export { default as Arrow, type HoverCardArrowProps } from './arrow.svelte';
 export { default as Content, type HoverCardContentProps } from './content.svelte';
-export { default as Positioner, type HoverCardPositionerProps } from './positioner.svelte';
+export { default as Positioner, type HoverCardPositionerProps, } from './positioner.svelte';
 export { default as Root, type HoverCardProps } from './root.svelte';
 export { default as Trigger, type HoverCardTriggerProps } from './trigger.svelte';

package/dist/hover-card/index.js

@@ -1,6 +1,6 @@
-export { default as ArrowTip } from './arrow-tip.svelte';
+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 Positioner, } from './positioner.svelte';
 export { default as Root } from './root.svelte';
 export { default as Trigger } from './trigger.svelte';