@sprawlify/svelte 0.0.77 → 0.0.79

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

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

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

@@ -0,0 +1,3 @@
+import { anatomy } from "@sprawlify/primitives/machines/dialog";
+export const alertDialogAnatomy = anatomy.rename("alert-dialog");
+export const parts = alertDialogAnatomy.build();

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

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AlertDialogBackdropBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    ref?: Element | null
+  }
+  export interface AlertDialogBackdropProps extends Assign<HTMLProps<'div'>, AlertDialogBackdropBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { useRenderStrategyPropsContext } from '../../utils/render-strategy'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresence } from '../presence'
+    import { parts } from './alert-dialog-anatomy';
+  import { useAlertDialogContext } from './use-alert-dialog-context'
+
+  let { ref = $bindable(null), ...props }: AlertDialogBackdropProps = $props()
+
+  const alertDialog = useAlertDialogContext()
+  const renderStrategyProps = useRenderStrategyPropsContext()
+
+  const presence = usePresence(() => ({ ...renderStrategyProps, present: alertDialog().open }))
+  const mergedProps = $derived(mergeProps(alertDialog().getBackdropProps(), parts.backdrop.attrs, presence().getPresenceProps(), props))
+
+  function setNode(node: Element | null) {
+    presence().setNode(node)
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Sprawlify as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface AlertDialogBackdropBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    ref?: Element | null;
+}
+export interface AlertDialogBackdropProps extends Assign<HTMLProps<'div'>, AlertDialogBackdropBaseProps> {
+}
+declare const AlertDialogBackdrop: import("svelte").Component<AlertDialogBackdropProps, {}, "ref">;
+type AlertDialogBackdrop = ReturnType<typeof AlertDialogBackdrop>;
+export default AlertDialogBackdrop;

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

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AlertDialogCloseTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface AlertDialogCloseTriggerProps extends Assign<HTMLProps<'button'>, AlertDialogCloseTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useAlertDialogContext } from './use-alert-dialog-context'
+  import { parts } from './alert-dialog-anatomy'
+
+  let { ref = $bindable(null), ...props }: AlertDialogCloseTriggerProps = $props()
+
+  const alertDialog = useAlertDialogContext()
+  const mergedProps = $derived(mergeProps(alertDialog().getCloseTriggerProps(), parts.closeTrigger.attrs, props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface AlertDialogCloseTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+}
+export interface AlertDialogCloseTriggerProps extends Assign<HTMLProps<'button'>, AlertDialogCloseTriggerBaseProps> {
+}
+declare const AlertDialogCloseTrigger: import("svelte").Component<AlertDialogCloseTriggerProps, {}, "ref">;
+type AlertDialogCloseTrigger = ReturnType<typeof AlertDialogCloseTrigger>;
+export default AlertDialogCloseTrigger;

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

@@ -0,0 +1,30 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface AlertDialogContentBaseProps extends PolymorphicProps<'div'> {
+    ref?: Element | null
+  }
+  export interface AlertDialogContentProps extends Assign<HTMLProps<'div'>, AlertDialogContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { useAlertDialogContext } from './use-alert-dialog-context'
+  import { parts } from './alert-dialog-anatomy'
+
+  let { ref = $bindable(null), ...props }: AlertDialogContentProps = $props()
+
+  const alertDialog = useAlertDialogContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(alertDialog().getContentProps(), parts.content.attrs, presence().getPresenceProps(), props))
+
+  function setNode(node: Element | null) {
+    presence().setNode(node)
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Sprawlify as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface AlertDialogContentBaseProps extends PolymorphicProps<'div'> {
+    ref?: Element | null;
+}
+export interface AlertDialogContentProps extends Assign<HTMLProps<'div'>, AlertDialogContentBaseProps> {
+}
+declare const AlertDialogContent: import("svelte").Component<AlertDialogContentProps, {}, "ref">;
+type AlertDialogContent = ReturnType<typeof AlertDialogContent>;
+export default AlertDialogContent;

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

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseAlertDialogContext } from './use-alert-dialog-context'
+
+  export interface AlertDialogContextProps {
+    children: Snippet<[UseAlertDialogContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useAlertDialogContext } from './use-alert-dialog-context'
+
+  const { children }: AlertDialogContextProps = $props()
+
+  const alertDialog = useAlertDialogContext()
+</script>
+
+{@render children(alertDialog)}

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseAlertDialogContext } from './use-alert-dialog-context';
+export interface AlertDialogContextProps {
+    children: Snippet<[UseAlertDialogContext]>;
+}
+declare const AlertDialogContext: import("svelte").Component<AlertDialogContextProps, {}, "">;
+type AlertDialogContext = ReturnType<typeof AlertDialogContext>;
+export default AlertDialogContext;

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

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AlertDialogDescriptionBaseProps extends PolymorphicProps<'p'>, RefAttribute {}
+  export interface AlertDialogDescriptionProps extends Assign<HTMLProps<'p'>, AlertDialogDescriptionBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useAlertDialogContext } from './use-alert-dialog-context'
+  import { parts } from './alert-dialog-anatomy'
+  
+  let { ref = $bindable(null), ...props }: AlertDialogDescriptionProps = $props()
+
+  const alertDialog = useAlertDialogContext()
+  const mergedProps = $derived(mergeProps(alertDialog().getDescriptionProps(), parts.description.attrs, props))
+</script>
+
+<Sprawlify as="p" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface AlertDialogDescriptionBaseProps extends PolymorphicProps<'p'>, RefAttribute {
+}
+export interface AlertDialogDescriptionProps extends Assign<HTMLProps<'p'>, AlertDialogDescriptionBaseProps> {
+}
+declare const AlertDialogDescription: import("svelte").Component<AlertDialogDescriptionProps, {}, "ref">;
+type AlertDialogDescription = ReturnType<typeof AlertDialogDescription>;
+export default AlertDialogDescription;

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

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AlertDialogPositionerBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface AlertDialogPositionerProps extends Assign<HTMLProps<'div'>, AlertDialogPositionerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { parts } from './alert-dialog-anatomy';
+  import { useAlertDialogContext } from './use-alert-dialog-context'
+
+  let { ref = $bindable(null), ...props }: AlertDialogPositionerProps = $props()
+
+  const alertDialog = useAlertDialogContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(alertDialog().getPositionerProps(), parts.positioner.attrs, props))
+</script>
+
+{#if !presence().unmounted}
+  <Sprawlify as="div" bind:ref {...mergedProps} />
+{/if}

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface AlertDialogPositionerBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+}
+export interface AlertDialogPositionerProps extends Assign<HTMLProps<'div'>, AlertDialogPositionerBaseProps> {
+}
+declare const AlertDialogPositioner: import("svelte").Component<AlertDialogPositionerProps, {}, "ref">;
+type AlertDialogPositioner = ReturnType<typeof AlertDialogPositioner>;
+export default AlertDialogPositioner;

