@sprawlify/svelte 0.0.109 → 0.0.111

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

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

package/dist/components/anatomy.d.ts

@@ -4,7 +4,7 @@ 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";
-export { bottomSheetAnatomy } from "./bottom-sheet/bottom-sheet-anatomy";
+export { drawerAnatomy } from "./drawer/drawer-anatomy";
 export { carouselAnatomy } from "./carousel/carousel-anatomy";
 export { checkboxAnatomy } from "./checkbox/checkbox-anatomy";
 export { clipboardAnatomy } from "./clipboard/clipboard-anatomy";

package/dist/components/anatomy.js

@@ -4,7 +4,7 @@ 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";
-export { bottomSheetAnatomy } from "./bottom-sheet/bottom-sheet-anatomy";
+export { drawerAnatomy } from "./drawer/drawer-anatomy";
 export { carouselAnatomy } from "./carousel/carousel-anatomy";
 export { checkboxAnatomy } from "./checkbox/checkbox-anatomy";
 export { clipboardAnatomy } from "./clipboard/clipboard-anatomy";

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

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

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

@@ -1 +1 @@
-export declare const checkboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "root" | "indicator" | "control" | "group">;
+export declare const checkboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "root" | "control" | "indicator" | "group">;

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

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

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

@@ -1 +1 @@
-export declare const comboboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "content" | "trigger" | "positioner" | "root" | "control" | "item" | "itemGroup" | "itemIndicator" | "clearTrigger" | "itemText" | "itemGroupLabel" | "list" | "empty">;
+export declare const comboboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "trigger" | "content" | "positioner" | "root" | "control" | "item" | "itemGroup" | "itemIndicator" | "itemText" | "list" | "clearTrigger" | "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" | "content" | "trigger" | "positioner" | "root" | "control" | "nextTrigger" | "prevTrigger" | "valueText" | "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/drawer/drawer-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as drawerAnatomy } from "@sprawlify/primitives/machines/drawer";

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

@@ -0,0 +1 @@
+export { anatomy as drawerAnatomy } from "@sprawlify/primitives/machines/drawer";

package/dist/components/{bottom-sheet/bottom-sheet-backdrop.svelte → drawer/drawer-backdrop.svelte}

@@ -1,10 +1,10 @@
 <script module lang="ts">
   import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
 
-  export interface BottomSheetBackdropBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+  export interface DrawerBackdropBaseProps extends PolymorphicProps<'div'>, RefAttribute {
     ref?: Element | null
   }
-  export interface BottomSheetBackdropProps extends Assign<HTMLProps<'div'>, BottomSheetBackdropBaseProps> {}
+  export interface DrawerBackdropProps extends Assign<HTMLProps<'div'>, DrawerBackdropBaseProps> {}
 </script>
 
 <script lang="ts">
@@ -12,15 +12,15 @@
   import { mergeProps } from '../../core'
   import { Sprawlify } from '../factory'
   import { usePresence } from '../presence'
-  import { useBottomSheetContext } from './use-bottom-sheet-context'
+  import { useDrawerContext } from './use-drawer-context'
 
-  let { ref = $bindable(null), ...props }: BottomSheetBackdropProps = $props()
+  let { ref = $bindable(null), ...props }: DrawerBackdropProps = $props()
 
-  const bottomSheet = useBottomSheetContext()
+  const drawer = useDrawerContext()
   const renderStrategyProps = useRenderStrategyPropsContext()
 
