@sprawlify/svelte 0.0.109 → 0.0.110

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" | "content" | "trigger" | "positioner" | "closeTrigger" | "backdrop">;
+export declare const parts: Record<"description" | "title" | "content" | "trigger" | "positioner" | "closeTrigger" | "backdrop", 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" | "itemGroup" | "item" | "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" | "content" | "trigger" | "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" | "content" | "trigger" | "positioner" | "root" | "control" | "itemGroup" | "item" | "clearTrigger" | "list" | "itemText" | "itemIndicator" | "itemGroupLabel" | "empty">;

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,12 @@
 <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 +14,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-grabber-indicator.svelte

@@ -0,0 +1,20 @@
+<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/{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 { DrawerSheetProvider } 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)
+  DrawerSheetProvider(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 { DrawerSheetProvider } 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)
+  DrawerSheetProvider(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-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;

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

@@ -0,0 +1,29 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface DrawerTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface DrawerTriggerProps extends Assign<HTMLProps<'button'>, DrawerTriggerBaseProps> {}
+</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 }: DrawerTriggerProps = $props()
+
+  const drawer = useDrawerContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(
+    mergeProps(
+      {
+        ...drawer().getTriggerProps(),
+        'aria-controls': presence().unmounted ? undefined : drawer().getTriggerProps()['aria-controls'],
+      },
+      props,
+    ),
+  )
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,11 @@
+export type { OpenChangeDetails } 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 Context, type DrawerContextProps as ContextProps, } from "./drawer-context.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";

package/dist/components/drawer/drawer.js

@@ -0,0 +1,10 @@
+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 Context, } from "./drawer-context.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";

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

@@ -0,0 +1,15 @@
+export type { OpenChangeDetails as DrawerOpenChangeDetails } 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 DrawerContext, type DrawerContextProps } from "./drawer-context.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 { drawerAnatomy } from "./drawer-anatomy";
+export { useDrawerContext, type UseDrawerContext } from "./use-drawer-context";
+export { useDrawer, type UseDrawerProps, type UseDrawerReturn } from "./use-drawer.svelte";
+export * as Drawer from "./drawer";

package/dist/components/drawer/index.js

@@ -0,0 +1,14 @@
+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 DrawerContext } from "./drawer-context.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 { drawerAnatomy } from "./drawer-anatomy";
+export { useDrawerContext } from "./use-drawer-context";
+export { useDrawer } from "./use-drawer.svelte";
+export * as Drawer from "./drawer";

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +1,9 @@
+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 UseDrawerReturn extends Accessor<drawer.Api<PropTypes>> {
+}
+export declare const useDrawer: (props: MaybeFunction<UseDrawerProps>) => UseDrawerReturn;

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

@@ -1,9 +1,9 @@
 import { useEnvironmentContext } from "../../providers/environment";
 import { useLocaleContext } from "../../providers/locale";
-import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
+import * as drawer from "@sprawlify/primitives/machines/drawer";
 import { normalizeProps, useMachine } from "../../core";
 import { runIfFn } from "@sprawlify/primitives/utils";
-export const useBottomSheet = (props) => {
+export const useDrawer = (props) => {
     const env = useEnvironmentContext();
     const locale = useLocaleContext();
     const machineProps = $derived.by(() => {
@@ -14,7 +14,7 @@ export const useBottomSheet = (props) => {
             ...resolvedProps,
         };
     });
-    const service = useMachine(bottomSheet.machine, () => machineProps);
-    const api = $derived(bottomSheet.connect(service, normalizeProps));
+    const service = useMachine(drawer.machine, () => machineProps);
+    const api = $derived(drawer.connect(service, normalizeProps));
     return () => api;
 };

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprawlify/svelte",
-  "version": "0.0.109",
+  "version": "0.0.110",
   "description": "Svelte wrapper for primitives.",
   "license": "MIT",
   "author": "sprawlify <npm@sprawlify.com>",
@@ -46,11 +46,6 @@
       "svelte": "./dist/components/avatar/index.js",
       "default": "./dist/components/avatar/index.js"
     },
-    "./bottom-sheet": {
-      "types": "./dist/components/bottom-sheet/index.d.ts",
-      "svelte": "./dist/components/bottom-sheet/index.js",
-      "default": "./dist/components/bottom-sheet/index.js"
-    },
     "./carousel": {
       "types": "./dist/components/carousel/index.d.ts",
       "svelte": "./dist/components/carousel/index.js",
@@ -106,6 +101,11 @@
       "svelte": "./dist/components/download-trigger/index.js",
       "default": "./dist/components/download-trigger/index.js"
     },
