@sprawlify/svelte 0.0.44 → 0.0.46

package/dist/components/file-upload/file-upload.d.ts

@@ -0,0 +1,16 @@
+export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails, FileError, FileMimeType, FileRejection, } from '@sprawlify/primitives/machines/file-upload';
+export { default as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, } from './file-upload-clear-trigger.svelte';
+export { default as Context, type FileUploadContextProps as ContextProps } from './file-upload-context.svelte';
+export { default as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, } from './file-upload-dropzone.svelte';
+export { default as HiddenInput, type FileUploadHiddenInputBaseProps as HiddenInputBaseProps, type FileUploadHiddenInputProps as HiddenInputProps, } from './file-upload-hidden-input.svelte';
+export { default as Item, type FileUploadItemBaseProps as ItemBaseProps, type FileUploadItemProps as ItemProps, } from './file-upload-item.svelte';
+export { default as ItemDeleteTrigger, type FileUploadItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, type FileUploadItemDeleteTriggerProps as ItemDeleteTriggerProps, } from './file-upload-item-delete-trigger.svelte';
+export { default as ItemGroup, type FileUploadItemGroupBaseProps as ItemGroupBaseProps, type FileUploadItemGroupProps as ItemGroupProps, } from './file-upload-item-group.svelte';
+export { default as ItemName, type FileUploadItemNameBaseProps as ItemNameBaseProps, type FileUploadItemNameProps as ItemNameProps, } from './file-upload-item-name.svelte';
+export { default as ItemPreview, type FileUploadItemPreviewBaseProps as ItemPreviewBaseProps, type FileUploadItemPreviewProps as ItemPreviewProps, } from './file-upload-item-preview.svelte';
+export { default as ItemPreviewImage, type FileUploadItemPreviewImageBaseProps as ItemPreviewImageBaseProps, type FileUploadItemPreviewImageProps as ItemPreviewImageProps, } from './file-upload-item-preview-image.svelte';
+export { default as ItemSizeText, type FileUploadItemSizeTextBaseProps as ItemSizeTextBaseProps, type FileUploadItemSizeTextProps as ItemSizeTextProps, } from './file-upload-item-size-text.svelte';
+export { default as Label, type FileUploadLabelBaseProps as LabelBaseProps, type FileUploadLabelProps as LabelProps, } from './file-upload-label.svelte';
+export { default as Root, type FileUploadRootBaseProps as RootBaseProps, type FileUploadRootProps as RootProps, } from './file-upload-root.svelte';
+export { default as RootProvider, type FileUploadRootProviderBaseProps as RootProviderBaseProps, type FileUploadRootProviderProps as RootProviderProps, } from './file-upload-root-provider.svelte';
+export { default as Trigger, type FileUploadTriggerBaseProps as TriggerBaseProps, type FileUploadTriggerProps as TriggerProps, } from './file-upload-trigger.svelte';

package/dist/components/file-upload/file-upload.js

@@ -0,0 +1,15 @@
+export { default as ClearTrigger, } from './file-upload-clear-trigger.svelte';
+export { default as Context } from './file-upload-context.svelte';
+export { default as Dropzone, } from './file-upload-dropzone.svelte';
+export { default as HiddenInput, } from './file-upload-hidden-input.svelte';
+export { default as Item, } from './file-upload-item.svelte';
+export { default as ItemDeleteTrigger, } from './file-upload-item-delete-trigger.svelte';
+export { default as ItemGroup, } from './file-upload-item-group.svelte';
+export { default as ItemName, } from './file-upload-item-name.svelte';
+export { default as ItemPreview, } from './file-upload-item-preview.svelte';
+export { default as ItemPreviewImage, } from './file-upload-item-preview-image.svelte';
+export { default as ItemSizeText, } from './file-upload-item-size-text.svelte';
+export { default as Label, } from './file-upload-label.svelte';
+export { default as Root, } from './file-upload-root.svelte';
+export { default as RootProvider, } from './file-upload-root-provider.svelte';
+export { default as Trigger, } from './file-upload-trigger.svelte';

