@sprawlify/svelte 0.0.43 → 0.0.44

package/dist/components/angle-slider/angle-slider-marker-group.svelte.d.ts

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

package/dist/components/angle-slider/angle-slider-marker.svelte

@@ -0,0 +1,22 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { MarkerProps } from '@sprawlify/primitives/machines/angle-slider'
+
+  export interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps<'span'>, RefAttribute {}
+  export interface AngleSliderMarkerProps extends HTMLProps<'span'>, AngleSliderMarkerBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderMarkerProps = $props()
+  const [markerProps, localProps] = $derived(createSplitProps<MarkerProps>()(props, ['value']))
+
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getMarkerProps(markerProps), localProps))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

package/dist/components/angle-slider/angle-slider-marker.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { MarkerProps } from '@sprawlify/primitives/machines/angle-slider';
+export interface AngleSliderMarkerBaseProps extends MarkerProps, PolymorphicProps<'span'>, RefAttribute {
+}
+export interface AngleSliderMarkerProps extends HTMLProps<'span'>, AngleSliderMarkerBaseProps {
+}
+declare const AngleSliderMarker: import("svelte").Component<AngleSliderMarkerProps, {}, "ref">;
+type AngleSliderMarker = ReturnType<typeof AngleSliderMarker>;
+export default AngleSliderMarker;

package/dist/components/angle-slider/angle-slider-root-provider.svelte

@@ -0,0 +1,24 @@
+<script lang="ts" module>
+  import type { Assign, HTMLProps, RefAttribute } from '../../types'
+  import type { UseAngleSliderReturn } from './use-angle-slider.svelte'
+
+  interface RootProviderProps {
+    value: UseAngleSliderReturn
+  }
+
+  export interface AngleSliderRootProviderBaseProps extends RootProviderProps, RefAttribute {}
+  export interface AngleSliderRootProviderProps extends Assign<HTMLProps<'div'>, AngleSliderRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { AngleSliderProvider } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), value: angleSlider, ...localProps }: AngleSliderRootProviderProps = $props()
+  const mergedProps = $derived(mergeProps(angleSlider().getRootProps(), localProps))
+
+  AngleSliderProvider(angleSlider)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/angle-slider/angle-slider-root-provider.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, RefAttribute } from '../../types';
+import type { UseAngleSliderReturn } from './use-angle-slider.svelte';
+interface RootProviderProps {
+    value: UseAngleSliderReturn;
+}
+export interface AngleSliderRootProviderBaseProps extends RootProviderProps, RefAttribute {
+}
+export interface AngleSliderRootProviderProps extends Assign<HTMLProps<'div'>, AngleSliderRootProviderBaseProps> {
+}
+declare const AngleSliderRootProvider: import("svelte").Component<AngleSliderRootProviderProps, {}, "ref">;
+type AngleSliderRootProvider = ReturnType<typeof AngleSliderRootProvider>;
+export default AngleSliderRootProvider;

package/dist/components/angle-slider/angle-slider-root.svelte

@@ -0,0 +1,56 @@
+<script lang="ts" module>
+  import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseAngleSliderProps } from './use-angle-slider.svelte'
+
+  export interface AngleSliderRootBaseProps
+    extends Optional<UseAngleSliderProps, 'id'>,
+      PolymorphicProps<'div'>,
+      RefAttribute {}
+  export interface AngleSliderRootProps extends Assign<HTMLProps<'div'>, AngleSliderRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { AngleSliderProvider } from './use-angle-slider-context'
+  import { useAngleSlider } from './use-angle-slider.svelte'
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: AngleSliderRootProps = $props()
+  const providedId = $props.id()
+
+  const [useAngleSliderProps, localProps] = $derived(
+    createSplitProps<Optional<UseAngleSliderProps, 'id'>>()(props, [
+      'id',
+      'ids',
+      'name',
+      'invalid',
+      'readOnly',
+      'disabled',
+      'onValueChangeEnd',
+      'onValueChange',
+      'defaultValue',
+      'value',
+      'step',
+      'aria-label',
+      'aria-labelledby',
+    ]),
+  )
+
+  const resolvedProps = $derived<UseAngleSliderProps>({
+    ...useAngleSliderProps,
+    id: useAngleSliderProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      useAngleSliderProps.onValueChange?.(details)
+      if (value !== undefined) value = details.value
+    },
+  })
+
+  const angleSlider = useAngleSlider(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(angleSlider().getRootProps(), localProps))
+
+  AngleSliderProvider(angleSlider)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/angle-slider/angle-slider-root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseAngleSliderProps } from './use-angle-slider.svelte';
+export interface AngleSliderRootBaseProps extends Optional<UseAngleSliderProps, 'id'>, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface AngleSliderRootProps extends Assign<HTMLProps<'div'>, AngleSliderRootBaseProps> {
+}
+declare const AngleSliderRoot: import("svelte").Component<AngleSliderRootProps, {}, "value" | "ref">;
+type AngleSliderRoot = ReturnType<typeof AngleSliderRoot>;
+export default AngleSliderRoot;

