ui-ingredients 0.0.52 → 0.0.53

package/dist/accordion/accordion-item-content.svelte

@@ -0,0 +1,55 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+  import type {Action} from 'svelte/action';
+
+  export interface AccordionItemContentProps
+    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {createPresence} from '../presence/create-presence.svelte.js';
+  import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
+  import {reflect} from '@zag-js/svelte';
+  import {
+    getAccordionContext,
+    getAccordionItemPropsContext,
+  } from './avatar-context.svelte.js';
+
+  let {
+    this: e,
+    asChild,
+    children,
+    ...props
+  }: AccordionItemContentProps = $props();
+
+  let accordion = getAccordionContext();
+  let itemProps = getAccordionItemPropsContext();
+  let itemsState = $derived(accordion.getItemState(itemProps));
+
+  let presenceStrategyProps = getPresenceStrategyPropsContext();
+  let presence = createPresence(
+    reflect(() => ({
+      ...presenceStrategyProps,
+      present: itemsState.expanded,
+    })),
+  );
+
+  let mergedProps = $derived(
+    mergeProps(
+      props,
+      accordion.getItemContentProps(itemProps),
+      presence.getPresenceProps(),
+    ),
+  );
+</script>
+
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(presence.ref, mergedProps)}
+  {:else}
+    <div bind:this={e} use:presence.ref {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
+{/if}

package/dist/accordion/accordion-item-content.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { HtmlIngredientProps } from '../types.js';
+import type { Action } from 'svelte/action';
+export interface AccordionItemContentProps extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {
+}
+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 AccordionItemContent: $$__sveltets_2_IsomorphicComponent<AccordionItemContentProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type AccordionItemContent = InstanceType<typeof AccordionItemContent>;
+export default AccordionItemContent;

package/dist/accordion/accordion-item-indicator.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AccordionIndicatorProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {
+    getAccordionContext,
+    getAccordionItemPropsContext,
+  } from './avatar-context.svelte.js';
+
+  let {
+    this: e,
+    asChild,
+    children,
+    ...props
+  }: AccordionIndicatorProps = $props();
+
+  let accordion = getAccordionContext();
+  let itemProps = getAccordionItemPropsContext();
+
+  let mergedProps = $derived(
+    mergeProps(props, accordion.getItemIndicatorProps(itemProps)),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={e} {...mergedProps}>
+    {@render children?.()}
+  </span>
+{/if}

package/dist/accordion/accordion-item-indicator.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface AccordionIndicatorProps 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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const AccordionItemIndicator: $$__sveltets_2_IsomorphicComponent<AccordionIndicatorProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type AccordionItemIndicator = InstanceType<typeof AccordionItemIndicator>;
+export default AccordionItemIndicator;

package/dist/accordion/accordion-item-trigger.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AccordionItemTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {
+    getAccordionContext,
+    getAccordionItemPropsContext,
+  } from './avatar-context.svelte.js';
+
+  let {
+    this: e,
+    asChild,
+    children,
+    ...props
+  }: AccordionItemTriggerProps = $props();
+
+  let accordion = getAccordionContext();
+  let itemProps = getAccordionItemPropsContext();
+
+  let mergedProps = $derived(
+    mergeProps(props, accordion.getItemTriggerProps(itemProps)),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={e} type="button" {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/accordion/accordion-item-trigger.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface AccordionItemTriggerProps 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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const AccordionItemTrigger: $$__sveltets_2_IsomorphicComponent<AccordionItemTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type AccordionItemTrigger = InstanceType<typeof AccordionItemTrigger>;
+export default AccordionItemTrigger;

package/dist/accordion/accordion-item.svelte

@@ -0,0 +1,42 @@
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {ItemProps, ItemState} from '@zag-js/accordion';
+
+  export interface AccordionItemProps
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, ItemState>,
+      ItemProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {createSplitProps} from '@zag-js/utils';
+  import {
+    getAccordionContext,
+    setAccordionItemPropsContext,
+  } from './avatar-context.svelte.js';
+
+  let {this: e, asChild, children, ...props}: AccordionItemProps = $props();
+
+  let accordion = getAccordionContext();
+
+  let [itemProps, localProps] = $derived(
+    createSplitProps<ItemProps>(['value', 'disabled'])(props),
+  );
+
+  let itemState = $derived(accordion.getItemState(itemProps));
+  let mergedProps = $derived(
+    mergeProps(localProps, accordion.getItemProps(itemProps)),
+  );
+
+  setAccordionItemPropsContext(() => itemProps);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, itemState)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.(itemState)}
+  </div>
+{/if}

package/dist/accordion/accordion-item.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign, HtmlIngredientProps } from '../types.js';
+import type { ItemProps, ItemState } from '@zag-js/accordion';
+export interface AccordionItemProps 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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const AccordionItem: $$__sveltets_2_IsomorphicComponent<AccordionItemProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type AccordionItem = InstanceType<typeof AccordionItem>;
+export default AccordionItem;

package/dist/accordion/accordion-root.svelte

@@ -0,0 +1,61 @@
+<script lang="ts" module>
+  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {
+    CreateAccordionProps,
+    CreateAccordionReturn,
+  } from './create-accordion.svelte.js';
+
+  export interface AccordionProps
+    extends Assign<
+        HtmlIngredientProps<'div', HTMLDivElement, CreateAccordionReturn>,
+        CreateAccordionProps
+      >,
+      PresenceStrategyProps {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {setPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {setAccordionContext} from './avatar-context.svelte.js';
+  import {createAccordion} from './create-accordion.svelte.js';
+
+  let {this: e, asChild, children, ...props}: AccordionProps = $props();
+
+  let [presenceStrategyProps, rest] = $derived(
+    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
+      props,
+    ),
+  );
+
+  let [accordionProps, localProps] = $derived(
+    createSplitProps<CreateAccordionProps>([
+      'id',
+      'ids',
+      'value',
+      'disabled',
+      'multiple',
+      'orientation',
+      'collapsible',
+      'onFocusChange',
+      'onValueChange',
+    ])(rest),
+  );
+
+  let accordion = createAccordion(reflect(() => accordionProps));
+
+  let mergedProps = $derived(mergeProps(localProps, accordion.getRootProps()));
+
+  setAccordionContext(accordion);
+  setPresenceStrategyPropsContext(() => presenceStrategyProps);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, accordion)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.(accordion)}
+  </div>
+{/if}

