@sprawlify/svelte 0.0.45 → 0.0.46

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;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+export type { OpenChangeDetails, PositionChangeDetails, SizeChangeDetails, StageChangeDetails, } from '@sprawlify/primitives/machines/floating-panel';
+export { default as Body, type FloatingPanelBodyBaseProps as BodyBaseProps, type FloatingPanelBodyProps as BodyProps, } from './floating-panel-body.svelte';
+export { default as CloseTrigger, type FloatingPanelCloseTriggerBaseProps as CloseTriggerBaseProps, type FloatingPanelCloseTriggerProps as CloseTriggerProps, } from './floating-panel-close-trigger.svelte';
+export { default as Content, type FloatingPanelContentBaseProps as ContentBaseProps, type FloatingPanelContentProps as ContentProps, } from './floating-panel-content.svelte';
+export { default as Context, type FloatingPanelContextProps as ContextProps } from './floating-panel-context.svelte';
+export { default as Control, type FloatingPanelControlBaseProps as ControlBaseProps, type FloatingPanelControlProps as ControlProps, } from './floating-panel-control.svelte';
+export { default as DragTrigger, type FloatingPanelDragTriggerBaseProps as DragTriggerBaseProps, type FloatingPanelDragTriggerProps as DragTriggerProps, } from './floating-panel-drag-trigger.svelte';
+export { default as Header, type FloatingPanelHeaderBaseProps as HeaderBaseProps, type FloatingPanelHeaderProps as HeaderProps, } from './floating-panel-header.svelte';
+export { default as Positioner, type FloatingPanelPositionerBaseProps as PositionerBaseProps, type FloatingPanelPositionerProps as PositionerProps, } from './floating-panel-positioner.svelte';
+export { default as ResizeTrigger, type FloatingPanelResizeTriggerBaseProps as ResizeTriggerBaseProps, type FloatingPanelResizeTriggerProps as ResizeTriggerProps, } from './floating-panel-resize-trigger.svelte';
+export { default as RootProvider, type FloatingPanelRootProviderBaseProps as RootProviderBaseProps, type FloatingPanelRootProviderProps as RootProviderProps, } from './floating-panel-root-provider.svelte';
+export { default as Root, type FloatingPanelRootBaseProps as RootBaseProps, type FloatingPanelRootProps as RootProps, } from './floating-panel-root.svelte';
+export { default as StageTrigger, type FloatingPanelStageTriggerBaseProps as StageTriggerBaseProps, type FloatingPanelStageTriggerProps as StageTriggerProps, } from './floating-panel-stage-trigger.svelte';
+export { default as Title, type FloatingPanelTitleBaseProps as TitleBaseProps, type FloatingPanelTitleProps as TitleProps, } from './floating-panel-title.svelte';
+export { default as Trigger, type FloatingPanelTriggerBaseProps as TriggerBaseProps, type FloatingPanelTriggerProps as TriggerProps, } from './floating-panel-trigger.svelte';

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

@@ -0,0 +1,14 @@
+export { default as Body, } from './floating-panel-body.svelte';
+export { default as CloseTrigger, } from './floating-panel-close-trigger.svelte';
+export { default as Content, } from './floating-panel-content.svelte';
+export { default as Context } from './floating-panel-context.svelte';
+export { default as Control, } from './floating-panel-control.svelte';
+export { default as DragTrigger, } from './floating-panel-drag-trigger.svelte';
+export { default as Header, } from './floating-panel-header.svelte';
+export { default as Positioner, } from './floating-panel-positioner.svelte';
+export { default as ResizeTrigger, } from './floating-panel-resize-trigger.svelte';
+export { default as RootProvider, } from './floating-panel-root-provider.svelte';
+export { default as Root, } from './floating-panel-root.svelte';
+export { default as StageTrigger, } from './floating-panel-stage-trigger.svelte';
+export { default as Title, } from './floating-panel-title.svelte';
+export { default as Trigger, } from './floating-panel-trigger.svelte';

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