package/dist/components/angle-slider/angle-slider-thumb.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AngleSliderThumbBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface AngleSliderThumbProps extends HTMLProps<'div'>, AngleSliderThumbBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderThumbProps = $props()
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getThumbProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/angle-slider/angle-slider-thumb.svelte.d.ts

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

package/dist/components/angle-slider/angle-slider-value-text.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AngleSliderValueTextBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface AngleSliderValueTextProps extends HTMLProps<'div'>, AngleSliderValueTextBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderValueTextProps = $props()
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getValueTextProps(), props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

package/dist/components/angle-slider/angle-slider-value-text.svelte.d.ts

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

package/dist/components/angle-slider/angle-slider.d.ts

@@ -0,0 +1,10 @@
+export { default as Context, type AngleSliderContextProps as ContextProps } from './angle-slider-context.svelte';
+export { default as Root, type AngleSliderRootProps as RootProps, type AngleSliderRootBaseProps as RootBaseProps, } from './angle-slider-root.svelte';
+export { default as RootProvider, type AngleSliderRootProviderProps as RootProviderProps, type AngleSliderRootProviderBaseProps as RootProviderBaseProps, } from './angle-slider-root-provider.svelte';
+export { default as Label, type AngleSliderLabelBaseProps as LabelBaseProps, type AngleSliderLabelProps as LabelProps, } from './angle-slider-label.svelte';
+export { default as Control, type AngleSliderControlBaseProps as ControlBaseProps, type AngleSliderControlProps as ControlProps, } from './angle-slider-control.svelte';
+export { default as Thumb, type AngleSliderThumbBaseProps as ThumbBaseProps, type AngleSliderThumbProps as ThumbProps, } from './angle-slider-thumb.svelte';
+export { default as MarkerGroup, type AngleSliderMarkerGroupBaseProps as MarkerGroupBaseProps, type AngleSliderMarkerGroupProps as MarkerGroupProps, } from './angle-slider-marker-group.svelte';
+export { default as Marker, type AngleSliderMarkerBaseProps as MarkerBaseProps, type AngleSliderMarkerProps as MarkerProps, } from './angle-slider-marker.svelte';
+export { default as ValueText, type AngleSliderValueTextBaseProps as ValueTextBaseProps, type AngleSliderValueTextProps as ValueTextProps, } from './angle-slider-value-text.svelte';
+export { default as HiddenInput, type AngleSliderHiddenInputBaseProps as HiddenInputBaseProps, type AngleSliderHiddenInputProps as HiddenInputProps, } from './angle-slider-hidden-input.svelte';

package/dist/components/angle-slider/angle-slider.js

@@ -0,0 +1,10 @@
+export { default as Context } from './angle-slider-context.svelte';
+export { default as Root, } from './angle-slider-root.svelte';
+export { default as RootProvider, } from './angle-slider-root-provider.svelte';
+export { default as Label, } from './angle-slider-label.svelte';
+export { default as Control, } from './angle-slider-control.svelte';
+export { default as Thumb, } from './angle-slider-thumb.svelte';
+export { default as MarkerGroup, } from './angle-slider-marker-group.svelte';
+export { default as Marker, } from './angle-slider-marker.svelte';
+export { default as ValueText, } from './angle-slider-value-text.svelte';
+export { default as HiddenInput, } from './angle-slider-hidden-input.svelte';

package/dist/components/angle-slider/index.d.ts

