@sprawlify/svelte 0.0.44 → 0.0.45

package/dist/components/date-picker/use-date-picker-table-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [DatePickerTablePropsProvider, useDatePickerTablePropsContext] = createContext({
+    name: 'DatePickerTablePropsContext',
+    hookName: 'useDatePickerTablePropsContext',
+    providerName: '<DatePickerTablePropsProvider />',
+});

package/dist/components/date-picker/use-date-picker-view-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types';
+import type { ViewProps } from '@sprawlify/primitives/machines/date-picker';
+export interface UseDatePickerViewPropsContext extends Accessor<ViewProps> {
+}
+export declare const DatePickerViewPropsProvider: (opts: UseDatePickerViewPropsContext) => void, useDatePickerViewPropsContext: (fallback?: UseDatePickerViewPropsContext | undefined) => UseDatePickerViewPropsContext;

package/dist/components/date-picker/use-date-picker-view-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [DatePickerViewPropsProvider, useDatePickerViewPropsContext] = createContext({
+    name: 'DatePickerViewPropsContext',
+    hookName: 'useDatePickerViewPropsContext',
+    providerName: '<DatePickerViewPropsProvider />',
+});

package/dist/components/date-picker/use-date-picker.svelte.d.ts

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

package/dist/components/date-picker/use-date-picker.svelte.js

@@ -0,0 +1,20 @@
+import * as datePicker from '@sprawlify/primitives/machines/date-picker';
+import { normalizeProps, useMachine } from '../../core';
+import { runIfFn } from '@sprawlify/primitives/utils';
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
+export const useDatePicker = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            locale: locale().locale,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(datePicker.machine, () => machineProps);
+    const api = $derived(datePicker.connect(service, normalizeProps));
+    return () => api;
+};

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

@@ -0,0 +1 @@
+export { anatomy as dialogAnatomy } from '@sprawlify/primitives/machines/dialog';

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

@@ -0,0 +1 @@
+export { anatomy as dialogAnatomy } from '@sprawlify/primitives/machines/dialog';

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

@@ -0,0 +1,32 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DialogBackdropBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    ref?: Element | null
+  }
+  export interface DialogBackdropProps extends Assign<HTMLProps<'div'>, DialogBackdropBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { useRenderStrategyPropsContext } from '../../utils/render-strategy'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresence } from '../presence'
+  import { useDialogContext } from './use-dialog-context'
+
+  let { ref = $bindable(null), ...props }: DialogBackdropProps = $props()
+
+  const dialog = useDialogContext()
+  const renderStrategyProps = useRenderStrategyPropsContext()
+
+  const presence = usePresence(() => ({ ...renderStrategyProps, present: dialog().open }))
+  const mergedProps = $derived(mergeProps(dialog().getBackdropProps(), 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/dialog/dialog-backdrop.svelte.d.ts

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

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

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DialogCloseTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface DialogCloseTriggerProps extends Assign<HTMLProps<'button'>, DialogCloseTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDialogContext } from './use-dialog-context'
+
+  let { ref = $bindable(null), ...props }: DialogCloseTriggerProps = $props()
+
+  const dialog = useDialogContext()
+  const mergedProps = $derived(mergeProps(dialog().getCloseTriggerProps(), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,29 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface DialogContentBaseProps extends PolymorphicProps<'div'> {
+    ref?: Element | null
+  }
+  export interface DialogContentProps extends Assign<HTMLProps<'div'>, DialogContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { useDialogContext } from './use-dialog-context'
+
+  let { ref = $bindable(null), ...props }: DialogContentProps = $props()
+
+  const dialog = useDialogContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(dialog().getContentProps(), 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/dialog/dialog-content.svelte.d.ts

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DialogDescriptionBaseProps extends PolymorphicProps<'p'>, RefAttribute {}
+  export interface DialogDescriptionProps extends Assign<HTMLProps<'p'>, DialogDescriptionBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDialogContext } from './use-dialog-context'
+
+  let { ref = $bindable(null), ...props }: DialogDescriptionProps = $props()
+
+  const dialog = useDialogContext()
+  const mergedProps = $derived(mergeProps(dialog().getDescriptionProps(), props))
+</script>
+
+<Sprawlify as="p" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DialogPositionerBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DialogPositionerProps extends Assign<HTMLProps<'div'>, DialogPositionerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { useDialogContext } from './use-dialog-context'
+
+  let { ref = $bindable(null), ...props }: DialogPositionerProps = $props()
+
+  const dialog = useDialogContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(dialog().getPositionerProps(), props))
+</script>
+
+{#if !presence().unmounted}
+  <Sprawlify as="div" bind:ref {...mergedProps} />
+{/if}

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

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

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

@@ -0,0 +1,36 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseDialogReturn } from './use-dialog.svelte'
+
+  export interface DialogRootProviderBaseProps {
+    value: UseDialogReturn
+  }
+  export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
+    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 { DialogProvider } from './use-dialog-context'
+
+  let { value, children, ...props }: DialogRootProviderProps = $props()
+
+  const [presenceProps] = $derived(splitPresenceProps(props))
+  const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps))
+
+  const presenceMachineProps = $derived.by(() => ({
+    ...presenceProps,
+    present: value().open,
+  }))
+
+  const presence = usePresence(() => presenceMachineProps)
+
+  DialogProvider(value)
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+  PresenceProvider(presence)
+</script>
+
+{@render children?.()}

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

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

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