@@ -0,0 +1,19 @@
+export type { OpenChangeDetails as FloatingPanelOpenChangeDetails, PositionChangeDetails as FloatingPanelPositionChangeDetails, SizeChangeDetails as FloatingPanelSizeChangeDetails, StageChangeDetails as FloatingPanelStageChangeDetails, } from '@sprawlify/primitives/machines/floating-panel';
+export { default as FloatingPanelBody, type FloatingPanelBodyProps, type FloatingPanelBodyBaseProps, } from './floating-panel-body.svelte';
+export { default as FloatingPanelCloseTrigger, type FloatingPanelCloseTriggerProps, type FloatingPanelCloseTriggerBaseProps, } from './floating-panel-close-trigger.svelte';
+export { default as FloatingPanelContent, type FloatingPanelContentProps, type FloatingPanelContentBaseProps, } from './floating-panel-content.svelte';
+export { default as FloatingPanelContext, type FloatingPanelContextProps } from './floating-panel-context.svelte';
+export { default as FloatingPanelDragTrigger, type FloatingPanelDragTriggerProps, type FloatingPanelDragTriggerBaseProps, } from './floating-panel-drag-trigger.svelte';
+export { default as FloatingPanelHeader, type FloatingPanelHeaderProps, type FloatingPanelHeaderBaseProps, } from './floating-panel-header.svelte';
+export { default as FloatingPanelPositioner, type FloatingPanelPositionerProps, type FloatingPanelPositionerBaseProps, } from './floating-panel-positioner.svelte';
+export { default as FloatingPanelResizeTrigger, type FloatingPanelResizeTriggerProps, type FloatingPanelResizeTriggerBaseProps, } from './floating-panel-resize-trigger.svelte';
+export { default as FloatingPanelStageTrigger, type FloatingPanelStageTriggerProps, type FloatingPanelStageTriggerBaseProps, } from './floating-panel-stage-trigger.svelte';
+export { default as FloatingPanelRoot, type FloatingPanelRootProps, type FloatingPanelRootBaseProps, } from './floating-panel-root.svelte';
+export { default as FloatingPanelRootProvider, type FloatingPanelRootProviderProps, type FloatingPanelRootProviderBaseProps, } from './floating-panel-root-provider.svelte';
+export { default as FloatingPanelTitle, type FloatingPanelTitleProps, type FloatingPanelTitleBaseProps, } from './floating-panel-title.svelte';
+export { default as FloatingPanelTrigger, type FloatingPanelTriggerProps, type FloatingPanelTriggerBaseProps, } from './floating-panel-trigger.svelte';
+export { default as FloatingPanelControl, type FloatingPanelControlProps, type FloatingPanelControlBaseProps, } from './floating-panel-control.svelte';
+export { useFloatingPanel, type UseFloatingPanelProps, type UseFloatingPanelReturn } from './use-floating-panel.svelte';
+export { useFloatingPanelContext, type UseFloatingPanelContext } from './use-floating-panel-context';
+export { floatingPanelAnatomy } from './floating-panel-anatomy';
+export * as FloatingPanel from './floating-panel';

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

@@ -0,0 +1,18 @@
+export { default as FloatingPanelBody, } from './floating-panel-body.svelte';
+export { default as FloatingPanelCloseTrigger, } from './floating-panel-close-trigger.svelte';
+export { default as FloatingPanelContent, } from './floating-panel-content.svelte';
+export { default as FloatingPanelContext } from './floating-panel-context.svelte';
+export { default as FloatingPanelDragTrigger, } from './floating-panel-drag-trigger.svelte';
+export { default as FloatingPanelHeader, } from './floating-panel-header.svelte';
+export { default as FloatingPanelPositioner, } from './floating-panel-positioner.svelte';
+export { default as FloatingPanelResizeTrigger, } from './floating-panel-resize-trigger.svelte';
+export { default as FloatingPanelStageTrigger, } from './floating-panel-stage-trigger.svelte';
+export { default as FloatingPanelRoot, } from './floating-panel-root.svelte';
+export { default as FloatingPanelRootProvider, } from './floating-panel-root-provider.svelte';
+export { default as FloatingPanelTitle, } from './floating-panel-title.svelte';
+export { default as FloatingPanelTrigger, } from './floating-panel-trigger.svelte';
+export { default as FloatingPanelControl, } from './floating-panel-control.svelte';
+export { useFloatingPanel } from './use-floating-panel.svelte';
+export { useFloatingPanelContext } from './use-floating-panel-context';
+export { floatingPanelAnatomy } from './floating-panel-anatomy';
+export * as FloatingPanel from './floating-panel';

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