@@ -0,0 +1,14 @@
+export { default as AngleSliderContext, type AngleSliderContextProps } from './angle-slider-context.svelte';
+export { default as AngleSliderControl, type AngleSliderControlBaseProps, type AngleSliderControlProps, } from './angle-slider-control.svelte';
+export { default as AngleSliderHiddenInput, type AngleSliderHiddenInputBaseProps, type AngleSliderHiddenInputProps, } from './angle-slider-hidden-input.svelte';
+export { default as AngleSliderLabel, type AngleSliderLabelBaseProps, type AngleSliderLabelProps, } from './angle-slider-label.svelte';
+export { default as AngleSliderMarker, type AngleSliderMarkerBaseProps, type AngleSliderMarkerProps, } from './angle-slider-marker.svelte';
+export { default as AngleSliderMarkerGroup, type AngleSliderMarkerGroupBaseProps, type AngleSliderMarkerGroupProps, } from './angle-slider-marker-group.svelte';
+export { default as AngleSliderRoot, type AngleSliderRootBaseProps, type AngleSliderRootProps, } from './angle-slider-root.svelte';
+export { default as AngleSliderRootProvider, type AngleSliderRootProviderBaseProps, type AngleSliderRootProviderProps, } from './angle-slider-root-provider.svelte';
+export { default as AngleSliderThumb, type AngleSliderThumbBaseProps, type AngleSliderThumbProps, } from './angle-slider-thumb.svelte';
+export { default as AngleSliderValueText, type AngleSliderValueTextBaseProps, type AngleSliderValueTextProps, } from './angle-slider-value-text.svelte';
+export { angleSliderAnatomy } from './angle-slider-anatomy';
+export { useAngleSliderContext, type UseAngleSliderContext } from './use-angle-slider-context';
+export { useAngleSlider, type UseAngleSliderProps, type UseAngleSliderReturn } from './use-angle-slider.svelte';
+export * as AngleSlider from './angle-slider';

package/dist/components/angle-slider/index.js

@@ -0,0 +1,14 @@
+export { default as AngleSliderContext } from './angle-slider-context.svelte';
+export { default as AngleSliderControl, } from './angle-slider-control.svelte';
+export { default as AngleSliderHiddenInput, } from './angle-slider-hidden-input.svelte';
+export { default as AngleSliderLabel, } from './angle-slider-label.svelte';
+export { default as AngleSliderMarker, } from './angle-slider-marker.svelte';
+export { default as AngleSliderMarkerGroup, } from './angle-slider-marker-group.svelte';
+export { default as AngleSliderRoot, } from './angle-slider-root.svelte';
+export { default as AngleSliderRootProvider, } from './angle-slider-root-provider.svelte';
+export { default as AngleSliderThumb, } from './angle-slider-thumb.svelte';
+export { default as AngleSliderValueText, } from './angle-slider-value-text.svelte';
+export { angleSliderAnatomy } from './angle-slider-anatomy';
+export { useAngleSliderContext } from './use-angle-slider-context';
+export { useAngleSlider } from './use-angle-slider.svelte';
+export * as AngleSlider from './angle-slider';

package/dist/components/angle-slider/use-angle-slider-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseAngleSliderReturn } from './use-angle-slider.svelte';
+export interface UseAngleSliderContext extends UseAngleSliderReturn {
+}
+export declare const AngleSliderProvider: (opts: UseAngleSliderContext) => void, useAngleSliderContext: (fallback?: UseAngleSliderContext | undefined) => UseAngleSliderContext;

package/dist/components/angle-slider/use-angle-slider-context.js

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

package/dist/components/angle-slider/use-angle-slider.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor } from '../../types';
+import * as angleSlider from '@sprawlify/primitives/machines/angle-slider';
+import { type PropTypes } from '../../core';
+import { type MaybeFunction } from '@sprawlify/primitives/utils';
+export interface UseAngleSliderProps extends Omit<angleSlider.Props, 'dir' | 'getRootNode'> {
+}
+export interface UseAngleSliderReturn extends Accessor<angleSlider.Api<PropTypes>> {
+}
+export declare const useAngleSlider: (props: MaybeFunction<UseAngleSliderProps>) => () => angleSlider.Api<PropTypes>;