package/dist/components/file-upload/index.d.ts

@@ -0,0 +1,21 @@
+export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, FileValidateDetails as FileUploadFileValidateDetails, FileError as FileUploadFileError, FileMimeType as FileUploadFileMimeType, FileRejection as FileUploadFileRejection, } from '@sprawlify/primitives/machines/file-upload';
+export { default as FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, } from './file-upload-clear-trigger.svelte';
+export { default as FileUploadContext, type FileUploadContextProps } from './file-upload-context.svelte';
+export { default as FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, } from './file-upload-dropzone.svelte';
+export { default as FileUploadHiddenInput, type FileUploadHiddenInputBaseProps, type FileUploadHiddenInputProps, } from './file-upload-hidden-input.svelte';
+export { default as FileUploadItem, type FileUploadItemBaseProps, type FileUploadItemProps, } from './file-upload-item.svelte';
+export { default as FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerBaseProps, type FileUploadItemDeleteTriggerProps, } from './file-upload-item-delete-trigger.svelte';
+export { default as FileUploadItemGroup, type FileUploadItemGroupBaseProps, type FileUploadItemGroupProps, } from './file-upload-item-group.svelte';
+export { default as FileUploadItemName, type FileUploadItemNameBaseProps, type FileUploadItemNameProps, } from './file-upload-item-name.svelte';
+export { default as FileUploadItemPreview, type FileUploadItemPreviewBaseProps, type FileUploadItemPreviewProps, } from './file-upload-item-preview.svelte';
+export { default as FileUploadItemPreviewImage, type FileUploadItemPreviewImageBaseProps, type FileUploadItemPreviewImageProps, } from './file-upload-item-preview-image.svelte';
+export { default as FileUploadItemSizeText, type FileUploadItemSizeTextBaseProps, type FileUploadItemSizeTextProps, } from './file-upload-item-size-text.svelte';
+export { default as FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps, } from './file-upload-label.svelte';
+export { default as FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps, } from './file-upload-root.svelte';
+export { default as FileUploadRootProvider, type FileUploadRootProviderBaseProps, type FileUploadRootProviderProps, } from './file-upload-root-provider.svelte';
+export { default as FileUploadTrigger, type FileUploadTriggerBaseProps, type FileUploadTriggerProps, } from './file-upload-trigger.svelte';
+export { fileUploadAnatomy } from './file-upload-anatomy';
+export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';
+export { useFileUploadItemPropsContext, type UseFileUploadItemPropsContext } from './use-file-upload-item-props-context';
+export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload.svelte';
+export * as FileUpload from './file-upload';

package/dist/components/file-upload/index.js

@@ -0,0 +1,20 @@
+export { default as FileUploadClearTrigger, } from './file-upload-clear-trigger.svelte';
+export { default as FileUploadContext } from './file-upload-context.svelte';
+export { default as FileUploadDropzone, } from './file-upload-dropzone.svelte';
+export { default as FileUploadHiddenInput, } from './file-upload-hidden-input.svelte';
+export { default as FileUploadItem, } from './file-upload-item.svelte';
+export { default as FileUploadItemDeleteTrigger, } from './file-upload-item-delete-trigger.svelte';
+export { default as FileUploadItemGroup, } from './file-upload-item-group.svelte';
+export { default as FileUploadItemName, } from './file-upload-item-name.svelte';
+export { default as FileUploadItemPreview, } from './file-upload-item-preview.svelte';
+export { default as FileUploadItemPreviewImage, } from './file-upload-item-preview-image.svelte';
+export { default as FileUploadItemSizeText, } from './file-upload-item-size-text.svelte';
+export { default as FileUploadLabel, } from './file-upload-label.svelte';
+export { default as FileUploadRoot, } from './file-upload-root.svelte';
+export { default as FileUploadRootProvider, } from './file-upload-root-provider.svelte';
+export { default as FileUploadTrigger, } from './file-upload-trigger.svelte';
+export { fileUploadAnatomy } from './file-upload-anatomy';
+export { useFileUploadContext } from './use-file-upload-context';
+export { useFileUploadItemPropsContext } from './use-file-upload-item-props-context';
+export { useFileUpload } from './use-file-upload.svelte';
+export * as FileUpload from './file-upload';

