@sprawlify/svelte 0.0.46 → 0.0.48

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

@@ -23,9 +23,7 @@
   const [renderStrategyProps, localProps] = $derived(splitRenderStrategyProps(props))
   const mergedProps = $derived(mergeProps(value().getRootProps(), localProps))
 
-  $effect(() => {
-    AccordionProvider(value)
-  })
+  AccordionProvider(value)
   RenderStrategyPropsProvider(() => renderStrategyProps)
 </script>
 

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

@@ -18,9 +18,7 @@
   let { ref = $bindable(null), value: angleSlider, ...localProps }: AngleSliderRootProviderProps = $props()
   const mergedProps = $derived(mergeProps(angleSlider().getRootProps(), localProps))
 
-  $effect(() => {
-    AngleSliderProvider(angleSlider)
-  })
+  AngleSliderProvider(angleSlider)
 </script>
 
 <Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -28,9 +28,7 @@
 
   const presence = usePresence(() => presenceMachineProps)
 
-  $effect(() => {
-    BottomSheetProvider(value)
-  })
+  BottomSheetProvider(value)
   RenderStrategyPropsProvider(() => renderStrategyProps)
   PresenceProvider(presence)
 </script>

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

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

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

@@ -16,9 +16,7 @@
   let { ref = $bindable(null), value, ...props }: CarouselRootProviderProps = $props()
   const mergedProps = $derived(mergeProps(value().getRootProps(), props))
 
-  $effect(() => {
-    CarouselProvider(value)
-  })
+  CarouselProvider(value)
 </script>
 
 <Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/checkbox/checkbox-group-provider.svelte

@@ -18,9 +18,7 @@
 
   const mergedProps = $derived(mergeProps({ role: 'group', ...checkboxAnatomy.build().group.attrs }, props))
 
-  $effect(() => {
-    CheckboxGroupContextProvider(value)
-  })
+  CheckboxGroupContextProvider(value)
 </script>
 
 <Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -17,9 +17,7 @@
 
   const mergedProps = $derived(mergeProps(value().getRootProps(), props))
 
-  $effect(() => {
-    CheckboxProvider(value)
-  })
+  CheckboxProvider(value)
 </script>
 
 <Sprawlify as="label" bind:ref {...mergedProps} />

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

@@ -17,9 +17,7 @@
 
   const mergedProps = $derived(mergeProps(value().getRootProps(), props))
 
-  $effect(() => {
-    ClipboardProvider(value)
-  })
+  ClipboardProvider(value)
 </script>
 
 <Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -18,9 +18,7 @@
   let { ref = $bindable(null), value, ...props }: CollapsibleRootProviderProps = $props()
   const mergedProps = $derived(mergeProps(value().getRootProps(), props))
 
-  $effect(() => {
-    CollapsibleProvider(value)
-  })
+  CollapsibleProvider(value)
 </script>
 
 <Sprawlify as="div" bind:ref {...mergedProps} />

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

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

package/dist/components/color-picker/color-picker-root-provider.svelte

@@ -21,9 +21,7 @@
   const presence = usePresence(() => ({ present: value().open, ...presenceProps }))
   const mergedProps = $derived(mergeProps(value().getRootProps(), localProps))
 
-  $effect(() => {
-    ColorPickerProvider(value)
-  })
+  ColorPickerProvider(value)
   PresenceProvider(presence)
 </script>
 

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

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

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

@@ -1,7 +1,7 @@
 <script lang="ts" module>
   import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
   import type { Snippet } from 'svelte'
-  import type { CollectionItem } from '../collection/index.js'
+  import type { CollectionItem } from '../collection'
   import type { UsePresenceProps } from '../presence/use-presence.svelte'
   import type { UseComboboxReturn } from './use-combobox.svelte.js'
 
@@ -36,9 +36,7 @@
   const presence = usePresence(() => mergeProps({ present: value().open }, presenceProps))
   const mergedProps = $derived(mergeProps(value().getRootProps(), otherProps))
 
-  $effect(() => {
-    ComboboxProvider(value)
-  })
+  ComboboxProvider(value)
   PresenceProvider(presence)
 </script>
 

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

@@ -1,6 +1,6 @@
 import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
 import type { Snippet } from 'svelte';