package/dist/components/alert-dialog/alert-dialog-root-provider.svelte

@@ -0,0 +1,37 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseAlertDialogReturn } from './use-alert-dialog.svelte'
+
+  export interface AlertDialogRootProviderBaseProps {
+    value: UseAlertDialogReturn
+  }
+  export interface AlertDialogRootProviderProps extends AlertDialogRootProviderBaseProps {
+    children?: Snippet
+  }
+</script>
+
+
+<script lang="ts">
+  import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
+  import { PresenceProvider, usePresence } from '../presence'
+  import { splitPresenceProps } from '../presence/split-presence-props.svelte'
+  import { AlertDialogProvider } from './use-alert-dialog-context'
+
+  let { value, children, ...props }: AlertDialogRootProviderProps = $props()
+
+  const [presenceProps] = $derived(splitPresenceProps(props))
+  const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps))
+
+  const presenceMachineProps = $derived.by(() => ({
+    ...presenceProps,
+    present: value().open,
+  }))
+
+  const presence = usePresence(() => presenceMachineProps)
+
+  AlertDialogProvider(value)
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+  PresenceProvider(presence)
+</script>
+
+{@render children?.()}

package/dist/components/alert-dialog/alert-dialog-root-provider.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { UseAlertDialogReturn } from './use-alert-dialog.svelte';
+export interface AlertDialogRootProviderBaseProps {
+    value: UseAlertDialogReturn;
+}
+export interface AlertDialogRootProviderProps extends AlertDialogRootProviderBaseProps {
+    children?: Snippet;
+}
+declare const AlertDialogRootProvider: import("svelte").Component<AlertDialogRootProviderProps, {}, "">;
+type AlertDialogRootProvider = ReturnType<typeof AlertDialogRootProvider>;
+export default AlertDialogRootProvider;

