ui-ingredients 0.0.10 → 0.0.11

package/dist/timer/separator.svelte

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

package/dist/timer/separator.svelte.d.ts

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

@@ -0,0 +1,6 @@
+export { default as ActionTrigger } from './action-trigger.svelte';
+export { default as ItemLabel } from './item-label.svelte';
+export { default as ItemValue } from './item-value.svelte';
+export { default as Item } from './item.svelte';
+export { default as Root } from './root.svelte';
+export { default as Separator } from './separator.svelte';

package/dist/timer/timer.js

@@ -0,0 +1,6 @@
+export { default as ActionTrigger } from './action-trigger.svelte';
+export { default as ItemLabel } from './item-label.svelte';
+export { default as ItemValue } from './item-value.svelte';
+export { default as Item } from './item.svelte';
+export { default as Root } from './root.svelte';
+export { default as Separator } from './separator.svelte';

package/dist/toast/action-trigger.svelte

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

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface ToastActionTriggerProps extends SvelteHtmlProps<'button'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface ToastActionTriggerProps 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> & {

package/dist/toast/close-trigger.svelte

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

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface ToastCloseTriggerProps extends SvelteHtmlProps<'button'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface ToastCloseTriggerProps 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> & {

package/dist/toast/description.svelte

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

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

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

package/dist/toast/index.d.ts

@@ -1,4 +1,9 @@
+export { anatomy as toastAnatomy } from '@zag-js/toast';
+export { type ToastActionTriggerProps } from './action-trigger.svelte';
+export { type ToastCloseTriggerProps } from './close-trigger.svelte';
 export { default as createToaster, type CreateToasterProps, type CreateToasterReturn, } from './create-toaster.svelte.js';
+export { type ToastDescriptionProps } from './description.svelte';
+export { type ToastProps } from './root.svelte';
+export { type ToastTitleProps } from './title.svelte';
 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

@@ -1,3 +1,9 @@
+export { anatomy as toastAnatomy } from '@zag-js/toast';
+export {} from './action-trigger.svelte';
+export {} from './close-trigger.svelte';
 export { default as createToaster, } from './create-toaster.svelte.js';
+export {} from './description.svelte';
+export {} from './root.svelte';
+export {} from './title.svelte';
 export * as Toast from './toast.js';
 export { default as Toaster } from './toaster.svelte';

package/dist/toast/root.svelte

@@ -1,9 +1,10 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
   import type {Snippet} from 'svelte';
   import type {CreateToastContextReturn} from './context.svelte.js';
 
-  export interface ToastProps extends Omit<SvelteHtmlProps<'div'>, 'children'> {
+  export interface ToastProps
+    extends Omit<HtmlIngredientProps<'div'>, 'children'> {
     children?: Snippet<[context: CreateToastContextReturn]>;
   }
 </script>

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

@@ -1,7 +1,7 @@
-import type { SvelteHtmlProps } from '../types.js';
+import type { HtmlIngredientProps } from '../types.js';
 import type { Snippet } from 'svelte';
 import type { CreateToastContextReturn } from './context.svelte.js';
-export interface ToastProps extends Omit<SvelteHtmlProps<'div'>, 'children'> {
+export interface ToastProps extends Omit<HtmlIngredientProps<'div'>, 'children'> {
     children?: Snippet<[context: 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> {

package/dist/toast/title.svelte

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

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

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

package/dist/toast/toaster.svelte

@@ -1,11 +1,11 @@
 <script lang="ts" context="module">
-  import type {SvelteHtmlProps} from '../types.js';
+  import type {HtmlIngredientProps} from '../types.js';
   import type {Snippet} from 'svelte';
   import type {CreateToastContextReturn} from './context.svelte.js';
   import type {CreateToasterReturn} from './create-toaster.svelte.js';
 
   export interface ToasterProps
-    extends Omit<SvelteHtmlProps<'div'>, 'children'> {
+    extends Omit<HtmlIngredientProps<'div'>, 'children'> {
     toaster: CreateToasterReturn;
     children: Snippet<[CreateToastContextReturn]>;
   }

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

@@ -1,8 +1,8 @@
-import type { SvelteHtmlProps } from '../types.js';
+import type { HtmlIngredientProps } from '../types.js';
 import type { Snippet } from 'svelte';
 import type { CreateToastContextReturn } from './context.svelte.js';
 import type { CreateToasterReturn } from './create-toaster.svelte.js';
-export interface ToasterProps extends Omit<SvelteHtmlProps<'div'>, 'children'> {
+export interface ToasterProps extends Omit<HtmlIngredientProps<'div'>, 'children'> {
     toaster: CreateToasterReturn;
     children: Snippet<[CreateToastContextReturn]>;
 }

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

@@ -1,2 +1,4 @@
-export { default as Item, type ToggleGroupItemProps } from './item.svelte';
-export { default as Root, type ToggleGroupProps } from './root.svelte';
+export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
+export type { ToggleGroupItemProps } from './item.svelte';
+export type { ToggleGroupProps } from './root.svelte';
+export * as ToggleGroup from './toggle-group.js';

package/dist/toggle-group/index.js

@@ -1,2 +1,2 @@
-export { default as Item } from './item.svelte';
-export { default as Root } from './root.svelte';
+export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';
+export * as ToggleGroup from './toggle-group.js';

package/dist/toggle-group/item.svelte

@@ -1,10 +1,10 @@
 <script lang="ts" context="module">
-  import type {Assign, SvelteHtmlProps} from '../types.js';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {ItemProps, ItemState} from '@zag-js/toggle-group';
   import type {Snippet} from 'svelte';
 
   export interface ToggleGroupItemProps
-    extends Assign<Omit<SvelteHtmlProps<'button'>, 'children'>, ItemProps> {
+    extends Assign<Omit<HtmlIngredientProps<'button'>, 'children'>, ItemProps> {
     children?: Snippet<[state: ItemState]>;
   }
 </script>

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

@@ -1,7 +1,7 @@
-import type { Assign, SvelteHtmlProps } from '../types.js';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { ItemProps, ItemState } from '@zag-js/toggle-group';
 import type { Snippet } from 'svelte';
-export interface ToggleGroupItemProps extends Assign<Omit<SvelteHtmlProps<'button'>, 'children'>, ItemProps> {
+export interface ToggleGroupItemProps extends Assign<Omit<HtmlIngredientProps<'button'>, 'children'>, ItemProps> {
     children?: Snippet<[state: ItemState]>;
 }
 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> {

package/dist/toggle-group/root.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-  import type {Assign, SvelteHtmlProps} from '../types.js';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
   import type {Snippet} from 'svelte';
   import type {
     CreateToggleGroupContextProps,
@@ -8,7 +8,7 @@
 
   export interface ToggleGroupProps
     extends Assign<
-      Omit<SvelteHtmlProps<'div'>, 'children'>,
+      Omit<HtmlIngredientProps<'div'>, 'children'>,
       Omit<CreateToggleGroupContextProps, 'id'>
     > {
     children?: Snippet<[context: CreateToggleGroupContextReturn]>;

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

@@ -1,7 +1,7 @@
-import type { Assign, SvelteHtmlProps } from '../types.js';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { Snippet } from 'svelte';
 import type { CreateToggleGroupContextProps, CreateToggleGroupContextReturn } from './context.svelte.js';
-export interface ToggleGroupProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreateToggleGroupContextProps, 'id'>> {
+export interface ToggleGroupProps extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, Omit<CreateToggleGroupContextProps, 'id'>> {
     children?: Snippet<[context: 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> {

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

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

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

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

package/dist/tooltip/arrow-tip.svelte

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

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

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

package/dist/tooltip/arrow.svelte

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

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

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

package/dist/tooltip/content.svelte

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

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

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

package/dist/tooltip/index.d.ts

@@ -1,6 +1,8 @@
-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';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+export type { TooltipArrowTipProps } from './arrow-tip.svelte';
+export type { TooltipArrowProps } from './arrow.svelte';
+export type { TooltipContentProps } from './content.svelte';
+export type { TooltipPositionerProps } from './positioner.svelte';
+export type { TooltipProps } from './root.svelte';
+export * as Tooltip from './tooltip.js';
+export type { TooltipTriggerProps } from './trigger.svelte';

package/dist/tooltip/index.js

@@ -1,6 +1,2 @@
-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';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+export * as Tooltip from './tooltip.js';

package/dist/tooltip/positioner.svelte

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

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

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

package/dist/tooltip/tooltip.d.ts

@@ -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/tooltip.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/trigger.svelte

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

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface TooltipTriggerProps extends SvelteHtmlProps<'button'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface TooltipTriggerProps 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> & {

package/dist/types.d.ts

@@ -3,6 +3,10 @@ export type Assign<Target, Source> = Omit<Target, keyof Source> & Source;
 type KnownKeys<T> = keyof {
     [K in keyof T as string extends K ? never : number extends K ? never : K]: string;
 };
-type SvelteHtmlPropKeys = KnownKeys<SvelteHTMLElements>;
-export type SvelteHtmlProps<T extends SvelteHtmlPropKeys> = Assign<SvelteHTMLElements[T], {}>;
+interface IngredientProps {
+    /** TODO */
+    asChild?: never;
+}
+type IntrinsicElements = KnownKeys<SvelteHTMLElements>;
+export type HtmlIngredientProps<T extends IntrinsicElements> = Assign<SvelteHTMLElements[T], IngredientProps>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -121,6 +121,7 @@
     "@zag-js/toast": "0.65.1",
     "@zag-js/toggle-group": "0.65.1",
     "@zag-js/tooltip": "0.65.1",
+    "@zag-js/tree-view": "0.65.1",
     "nanoid": "5.0.7"
   },
   "peerDependencies": {