package/dist/components/file-upload/use-file-upload-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseFileUploadReturn } from './use-file-upload.svelte';
+export interface UseFileUploadContext extends UseFileUploadReturn {
+}
+export declare const FileUploadProvider: (opts: UseFileUploadContext) => void, useFileUploadContext: (fallback?: UseFileUploadContext | undefined) => UseFileUploadContext;

package/dist/components/file-upload/use-file-upload-context.js

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

package/dist/components/file-upload/use-file-upload-item-group-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { ItemGroupProps } from '@sprawlify/primitives/machines/file-upload';
+import type { Accessor } from '../../types';
+export interface UseFileUploadItemGroupPropsContext extends Accessor<ItemGroupProps> {
+}
+export declare const FileUploadItemGroupPropsProvider: (opts: UseFileUploadItemGroupPropsContext) => void, useFileUploadItemGroupPropsContext: (fallback?: UseFileUploadItemGroupPropsContext | undefined) => UseFileUploadItemGroupPropsContext;

package/dist/components/file-upload/use-file-upload-item-group-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext({
+    name: 'FileUploadItemGroupPropsContext',
+    hookName: 'useFileUploadItemGroupPropsContext',
+    providerName: '<FileUploadItemGroupPropsProvider />',
+});

package/dist/components/file-upload/use-file-upload-item-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types';
+import type { ItemProps } from '@sprawlify/primitives/machines/file-upload';
+export interface UseFileUploadItemPropsContext extends Accessor<ItemProps> {
+}
+export declare const FileUploadItemPropsProvider: (opts: UseFileUploadItemPropsContext) => void, useFileUploadItemPropsContext: (fallback?: UseFileUploadItemPropsContext | undefined) => UseFileUploadItemPropsContext;

package/dist/components/file-upload/use-file-upload-item-props-context.js

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

package/dist/components/file-upload/use-file-upload.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from '../../types';
+import * as fileUpload from '@sprawlify/primitives/machines/file-upload';
+import { type PropTypes } from '../../core';
+import { type MaybeFunction } from '@sprawlify/primitives/utils';
+export interface UseFileUploadProps extends Optional<Omit<fileUpload.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseFileUploadReturn extends Accessor<fileUpload.Api<PropTypes>> {
+}
+export declare const useFileUpload: (props?: MaybeFunction<UseFileUploadProps>) => UseFileUploadReturn;

package/dist/components/file-upload/use-file-upload.svelte.js

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

package/dist/components/floating-panel/floating-panel-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as floatingPanelAnatomy } from '@sprawlify/primitives/machines/floating-panel';

package/dist/components/floating-panel/floating-panel-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as floatingPanelAnatomy } from '@sprawlify/primitives/machines/floating-panel';

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

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

package/dist/components/floating-panel/floating-panel-body.svelte.d.ts

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

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

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

package/dist/components/floating-panel/floating-panel-close-trigger.svelte.d.ts

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

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

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

package/dist/components/floating-panel/floating-panel-content.svelte.d.ts

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

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

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { Snippet } from 'svelte'
+  import type { UseFloatingPanelContext } from './use-floating-panel-context'
+
+  export interface FloatingPanelContextProps {
+    render: Snippet<[UseFloatingPanelContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useFloatingPanelContext } from './use-floating-panel-context'
+
+  let { render }: FloatingPanelContextProps = $props()
+
+  const context = useFloatingPanelContext()
+</script>
+
+{@render render(context)}

package/dist/components/floating-panel/floating-panel-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseFloatingPanelContext } from './use-floating-panel-context';
+export interface FloatingPanelContextProps {
+    render: Snippet<[UseFloatingPanelContext]>;
+}
+declare const FloatingPanelContext: import("svelte").Component<FloatingPanelContextProps, {}, "">;
+type FloatingPanelContext = ReturnType<typeof FloatingPanelContext>;
+export default FloatingPanelContext;

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

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