package/dist/components/alert-dialog/alert-dialog-root.svelte

@@ -0,0 +1,52 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UsePresenceProps } from '../presence'
+  import type { UseAlertDialogProps } from './use-alert-dialog.svelte'
+
+  export interface AlertDialogRootBaseProps extends UseAlertDialogProps, UsePresenceProps {}
+  export interface AlertDialogRootProps extends AlertDialogRootBaseProps {
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { PresenceProvider, usePresence } from '../presence'
+  import { splitPresenceProps } from '../presence/split-presence-props.svelte'
+  import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
+  import { AlertDialogProvider } from './use-alert-dialog-context'
+  import { useAlertDialog } from './use-alert-dialog.svelte'
+
+  let { open = $bindable(), children, ...props }: AlertDialogRootProps = $props()
+
+  const providedId = $props.id()
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props))
+  const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps))
+
+  const machineProps = $derived.by<UseAlertDialogProps>(() => {
+    return {
+      ...localProps,
+      id: localProps.id ?? providedId,
+      open,
+      onOpenChange(details) {
+        localProps.onOpenChange?.(details)
+        if (open !== undefined) open = details.open
+      },
+    }
+  })
+
+  const alertDialog = useAlertDialog(() => machineProps)
+
+  const presenceMachineProps = $derived.by<UsePresenceProps>(() => ({
+    ...presenceProps,
+    present: alertDialog().open,
+  }))
+
+  const presence = usePresence(() => presenceMachineProps)
+
+  AlertDialogProvider(alertDialog)
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+  PresenceProvider(presence)
+</script>
+
+{@render children?.()}

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

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { UsePresenceProps } from '../presence';
+import type { UseAlertDialogProps } from './use-alert-dialog.svelte';
+export interface AlertDialogRootBaseProps extends UseAlertDialogProps, UsePresenceProps {
+}
+export interface AlertDialogRootProps extends AlertDialogRootBaseProps {
+    children?: Snippet;
+}
+declare const AlertDialogRoot: import("svelte").Component<AlertDialogRootProps, {}, "open">;
+type AlertDialogRoot = ReturnType<typeof AlertDialogRoot>;
+export default AlertDialogRoot;