+    "./drawer": {
+      "types": "./dist/components/drawer/index.d.ts",
+      "svelte": "./dist/components/drawer/index.js",
+      "default": "./dist/components/drawer/index.js"
+    },
     "./dropdown-menu": {
       "types": "./dist/components/dropdown-menu/index.d.ts",
       "svelte": "./dist/components/dropdown-menu/index.js",
@@ -341,7 +341,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sprawlify/primitives": "0.0.109"
+    "@sprawlify/primitives": "0.0.110"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

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

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

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

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

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

@@ -1,9 +0,0 @@
-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> {
-}
-declare const BottomSheetBackdrop: import("svelte").Component<BottomSheetBackdropProps, {}, "ref">;
-type BottomSheetBackdrop = ReturnType<typeof BottomSheetBackdrop>;
-export default BottomSheetBackdrop;

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.svelte

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

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.svelte.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-content.svelte.d.ts

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

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

@@ -1,18 +0,0 @@
-<script module lang="ts">
-  import type { Snippet } from 'svelte'
-  import type { UseBottomSheetContext } from './use-bottom-sheet-context'
-
-  export interface BottomSheetContextProps {
-    children: Snippet<[UseBottomSheetContext]>
-  }
-</script>
-
-<script lang="ts">
-  import { useBottomSheetContext } from './use-bottom-sheet-context'
-
-  const { children }: BottomSheetContextProps = $props()
-
-  const bottomSheet = useBottomSheetContext()
-</script>
-
-{@render children(bottomSheet)}

package/dist/components/bottom-sheet/bottom-sheet-context.svelte.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.svelte

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

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.svelte.d.ts

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

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

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

package/dist/components/bottom-sheet/bottom-sheet-grabber.svelte.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-root-provider.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { UseBottomSheetReturn } from './use-bottom-sheet.svelte';
-export interface BottomSheetRootProviderBaseProps {
-    value: UseBottomSheetReturn;
-}
-export interface BottomSheetRootProviderProps extends BottomSheetRootProviderBaseProps {
-    children?: Snippet;
-}
-declare const BottomSheetRootProvider: import("svelte").Component<BottomSheetRootProviderProps, {}, "">;
-type BottomSheetRootProvider = ReturnType<typeof BottomSheetRootProvider>;
-export default BottomSheetRootProvider;

package/dist/components/bottom-sheet/bottom-sheet-root.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Snippet } from 'svelte';
-import type { UsePresenceProps } from '../presence';
-import type { UseBottomSheetProps } from './use-bottom-sheet.svelte';
-export interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {
-}
-export interface BottomSheetRootProps extends BottomSheetRootBaseProps {
-    children?: Snippet;
-}
-declare const BottomSheetRoot: import("svelte").Component<BottomSheetRootProps, {}, "open">;
-type BottomSheetRoot = ReturnType<typeof BottomSheetRoot>;
-export default BottomSheetRoot;

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

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

package/dist/components/bottom-sheet/bottom-sheet-title.svelte.d.ts

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

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

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

package/dist/components/bottom-sheet/bottom-sheet-trigger.svelte.d.ts

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

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

@@ -1,11 +0,0 @@
-export type { OpenChangeDetails } from "@sprawlify/primitives/machines/bottom-sheet";
-export { default as Backdrop, type BottomSheetBackdropBaseProps as BackdropBaseProps, type BottomSheetBackdropProps as BackdropProps, } from "./bottom-sheet-backdrop.svelte";
-export { default as CloseTrigger, type BottomSheetCloseTriggerBaseProps as CloseTriggerBaseProps, type BottomSheetCloseTriggerProps as CloseTriggerProps, } from "./bottom-sheet-close-trigger.svelte";
-export { default as Content, type BottomSheetContentBaseProps as ContentBaseProps, type BottomSheetContentProps as ContentProps, } from "./bottom-sheet-content.svelte";
-export { default as Context, type BottomSheetContextProps as ContextProps, } from "./bottom-sheet-context.svelte";
-export { default as Grabber, type BottomSheetGrabberBaseProps as GrabberBaseProps, type BottomSheetGrabberProps as GrabberProps, } from "./bottom-sheet-grabber.svelte";
-export { default as GrabberIndicator, type BottomSheetGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps as GrabberIndicatorProps, } from "./bottom-sheet-grabber-indicator.svelte";
-export { default as Root, type BottomSheetRootBaseProps as RootBaseProps, type BottomSheetRootProps as RootProps, } from "./bottom-sheet-root.svelte";
-export { default as RootProvider, type BottomSheetRootProviderBaseProps as RootProviderBaseProps, type BottomSheetRootProviderProps as RootProviderProps, } from "./bottom-sheet-root-provider.svelte";
-export { default as Title, type BottomSheetTitleBaseProps as TitleBaseProps, type BottomSheetTitleProps as TitleProps, } from "./bottom-sheet-title.svelte";
-export { default as Trigger, type BottomSheetTriggerBaseProps as TriggerBaseProps, type BottomSheetTriggerProps as TriggerProps, } from "./bottom-sheet-trigger.svelte";

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