package/dist/components/floating-panel/floating-panel-control.svelte.d.ts

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

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

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

package/dist/components/floating-panel/floating-panel-drag-trigger.svelte.d.ts

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

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

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

package/dist/components/floating-panel/floating-panel-header.svelte.d.ts

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

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

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

package/dist/components/floating-panel/floating-panel-positioner.svelte.d.ts

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

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

@@ -0,0 +1,26 @@
+<script lang="ts" module>
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { ResizeTriggerProps } from '@sprawlify/primitives/machines/floating-panel'
+
+  export interface FloatingPanelResizeTriggerBaseProps
+    extends ResizeTriggerProps,
+      PolymorphicProps<'div'>,
+      RefAttribute {}
+  export interface FloatingPanelResizeTriggerProps
+    extends Assign<HTMLProps<'div'>, FloatingPanelResizeTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props.js'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useFloatingPanelContext } from './use-floating-panel-context'
+
+  let { ref = $bindable(null), ...props }: FloatingPanelResizeTriggerProps = $props()
+  const [resizeProps, localProps] = createSplitProps<ResizeTriggerProps>()(props, ['axis'])
+
+  const floatingPanel = useFloatingPanelContext()
+  const mergedProps = $derived(mergeProps(floatingPanel().getResizeTriggerProps(resizeProps), localProps))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { ResizeTriggerProps } from '@sprawlify/primitives/machines/floating-panel';
+export interface FloatingPanelResizeTriggerBaseProps extends ResizeTriggerProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface FloatingPanelResizeTriggerProps extends Assign<HTMLProps<'div'>, FloatingPanelResizeTriggerBaseProps> {
+}
+declare const FloatingPanelResizeTrigger: import("svelte").Component<FloatingPanelResizeTriggerProps, {}, "ref">;
+type FloatingPanelResizeTrigger = ReturnType<typeof FloatingPanelResizeTrigger>;
+export default FloatingPanelResizeTrigger;

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

@@ -0,0 +1,30 @@
+<script lang="ts" module>
+  import type { UsePresenceProps } from '../presence/use-presence.svelte'
+  import type { UseFloatingPanelReturn } from './use-floating-panel.svelte'
+
+  interface RootProviderProps {
+    value: UseFloatingPanelReturn
+  }
+
+  export interface FloatingPanelRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+    children?: Snippet
+  }
+  export interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import type { Snippet } from 'svelte'
+  import { PresenceProvider, usePresence } from '../presence'
+  import { FloatingPanelProvider } from './use-floating-panel-context'
+
+  let { value, children, ...presenceProps }: FloatingPanelRootProviderProps = $props()
+  const presence = usePresence(() => mergeProps({ present: value().open }, presenceProps))
+
+  $effect(() => {
+    FloatingPanelProvider(value)
+  })
+  PresenceProvider(presence)
+</script>
+
+{@render children?.()}

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

@@ -0,0 +1,14 @@
+import type { UsePresenceProps } from '../presence/use-presence.svelte';
+import type { UseFloatingPanelReturn } from './use-floating-panel.svelte';
+interface RootProviderProps {
+    value: UseFloatingPanelReturn;
+}
+export interface FloatingPanelRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+    children?: Snippet;
+}
+export interface FloatingPanelRootProviderProps extends FloatingPanelRootProviderBaseProps {
+}
+import type { Snippet } from 'svelte';
+declare const FloatingPanelRootProvider: import("svelte").Component<FloatingPanelRootProviderProps, {}, "">;
+type FloatingPanelRootProvider = ReturnType<typeof FloatingPanelRootProvider>;
+export default FloatingPanelRootProvider;

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

