ui-ingredients 0.0.50 → 0.0.51

package/dist/tour/progress-text.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourProgressTextProps extends HtmlIngredientProps<'span'> {
+export interface TourProgressTextProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
 }
 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/tour/skip-trigger.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface TourSkipTriggerProps extends HtmlIngredientProps<'button'> {}
+  export interface TourSkipTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
 </script>
 
 <script lang="ts">

package/dist/tour/skip-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourSkipTriggerProps extends HtmlIngredientProps<'button'> {
+export interface TourSkipTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
 }
 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/tour/spotlight.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface TourSpotlightProps extends HtmlIngredientProps<'div'> {}
+  export interface TourSpotlightProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/tour/spotlight.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourSpotlightProps extends HtmlIngredientProps<'div'> {
+export interface TourSpotlightProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 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/tour/title.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface TourTitleProps extends HtmlIngredientProps<'h2'> {}
+  export interface TourTitleProps
+    extends HtmlIngredientProps<'h2', HTMLHeadingElement> {}
 </script>
 
 <script lang="ts">

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

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TourTitleProps extends HtmlIngredientProps<'h2'> {
+export interface TourTitleProps extends HtmlIngredientProps<'h2', HTMLHeadingElement> {
 }
 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/tree-view/branch-content.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface TreeViewBranchContentProps
-    extends HtmlIngredientProps<'div'> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/branch-content.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewBranchContentProps extends HtmlIngredientProps<'div'> {
+export interface TreeViewBranchContentProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 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/tree-view/branch-control.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface TreeViewBranchControlProps
-    extends HtmlIngredientProps<'div'> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/branch-control.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewBranchControlProps extends HtmlIngredientProps<'div'> {
+export interface TreeViewBranchControlProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 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/tree-view/branch-indicator.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface TreeViewBranchIndicatorProps
-    extends HtmlIngredientProps<'span'> {}
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/branch-indicator.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewBranchIndicatorProps extends HtmlIngredientProps<'span'> {
+export interface TreeViewBranchIndicatorProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
 }
 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/tree-view/branch-text.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface TreeViewBranchTextProps
-    extends HtmlIngredientProps<'span'> {}
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/branch-text.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewBranchTextProps extends HtmlIngredientProps<'span'> {
+export interface TreeViewBranchTextProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
 }
 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/tree-view/branch-trigger.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface TreeViewBranchTriggerProps
-    extends HtmlIngredientProps<'div'> {}
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/branch-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewBranchTriggerProps extends HtmlIngredientProps<'div'> {
+export interface TreeViewBranchTriggerProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 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/tree-view/branch.svelte

@@ -3,7 +3,10 @@
   import type {BranchProps, BranchState} from '@zag-js/tree-view';
 
   export interface TreeViewBranchProps
-    extends Assign<HtmlIngredientProps<'div', BranchState>, BranchProps> {}
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, BranchState>,
+      BranchProps
+    > {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/branch.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { BranchProps, BranchState } from '@zag-js/tree-view';
-export interface TreeViewBranchProps extends Assign<HtmlIngredientProps<'div', BranchState>, BranchProps> {
+export interface TreeViewBranchProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, BranchState>, BranchProps> {
 }
 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/tree-view/item-indicator.svelte

@@ -2,7 +2,7 @@
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface TreeViewItemIndicatorProps
-    extends HtmlIngredientProps<'span'> {}
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/item-indicator.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewItemIndicatorProps extends HtmlIngredientProps<'span'> {
+export interface TreeViewItemIndicatorProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
 }
 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/tree-view/item-text.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface TreeViewItemTextProps extends HtmlIngredientProps<'span'> {}
+  export interface TreeViewItemTextProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/item-text.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewItemTextProps extends HtmlIngredientProps<'span'> {
+export interface TreeViewItemTextProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
 }
 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/tree-view/item.svelte

@@ -3,7 +3,10 @@
   import type {ItemProps, ItemState} from '@zag-js/tree-view';
 
   export interface TreeViewItemProps
-    extends Assign<HtmlIngredientProps<'div', ItemState>, ItemProps> {}
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, ItemState>,
+      ItemProps
+    > {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/item.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps, ItemState } from '@zag-js/tree-view';
-export interface TreeViewItemProps extends Assign<HtmlIngredientProps<'div', ItemState>, ItemProps> {
+export interface TreeViewItemProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, ItemState>, ItemProps> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/tree-view/label.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface TreeViewLabelProps extends HtmlIngredientProps<'span'> {}
+  export interface TreeViewLabelProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/label.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewLabelProps extends HtmlIngredientProps<'span'> {
+export interface TreeViewLabelProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
 }
 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/tree-view/root.svelte

@@ -7,7 +7,7 @@
 
   export interface TreeViewProps
     extends Assign<
-      HtmlIngredientProps<'div', CreateTreeViewReturn>,
+      HtmlIngredientProps<'div', HTMLDivElement, CreateTreeViewReturn>,
       CreateTreeViewProps
     > {}
 </script>

package/dist/tree-view/root.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { CreateTreeViewProps, CreateTreeViewReturn } from './create-tree-view.svelte.js';
-export interface TreeViewProps extends Assign<HtmlIngredientProps<'div', CreateTreeViewReturn>, CreateTreeViewProps> {
+export interface TreeViewProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateTreeViewReturn>, CreateTreeViewProps> {
 }
 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/tree-view/tree.svelte

@@ -1,7 +1,8 @@
 <script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
-  export interface TreeViewTreeProps extends HtmlIngredientProps<'div'> {}
+  export interface TreeViewTreeProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
 </script>
 
 <script lang="ts">

package/dist/tree-view/tree.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HtmlIngredientProps } from '../types.js';
-export interface TreeViewTreeProps extends HtmlIngredientProps<'div'> {
+export interface TreeViewTreeProps extends HtmlIngredientProps<'div', HTMLDivElement> {
 }
 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/types.d.ts

@@ -7,17 +7,15 @@ export type SvelteHTMLElement = keyof {
     [K in keyof SvelteHTMLElements as string extends K ? never : number extends K ? never : K]: string;
 };
 export type HtmlProps<TElement extends SvelteHTMLElement> = SvelteHTMLElements[TElement];
-type AsChildWithAction<TAction extends Action, TContext = never> = [
-    TContext
-] extends [never] ? Snippet<[action: TAction, attrs: GenericObject]> : Snippet<[action: TAction, attrs: GenericObject, context: TContext]>;
+type AsChildWithAction<TAction extends Action, TContext extends GenericObject = never> = [TContext] extends [never] ? Snippet<[action: TAction, attrs: GenericObject]> : Snippet<[action: TAction, attrs: GenericObject, context: TContext]>;
 type AsChildWithoutRef<TContext = never> = [TContext] extends [never] ? Snippet<[attrs: GenericObject]> : Snippet<[attrs: GenericObject, context: TContext]>;
-export type AsChild<TAction extends Action, Context = never> = [
-    TAction
-] extends [never] ? AsChildWithoutRef<Context> : AsChildWithAction<TAction, Context>;
-type Children<TContext = never> = [TContext] extends [never] ? Snippet : Snippet<[context: TContext]>;
+export type AsChild<TAction extends Action, Context extends GenericObject = never> = [TAction] extends [never] ? AsChildWithoutRef<Context> : AsChildWithAction<TAction, Context>;
+type Children<TContext extends GenericObject = never> = [TContext] extends [
+    never
+] ? Snippet : Snippet<[context: TContext]>;
 type PropsWithoutChildren<T> = Omit<T, 'children'>;
-export type HtmlIngredientProps<TElement extends SvelteHTMLElement, TContext = never, TAction extends Action = never> = PropsWithoutChildren<HtmlProps<TElement>> & {
-    this?: any;
+export type HtmlIngredientProps<TElement extends SvelteHTMLElement, TThis extends HTMLElement | SVGCircleElement | SVGSVGElement | SVGPathElement = HTMLElement, TContext extends GenericObject = never, TAction extends Action = never> = PropsWithoutChildren<HtmlProps<TElement>> & {
+    this?: TThis | null;
     asChild?: AsChild<TAction, TContext>;
     children?: Children<TContext>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",