package/dist/accordion/accordion-root.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { PresenceStrategyProps } from '../presence/create-presence.svelte.js';
+import type { Assign, HtmlIngredientProps } from '../types.js';
+import type { CreateAccordionProps, CreateAccordionReturn } from './create-accordion.svelte.js';
+export interface AccordionProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateAccordionReturn>, CreateAccordionProps>, PresenceStrategyProps {
+}
+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 AccordionRoot: $$__sveltets_2_IsomorphicComponent<AccordionProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type AccordionRoot = InstanceType<typeof AccordionRoot>;
+export default AccordionRoot;

package/dist/accordion/accordion.d.ts

@@ -1,5 +1,5 @@
-export { default as ItemContent } from './item-content.svelte';
-export { default as ItemIndicator } from './item-indicator.svelte';
-export { default as ItemTrigger } from './item-trigger.svelte';
-export { default as Item } from './item.svelte';
-export { default as Root } from './root.svelte';
+export { default as ItemContent } from './accordion-item-content.svelte';
+export { default as ItemIndicator } from './accordion-item-indicator.svelte';
+export { default as ItemTrigger } from './accordion-item-trigger.svelte';
+export { default as Item } from './accordion-item.svelte';
+export { default as Root } from './accordion-root.svelte';

package/dist/accordion/accordion.js