-  const presence = usePresence(() => ({ ...renderStrategyProps, present: bottomSheet().open }))
-  const mergedProps = $derived(mergeProps(bottomSheet().getBackdropProps(), presence().getPresenceProps(), props))
+  const presence = usePresence(() => ({ ...renderStrategyProps, present: drawer().open }))
+  const mergedProps = $derived(mergeProps(drawer().getBackdropProps(), presence().getPresenceProps(), props))
 
   function setNode(node: Element | null) {
     presence().setNode(node)

package/dist/components/drawer/drawer-backdrop.svelte.d.ts

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

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

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

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

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

package/dist/components/{bottom-sheet/bottom-sheet-content.svelte → drawer/drawer-content.svelte}

@@ -1,12 +1,11 @@
 <script module lang="ts">
   import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
-  import type { ContentProps } from '@sprawlify/primitives/machines/bottom-sheet'
+  import type { ContentProps } from '@sprawlify/primitives/machines/drawer'
 
-  export interface BottomSheetContentBaseProps extends PolymorphicProps<'div'>, ContentProps, RefAttribute {
+  export interface DrawerContentBaseProps extends PolymorphicProps<'div'>, ContentProps, RefAttribute {
     ref?: Element | null
   }
-  export interface BottomSheetContentProps
-    extends Assign<Omit<HTMLProps<'div'>, 'draggable'>, BottomSheetContentBaseProps> {}
+  export interface DrawerContentProps extends Assign<Omit<HTMLProps<'div'>, 'draggable'>, DrawerContentBaseProps> {}
 </script>
 
 <script lang="ts">
@@ -14,16 +13,16 @@
   import { Sprawlify } from '../factory'
   import { usePresenceContext } from '../presence'
   import { createSplitProps } from '../../utils/create-split-props'
-  import { useBottomSheetContext } from './use-bottom-sheet-context'
+  import { useDrawerContext } from './use-drawer-context'
 
-  let { ref = $bindable(null), ...props }: BottomSheetContentProps = $props()
+  let { ref = $bindable(null), ...props }: DrawerContentProps = $props()
 
   const [contentProps, localProps] = $derived(createSplitProps<ContentProps>()(props, ['draggable']))
-  const bottomSheet = useBottomSheetContext()
+  const drawer = useDrawerContext()
   const presence = usePresenceContext()
   const mergedProps = $derived(
     mergeProps(
-      bottomSheet().getContentProps({ draggable: true, ...contentProps }),
+      drawer().getContentProps({ draggable: true, ...contentProps }),
       presence().getPresenceProps(),
       localProps,
     ),

package/dist/components/drawer/drawer-content.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { ContentProps } from '@sprawlify/primitives/machines/drawer';
+export interface DrawerContentBaseProps extends PolymorphicProps<'div'>, ContentProps, RefAttribute {
+    ref?: Element | null;
+}
+export interface DrawerContentProps extends Assign<Omit<HTMLProps<'div'>, 'draggable'>, DrawerContentBaseProps> {
+}
+declare const DrawerContent: import("svelte").Component<DrawerContentProps, {}, "ref">;
+type DrawerContent = ReturnType<typeof DrawerContent>;
+export default DrawerContent;

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

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

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

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

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

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

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

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

package/dist/components/drawer/drawer-grabber-indicator.svelte

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

package/dist/components/drawer/drawer-grabber-indicator.svelte.d.ts

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

package/dist/components/drawer/drawer-grabber.svelte

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

package/dist/components/drawer/drawer-grabber.svelte.d.ts

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

package/dist/components/drawer/drawer-indent-background.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DrawerIndentBackgroundBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DrawerIndentBackgroundProps extends Assign<HTMLProps<'div'>, DrawerIndentBackgroundBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDrawerStackContext } from './use-drawer-stack-context'
+
+  let { ref = $bindable(null), ...props }: DrawerIndentBackgroundProps = $props()
+
+  const stackApi = useDrawerStackContext()
+  const mergedProps = $derived(mergeProps(stackApi().getIndentBackgroundProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/drawer/drawer-indent-background.svelte.d.ts

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

package/dist/components/drawer/drawer-indent.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DrawerIndentBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface DrawerIndentProps extends Assign<HTMLProps<'div'>, DrawerIndentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useDrawerStackContext } from './use-drawer-stack-context'
+
+  let { ref = $bindable(null), ...props }: DrawerIndentProps = $props()
+
+  const stackApi = useDrawerStackContext()
+  const mergedProps = $derived(mergeProps(stackApi().getIndentProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/drawer/drawer-indent.svelte.d.ts

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

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

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

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

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

package/dist/components/{bottom-sheet/bottom-sheet-root-provider.svelte → drawer/drawer-root-provider.svelte}

@@ -1,11 +1,11 @@
 <script module lang="ts">
   import type { Snippet } from 'svelte'
-  import type { UseBottomSheetReturn } from './use-bottom-sheet.svelte'
+  import type { UseDrawerReturn } from './use-drawer.svelte'
 
-  export interface BottomSheetRootProviderBaseProps {
-    value: UseBottomSheetReturn
+  export interface DrawerRootProviderBaseProps {
+    value: UseDrawerReturn
   }
-  export interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
+  export interface DrawerRootProviderProps extends DrawerRootProviderBaseProps {
     children?: Snippet
   }
 </script>
@@ -14,9 +14,9 @@
   import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
   import { PresenceProvider, usePresence } from '../presence'
   import { splitPresenceProps } from '../presence/split-presence-props.svelte'
-  import { BottomSheetProvider } from './use-bottom-sheet-context'
+  import { DrawerProvider } from './use-drawer-context'
 
-  let { value, children, ...props }: BottomSheetRootProviderProps = $props()
+  let { value, children, ...props }: DrawerRootProviderProps = $props()
 
   const [presenceProps] = $derived(splitPresenceProps(props))
   const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps))
@@ -28,7 +28,7 @@
 
   const presence = usePresence(() => presenceMachineProps)
 
-  BottomSheetProvider(value)
+  DrawerProvider(value)
   RenderStrategyPropsProvider(() => renderStrategyProps)
   PresenceProvider(presence)
 </script>

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

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { UseDrawerReturn } from './use-drawer.svelte';
+export interface DrawerRootProviderBaseProps {
+    value: UseDrawerReturn;
+}
+export interface DrawerRootProviderProps extends DrawerRootProviderBaseProps {
+    children?: Snippet;
+}
+declare const DrawerRootProvider: import("svelte").Component<DrawerRootProviderProps, {}, "">;
+type DrawerRootProvider = ReturnType<typeof DrawerRootProvider>;
+export default DrawerRootProvider;

package/dist/components/{bottom-sheet/bottom-sheet-root.svelte → drawer/drawer-root.svelte}

@@ -1,10 +1,10 @@
 <script module lang="ts">
   import type { Snippet } from 'svelte'
   import type { UsePresenceProps } from '../presence'
-  import type { UseBottomSheetProps } from './use-bottom-sheet.svelte'
+  import type { UseDrawerProps } from './use-drawer.svelte'
 
-  export interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {}
-  export interface BottomSheetRootProps extends BottomSheetRootBaseProps {
+  export interface DrawerRootBaseProps extends UseDrawerProps, UsePresenceProps {}
+  export interface DrawerRootProps extends DrawerRootBaseProps {
     children?: Snippet
   }
 </script>
@@ -13,17 +13,17 @@
   import { PresenceProvider, usePresence } from '../presence'
   import { splitPresenceProps } from '../presence/split-presence-props.svelte'
   import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
-  import { BottomSheetProvider } from './use-bottom-sheet-context'
-  import { useBottomSheet } from './use-bottom-sheet.svelte'
+  import { DrawerProvider } from './use-drawer-context'
+  import { useDrawer } from './use-drawer.svelte'
 
-  let { open = $bindable(), children, ...props }: BottomSheetRootProps = $props()
+  let { open = $bindable(), children, ...props }: DrawerRootProps = $props()
 
   const providedId = $props.id()
 
   const [presenceProps, localProps] = $derived(splitPresenceProps(props))
   const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps))
 
-  const machineProps = $derived.by<UseBottomSheetProps>(() => {
+  const machineProps = $derived.by<UseDrawerProps>(() => {
     return {
       ...localProps,
       id: localProps.id ?? providedId,
@@ -35,16 +35,16 @@
     }
   })
 
-  const bottomSheet = useBottomSheet(() => machineProps)
+  const drawer = useDrawer(() => machineProps)
 
   const presenceMachineProps = $derived.by<UsePresenceProps>(() => ({
     ...presenceProps,
-    present: bottomSheet().open,
+    present: drawer().open,
   }))
 
   const presence = usePresence(() => presenceMachineProps)
 
-  BottomSheetProvider(bottomSheet)
+  DrawerProvider(drawer)
   RenderStrategyPropsProvider(() => renderStrategyProps)
   PresenceProvider(presence)
 </script>

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

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

package/dist/components/drawer/drawer-stack.svelte

@@ -0,0 +1,29 @@
+<script module lang="ts">
+  export interface DrawerStackProps {
+    children?: import('svelte').Snippet
+  }
+</script>
+
+<script lang="ts">
+  import * as drawer from '@sprawlify/primitives/machines/drawer'
+  import { normalizeProps } from '../../core'
+  import { DrawerStackProvider } from './use-drawer-stack-context'
+  import { provideDrawerStackStore } from './use-drawer-stack-store'
+
+  let { children }: DrawerStackProps = $props()
+
+  const stack = drawer.createStack()
+  provideDrawerStackStore(stack)
+
+  let snapshot = $state(stack.getSnapshot())
+  $effect(() => {
+    return stack.subscribe(() => {
+      snapshot = stack.getSnapshot()
+    })
+  })
+  const stackApi = $derived(drawer.connectStack(snapshot, normalizeProps))
+
+  DrawerStackProvider(() => stackApi)
+</script>
+
+{@render children?.()}

package/dist/components/drawer/drawer-stack.svelte.d.ts

@@ -0,0 +1,6 @@
+export interface DrawerStackProps {
+    children?: import('svelte').Snippet;
+}
+declare const DrawerStack: import("svelte").Component<DrawerStackProps, {}, "">;
+type DrawerStack = ReturnType<typeof DrawerStack>;
+export default DrawerStack;

package/dist/components/drawer/drawer-swipe-area.svelte

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

package/dist/components/drawer/drawer-swipe-area.svelte.d.ts

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

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

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

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

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