package/dist/components/alert-dialog/alert-dialog-title.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AlertDialogTitleBaseProps extends PolymorphicProps<'h2'>, RefAttribute {}
+  export interface AlertDialogTitleProps extends Assign<HTMLProps<'h2'>, AlertDialogTitleBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { parts } from './alert-dialog-anatomy';
+  import { useAlertDialogContext } from './use-alert-dialog-context'
+
+  let { ref = $bindable(null), ...props }: AlertDialogTitleProps = $props()
+
+  const alertDialog = useAlertDialogContext()
+  const mergedProps = $derived(mergeProps(alertDialog().getTitleProps(), parts.title.attrs, props))
+</script>
+
+<Sprawlify as="h2" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface AlertDialogTitleBaseProps extends PolymorphicProps<'h2'>, RefAttribute {
+}
+export interface AlertDialogTitleProps extends Assign<HTMLProps<'h2'>, AlertDialogTitleBaseProps> {
+}
+declare const AlertDialogTitle: import("svelte").Component<AlertDialogTitleProps, {}, "ref">;
+type AlertDialogTitle = ReturnType<typeof AlertDialogTitle>;
+export default AlertDialogTitle;

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

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AlertDialogTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface AlertDialogTriggerProps extends Assign<HTMLProps<'button'>, AlertDialogTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { useAlertDialogContext } from './use-alert-dialog-context'
+  import { parts } from './alert-dialog-anatomy'
+
+  let { ref = $bindable(null), ...props }: AlertDialogTriggerProps = $props()
+
+  const alertDialog = useAlertDialogContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(
+    mergeProps(
+      {
+        ...alertDialog().getTriggerProps(),
+        ...parts.trigger.attrs,
+        'aria-controls': presence().unmounted ? undefined : alertDialog().getTriggerProps()['aria-controls'],
+      },
+      props,
+    ),
+  )
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface AlertDialogTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+}
+export interface AlertDialogTriggerProps extends Assign<HTMLProps<'button'>, AlertDialogTriggerBaseProps> {
+}
+declare const AlertDialogTrigger: import("svelte").Component<AlertDialogTriggerProps, {}, "ref">;
+type AlertDialogTrigger = ReturnType<typeof AlertDialogTrigger>;
+export default AlertDialogTrigger;

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

@@ -0,0 +1,11 @@
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@sprawlify/primitives/machines/dialog';
+export { default as Backdrop, type AlertDialogBackdropBaseProps as BackdropBaseProps, type AlertDialogBackdropProps as BackdropProps, } from './alert-dialog-backdrop.svelte';
+export { default as CloseTrigger, type AlertDialogCloseTriggerBaseProps as CloseTriggerBaseProps, type AlertDialogCloseTriggerProps as CloseTriggerProps, } from './alert-dialog-close-trigger.svelte';
+export { default as Content, type AlertDialogContentBaseProps as ContentBaseProps, type AlertDialogContentProps as ContentProps, } from './alert-dialog-content.svelte';
+export { default as Context, type AlertDialogContextProps as ContextProps } from './alert-dialog-context.svelte';
+export { default as Description, type AlertDialogDescriptionBaseProps as DescriptionBaseProps, type AlertDialogDescriptionProps as DescriptionProps, } from './alert-dialog-description.svelte';
+export { default as Positioner, type AlertDialogPositionerBaseProps as PositionerBaseProps, type AlertDialogPositionerProps as PositionerProps, } from './alert-dialog-positioner.svelte';
+export { default as Root, type AlertDialogRootBaseProps as RootBaseProps, type AlertDialogRootProps as RootProps, } from './alert-dialog-root.svelte';
+export { default as RootProvider, type AlertDialogRootProviderBaseProps as RootProviderBaseProps, type AlertDialogRootProviderProps as RootProviderProps, } from './alert-dialog-root-provider.svelte';
+export { default as Title, type AlertDialogTitleBaseProps as TitleBaseProps, type AlertDialogTitleProps as TitleProps, } from './alert-dialog-title.svelte';
+export { default as Trigger, type AlertDialogTriggerBaseProps as TriggerBaseProps, type AlertDialogTriggerProps as TriggerProps, } from './alert-dialog-trigger.svelte';

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

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

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1,17 @@
+export type { FocusOutsideEvent as AlertDialogFocusOutsideEvent, InteractOutsideEvent as AlertDialogInteractOutsideEvent, OpenChangeDetails as AlertDialogOpenChangeDetails, PointerDownOutsideEvent as AlertDialogPointerDownOutsideEvent, } from '@sprawlify/primitives/machines/dialog';
+export { default as AlertDialogBackdrop, type AlertDialogBackdropBaseProps as AlertDialogBackdropBaseProps, type AlertDialogBackdropProps, } from './alert-dialog-backdrop.svelte';
+export { default as AlertDialogCloseTrigger, type AlertDialogCloseTriggerBaseProps as AlertDialogCloseTriggerBaseProps, type AlertDialogCloseTriggerProps, } from './alert-dialog-close-trigger.svelte';
+export { default as AlertDialogContent, type AlertDialogContentBaseProps as AlertDialogContentBaseProps, type AlertDialogContentProps } from './alert-dialog-content.svelte';
+export { default as AlertDialogContext, type AlertDialogContextProps } from './alert-dialog-context.svelte';
+export { default as AlertDialogDescription, type AlertDialogDescriptionBaseProps as AlertDialogDescriptionBaseProps, type AlertDialogDescriptionProps, } from './alert-dialog-description.svelte';
+export { default as AlertDialogPositioner, type AlertDialogPositionerBaseProps as AlertDialogPositionerBaseProps, type AlertDialogPositionerProps, } from './alert-dialog-positioner.svelte';
+export { default as AlertDialogRoot, type AlertDialogRootBaseProps as AlertDialogRootBaseProps, type AlertDialogRootProps } from './alert-dialog-root.svelte';
+export { default as AlertDialogRootProvider, type AlertDialogRootProviderBaseProps as AlertDialogRootProviderBaseProps, type AlertDialogRootProviderProps, } from './alert-dialog-root-provider.svelte';
+export { default as AlertDialogTitle, type AlertDialogTitleBaseProps as AlertDialogTitleBaseProps, type AlertDialogTitleProps } from './alert-dialog-title.svelte';
+export { default as AlertDialogTrigger, type AlertDialogTriggerBaseProps as AlertDialogTriggerBaseProps, type AlertDialogTriggerProps } from './alert-dialog-trigger.svelte';
+export { alertDialogAnatomy } from './alert-dialog-anatomy';
+export { useAlertDialogContext } from './use-alert-dialog-context';
+export type { UseAlertDialogContext } from './use-alert-dialog-context';
+export { useAlertDialog } from './use-alert-dialog.svelte';
+export type { UseAlertDialogProps as UseAlertDialogProps, UseAlertDialogReturn } from './use-alert-dialog.svelte';
+export * as AlertDialog from './alert-dialog';