package/dist/components/angle-slider/use-angle-slider.svelte.js

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseAvatarContext } from './use-avatar-context'
+
+  export interface AvatarContextProps {
+    api?: Snippet<[UseAvatarContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useAvatarContext } from './use-avatar-context'
+
+  const { api }: AvatarContextProps = $props()
+  const avatar = useAvatarContext()
+</script>
+
+{@render api?.(avatar)}

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseAvatarContext } from './use-avatar-context';
+export interface AvatarContextProps {
+    api?: Snippet<[UseAvatarContext]>;
+}
+declare const AvatarContext: import("svelte").Component<AvatarContextProps, {}, "">;
+type AvatarContext = ReturnType<typeof AvatarContext>;
+export default AvatarContext;

package/dist/components/avatar/avatar-fallback.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AvatarFallbackBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface AvatarFallbackProps extends HTMLProps<'span'>, AvatarFallbackBaseProps {}
+</script>
+
+<script lang="ts">
+  import { useAvatarContext } from './use-avatar-context'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+
+  let { ref = $bindable(null), ...props }: AvatarFallbackProps = $props()
+
+  const avatar = useAvatarContext()
+  const mergedProps = $derived(mergeProps(avatar().getFallbackProps(), props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

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

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

package/dist/components/avatar/avatar-image.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AvatarImageBaseProps extends PolymorphicProps<'img'>, RefAttribute {}
+  export interface AvatarImageProps extends HTMLProps<'img'>, AvatarImageBaseProps {}
+</script>
+
+<script lang="ts">
+  import { Sprawlify } from '../factory'
+  import { mergeProps } from '../../core'
+  import { useAvatarContext } from './use-avatar-context'
+
+  let { ref = $bindable(null), ...props }: AvatarImageProps = $props()
+  const avatar = useAvatarContext()
+  const mergedProps = $derived(mergeProps(avatar().getImageProps(), props))
+</script>
+
+<Sprawlify as="img" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, RefAttribute } from '../../types'
+  import type { UseAvatarReturn } from './use-avatar.svelte'
+
+  interface RootProviderProps {
+    value: UseAvatarReturn
+  }
+
+  export interface AvatarRootProviderBaseProps extends RootProviderProps, RefAttribute {}
+  export interface AvatarRootProviderProps extends Assign<HTMLProps<'div'>, AvatarRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { AvatarProvider } from './use-avatar-context'
+
+  let { ref = $bindable(null), ...props }: AvatarRootProviderProps = $props()
+  const { value: avatar, ...localProps } = props
+  const mergedProps = $derived(mergeProps(avatar().getRootProps(), localProps))
+
+  AvatarProvider(avatar)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, RefAttribute } from '../../types';
+import type { UseAvatarReturn } from './use-avatar.svelte';
+interface RootProviderProps {
+    value: UseAvatarReturn;
+}
+export interface AvatarRootProviderBaseProps extends RootProviderProps, RefAttribute {
+}
+export interface AvatarRootProviderProps extends Assign<HTMLProps<'div'>, AvatarRootProviderBaseProps> {
+}
+declare const AvatarRootProvider: import("svelte").Component<AvatarRootProviderProps, {}, "ref">;
+type AvatarRootProvider = ReturnType<typeof AvatarRootProvider>;
+export default AvatarRootProvider;

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

