ui-ingredients 0.3.0 → 0.4.0

package/README.md

@@ -43,7 +43,10 @@ npm install ui-ingredients
 ## Documentation
 
 - [Accordion](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/accordion.md)
+- [Alert](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/alert.md)
+- [AlertDialog](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/alert-dialog.md)
 - [Avatar](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/avatar.md)
+- [Breadcrumbs](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/breadcrumbs.md)
 - [Carousel](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/carousel.md)
 - [Checkbox](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/checkbox.md)
 - [Clipboard](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/clipboard.md)
@@ -52,6 +55,7 @@ npm install ui-ingredients
 - [Combobox](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/combobox.md)
 - [DatePicker](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/date-picker.md)
 - [Dialog](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/dialog.md)
+- [Drawer](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/drawer.md)
 - [Editable](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/editable.md)
 - [Field](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/field.md)
 - [FileUpload](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/file-upload.md)

package/dist/accordion/avatar-context.svelte.js

@@ -1,3 +1,3 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getAccordionContext, setAccordionContext] = createContext('Accordion');
-export const [getAccordionItemPropsContext, setAccordionItemPropsContext] = createContext('AccordionItem');
+export const [getAccordionItemPropsContext, setAccordionItemPropsContext] = createContext('AccordionItem  [PROPS]');

package/dist/alert/alert-anatomy.d.ts

@@ -0,0 +1,2 @@
+export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"title" | "description" | "root" | "indicator">;
+export declare const parts: Record<"title" | "description" | "root" | "indicator", import("@zag-js/anatomy").AnatomyPart>;

package/dist/alert/alert-anatomy.js

@@ -0,0 +1,3 @@
+import { createAnatomy } from '@zag-js/anatomy';
+export const anatomy = createAnatomy('alert').parts('root', 'title', 'description', 'indicator');
+export const parts = anatomy.build();

package/dist/alert/alert-context.d.ts

@@ -0,0 +1,2 @@
+import type { CreateAlertReturn } from './create-alert.svelte.js';
+export declare const getAlertContext: () => CreateAlertReturn, setAlertContext: (context: CreateAlertReturn | (() => CreateAlertReturn)) => void;

package/dist/alert/alert-context.js

@@ -0,0 +1,2 @@
+import { createContext } from '../create-context.svelte.js';
+export const [getAlertContext, setAlertContext] = createContext('Alert');

package/dist/alert/alert-description.svelte