package/dist/components/alert-dialog/index.js

@@ -0,0 +1,14 @@
+export { default as AlertDialogBackdrop, } from './alert-dialog-backdrop.svelte';
+export { default as AlertDialogCloseTrigger, } from './alert-dialog-close-trigger.svelte';
+export { default as AlertDialogContent } from './alert-dialog-content.svelte';
+export { default as AlertDialogContext } from './alert-dialog-context.svelte';
+export { default as AlertDialogDescription, } from './alert-dialog-description.svelte';
+export { default as AlertDialogPositioner, } from './alert-dialog-positioner.svelte';
+export { default as AlertDialogRoot } from './alert-dialog-root.svelte';
+export { default as AlertDialogRootProvider, } from './alert-dialog-root-provider.svelte';
+export { default as AlertDialogTitle } from './alert-dialog-title.svelte';
+export { default as AlertDialogTrigger } from './alert-dialog-trigger.svelte';
+export { alertDialogAnatomy } from './alert-dialog-anatomy';
+export { useAlertDialogContext } from './use-alert-dialog-context';
+export { useAlertDialog } from './use-alert-dialog.svelte';
+export * as AlertDialog from './alert-dialog';

package/dist/components/alert-dialog/use-alert-dialog-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseAlertDialogReturn } from './use-alert-dialog.svelte';
+export interface UseAlertDialogContext extends UseAlertDialogReturn {
+}
+export declare const AlertDialogProvider: (opts: UseAlertDialogContext) => void, useAlertDialogContext: (fallback?: UseAlertDialogContext | undefined) => UseAlertDialogContext;

package/dist/components/alert-dialog/use-alert-dialog-context.js