@@ -0,0 +1,6 @@
+import type { Accessor } from '../../types';
+import type * as floatingPanel from '@sprawlify/primitives/machines/floating-panel';
+import type { PropTypes } from '../../core';
+export interface UseFloatingPanelContext extends Accessor<floatingPanel.Api<PropTypes>> {
+}
+export declare const FloatingPanelProvider: (opts: UseFloatingPanelContext) => void, useFloatingPanelContext: (fallback?: UseFloatingPanelContext | undefined) => UseFloatingPanelContext;

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

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

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

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from '../../types';
+import * as floatingPanel from '@sprawlify/primitives/machines/floating-panel';
+import { type PropTypes } from '../../core';
+import { type MaybeFunction } from '@sprawlify/primitives/utils';
+export interface UseFloatingPanelProps extends Optional<Omit<floatingPanel.Props, 'getRootNode'>, 'id'> {
+}
+export interface UseFloatingPanelReturn extends Accessor<floatingPanel.Api<PropTypes>> {
+}
+export declare const useFloatingPanel: (props?: MaybeFunction<UseFloatingPanelProps>) => UseFloatingPanelReturn;

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

@@ -0,0 +1,19 @@
+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';
+export const useFloatingPanel = (props = {}) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const resolvedProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(floatingPanel.machine, () => resolvedProps);
+    const api = $derived(floatingPanel.connect(service, normalizeProps));
+    return () => api;
+};

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

@@ -0,0 +1,44 @@
+<script lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js'
+  import { createSplitProps } from '../../utils/create-split-props.js'
+  import { type FocusTrapOptions, trapFocus } from '@sprawlify/primitives/focus-trap'
+  import { Sprawlify } from '../factory'
+
+  export interface TrapOptions
+    extends Pick<
+      FocusTrapOptions,
+      'onActivate' | 'onDeactivate' | 'initialFocus' | 'fallbackFocus' | 'returnFocusOnDeactivate' | 'setReturnFocus'
+    > {
+    disabled?: boolean
+  }
+
+  export interface FocusTrapBaseProps extends PolymorphicProps<'div'>, RefAttribute, TrapOptions {}
+  export interface FocusTrapProps extends Assign<HTMLProps<'div'>, FocusTrapBaseProps> {}
+
+  let { ref = $bindable(null), ...props }: FocusTrapProps = $props()
+
+  const [trapProps, localProps] = $derived(
+    createSplitProps<TrapOptions>()(props, [
+      'disabled',
+      'onActivate',
+      'onDeactivate',
+      'initialFocus',
+      'fallbackFocus',
+      'returnFocusOnDeactivate',
+      'setReturnFocus',
+    ]),
+  )
+
+  let localNode = $state<HTMLDivElement | null>(null)
+
+  $effect(() => {
+    if (!localNode || trapProps.disabled) return
+    return trapFocus(localNode, trapProps)
+  })
+
+  function setNode(node: HTMLDivElement | null) {
+    localNode = node
+  }
+</script>
+
+<Sprawlify as="div" bind:ref {@attach setNode} {...localProps} />

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

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types.js';
+import { type FocusTrapOptions } from '@sprawlify/primitives/focus-trap';
+export interface TrapOptions extends Pick<FocusTrapOptions, 'onActivate' | 'onDeactivate' | 'initialFocus' | 'fallbackFocus' | 'returnFocusOnDeactivate' | 'setReturnFocus'> {
+    disabled?: boolean;
+}
+export interface FocusTrapBaseProps extends PolymorphicProps<'div'>, RefAttribute, TrapOptions {
+}
+export interface FocusTrapProps extends Assign<HTMLProps<'div'>, FocusTrapBaseProps> {
+}
+declare const FocusTrap: import("svelte").Component<FocusTrapProps, {}, "ref">;
+type FocusTrap = ReturnType<typeof FocusTrap>;
+export default FocusTrap;

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

@@ -0,0 +1,2 @@
+export { default as FocusTrap } from './focus-trap.svelte';
+export type { FocusTrapBaseProps, FocusTrapProps } from './focus-trap.svelte';

package/dist/components/focus-trap/index.js

@@ -0,0 +1 @@
+export { default as FocusTrap } from './focus-trap.svelte';

package/dist/components/format/format-byte.svelte

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  export interface FormatByteProps {
+    unit?: 'bit' | 'byte'
+    unitDisplay?: 'long' | 'short' | 'narrow'
+    unitSystem?: 'decimal' | 'binary'
+    value: number
+  }
+</script>
+
+<script lang="ts">
+  import { formatBytes } from '@sprawlify/primitives/i18n-utils'
+  import { useLocaleContext } from '../../providers'
+
+  const props: FormatByteProps = $props()
+
+  const locale = useLocaleContext()
+
+  const text = $derived(() => {
+    const { value, ...intlProps } = props
+    return formatBytes(value, locale().locale, intlProps)
+  })
+</script>
+
+{text()}