@@ -1,5 +1,5 @@
-export { default as ItemContent } from './item-content.svelte';
-export { default as ItemIndicator } from './item-indicator.svelte';
-export { default as ItemTrigger } from './item-trigger.svelte';
-export { default as Item } from './item.svelte';
-export { default as Root } from './root.svelte';
+export { default as ItemContent } from './accordion-item-content.svelte';
+export { default as ItemIndicator } from './accordion-item-indicator.svelte';
+export { default as ItemTrigger } from './accordion-item-trigger.svelte';
+export { default as Item } from './accordion-item.svelte';
+export { default as Root } from './accordion-root.svelte';

package/dist/accordion/create-accordion.svelte.js

@@ -1,5 +1,5 @@
-import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
-import { getLocaleContext } from '../locale-provider/context.svelte.js';
+import { getEnvironmentContext } from '../environment-provider/enviroment-provider-context.svelte.js';
+import { getLocaleContext } from '../locale-provider/local-provider-context.svelte.js';
 import * as accordion from '@zag-js/accordion';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import { uid } from 'uid';

package/dist/accordion/index.d.ts

@@ -1,8 +1,8 @@
 export * as Accordion from './accordion.js';
-export type { AccordionItemContentProps } from './item-content.svelte';
-export type { AccordionIndicatorProps } from './item-indicator.svelte';
-export type { AccordionItemTriggerProps } from './item-trigger.svelte';
-export type { AccordionItemProps } from './item.svelte';
-export type { AccordionProps } from './root.svelte';
+export type { AccordionItemContentProps } from './accordion-item-content.svelte';
+export type { AccordionIndicatorProps } from './accordion-item-indicator.svelte';
+export type { AccordionItemTriggerProps } from './accordion-item-trigger.svelte';
+export type { AccordionItemProps } from './accordion-item.svelte';
+export type { AccordionProps } from './accordion-root.svelte';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
-export { getAccordionContext } from './context.svelte.js';
+export { getAccordionContext } from './avatar-context.svelte.js';

package/dist/accordion/index.js

@@ -1,3 +1,3 @@
 export * as Accordion from './accordion.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
-export { getAccordionContext } from './context.svelte.js';
+export { getAccordionContext } from './avatar-context.svelte.js';

package/dist/avatar/avatar-fallback.svelte

