@sprawlify/svelte 0.0.110 → 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" | "positioner" | "closeTrigger" | "backdrop">;
-export declare const parts: Record<"description" | "title" | "content" | "trigger" | "positioner" | "closeTrigger" | "backdrop", 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/carousel/carousel-anatomy.d.ts

@@ -1 +1 @@
-export declare const carouselAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"root" | "control" | "indicator" | "itemGroup" | "item" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+export declare const carouselAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"root" | "control" | "indicator" | "item" | "itemGroup" | "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" | "content" | "trigger" | "positioner" | "root" | "control" | "valueText" | "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" | "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" | "itemGroup" | "item" | "clearTrigger" | "list" | "itemText" | "itemIndicator" | "itemGroupLabel" | "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-content.svelte

@@ -5,8 +5,7 @@
   export interface DrawerContentBaseProps extends PolymorphicProps<'div'>, ContentProps, RefAttribute {
     ref?: Element | null
   }
-  export interface DrawerContentProps
-    extends Assign<Omit<HTMLProps<'div'>, 'draggable'>, DrawerContentBaseProps> {}
+  export interface DrawerContentProps extends Assign<Omit<HTMLProps<'div'>, 'draggable'>, DrawerContentBaseProps> {}
 </script>
 
 <script lang="ts">

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

@@ -2,8 +2,7 @@
   import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
 
   export interface DrawerGrabberIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
-  export interface DrawerGrabberIndicatorProps
-    extends Assign<HTMLProps<'div'>, DrawerGrabberIndicatorBaseProps> {}
+  export interface DrawerGrabberIndicatorProps extends Assign<HTMLProps<'div'>, DrawerGrabberIndicatorBaseProps> {}
 </script>
 
 <script lang="ts">

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/drawer/drawer-root-provider.svelte

@@ -14,7 +14,7 @@
   import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
   import { PresenceProvider, usePresence } from '../presence'
   import { splitPresenceProps } from '../presence/split-presence-props.svelte'
-  import { DrawerSheetProvider } from './use-drawer-context'
+  import { DrawerProvider } from './use-drawer-context'
 
   let { value, children, ...props }: DrawerRootProviderProps = $props()
 
@@ -28,7 +28,7 @@
 
   const presence = usePresence(() => presenceMachineProps)
 
-  DrawerSheetProvider(value)
+  DrawerProvider(value)
   RenderStrategyPropsProvider(() => renderStrategyProps)
   PresenceProvider(presence)
 </script>

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

@@ -13,7 +13,7 @@
   import { PresenceProvider, usePresence } from '../presence'
   import { splitPresenceProps } from '../presence/split-presence-props.svelte'
   import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
-  import { DrawerSheetProvider } from './use-drawer-context'
+  import { DrawerProvider } from './use-drawer-context'
   import { useDrawer } from './use-drawer.svelte'
 
   let { open = $bindable(), children, ...props }: DrawerRootProps = $props()
@@ -44,7 +44,7 @@
 
   const presence = usePresence(() => presenceMachineProps)
 
-  DrawerSheetProvider(drawer)
+  DrawerProvider(drawer)
   RenderStrategyPropsProvider(() => renderStrategyProps)
   PresenceProvider(presence)
 </script>

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.d.ts

@@ -1,11 +1,17 @@
-export type { OpenChangeDetails } from "@sprawlify/primitives/machines/drawer";
+export type { OpenChangeDetails, SnapPointChangeDetails, } from "@sprawlify/primitives/machines/drawer";
 export { default as Backdrop, type DrawerBackdropBaseProps as BackdropBaseProps, type DrawerBackdropProps as BackdropProps, } from "./drawer-backdrop.svelte";
 export { default as CloseTrigger, type DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, type DrawerCloseTriggerProps as CloseTriggerProps, } from "./drawer-close-trigger.svelte";
 export { default as Content, type DrawerContentBaseProps as ContentBaseProps, type DrawerContentProps as ContentProps, } from "./drawer-content.svelte";