@@ -1,10 +0,0 @@
-export { default as Backdrop, } from "./bottom-sheet-backdrop.svelte";
-export { default as CloseTrigger, } from "./bottom-sheet-close-trigger.svelte";
-export { default as Content, } from "./bottom-sheet-content.svelte";
-export { default as Context, } from "./bottom-sheet-context.svelte";
-export { default as Grabber, } from "./bottom-sheet-grabber.svelte";
-export { default as GrabberIndicator, } from "./bottom-sheet-grabber-indicator.svelte";
-export { default as Root, } from "./bottom-sheet-root.svelte";
-export { default as RootProvider, } from "./bottom-sheet-root-provider.svelte";
-export { default as Title, } from "./bottom-sheet-title.svelte";
-export { default as Trigger, } from "./bottom-sheet-trigger.svelte";

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

@@ -1,15 +0,0 @@
-export type { OpenChangeDetails as BottomSheetOpenChangeDetails } from "@sprawlify/primitives/machines/bottom-sheet";
-export { default as BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, } from "./bottom-sheet-backdrop.svelte";
-export { default as BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, } from "./bottom-sheet-close-trigger.svelte";
-export { default as BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, } from "./bottom-sheet-content.svelte";
-export { default as BottomSheetContext, type BottomSheetContextProps, } from "./bottom-sheet-context.svelte";
-export { default as BottomSheetGrabber, type BottomSheetGrabberBaseProps, type BottomSheetGrabberProps, } from "./bottom-sheet-grabber.svelte";
-export { default as BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, } from "./bottom-sheet-grabber-indicator.svelte";
-export { default as BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps, } from "./bottom-sheet-root.svelte";
-export { default as BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, } from "./bottom-sheet-root-provider.svelte";
-export { default as BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps, } from "./bottom-sheet-title.svelte";
-export { default as BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, } from "./bottom-sheet-trigger.svelte";
-export { bottomSheetAnatomy } from "./bottom-sheet-anatomy";
-export { useBottomSheetContext, type UseBottomSheetContext } from "./use-bottom-sheet-context";
-export { useBottomSheet, type UseBottomSheetProps, type UseBottomSheetReturn, } from "./use-bottom-sheet.svelte";
-export * as BottomSheet from "./bottom-sheet";

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

@@ -1,14 +0,0 @@
-export { default as BottomSheetBackdrop, } from "./bottom-sheet-backdrop.svelte";
-export { default as BottomSheetCloseTrigger, } from "./bottom-sheet-close-trigger.svelte";
-export { default as BottomSheetContent, } from "./bottom-sheet-content.svelte";
-export { default as BottomSheetContext, } from "./bottom-sheet-context.svelte";
-export { default as BottomSheetGrabber, } from "./bottom-sheet-grabber.svelte";
-export { default as BottomSheetGrabberIndicator, } from "./bottom-sheet-grabber-indicator.svelte";
-export { default as BottomSheetRoot, } from "./bottom-sheet-root.svelte";
-export { default as BottomSheetRootProvider, } from "./bottom-sheet-root-provider.svelte";
-export { default as BottomSheetTitle, } from "./bottom-sheet-title.svelte";
-export { default as BottomSheetTrigger, } from "./bottom-sheet-trigger.svelte";
-export { bottomSheetAnatomy } from "./bottom-sheet-anatomy";
-export { useBottomSheetContext } from "./use-bottom-sheet-context";
-export { useBottomSheet, } from "./use-bottom-sheet.svelte";
-export * as BottomSheet from "./bottom-sheet";

package/dist/components/bottom-sheet/use-bottom-sheet-context.d.ts

@@ -1,4 +0,0 @@
-import type { UseBottomSheetReturn } from "./use-bottom-sheet.svelte";
-export interface UseBottomSheetContext extends UseBottomSheetReturn {
-}
-export declare const BottomSheetProvider: (opts: UseBottomSheetContext) => void, useBottomSheetContext: (fallback?: UseBottomSheetContext | undefined) => UseBottomSheetContext;

package/dist/components/bottom-sheet/use-bottom-sheet-context.js

@@ -1,4 +0,0 @@
-import { createContext } from "../../utils/create-context";
-export const [BottomSheetProvider, useBottomSheetContext] = createContext({
-    name: "BottomSheetContext",
-});

package/dist/components/bottom-sheet/use-bottom-sheet.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Accessor, Optional } from "../../types";
-import * as bottomSheet from "@sprawlify/primitives/machines/bottom-sheet";
-import { type PropTypes } from "../../core";
-import { type MaybeFunction } from "@sprawlify/primitives/utils";
-export interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, "getRootNode" | "dir">, "id"> {
-}
-export interface UseBottomSheetReturn extends Accessor<bottomSheet.Api<PropTypes>> {
-}
-export declare const useBottomSheet: (props: MaybeFunction<UseBottomSheetProps>) => UseBottomSheetReturn;