-import type { CollectionItem } from '../collection/index.js';
+import type { CollectionItem } from '../collection';
 import type { UsePresenceProps } from '../presence/use-presence.svelte';
 import type { UseComboboxReturn } from './use-combobox.svelte.js';
 interface RootProviderProps<T extends CollectionItem> {

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" | "root" | "content" | "trigger" | "control" | "nextTrigger" | "prevTrigger" | "positioner" | "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" | "root" | "content" | "trigger" | "control" | "prevTrigger" | "nextTrigger" | "positioner" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

package/dist/components/date-picker/date-picker-root-provider.svelte

@@ -27,9 +27,7 @@
   const presence = usePresence(() => ({ present: value().open, ...presenceProps }))
   const mergedProps = $derived(mergeProps(value().getRootProps(), localProps))
 
-  $effect(() => {
-    DatePickerProvider(value)
-  })
+  DatePickerProvider(value)
   PresenceProvider(presence)
 </script>
 

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

@@ -28,9 +28,7 @@
 
   const presence = usePresence(() => presenceMachineProps)
 
-  $effect(() => {
-    DialogProvider(value)
-  })
+  DialogProvider(value)
   RenderStrategyPropsProvider(() => renderStrategyProps)
   PresenceProvider(presence)
 </script>

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

@@ -15,10 +15,7 @@
 
   let { ref = $bindable(null), value, ...props }: EditableRootProviderProps = $props()
 
-  $effect(() => {
-    EditableProvider(value)
-  })
-
+  EditableProvider(value)
   const mergedProps = $derived(mergeProps(value().getRootProps(), props))
 </script>
 

package/dist/components/file-upload/file-upload-root-provider.svelte

@@ -18,9 +18,7 @@
   let { ref = $bindable(null), value, ...props }: FileUploadRootProviderProps = $props()
   const mergedProps = $derived(mergeProps(value().getRootProps(), props))
 
-  $effect(() => {
-    FileUploadProvider(value)
-  })
+  FileUploadProvider(value)
 </script>
 
 <Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/floating-panel/floating-panel-resize-trigger.svelte

@@ -11,7 +11,7 @@
 </script>
 
 <script lang="ts">
-  import { createSplitProps } from '../../utils/create-split-props.js'
+  import { createSplitProps } from '../../utils/create-split-props'
   import { mergeProps } from '../../core'
   import { Sprawlify } from '../factory'
   import { useFloatingPanelContext } from './use-floating-panel-context'

package/dist/components/floating-panel/floating-panel-root-provider.svelte

@@ -21,9 +21,7 @@
   let { value, children, ...presenceProps }: FloatingPanelRootProviderProps = $props()
   const presence = usePresence(() => mergeProps({ present: value().open }, presenceProps))
 
-  $effect(() => {
-    FloatingPanelProvider(value)
-  })
+  FloatingPanelProvider(value)
   PresenceProvider(presence)
 </script>
 

package/dist/components/floating-panel/floating-panel-root.svelte

@@ -14,7 +14,7 @@
 </script>
 
 <script lang="ts">
-  import { createSplitProps } from '../../utils/create-split-props.js'
+  import { createSplitProps } from '../../utils/create-split-props'
   import { mergeProps } from '../../core'
   import { PresenceProvider, splitPresenceProps, usePresence } from '../presence'
   import { FloatingPanelProvider } from './use-floating-panel-context'

package/dist/components/floating-panel/use-floating-panel-context.js

@@ -1,4 +1,4 @@
-import { createContext } from '../../utils/create-context.js';
+import { createContext } from '../../utils/create-context';
 export const [FloatingPanelProvider, useFloatingPanelContext] = createContext({
     name: 'FloatingPanelContext',
     hookName: 'useFloatingPanelContext',

package/dist/components/floating-panel/use-floating-panel.svelte.js

@@ -1,7 +1,7 @@
 import * as floatingPanel from '@sprawlify/primitives/machines/floating-panel';
 import { normalizeProps, useMachine } from '../../core';
 import { runIfFn } from '@sprawlify/primitives/utils';
-import { useEnvironmentContext, useLocaleContext } from '../../providers/index.js';
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useFloatingPanel = (props = {}) => {
     const env = useEnvironmentContext();
     const locale = useLocaleContext();

package/dist/components/focus-trap/focus-trap.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
-  import { createSplitProps } from '../../utils/create-split-props.js'
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import { createSplitProps } from '../../utils/create-split-props'
   import { type FocusTrapOptions, trapFocus } from '@sprawlify/primitives/focus-trap'
   import { Sprawlify } from '../factory'
 

package/dist/components/focus-trap/focus-trap.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
 import { type FocusTrapOptions } from '@sprawlify/primitives/focus-trap';
 export interface TrapOptions extends Pick<FocusTrapOptions, 'onActivate' | 'onDeactivate' | 'initialFocus' | 'fallbackFocus' | 'returnFocusOnDeactivate' | 'setReturnFocus'> {
     disabled?: boolean;

package/dist/components/highlight/highlight.svelte

@@ -13,7 +13,7 @@
   )
 
   if (typeof props.text !== 'string') {
-    throw new Error('[ark-ui/highlight] text must be a string')
+    throw new Error('[sprawlify/highlight] text must be a string')
   }
 
   const chunks = useHighlight(() => highlightProps)

package/dist/components/hover-card/hover-card-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as hoverCardAnatomy } from '@sprawlify/primitives/machines/hover-card';

package/dist/components/hover-card/hover-card-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as hoverCardAnatomy } from '@sprawlify/primitives/machines/hover-card';

package/dist/components/hover-card/hover-card-arrow-tip.svelte

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

package/dist/components/hover-card/hover-card-arrow-tip.svelte.d.ts

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

package/dist/components/hover-card/hover-card-arrow.svelte

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

package/dist/components/hover-card/hover-card-arrow.svelte.d.ts

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

package/dist/components/hover-card/hover-card-content.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface HoverCardContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface HoverCardContentProps extends Assign<HTMLProps<'div'>, HoverCardContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { useHoverCardContext } from './use-hover-card-context'
+
+  let { ref = $bindable(null), ...props }: HoverCardContentProps = $props()
+
+  const hoverCard = useHoverCardContext()
+  const presence = usePresenceContext()
+  const mergedProps = $derived(mergeProps(hoverCard().getContentProps(), presence().getPresenceProps(), props))
+
+  function setNode(node: HTMLElement | null) {
+    presence().setNode(node)
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Sprawlify as="div" bind:ref {@attach setNode} {...mergedProps} />
+{/if}

package/dist/components/hover-card/hover-card-content.svelte.d.ts

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

package/dist/components/hover-card/hover-card-context.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseHoverCardContext } from './use-hover-card-context'
+
+  export interface HoverCardContextProps {
+    render: Snippet<[UseHoverCardContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useHoverCardContext } from './use-hover-card-context'
+
+  const { render }: HoverCardContextProps = $props()
+  const context = useHoverCardContext()
+</script>
+
+{@render render(context)}

package/dist/components/hover-card/hover-card-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseHoverCardContext } from './use-hover-card-context';
+export interface HoverCardContextProps {
+    render: Snippet<[UseHoverCardContext]>;
+}
+declare const HoverCardContext: import("svelte").Component<HoverCardContextProps, {}, "">;
+type HoverCardContext = ReturnType<typeof HoverCardContext>;
+export default HoverCardContext;

package/dist/components/hover-card/hover-card-positioner.svelte

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

package/dist/components/hover-card/hover-card-positioner.svelte.d.ts

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

package/dist/components/hover-card/hover-card-root-provider.svelte

@@ -0,0 +1,29 @@
+<script module lang="ts">
+  import type { UsePresenceProps } from '../presence'
+  import type { UseHoverCardReturn } from './use-hover-card.svelte'
+
+  interface RootProviderProps {
+    value: UseHoverCardReturn
+  }
+
+  export interface HoverCardRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+    children?: Snippet
+  }
+  export interface HoverCardRootProviderProps extends HoverCardRootProviderBaseProps {}
+</script>
+
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+  import { PresenceProvider, splitPresenceProps, usePresence } from '../presence'
+  import { HoverCardProvider } from './use-hover-card-context'
+
+  const { value, ...props }: HoverCardRootProviderProps = $props()
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props))
+  const presence = usePresence(() => ({ present: value().open, ...presenceProps }))
+
+  HoverCardProvider(value)
+  PresenceProvider(presence)
+</script>
+
+{@render localProps.children?.()}