+export { default as Description, type DrawerDescriptionBaseProps as DescriptionBaseProps, type DrawerDescriptionProps as DescriptionProps, } from "./drawer-description.svelte";
 export { default as Context, type DrawerContextProps as ContextProps, } from "./drawer-context.svelte";
+export { default as Positioner, type DrawerPositionerBaseProps as PositionerBaseProps, type DrawerPositionerProps as PositionerProps, } from "./drawer-positioner.svelte";
 export { default as Grabber, type DrawerGrabberBaseProps as GrabberBaseProps, type DrawerGrabberProps as GrabberProps, } from "./drawer-grabber.svelte";
 export { default as GrabberIndicator, type DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps as GrabberIndicatorProps, } from "./drawer-grabber-indicator.svelte";
 export { default as Root, type DrawerRootBaseProps as RootBaseProps, type DrawerRootProps as RootProps, } from "./drawer-root.svelte";
 export { default as RootProvider, type DrawerRootProviderBaseProps as RootProviderBaseProps, type DrawerRootProviderProps as RootProviderProps, } from "./drawer-root-provider.svelte";
 export { default as Title, type DrawerTitleBaseProps as TitleBaseProps, type DrawerTitleProps as TitleProps, } from "./drawer-title.svelte";
 export { default as Trigger, type DrawerTriggerBaseProps as TriggerBaseProps, type DrawerTriggerProps as TriggerProps, } from "./drawer-trigger.svelte";
+export { default as Indent, type DrawerIndentBaseProps as IndentBaseProps, type DrawerIndentProps as IndentProps, } from "./drawer-indent.svelte";
+export { default as IndentBackground, type DrawerIndentBackgroundBaseProps as IndentBackgroundBaseProps, type DrawerIndentBackgroundProps as IndentBackgroundProps, } from "./drawer-indent-background.svelte";
+export { default as Stack, type DrawerStackProps as StackProps } from "./drawer-stack.svelte";
+export { default as SwipeArea, type DrawerSwipeAreaBaseProps as SwipeAreaBaseProps, type DrawerSwipeAreaProps as SwipeAreaProps, } from "./drawer-swipe-area.svelte";

package/dist/components/drawer/drawer.js

@@ -1,10 +1,16 @@
 export { default as Backdrop, } from "./drawer-backdrop.svelte";
 export { default as CloseTrigger, } from "./drawer-close-trigger.svelte";
 export { default as Content, } from "./drawer-content.svelte";
+export { default as Description, } from "./drawer-description.svelte";
 export { default as Context, } from "./drawer-context.svelte";
+export { default as Positioner, } from "./drawer-positioner.svelte";
 export { default as Grabber, } from "./drawer-grabber.svelte";
 export { default as GrabberIndicator, } from "./drawer-grabber-indicator.svelte";
 export { default as Root, } from "./drawer-root.svelte";
 export { default as RootProvider, } from "./drawer-root-provider.svelte";
 export { default as Title, } from "./drawer-title.svelte";
 export { default as Trigger, } from "./drawer-trigger.svelte";
+export { default as Indent, } from "./drawer-indent.svelte";
+export { default as IndentBackground, } from "./drawer-indent-background.svelte";
+export { default as Stack } from "./drawer-stack.svelte";
+export { default as SwipeArea, } from "./drawer-swipe-area.svelte";

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

@@ -1,15 +1,22 @@
-export type { OpenChangeDetails as DrawerOpenChangeDetails } from "@sprawlify/primitives/machines/drawer";
+export type { OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, } from "@sprawlify/primitives/machines/drawer";
 export { default as DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps, } from "./drawer-backdrop.svelte";
 export { default as DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, } from "./drawer-close-trigger.svelte";
 export { default as DrawerContent, type DrawerContentBaseProps, type DrawerContentProps, } from "./drawer-content.svelte";
+export { default as DrawerDescription, type DrawerDescriptionBaseProps, type DrawerDescriptionProps, } from "./drawer-description.svelte";
 export { default as DrawerContext, type DrawerContextProps } from "./drawer-context.svelte";