@@ -0,0 +1,52 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UsePresenceProps } from '../presence'
+  import type { UseDialogProps } from './use-dialog.svelte'
+
+  export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {}
+  export interface DialogRootProps extends DialogRootBaseProps {
+    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 { DialogProvider } from './use-dialog-context'
+  import { useDialog } from './use-dialog.svelte'
+
+  let { open = $bindable(), children, ...props }: DialogRootProps = $props()
+
+  const providedId = $props.id()
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props))
+  const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps))
+
+  const machineProps = $derived.by<UseDialogProps>(() => {
+    return {
+      ...localProps,
+      id: localProps.id ?? providedId,
+      open,
+      onOpenChange(details) {
+        localProps.onOpenChange?.(details)
+        if (open !== undefined) open = details.open
+      },
+    }
+  })
+
+  const dialog = useDialog(() => machineProps)
+
+  const presenceMachineProps = $derived.by<UsePresenceProps>(() => ({
+    ...presenceProps,
+    present: dialog().open,
+  }))
+
+  const presence = usePresence(() => presenceMachineProps)
+
+  DialogProvider(dialog)
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+  PresenceProvider(presence)
+</script>
+
+{@render children?.()}

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

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

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

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DialogTitleBaseProps extends PolymorphicProps<'h2'>, RefAttribute {}
+  export interface DialogTitleProps extends Assign<HTMLProps<'h2'>, DialogTitleBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDialogContext } from './use-dialog-context'
+
+  let { ref = $bindable(null), ...props }: DialogTitleProps = $props()
+
+  const dialog = useDialogContext()
+  const mergedProps = $derived(mergeProps(dialog().getTitleProps(), props))
+</script>
+
+<Sprawlify as="h2" bind:ref {...mergedProps} />

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@sprawlify/primitives/machines/dialog';
+export { default as Backdrop, type DialogBackdropBaseProps as BackdropBaseProps, type DialogBackdropProps as BackdropProps, } from './dialog-backdrop.svelte';
+export { default as CloseTrigger, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, type DialogCloseTriggerProps as CloseTriggerProps, } from './dialog-close-trigger.svelte';
+export { default as Content, type DialogContentBaseProps as ContentBaseProps, type DialogContentProps as ContentProps, } from './dialog-content.svelte';
+export { default as Context, type DialogContextProps as ContextProps } from './dialog-context.svelte';
+export { default as Description, type DialogDescriptionBaseProps as DescriptionBaseProps, type DialogDescriptionProps as DescriptionProps, } from './dialog-description.svelte';
+export { default as Positioner, type DialogPositionerBaseProps as PositionerBaseProps, type DialogPositionerProps as PositionerProps, } from './dialog-positioner.svelte';
+export { default as Root, type DialogRootBaseProps as RootBaseProps, type DialogRootProps as RootProps, } from './dialog-root.svelte';
+export { default as RootProvider, type DialogRootProviderBaseProps as RootProviderBaseProps, type DialogRootProviderProps as RootProviderProps, } from './dialog-root-provider.svelte';
+export { default as Title, type DialogTitleBaseProps as TitleBaseProps, type DialogTitleProps as TitleProps, } from './dialog-title.svelte';
+export { default as Trigger, type DialogTriggerBaseProps as TriggerBaseProps, type DialogTriggerProps as TriggerProps, } from './dialog-trigger.svelte';

package/dist/components/dialog/dialog.js

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

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

@@ -0,0 +1,17 @@
+export type { FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, } from '@sprawlify/primitives/machines/dialog';
+export { default as DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps, } from './dialog-backdrop.svelte';
+export { default as DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, } from './dialog-close-trigger.svelte';
+export { default as DialogContent, type DialogContentBaseProps, type DialogContentProps } from './dialog-content.svelte';
+export { default as DialogContext, type DialogContextProps } from './dialog-context.svelte';
+export { default as DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, } from './dialog-description.svelte';
+export { default as Positioner, type DialogPositionerBaseProps, type DialogPositionerProps, } from './dialog-positioner.svelte';
+export { default as Root, type DialogRootBaseProps, type DialogRootProps } from './dialog-root.svelte';
+export { default as RootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, } from './dialog-root-provider.svelte';
+export { default as Title, type DialogTitleBaseProps, type DialogTitleProps } from './dialog-title.svelte';
+export { default as Trigger, type DialogTriggerBaseProps, type DialogTriggerProps } from './dialog-trigger.svelte';
+export { dialogAnatomy } from './dialog-anatomy';
+export { useDialogContext } from './use-dialog-context';
+export type { UseDialogContext } from './use-dialog-context';
+export { useDialog } from './use-dialog.svelte';
+export type { UseDialogProps, UseDialogReturn } from './use-dialog.svelte';
+export * as Dialog from './dialog';