@@ -0,0 +1,25 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDescriptionProps
+    extends HtmlIngredientProps<'p', HTMLParagraphElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getAlertContext} from './alert-context.js';
+
+  let {ref, asChild, children, ...props}: AlertDescriptionProps = $props();
+
+  let alert = getAlertContext();
+
+  let attrs = $derived(mergeProps(alert.getDescriptionProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <p bind:this={ref} {...attrs}>
+    {@render children?.()}
+  </p>
+{/if}

package/dist/alert/alert-description.svelte.d.ts

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

package/dist/alert/alert-indicator.svelte

@@ -0,0 +1,25 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertIndicatorProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getAlertContext} from './alert-context.js';
+
+  let {ref, asChild, children, ...props}: AlertIndicatorProps = $props();
+
+  let alert = getAlertContext();
+
+  let attrs = $derived(mergeProps(alert.getIndicatorProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <span bind:this={ref} {...attrs}>
+    {@render children?.()}
+  </span>
+{/if}

package/dist/alert/alert-indicator.svelte.d.ts

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

package/dist/alert/alert-root.svelte

@@ -0,0 +1,29 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+  import type {CreateAlertReturn} from './create-alert.svelte.js';
+
+  export interface AlertProps
+    extends HtmlIngredientProps<'div', HTMLDivElement, CreateAlertReturn> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {setAlertContext} from './alert-context.js';
+  import {createAlert} from './create-alert.svelte.js';
+
+  let {ref, asChild, children, ...props}: AlertProps = $props();
+
+  let alert = createAlert();
+
+  let attrs = $derived(mergeProps(alert.getRootProps(), props));
+
+  setAlertContext(alert);
+</script>
+
+{#if asChild}
+  {@render asChild(attrs, alert)}
+{:else}
+  <div bind:this={ref} {...attrs}>
+    {@render children?.(alert)}
+  </div>
+{/if}

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

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

package/dist/alert/alert-title.svelte

@@ -0,0 +1,25 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertTitleProps
+    extends HtmlIngredientProps<'h2', HTMLHeadingElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getAlertContext} from './alert-context.js';
+
+  let {ref, asChild, children, ...props}: AlertTitleProps = $props();
+
+  let alert = getAlertContext();
+
+  let attrs = $derived(mergeProps(alert.getTitleProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <h2 bind:this={ref} {...attrs}>
+    {@render children?.()}
+  </h2>
+{/if}

package/dist/alert/alert-title.svelte.d.ts

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

package/dist/alert/alert.d.ts

@@ -0,0 +1,4 @@
+export { default as Description } from './alert-description.svelte';
+export { default as Indicator } from './alert-indicator.svelte';
+export { default as Root } from './alert-root.svelte';
+export { default as Title } from './alert-title.svelte';

package/dist/alert/alert.js

@@ -0,0 +1,4 @@
+export { default as Description } from './alert-description.svelte';
+export { default as Indicator } from './alert-indicator.svelte';
+export { default as Root } from './alert-root.svelte';
+export { default as Title } from './alert-title.svelte';

package/dist/alert/create-alert.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'svelte/elements';
+export interface CreateAlertReturn {
+    getRootProps(): HTMLAttributes<HTMLElement>;
+    getTitleProps(): HTMLAttributes<HTMLElement>;
+    getDescriptionProps(): HTMLAttributes<HTMLElement>;
+    getIndicatorProps(): HTMLAttributes<HTMLElement>;
+}
+export declare function createAlert(): CreateAlertReturn;

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

@@ -0,0 +1,31 @@
+import { parts } from './alert-anatomy.js';
+export function createAlert() {
+    function getRootProps() {
+        return {
+            role: 'alert',
+            ...parts.root.attrs,
+        };
+    }
+    function getTitleProps() {
+        return {
+            ...parts.title.attrs,
+        };
+    }
+    function getDescriptionProps() {
+        return {
+            ...parts.description.attrs,
+        };
+    }
+    function getIndicatorProps() {
+        return {
+            'aria-hidden': true,
+            ...parts.indicator.attrs,
+        };
+    }
+    return {
+        getRootProps,
+        getTitleProps,
+        getDescriptionProps,
+        getIndicatorProps,
+    };
+}

package/dist/alert/index.d.ts

@@ -0,0 +1,7 @@
+export * as Alert from './alert.js';
+export type { AlertDescriptionProps } from './alert-description.svelte';
+export type { AlertIndicatorProps } from './alert-indicator.svelte';
+export type { AlertProps } from './alert-root.svelte';
+export type { AlertTitleProps } from './alert-title.svelte';
+export { anatomy as alertAnatomy } from './alert-anatomy.js';
+export { getAlertContext } from './alert-context.js';

package/dist/alert/index.js

@@ -0,0 +1,3 @@
+export * as Alert from './alert.js';
+export { anatomy as alertAnatomy } from './alert-anatomy.js';
+export { getAlertContext } from './alert-context.js';

package/dist/alert-dialog/alert-dialog-anatomy.d.ts

@@ -0,0 +1,2 @@
+export declare const anatomy: import("@zag-js/anatomy").Anatomy<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger">;
+export declare const parts: Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger", import("@zag-js/anatomy").AnatomyPart>;

package/dist/alert-dialog/alert-dialog-anatomy.js

@@ -0,0 +1,3 @@
+import { anatomy as _ } from '@zag-js/dialog';
+export const anatomy = _.rename('alertdialog');
+export const parts = anatomy.build();

package/dist/alert-dialog/alert-dialog-backdrop.svelte

@@ -0,0 +1,49 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+  import type {Action} from 'svelte/action';
+
+  export interface AlertDialogBackdropProps
+    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 {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogBackdropProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+  let presenceStrategyProps = getPresenceStrategyPropsContext();
+  let presence = createPresence(
+    reflect(() => ({
+      ...presenceStrategyProps,
+      present: alertDialog.open,
+    })),
+  );
+
+  let mergedProps = $derived(
+    mergeProps(
+      alertDialog.getBackdropProps(),
+      presence.getPresenceProps(),
+      props,
+    ),
+  );
+</script>
+
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(presence.setReference, mergedProps)}
+  {:else}
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
+{/if}

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

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

package/dist/alert-dialog/alert-dialog-close-trigger.svelte

@@ -0,0 +1,32 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDialogCloseTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogCloseTriggerProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+
+  let mergedProps = $derived(
+    mergeProps(alertDialog.getCloseTriggerProps(), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={ref} type="button" {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

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

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

package/dist/alert-dialog/alert-dialog-content.svelte

@@ -0,0 +1,41 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+  import type {Action} from 'svelte/action';
+
+  export interface AlertDialogContentProps
+    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getPresenceContext} from '../presence/presence-context.svelte.js';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogContentProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+  let presence = getPresenceContext();
+
+  let mergedProps = $derived(
+    mergeProps(
+      alertDialog.getContentProps(),
+      presence.getPresenceProps(),
+      props,
+    ),
+  );
+</script>
+
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(presence.setReference, mergedProps)}
+  {:else}
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
+{/if}

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

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

package/dist/alert-dialog/alert-dialog-context.svelte.d.ts

@@ -0,0 +1,2 @@
+import type { CreateAlertDialogReturn } from './create-alert-dialog.svelte.js';
+export declare const getAlertDialogContext: () => CreateAlertDialogReturn, setAlertDialogContext: (context: CreateAlertDialogReturn | (() => CreateAlertDialogReturn)) => void;

package/dist/alert-dialog/alert-dialog-context.svelte.js

@@ -0,0 +1,2 @@
+import { createContext } from '../create-context.svelte.js';
+export const [getAlertDialogContext, setAlertDialogContext] = createContext('AlertDialog');

package/dist/alert-dialog/alert-dialog-description.svelte

@@ -0,0 +1,32 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDialogDescriptionProps
+    extends HtmlIngredientProps<'p', HTMLParagraphElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogDescriptionProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+
+  let mergedProps = $derived(
+    mergeProps(alertDialog.getDescriptionProps(), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <p bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </p>
+{/if}

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

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

package/dist/alert-dialog/alert-dialog-positioner.svelte

@@ -0,0 +1,40 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface AlertDialogPositionerProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getPresenceContext} from '../presence/presence-context.svelte.js';
+  import {getAlertDialogContext} from './alert-dialog-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: AlertDialogPositionerProps = $props();
+
+  let alertDialog = getAlertDialogContext();
+  let presence = getPresenceContext();
+
+  let mergedProps = $derived(
+    mergeProps(
+      alertDialog.getPositionerProps(),
+      presence.getPresenceProps(),
+      props,
+    ),
+  );
+</script>
+
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(mergedProps)}
+  {:else}
+    <div bind:this={ref} {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
+{/if}

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

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