+export { default as DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps, } from "./drawer-positioner.svelte";
 export { default as DrawerGrabber, type DrawerGrabberBaseProps, type DrawerGrabberProps, } from "./drawer-grabber.svelte";
 export { default as DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, } from "./drawer-grabber-indicator.svelte";
 export { default as DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps, } from "./drawer-root.svelte";
 export { default as DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, } from "./drawer-root-provider.svelte";
 export { default as DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps, } from "./drawer-title.svelte";
 export { default as DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps, } from "./drawer-trigger.svelte";
+export { default as DrawerIndent, type DrawerIndentBaseProps, type DrawerIndentProps, } from "./drawer-indent.svelte";
+export { default as DrawerIndentBackground, type DrawerIndentBackgroundBaseProps, type DrawerIndentBackgroundProps, } from "./drawer-indent-background.svelte";
+export { default as DrawerStack, type DrawerStackProps } from "./drawer-stack.svelte";
+export { default as DrawerSwipeArea, type DrawerSwipeAreaBaseProps, type DrawerSwipeAreaProps, } from "./drawer-swipe-area.svelte";
 export { drawerAnatomy } from "./drawer-anatomy";
 export { useDrawerContext, type UseDrawerContext } from "./use-drawer-context";
+export { useDrawerStackContext, type UseDrawerStackContext } from "./use-drawer-stack-context";
 export { useDrawer, type UseDrawerProps, type UseDrawerReturn } from "./use-drawer.svelte";
 export * as Drawer from "./drawer";

package/dist/components/drawer/index.js

@@ -1,14 +1,21 @@
 export { default as DrawerBackdrop, } from "./drawer-backdrop.svelte";
 export { default as DrawerCloseTrigger, } from "./drawer-close-trigger.svelte";
 export { default as DrawerContent, } from "./drawer-content.svelte";
+export { default as DrawerDescription, } from "./drawer-description.svelte";
 export { default as DrawerContext } from "./drawer-context.svelte";
+export { default as DrawerPositioner, } from "./drawer-positioner.svelte";
 export { default as DrawerGrabber, } from "./drawer-grabber.svelte";
 export { default as DrawerGrabberIndicator, } from "./drawer-grabber-indicator.svelte";
 export { default as DrawerRoot, } from "./drawer-root.svelte";
 export { default as DrawerRootProvider, } from "./drawer-root-provider.svelte";
 export { default as DrawerTitle, } from "./drawer-title.svelte";
 export { default as DrawerTrigger, } from "./drawer-trigger.svelte";
+export { default as DrawerIndent, } from "./drawer-indent.svelte";
+export { default as DrawerIndentBackground, } from "./drawer-indent-background.svelte";
+export { default as DrawerStack } from "./drawer-stack.svelte";
+export { default as DrawerSwipeArea, } from "./drawer-swipe-area.svelte";
 export { drawerAnatomy } from "./drawer-anatomy";
 export { useDrawerContext } from "./use-drawer-context";
+export { useDrawerStackContext } from "./use-drawer-stack-context";
 export { useDrawer } from "./use-drawer.svelte";
 export * as Drawer from "./drawer";

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

@@ -1,4 +1,4 @@
 import type { UseDrawerReturn } from "./use-drawer.svelte";
 export interface UseDrawerContext extends UseDrawerReturn {
 }
-export declare const DrawerSheetProvider: (opts: UseDrawerContext) => void, useDrawerContext: (fallback?: UseDrawerContext | undefined) => UseDrawerContext;
+export declare const DrawerProvider: (opts: UseDrawerContext) => void, useDrawerContext: (fallback?: UseDrawerContext | undefined) => UseDrawerContext;

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

@@ -1,4 +1,4 @@
 import { createContext } from "../../utils/create-context";