@@ -0,0 +1,34 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseAvatarProps } from './use-avatar.svelte'
+
+  export interface AvatarRootBaseProps extends Optional<UseAvatarProps, 'id'>, PolymorphicProps<'div'>, RefAttribute {}
+  export interface AvatarRootProps extends Assign<HTMLProps<'div'>, AvatarRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { AvatarProvider } from './use-avatar-context'
+  import { useAvatar } from './use-avatar.svelte'
+
+  let { ref = $bindable(null), ...props }: AvatarRootProps = $props()
+  const providedId = $props.id()
+
+  const [useAvatarProps, localProps] = $derived(
+    createSplitProps<Optional<UseAvatarProps, 'id'>>()(props, ['id', 'ids', 'onStatusChange']),
+  )
+
+  const resolvedProps = $derived({
+    ...useAvatarProps,
+    id: providedId,
+  })
+
+  const avatar = useAvatar(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(avatar().getRootProps(), localProps))
+
+  AvatarProvider(avatar)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseAvatarProps } from './use-avatar.svelte';
+export interface AvatarRootBaseProps extends Optional<UseAvatarProps, 'id'>, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface AvatarRootProps extends Assign<HTMLProps<'div'>, AvatarRootBaseProps> {
+}
+declare const AvatarRoot: import("svelte").Component<AvatarRootProps, {}, "ref">;
+type AvatarRoot = ReturnType<typeof AvatarRoot>;
+export default AvatarRoot;

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,6 @@
+export type { StatusChangeDetails } from '@sprawlify/primitives/machines/avatar';
+export { default as Context, type AvatarContextProps as ContextProps } from './avatar-context.svelte';
+export { default as Fallback, type AvatarFallbackBaseProps as FallbackBaseProps, type AvatarFallbackProps as FallbackProps, } from './avatar-fallback.svelte';
+export { default as Image, type AvatarImageBaseProps as ImageBaseProps, type AvatarImageProps as ImageProps, } from './avatar-image.svelte';
+export { default as RootProvider, type AvatarRootProviderBaseProps as RootProviderBaseProps, type AvatarRootProviderProps as RootProviderProps, } from './avatar-root-provider.svelte';
+export { default as Root, type AvatarRootBaseProps as RootBaseProps, type AvatarRootProps as RootProps, } from './avatar-root.svelte';

package/dist/components/avatar/avatar.js

@@ -0,0 +1,5 @@
+export { default as Context } from './avatar-context.svelte';
+export { default as Fallback, } from './avatar-fallback.svelte';
+export { default as Image, } from './avatar-image.svelte';
+export { default as RootProvider, } from './avatar-root-provider.svelte';
+export { default as Root, } from './avatar-root.svelte';

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

@@ -0,0 +1,10 @@
+export type { StatusChangeDetails as AvatarStatusChangeDetails } from '@sprawlify/primitives/machines/avatar';
+export { default as AvatarContext } from './avatar-context.svelte';
+export { default as AvatarFallback, type AvatarFallbackBaseProps, type AvatarFallbackProps, } from './avatar-fallback.svelte';
+export { default as AvatarImage, type AvatarImageBaseProps, type AvatarImageProps } from './avatar-image.svelte';
+export { default as AvatarRootProvider, type AvatarRootProviderBaseProps, type AvatarRootProviderProps, } from './avatar-root-provider.svelte';
+export { default as AvatarRoot, type AvatarRootBaseProps, type AvatarRootProps } from './avatar-root.svelte';
+export { avatarAnatomy } from './avatar-anatomy';
+export { useAvatarContext, type UseAvatarContext } from './use-avatar-context';
+export { useAvatar, type UseAvatarProps, type UseAvatarReturn } from './use-avatar.svelte';
+export * as Avatar from './avatar';

package/dist/components/avatar/index.js

@@ -0,0 +1,9 @@
+export { default as AvatarContext } from './avatar-context.svelte';
+export { default as AvatarFallback, } from './avatar-fallback.svelte';
+export { default as AvatarImage } from './avatar-image.svelte';
+export { default as AvatarRootProvider, } from './avatar-root-provider.svelte';
+export { default as AvatarRoot } from './avatar-root.svelte';
+export { avatarAnatomy } from './avatar-anatomy';
+export { useAvatarContext } from './use-avatar-context';
+export { useAvatar } from './use-avatar.svelte';
+export * as Avatar from './avatar';

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

@@ -0,0 +1,4 @@
+import type { UseAvatarReturn } from './use-avatar.svelte';
+export interface UseAvatarContext extends UseAvatarReturn {
+}
+export declare const AvatarProvider: (opts: UseAvatarContext) => void, useAvatarContext: (fallback?: UseAvatarContext | undefined) => UseAvatarContext;

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

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

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

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

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

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

package/dist/components/bottom-sheet/bottom-sheet-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as bottomSheetAnatomy } from '@sprawlify/primitives/machines/bottom-sheet';

package/dist/components/bottom-sheet/bottom-sheet-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as bottomSheetAnatomy } from '@sprawlify/primitives/machines/bottom-sheet';

package/dist/components/bottom-sheet/bottom-sheet-backdrop.svelte

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