@@ -0,0 +1,4 @@
+import { createContext } from '../../utils/create-context';
+export const [AlertDialogProvider, useAlertDialogContext] = createContext({
+    name: 'AlertDialogContext',
+});

package/dist/components/alert-dialog/use-alert-dialog.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from '../../types';
+import * as alertDialog from '@sprawlify/primitives/machines/dialog';
+import { type PropTypes } from '../../core';
+import { type MaybeFunction } from '@sprawlify/primitives/utils';
+export interface UseAlertDialogProps extends Optional<Omit<alertDialog.Props, 'getRootNode' | 'dir' | 'role'>, 'id'> {
+}
+export interface UseAlertDialogReturn extends Accessor<alertDialog.Api<PropTypes>> {
+}
+export declare const useAlertDialog: (props?: MaybeFunction<UseAlertDialogProps>) => UseAlertDialogReturn;

package/dist/components/alert-dialog/use-alert-dialog.svelte.js

@@ -0,0 +1,21 @@
+import { useEnvironmentContext } from '../../providers/environment';
+import { useLocaleContext } from '../../providers/locale';
+import * as alertDialog from '@sprawlify/primitives/machines/dialog';
+import { normalizeProps, useMachine } from '../../core';
+import { runIfFn } from '@sprawlify/primitives/utils';
+export const useAlertDialog = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props) || {};
+        return {
+            getRootNode: env().getRootNode,
+            dir: locale().dir,
+            ...resolvedProps,
+            role: 'alertdialog',
+        };
+    });
+    const service = useMachine(alertDialog.machine, () => machineProps);
+    const api = $derived(alertDialog.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/anatomy.d.ts

@@ -1,5 +1,6 @@
 export * from '@sprawlify/primitives/anatomy';
 export { accordionAnatomy } from './accordion/accordion-anatomy';
+export { alertDialogAnatomy } from './alert-dialog/alert-dialog-anatomy';
 export { angleSliderAnatomy } from './angle-slider/angle-slider-anatomy';
 export { aspectRatioAnatomy } from './aspect-ratio/aspect-ratio-anatomy';
 export { avatarAnatomy } from './avatar/avatar-anatomy';
@@ -21,7 +22,7 @@ export { hoverCardAnatomy } from './hover-card/hover-card-anatomy';
 export { imageCropperAnatomy } from './image-cropper/image-cropper-anatomy';
 export { listboxAnatomy } from './listbox/listbox-anatomy';
 export { marqueeAnatomy } from './marquee/marquee-anatomy';
-export { menuAnatomy } from './menu/menu-anatomy';
+export { dropdownMenuAnatomy } from './dropdown-menu/dropdown-menu-anatomy';
 export { navigationMenuAnatomy } from './navigation-menu/navigation-menu-anatomy';
 export { numberInputAnatomy } from './number-input/number-input-anatomy';
 export { paginationAnatomy } from './pagination/pagination-anatomy';

package/dist/components/anatomy.js

@@ -1,5 +1,6 @@
 export * from '@sprawlify/primitives/anatomy';
 export { accordionAnatomy } from './accordion/accordion-anatomy';
+export { alertDialogAnatomy } from './alert-dialog/alert-dialog-anatomy';
 export { angleSliderAnatomy } from './angle-slider/angle-slider-anatomy';
 export { aspectRatioAnatomy } from './aspect-ratio/aspect-ratio-anatomy';
 export { avatarAnatomy } from './avatar/avatar-anatomy';
@@ -21,7 +22,7 @@ export { hoverCardAnatomy } from './hover-card/hover-card-anatomy';
 export { imageCropperAnatomy } from './image-cropper/image-cropper-anatomy';
 export { listboxAnatomy } from './listbox/listbox-anatomy';
 export { marqueeAnatomy } from './marquee/marquee-anatomy';
-export { menuAnatomy } from './menu/menu-anatomy';
+export { dropdownMenuAnatomy } from './dropdown-menu/dropdown-menu-anatomy';
 export { navigationMenuAnatomy } from './navigation-menu/navigation-menu-anatomy';
 export { numberInputAnatomy } from './number-input/number-input-anatomy';
 export { paginationAnatomy } from './pagination/pagination-anatomy';

package/dist/components/carousel/carousel-anatomy.d.ts

@@ -1 +1 @@
-export declare const carouselAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"root" | "control" | "indicator" | "item" | "nextTrigger" | "prevTrigger" | "itemGroup" | "progressText" | "indicatorGroup" | "autoplayTrigger" | "autoplayIndicator">;
+export declare const carouselAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"root" | "control" | "item" | "itemGroup" | "indicator" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;

package/dist/components/color-picker/color-picker-anatomy.d.ts

@@ -1 +1 @@
-export declare const colorPickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "area" | "view" | "root" | "control" | "valueText" | "trigger" | "positioner" | "content" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
+export declare const colorPickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "area" | "view" | "trigger" | "content" | "positioner" | "root" | "control" | "valueText" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;

package/dist/components/color-picker/split-color-picker-props.svelte.d.ts

@@ -1,2 +1,2 @@
 import type { UseColorPickerProps } from './use-color-picker.svelte';
-export declare const splitColorPickerProps: <T extends UseColorPickerProps>(props: T) => [UseColorPickerProps, Omit<T, "value" | "defaultValue" | "disabled" | "id" | "ids" | "name" | "open" | "defaultOpen" | "onOpenChange" | "inline" | "onValueChange" | "onValueChangeEnd" | "readOnly" | "invalid" | "required" | "initialFocusEl" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "positioning" | "format" | "defaultFormat" | "onFormatChange" | "closeOnSelect" | "openAutoFocus">];
+export declare const splitColorPickerProps: <T extends UseColorPickerProps>(props: T) => [UseColorPickerProps, Omit<T, "value" | "defaultValue" | "disabled" | "id" | "ids" | "name" | "open" | "defaultOpen" | "onOpenChange" | "inline" | "onValueChange" | "initialFocusEl" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onValueChangeEnd" | "readOnly" | "invalid" | "required" | "positioning" | "format" | "defaultFormat" | "onFormatChange" | "closeOnSelect" | "openAutoFocus">];

package/dist/components/combobox/combobox-anatomy.d.ts

@@ -1 +1 @@
-export declare const comboboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "root" | "control" | "item" | "itemGroup" | "trigger" | "positioner" | "content" | "list" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+export declare const comboboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "trigger" | "content" | "positioner" | "root" | "control" | "item" | "itemGroup" | "clearTrigger" | "list" | "itemIndicator" | "itemText" | "itemGroupLabel" | "empty">;

package/dist/components/date-picker/date-picker-anatomy.d.ts

@@ -1 +1 @@
-export declare const datePickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "table" | "view" | "root" | "control" | "nextTrigger" | "prevTrigger" | "valueText" | "trigger" | "positioner" | "content" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+export declare const datePickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "table" | "view" | "trigger" | "content" | "positioner" | "root" | "control" | "nextTrigger" | "prevTrigger" | "valueText" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

package/dist/components/dropdown-menu/dropdown-menu-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as dropdownMenuAnatomy } from '@sprawlify/primitives/machines/dropdown-menu';

package/dist/components/dropdown-menu/dropdown-menu-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as dropdownMenuAnatomy } from '@sprawlify/primitives/machines/dropdown-menu';

package/dist/components/dropdown-menu/dropdown-menu-arrow-tip.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DropdownMenuArrowTipBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DropdownMenuArrowTipProps extends Assign<HTMLProps<'div'>, DropdownMenuArrowTipBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDropdownMenuContext } from './use-dropdown-menu-context'
+
+  let { ref = $bindable(null), ...props }: DropdownMenuArrowTipProps = $props()
+
+  const dropdownMenu = useDropdownMenuContext()
+  const mergedProps = $derived(mergeProps(dropdownMenu().getArrowTipProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />