ui-ingredients 0.0.10 → 0.0.11

package/dist/combobox/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/combobox';
   import type {Snippet} from 'svelte';
 
   export interface ComboboxItemProps
-    extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, ItemProps> {
+    extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, ItemProps> {
     children?: Snippet<[state: ItemState]>;
   }
 </script>

package/dist/combobox/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/combobox';
 import type { Snippet } from 'svelte';
-export interface ComboboxItemProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, ItemProps> {
+export interface ComboboxItemProps extends Assign<Omit<HtmlIngredientProps<'div'>, '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/combobox/label.svelte

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

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

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

package/dist/combobox/list.svelte

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

package/dist/combobox/list.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface ComboboxListProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface ComboboxListProps 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/combobox/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 ComboboxPositionerProps extends SvelteHtmlProps<'div'> {}
+  export interface ComboboxPositionerProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface ComboboxPositionerProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface ComboboxPositionerProps 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/combobox/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 {
     CreateComboboxContextProps,
@@ -8,7 +8,7 @@
 
   export interface ComboboxProps<T>
     extends Assign<
-      Omit<SvelteHtmlProps<'div'>, 'children'>,
+      Omit<HtmlIngredientProps<'div'>, 'children'>,
       Omit<CreateComboboxContextProps<T>, 'id'>
     > {
     children?: Snippet<[context: CreateComboboxContextReturn]>;

package/dist/combobox/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 { CreateComboboxContextProps, CreateComboboxContextReturn } from './context.svelte.js';
-export interface ComboboxProps<T> extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreateComboboxContextProps<T>, 'id'>> {
+export interface ComboboxProps<T> extends Assign<Omit<HtmlIngredientProps<'div'>, 'children'>, Omit<CreateComboboxContextProps<T>, 'id'>> {
     children?: Snippet<[context: CreateComboboxContextReturn]>;
 }
 declare class __sveltets_Render<T> {

package/dist/combobox/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 ComboboxTriggerProps extends SvelteHtmlProps<'button'> {}
+  export interface ComboboxTriggerProps extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">

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

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

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

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface DialogBackdropProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface DialogBackdropProps 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/dialog/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 DialogCloseTriggerProps extends SvelteHtmlProps<'button'> {}
+  export interface DialogCloseTriggerProps
+    extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface DialogCloseTriggerProps extends SvelteHtmlProps<'button'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface DialogCloseTriggerProps 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/dialog/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 DialogContentProps extends SvelteHtmlProps<'div'> {}
+  export interface DialogContentProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface DialogContentProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface DialogContentProps 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/dialog/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 DialogDescriptionProps extends SvelteHtmlProps<'div'> {}
+  export interface DialogDescriptionProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

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

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

@@ -0,0 +1,8 @@
+export { default as Backdrop } from './backdrop.svelte';
+export { default as CloseTrigger } from './close-trigger.svelte';
+export { default as Content } from './content.svelte';
+export { default as Description } from './description.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as Title } from './title.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/dialog/dialog.js

@@ -0,0 +1,8 @@
+export { default as Backdrop } from './backdrop.svelte';
+export { default as CloseTrigger } from './close-trigger.svelte';
+export { default as Content } from './content.svelte';
+export { default as Description } from './description.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as Title } from './title.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/dialog/index.d.ts

@@ -1,8 +1,10 @@
-export { default as Backdrop, type DialogBackdropProps } from './backdrop.svelte';
-export { default as CloseTrigger, type DialogCloseTriggerProps, } from './close-trigger.svelte';
-export { default as Content, type DialogContentProps } from './content.svelte';
-export { default as Description, type DialogDescriptionProps, } from './description.svelte';
-export { default as Positioner, type DialogPositionerProps, } from './positioner.svelte';
-export { default as Root, type DialogProps } from './root.svelte';
-export { default as Title, type DialogTitleProps } from './title.svelte';
-export { default as Trigger, type DialogTriggerProps } from './trigger.svelte';
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';
+export type { DialogBackdropProps } from './backdrop.svelte';
+export type { DialogCloseTriggerProps } from './close-trigger.svelte';
+export type { DialogContentProps } from './content.svelte';
+export type { DialogDescriptionProps } from './description.svelte';
+export * as Dialog from './dialog.js';
+export type { DialogPositionerProps } from './positioner.svelte';
+export type { DialogProps } from './root.svelte';
+export type { DialogTitleProps } from './title.svelte';
+export type { DialogTriggerProps } from './trigger.svelte';

package/dist/dialog/index.js

@@ -1,8 +1,2 @@
-export { default as Backdrop } from './backdrop.svelte';
-export { default as CloseTrigger, } from './close-trigger.svelte';
-export { default as Content } from './content.svelte';
-export { default as Description, } from './description.svelte';
-export { default as Positioner, } from './positioner.svelte';
-export { default as Root } from './root.svelte';
-export { default as Title } from './title.svelte';
-export { default as Trigger } from './trigger.svelte';
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';
+export * as Dialog from './dialog.js';

package/dist/dialog/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 DialogPositionerProps extends SvelteHtmlProps<'div'> {}
+  export interface DialogPositionerProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface DialogPositionerProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface DialogPositionerProps 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/dialog/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 DialogTitleProps extends SvelteHtmlProps<'div'> {}
+  export interface DialogTitleProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface DialogTitleProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface DialogTitleProps 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/dialog/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 DialogTriggerProps extends SvelteHtmlProps<'button'> {}
+  export interface DialogTriggerProps extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import type { SvelteHtmlProps } from '../types.js';
-export interface EditableControlProps extends SvelteHtmlProps<'div'> {
+import type { HtmlIngredientProps } from '../types.js';
+export interface EditableControlProps 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/editable/edit-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 EditableEditTriggerProps extends SvelteHtmlProps<'button'> {}
+  export interface EditableEditTriggerProps
+    extends HtmlIngredientProps<'button'> {}
 </script>
 
 <script lang="ts">

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

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

@@ -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/editable.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/index.d.ts

@@ -1,9 +1,11 @@
-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';
+export { anatomy as editableAnatomy } from '@zag-js/editable';
+export type { EditableAreaProps } from './area.svelte';
+export type { EditableCancelTriggerProps } from './cancel-trigger.svelte';
+export type { EditableControlProps } from './control.svelte';
+export type { EditableEditTriggerProps } from './edit-trigger.svelte';
+export * as Editable from './editable.js';
+export type { EditableInputProps } from './input.svelte';
+export type { EditableLabelProps } from './label.svelte';
+export type { EditablePreviewProps } from './preview.svelte';
+export type { EditableProps } from './root.svelte';
+export type { EditableSubmitTriggerProps } from './submit-trigger.svelte';

package/dist/editable/index.js

@@ -1,9 +1,2 @@
-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';
+export { anatomy as editableAnatomy } from '@zag-js/editable';
+export * as Editable from './editable.js';

package/dist/editable/input.svelte

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

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

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

package/dist/editable/label.svelte

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

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

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

package/dist/editable/preview.svelte

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

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

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

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

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

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

package/dist/hover-card/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 HoverCardArrowTipProps extends SvelteHtmlProps<'div'> {}
+  export interface HoverCardArrowTipProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">

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

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

package/dist/hover-card/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 HoverCardArrowProps extends SvelteHtmlProps<'div'> {}
+  export interface HoverCardArrowProps extends HtmlIngredientProps<'div'> {}
 </script>
 
 <script lang="ts">