package/dist/components/dialog/index.js

@@ -0,0 +1,14 @@
+export { default as DialogBackdrop, } from './dialog-backdrop.svelte';
+export { default as DialogCloseTrigger, } from './dialog-close-trigger.svelte';
+export { default as DialogContent } from './dialog-content.svelte';
+export { default as DialogContext } from './dialog-context.svelte';
+export { default as DialogDescription, } from './dialog-description.svelte';
+export { default as Positioner, } from './dialog-positioner.svelte';
+export { default as Root } from './dialog-root.svelte';
+export { default as RootProvider, } from './dialog-root-provider.svelte';
+export { default as Title } from './dialog-title.svelte';
+export { default as Trigger } from './dialog-trigger.svelte';
+export { dialogAnatomy } from './dialog-anatomy';
+export { useDialogContext } from './use-dialog-context';
+export { useDialog } from './use-dialog.svelte';
+export * as Dialog from './dialog';

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

@@ -0,0 +1,4 @@
+import type { UseDialogReturn } from './use-dialog.svelte';
+export interface UseDialogContext extends UseDialogReturn {
+}
+export declare const DialogProvider: (opts: UseDialogContext) => void, useDialogContext: (fallback?: UseDialogContext | undefined) => UseDialogContext;

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

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

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

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

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

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

package/dist/components/download-trigger/download-trigger.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import { getWindow } from '@sprawlify/primitives/dom-query'
+  import { type FileMimeType, downloadFile } from '@sprawlify/primitives/file-utils'
+  import { isFunction } from '@sprawlify/primitives/utils'
+  import { Sprawlify } from '../factory'
+
+  export type DownloadableData = string | Blob | File
+  export type MaybePromise<T> = T | Promise<T>
+
+  export interface DownloadTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+    fileName: string
+    data: DownloadableData | (() => MaybePromise<DownloadableData>)
+    mimeType: FileMimeType
+  }
+
+  export interface DownloadTriggerProps extends Assign<HTMLProps<'button'>, DownloadTriggerBaseProps> {}
+
+  let { ref = $bindable(null), fileName, data, mimeType, onclick, ...restProps }: DownloadTriggerProps = $props()
+
+  const download = (fileData: DownloadableData, win: Window & typeof globalThis) => {
+    downloadFile({ file: fileData, name: fileName, type: mimeType, win })
+  }
+
+  const handleClick = (e: MouseEvent & { currentTarget: HTMLButtonElement }) => {
+    const win = getWindow(e.currentTarget)
+    onclick?.(e)
+    if (e.defaultPrevented) return
+
+    if (isFunction(data)) {
+      const maybePromise = data()
+      if (maybePromise instanceof Promise) {
+        maybePromise.then((result) => download(result, win))
+      } else {
+        download(maybePromise, win)
+      }
+    } else {
+      download(data, win)
+    }
+  }
+</script>
+
+<Sprawlify as="button" bind:ref {...restProps} type="button" onclick={handleClick} />

package/dist/components/download-trigger/download-trigger.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import { type FileMimeType } from '@sprawlify/primitives/file-utils';
+export type DownloadableData = string | Blob | File;
+export type MaybePromise<T> = T | Promise<T>;
+export interface DownloadTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {
+    fileName: string;
+    data: DownloadableData | (() => MaybePromise<DownloadableData>);
+    mimeType: FileMimeType;
+}
+export interface DownloadTriggerProps extends Assign<HTMLProps<'button'>, DownloadTriggerBaseProps> {
+}
+declare const DownloadTrigger: import("svelte").Component<DownloadTriggerProps, {}, "ref">;
+type DownloadTrigger = ReturnType<typeof DownloadTrigger>;
+export default DownloadTrigger;

package/dist/components/download-trigger/index.d.ts

@@ -0,0 +1 @@
+export { default as DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, } from './download-trigger.svelte';

package/dist/components/download-trigger/index.js

@@ -0,0 +1 @@
+export { default as DownloadTrigger, } from './download-trigger.svelte';

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

@@ -0,0 +1 @@
+export { anatomy as editableAnatomy } from '@sprawlify/primitives/machines/editable';