package/dist/components/format/format-byte.svelte.d.ts

@@ -0,0 +1,9 @@
+export interface FormatByteProps {
+    unit?: 'bit' | 'byte';
+    unitDisplay?: 'long' | 'short' | 'narrow';
+    unitSystem?: 'decimal' | 'binary';
+    value: number;
+}
+declare const FormatByte: import("svelte").Component<FormatByteProps, {}, "">;
+type FormatByte = ReturnType<typeof FormatByte>;
+export default FormatByte;

package/dist/components/format/format-number.svelte

@@ -0,0 +1,16 @@
+<script module lang="ts">
+  export interface FormatNumberProps extends Intl.NumberFormatOptions {
+    value: number
+  }
+</script>
+
+<script lang="ts">
+  import { formatNumber } from '@sprawlify/primitives/i18n-utils'
+  import { useLocaleContext } from '../../providers/locale'
+
+  const { value, ...props }: FormatNumberProps = $props()
+  const locale = useLocaleContext()
+  const text = $derived(formatNumber(value, locale().locale, props))
+</script>
+
+{text}

package/dist/components/format/format-number.svelte.d.ts

@@ -0,0 +1,6 @@
+export interface FormatNumberProps extends Intl.NumberFormatOptions {
+    value: number;
+}
+declare const FormatNumber: import("svelte").Component<FormatNumberProps, {}, "">;
+type FormatNumber = ReturnType<typeof FormatNumber>;
+export default FormatNumber;

package/dist/components/format/format-relative-time.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  export interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
+    value: Date
+  }
+</script>
+
+<script lang="ts">
+  import { formatRelativeTime } from '@sprawlify/primitives/i18n-utils'
+  import { useLocaleContext } from '../../providers/locale'
+
+  let { value, ...props }: FormatRelativeTimeProps = $props()
+
+  const locale = useLocaleContext()
+  const text = $derived(formatRelativeTime(value, locale().locale, props))
+</script>
+
+{text}

package/dist/components/format/format-relative-time.svelte.d.ts

@@ -0,0 +1,6 @@
+export interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
+    value: Date;
+}
+declare const FormatRelativeTime: import("svelte").Component<FormatRelativeTimeProps, {}, "">;
+type FormatRelativeTime = ReturnType<typeof FormatRelativeTime>;
+export default FormatRelativeTime;

package/dist/components/format/format.d.ts

@@ -0,0 +1,3 @@
+export { default as Byte, type FormatByteProps as ByteBaseProps, type FormatByteProps as ByteProps, } from './format-byte.svelte';
+export { default as Number, type FormatNumberProps as NumberBaseProps, type FormatNumberProps as NumberProps, } from './format-number.svelte';
+export { default as RelativeTime, type FormatRelativeTimeProps as RelativeTimeBaseProps, type FormatRelativeTimeProps as RelativeTimeProps, } from './format-relative-time.svelte';

package/dist/components/format/format.js

@@ -0,0 +1,3 @@
+export { default as Byte, } from './format-byte.svelte';
+export { default as Number, } from './format-number.svelte';
+export { default as RelativeTime, } from './format-relative-time.svelte';

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

@@ -0,0 +1,4 @@
+export { default as FormatByte, type FormatByteProps } from './format-byte.svelte';
+export { default as FormatNumber, type FormatNumberProps } from './format-number.svelte';
+export { default as FormatRelativeTime, type FormatRelativeTimeProps } from './format-relative-time.svelte';
+export * as Format from './format';

package/dist/components/format/index.js

@@ -0,0 +1,4 @@
+export { default as FormatByte } from './format-byte.svelte';
+export { default as FormatNumber } from './format-number.svelte';
+export { default as FormatRelativeTime } from './format-relative-time.svelte';
+export * as Format from './format';

package/dist/components/frame/frame-content.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface FrameContentProps {
+    onMount?(): void
+    onUnmount?(): void
+    children: Snippet
+  }
+
+  const { onMount, onUnmount, children }: FrameContentProps = $props()
+
+  $effect(() => {
+    onMount?.()
+
+    return onUnmount
+  })
+</script>
+
+{@render children()}

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

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+interface FrameContentProps {
+    onMount?(): void;
+    onUnmount?(): void;
+    children: Snippet;
+}
+declare const FrameContent: import("svelte").Component<FrameContentProps, {}, "">;
+type FrameContent = ReturnType<typeof FrameContent>;
+export default FrameContent;