package/dist/components/hover-card/hover-card-root-provider.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { UsePresenceProps } from '../presence';
+import type { UseHoverCardReturn } from './use-hover-card.svelte';
+interface RootProviderProps {
+    value: UseHoverCardReturn;
+}
+export interface HoverCardRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+    children?: Snippet;
+}
+export interface HoverCardRootProviderProps extends HoverCardRootProviderBaseProps {
+}
+import type { Snippet } from 'svelte';
+declare const HoverCardRootProvider: import("svelte").Component<HoverCardRootProviderProps, {}, "">;
+type HoverCardRootProvider = ReturnType<typeof HoverCardRootProvider>;
+export default HoverCardRootProvider;

package/dist/components/hover-card/hover-card-root.svelte

@@ -0,0 +1,39 @@
+<script module lang="ts">
+  import type { UsePresenceProps } from '../presence'
+  import type { UseHoverCardProps } from './use-hover-card.svelte'
+
+  export interface HoverCardRootBaseProps extends UseHoverCardProps, UsePresenceProps {
+    children?: Snippet
+  }
+  export interface HoverCardRootProps extends HoverCardRootBaseProps {}
+</script>
+
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+  import { PresenceProvider, splitPresenceProps, usePresence } from '../presence'
+  import { HoverCardProvider } from './use-hover-card-context'
+  import { useHoverCard } from './use-hover-card.svelte'
+
+  let { open = $bindable<boolean>(), ...props }: HoverCardRootProps = $props()
+  const providedId = $props.id()
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props))
+
+  const resolvedProps = $derived<UseHoverCardProps>({
+    ...localProps,
+    id: localProps.id ?? providedId,
+    open,
+    onOpenChange(details) {
+      localProps.onOpenChange?.(details)
+      if (open !== undefined) open = details.open
+    },
+  })
+
+  const hoverCard = useHoverCard(() => resolvedProps)
+  const presence = usePresence(() => ({ present: hoverCard().open, ...presenceProps }))
+
+  HoverCardProvider(hoverCard)
+  PresenceProvider(presence)
+</script>
+
+{@render props.children?.()}