@@ -0,0 +1,90 @@
+<script lang="ts" module>
+  import type { PolymorphicProps } from '../../types'
+  import type { Snippet } from 'svelte'
+  import type { UsePresenceProps } from '../presence/use-presence.svelte'
+  import type { UseFloatingPanelProps } from './use-floating-panel.svelte'
+
+  export interface FloatingPanelRootBaseProps
+    extends UseFloatingPanelProps,
+      UsePresenceProps,
+      PolymorphicProps<'div'> {}
+  export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props.js'
+  import { mergeProps } from '../../core'
+  import { PresenceProvider, splitPresenceProps, usePresence } from '../presence'
+  import { FloatingPanelProvider } from './use-floating-panel-context'
+  import { useFloatingPanel } from './use-floating-panel.svelte'
+
+  let { open = $bindable(), position = $bindable(), size = $bindable(), ...props }: FloatingPanelRootProps = $props()
+  const providedId = $props.id()
+
+  const [presenceProps, otherProps] = $derived(splitPresenceProps(props))
+  const [floatingPanelProps, localProps] = $derived(
+    createSplitProps<UseFloatingPanelProps>()(otherProps, [
+      'allowOverflow',
+      'closeOnEscape',
+      'defaultOpen',
+      'defaultPosition',
+      'defaultSize',
+      'dir',
+      'disabled',
+      'draggable',
+      'getAnchorPosition',
+      'getBoundaryEl',
+      'gridSize',
+      'id',
+      'ids',
+      'lockAspectRatio',
+      'maxSize',
+      'minSize',
+      'onOpenChange',
+      'onPositionChange',
+      'onPositionChangeEnd',
+      'onSizeChange',
+      'onSizeChangeEnd',
+      'onStageChange',
+      'open',
+      'persistRect',
+      'position',
+      'resizable',
+      'size',
+      'strategy',
+      'translations',
+    ]),
+  )
+
+  const resolvedProps = $derived<UseFloatingPanelProps>({
+    ...floatingPanelProps,
+    id: floatingPanelProps.id ?? providedId,
+    open,
+    onOpenChange(details) {
+      floatingPanelProps.onOpenChange?.(details)
+      if (open !== undefined) open = details.open
+    },
+    position,
+    onPositionChange(details) {
+      floatingPanelProps.onPositionChange?.(details)
+      if (position !== undefined) position = details.position
+    },
+    size,
+    onSizeChange(details) {
+      floatingPanelProps.onSizeChange?.(details)
+      if (size !== undefined) size = details.size
+    },
+  })
+
+  const floatingPanel = useFloatingPanel(() => resolvedProps)
+  FloatingPanelProvider(floatingPanel)
+
+  const usePresenceProps = $derived(mergeProps({ present: floatingPanel().open }, presenceProps))
+  const presence = usePresence(() => usePresenceProps)
+
+  PresenceProvider(presence)
+</script>
+
+{@render localProps.children?.()}

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

@@ -0,0 +1,12 @@
+import type { PolymorphicProps } from '../../types';
+import type { Snippet } from 'svelte';
+import type { UsePresenceProps } from '../presence/use-presence.svelte';
+import type { UseFloatingPanelProps } from './use-floating-panel.svelte';
+export interface FloatingPanelRootBaseProps extends UseFloatingPanelProps, UsePresenceProps, PolymorphicProps<'div'> {
+}
+export interface FloatingPanelRootProps extends FloatingPanelRootBaseProps {
+    children?: Snippet;
+}
+declare const FloatingPanelRoot: import("svelte").Component<FloatingPanelRootProps, {}, "open" | "size" | "position">;
+type FloatingPanelRoot = ReturnType<typeof FloatingPanelRoot>;
+export default FloatingPanelRoot;