@@ -0,0 +1,25 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AvatarFallbackProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getAvatarContext} from './avatar-context.svelte.js';
+
+  let {this: e, asChild, children, ...props}: AvatarFallbackProps = $props();
+
+  let avatar = getAvatarContext();
+
+  let mergedProps = $derived(mergeProps(props, avatar.getFallbackProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={e} {...mergedProps}>
+    {@render children?.()}
+  </span>
+{/if}

package/dist/avatar/avatar-fallback.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface AvatarFallbackProps 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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const AvatarFallback: $$__sveltets_2_IsomorphicComponent<AvatarFallbackProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type AvatarFallback = InstanceType<typeof AvatarFallback>;
+export default AvatarFallback;

package/dist/avatar/avatar-image.svelte

@@ -0,0 +1,23 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AvatarImageProps
+    extends HtmlIngredientProps<'img', HTMLImageElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getAvatarContext} from './avatar-context.svelte.js';
+
+  let {this: e, asChild, ...props}: AvatarImageProps = $props();
+
+  let avatar = getAvatarContext();
+
+  let mergedProps = $derived(mergeProps(props, avatar.getImageProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <img bind:this={e} {...mergedProps} />
+{/if}

package/dist/avatar/avatar-image.svelte.d.ts

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

package/dist/avatar/avatar-root.svelte

@@ -0,0 +1,41 @@
+<script lang="ts" module>
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import {
+    type CreateAvatarProps,
+    type CreateAvatarReturn,
+  } from './create-avatar.svelte.js';
+
+  export interface AvatarProps
+    extends Assign<
+      HtmlIngredientProps<'div', HTMLDivElement, CreateAvatarReturn>,
+      CreateAvatarProps
+    > {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {setAvatarContext} from './avatar-context.svelte.js';
+  import {createAvatar} from './create-avatar.svelte.js';
+
+  let {this: e, asChild, children, ...props}: AvatarProps = $props();
+
+  let [avatarProps, localProps] = $derived(
+    createSplitProps<CreateAvatarProps>(['id', 'ids', 'onStatusChange'])(props),
+  );
+
+  let avatar = createAvatar(reflect(() => avatarProps));
+
+  let mergedProps = $derived(mergeProps(localProps, avatar.getRootProps()));
+
+  setAvatarContext(avatar);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, avatar)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.(avatar)}
+  </div>
+{/if}

package/dist/avatar/avatar-root.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Assign, HtmlIngredientProps } from '../types.js';
+import { type CreateAvatarProps, type CreateAvatarReturn } from './create-avatar.svelte.js';
+export interface AvatarProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, CreateAvatarReturn>, CreateAvatarProps> {
+}
+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 AvatarRoot: $$__sveltets_2_IsomorphicComponent<AvatarProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type AvatarRoot = InstanceType<typeof AvatarRoot>;
+export default AvatarRoot;

package/dist/avatar/avatar.d.ts

@@ -1,3 +1,3 @@
-export { default as Fallback } from './fallback.svelte';
-export { default as Image } from './image.svelte';
-export { default as Root } from './root.svelte';
+export { default as Fallback } from './avatar-fallback.svelte';
+export { default as Image } from './avatar-image.svelte';
+export { default as Root } from './avatar-root.svelte';

package/dist/avatar/avatar.js

@@ -1,3 +1,3 @@
-export { default as Fallback } from './fallback.svelte';
-export { default as Image } from './image.svelte';
-export { default as Root } from './root.svelte';
+export { default as Fallback } from './avatar-fallback.svelte';
+export { default as Image } from './avatar-image.svelte';
+export { default as Root } from './avatar-root.svelte';

package/dist/avatar/create-avatar.svelte.js

@@ -1,5 +1,5 @@
-import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
-import { getLocaleContext } from '../locale-provider/context.svelte.js';
+import { getEnvironmentContext } from '../environment-provider/enviroment-provider-context.svelte.js';
+import { getLocaleContext } from '../locale-provider/local-provider-context.svelte.js';
 import * as avatar from '@zag-js/avatar';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import { uid } from 'uid';

package/dist/avatar/index.d.ts

@@ -1,6 +1,6 @@
 export * as Avatar from './avatar.js';
-export type { AvatarFallbackProps } from './fallback.svelte';
-export type { AvatarImageProps } from './image.svelte';
-export type { AvatarProps } from './root.svelte';
-export { anatomy as AvatarAnatomy } from '@zag-js/avatar';
-export { getAvatarContext } from './context.svelte.js';
+export type { AvatarFallbackProps } from './avatar-fallback.svelte';
+export type { AvatarImageProps } from './avatar-image.svelte';
+export type { AvatarProps } from './avatar-root.svelte';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { getAvatarContext } from './avatar-context.svelte.js';

package/dist/avatar/index.js

@@ -1,3 +1,3 @@
 export * as Avatar from './avatar.js';
-export { anatomy as AvatarAnatomy } from '@zag-js/avatar';
-export { getAvatarContext } from './context.svelte.js';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { getAvatarContext } from './avatar-context.svelte.js';

package/dist/carousel/carousel-indicator-group.svelte

@@ -0,0 +1,32 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface CarouselIndicatorGroupProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getCarouselContext} from './carousel-context.svelte.js';
+
+  let {
+    this: e,
+    asChild,
+    children,
+    ...props
+  }: CarouselIndicatorGroupProps = $props();
+
+  let carousel = getCarouselContext();
+
+  let mergedProps = $derived(
+    mergeProps(props, carousel.getIndicatorGroupProps()),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div bind:this={e} {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}