-export const [DrawerSheetProvider, useDrawerContext] = createContext({
+export const [DrawerProvider, useDrawerContext] = createContext({
     name: "DrawerContext",
 });

package/dist/components/drawer/use-drawer-stack-context.d.ts

@@ -0,0 +1,6 @@
+import type { DrawerStackApi } from "@sprawlify/primitives/machines/drawer";
+import type { PropTypes } from "../../core";
+import type { Accessor } from "../../types";
+export interface UseDrawerStackContext extends Accessor<DrawerStackApi<PropTypes>> {
+}
+export declare const DrawerStackProvider: (opts: UseDrawerStackContext) => void, useDrawerStackContext: (fallback?: UseDrawerStackContext | undefined) => UseDrawerStackContext;

package/dist/components/drawer/use-drawer-stack-context.js

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils/create-context";
+export const [DrawerStackProvider, useDrawerStackContext] = createContext({
+    name: "DrawerStackContext",
+    hookName: "useDrawerStackContext",
+    providerName: "<DrawerStackProvider />",
+});

package/dist/components/drawer/use-drawer-stack-store.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerStack } from "@sprawlify/primitives/machines/drawer";
+export declare const provideDrawerStackStore: (stack: DrawerStack) => DrawerStack;
+export declare const useDrawerStackStore: () => DrawerStack | undefined;

package/dist/components/drawer/use-drawer-stack-store.js

@@ -0,0 +1,4 @@
+import { getContext, hasContext, setContext } from "svelte";
+const DRAWER_STACK_STORE_KEY = Symbol("DrawerStackStore");
+export const provideDrawerStackStore = (stack) => setContext(DRAWER_STACK_STORE_KEY, stack);
+export const useDrawerStackStore = () => hasContext(DRAWER_STACK_STORE_KEY) ? getContext(DRAWER_STACK_STORE_KEY) : undefined;

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

@@ -2,7 +2,8 @@ import type { Accessor, Optional } from "../../types";
 import * as drawer from "@sprawlify/primitives/machines/drawer";
 import { type PropTypes } from "../../core";
 import { type MaybeFunction } from "@sprawlify/primitives/utils";
-export interface UseDrawerProps extends Optional<Omit<drawer.Props, "getRootNode" | "dir">, "id"> {
+export interface UseDrawerProps extends Optional<Omit<drawer.Props, "dir" | "getRootNode" | "defaultSnapPoint">, "id"> {
+    defaultSnapPoint?: drawer.SnapPoint | undefined;
 }
 export interface UseDrawerReturn extends Accessor<drawer.Api<PropTypes>> {
 }

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

@@ -3,14 +3,17 @@ import { useLocaleContext } from "../../providers/locale";
 import * as drawer from "@sprawlify/primitives/machines/drawer";
 import { normalizeProps, useMachine } from "../../core";
 import { runIfFn } from "@sprawlify/primitives/utils";
+import { useDrawerStackStore } from "./use-drawer-stack-store";
 export const useDrawer = (props) => {
     const env = useEnvironmentContext();
     const locale = useLocaleContext();
+    const stack = useDrawerStackStore();
     const machineProps = $derived.by(() => {
         const resolvedProps = runIfFn(props);
         return {
             dir: locale().dir,
             getRootNode: env().getRootNode,
+            stack,
             ...resolvedProps,
         };
     });

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

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

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

@@ -1 +1 @@
-export declare const tourAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"description" | "title" | "content" | "positioner" | "closeTrigger" | "backdrop" | "control" | "progressText" | "actionTrigger" | "arrow" | "arrowTip" | "spotlight">;
+export declare const tourAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"description" | "title" | "content" | "positioner" | "backdrop" | "closeTrigger" | "control" | "progressText" | "arrow" | "actionTrigger" | "arrowTip" | "spotlight">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprawlify/svelte",
-  "version": "0.0.110",
+  "version": "0.0.111",
   "description": "Svelte wrapper for primitives.",
   "license": "MIT",
   "author": "sprawlify <npm@sprawlify.com>",
@@ -341,7 +341,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sprawlify/primitives": "0.0.110"
+    "@sprawlify/primitives": "0.0.111"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"