package/dist/components/hover-card/hover-card-root.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { UsePresenceProps } from '../presence';
+import type { UseHoverCardProps } from './use-hover-card.svelte';
+export interface HoverCardRootBaseProps extends UseHoverCardProps, UsePresenceProps {
+    children?: Snippet;
+}
+export interface HoverCardRootProps extends HoverCardRootBaseProps {
+}
+import type { Snippet } from 'svelte';
+declare const HoverCardRoot: import("svelte").Component<HoverCardRootProps, {}, "open">;
+type HoverCardRoot = ReturnType<typeof HoverCardRoot>;
+export default HoverCardRoot;

package/dist/components/hover-card/hover-card-trigger.svelte

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

package/dist/components/hover-card/hover-card-trigger.svelte.d.ts

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

package/dist/components/hover-card/hover-card.d.ts

@@ -0,0 +1,9 @@
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@sprawlify/primitives/machines/hover-card';
+export { default as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, } from './hover-card-arrow.svelte';
+export { default as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, } from './hover-card-arrow-tip.svelte';
+export { default as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, } from './hover-card-content.svelte';
+export { default as Context, type HoverCardContextProps as ContextProps } from './hover-card-context.svelte';
+export { default as Positioner, type HoverCardPositionerBaseProps as PositionerBaseProps, type HoverCardPositionerProps as PositionerProps, } from './hover-card-positioner.svelte';
+export { default as Root, type HoverCardRootBaseProps as RootBaseProps, type HoverCardRootProps as RootProps, } from './hover-card-root.svelte';
+export { default as RootProvider, type HoverCardRootProviderBaseProps as RootProviderBaseProps, type HoverCardRootProviderProps as RootProviderProps, } from './hover-card-root-provider.svelte';
+export { default as Trigger, type HoverCardTriggerBaseProps as TriggerBaseProps, type HoverCardTriggerProps as TriggerProps, } from './hover-card-trigger.svelte';

package/dist/components/hover-card/hover-card.js

@@ -0,0 +1,8 @@
+export { default as Arrow, } from './hover-card-arrow.svelte';
+export { default as ArrowTip, } from './hover-card-arrow-tip.svelte';
+export { default as Content, } from './hover-card-content.svelte';
+export { default as Context } from './hover-card-context.svelte';
+export { default as Positioner, } from './hover-card-positioner.svelte';
+export { default as Root, } from './hover-card-root.svelte';
+export { default as RootProvider, } from './hover-card-root-provider.svelte';
+export { default as Trigger, } from './hover-card-trigger.svelte';

package/dist/components/hover-card/index.d.ts

@@ -0,0 +1,13 @@
+export type { FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, } from '@sprawlify/primitives/machines/hover-card';
+export { default as HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps, } from './hover-card-arrow.svelte';
+export { default as HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps, } from './hover-card-arrow-tip.svelte';
+export { default as HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps, } from './hover-card-content.svelte';
+export { default as HoverCardContext, type HoverCardContextProps } from './hover-card-context.svelte';
+export { default as HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, } from './hover-card-positioner.svelte';
+export { default as HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps, } from './hover-card-root.svelte';
+export { default as HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderProps, } from './hover-card-root-provider.svelte';
+export { default as HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps, } from './hover-card-trigger.svelte';
+export { hoverCardAnatomy } from './hover-card-anatomy';
+export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card.svelte';
+export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';
+export * as HoverCard from './hover-card';