@sprawlify/svelte 0.0.46 → 0.0.48

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

@@ -0,0 +1,12 @@
+export { default as HoverCardArrow, } from './hover-card-arrow.svelte';
+export { default as HoverCardArrowTip, } from './hover-card-arrow-tip.svelte';
+export { default as HoverCardContent, } from './hover-card-content.svelte';
+export { default as HoverCardContext } from './hover-card-context.svelte';
+export { default as HoverCardPositioner, } from './hover-card-positioner.svelte';
+export { default as HoverCardRoot, } from './hover-card-root.svelte';
+export { default as HoverCardRootProvider, } from './hover-card-root-provider.svelte';
+export { default as HoverCardTrigger, } from './hover-card-trigger.svelte';
+export { hoverCardAnatomy } from './hover-card-anatomy';
+export { useHoverCard } from './use-hover-card.svelte';
+export { useHoverCardContext } from './use-hover-card-context';
+export * as HoverCard from './hover-card';

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

@@ -0,0 +1,4 @@
+import type { UseHoverCardReturn } from './use-hover-card.svelte';
+export interface UseHoverCardContext extends UseHoverCardReturn {
+}
+export declare const HoverCardProvider: (opts: UseHoverCardContext) => void, useHoverCardContext: (fallback?: UseHoverCardContext | undefined) => UseHoverCardContext;

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

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

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

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

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

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

package/dist/components/image-cropper/image-cropper-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as imageCropperAnatomy } from '@sprawlify/primitives/machines/image-cropper';

package/dist/components/image-cropper/image-cropper-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as imageCropperAnatomy } from '@sprawlify/primitives/machines/image-cropper';

package/dist/components/image-cropper/image-cropper-context.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseImageCropperContext } from './use-image-cropper-context'
+
+  export interface ImageCropperContextProps {
+    render?: Snippet<[UseImageCropperContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useImageCropperContext } from './use-image-cropper-context'
+
+  const { render }: ImageCropperContextProps = $props()
+
+  const context = useImageCropperContext()
+</script>
+
+{@render render?.(context)}

package/dist/components/image-cropper/image-cropper-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseImageCropperContext } from './use-image-cropper-context';
+export interface ImageCropperContextProps {
+    render?: Snippet<[UseImageCropperContext]>;
+}
+declare const ImageCropperContext: import("svelte").Component<ImageCropperContextProps, {}, "">;
+type ImageCropperContext = ReturnType<typeof ImageCropperContext>;
+export default ImageCropperContext;

package/dist/components/image-cropper/image-cropper-grid.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { GridProps } from '@sprawlify/primitives/machines/image-cropper'
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ImageCropperGridBaseProps extends PolymorphicProps<'div'>, RefAttribute, GridProps {}
+  export interface ImageCropperGridProps extends Assign<HTMLProps<'div'>, ImageCropperGridBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { useImageCropperContext } from './use-image-cropper-context'
+
+  let { ref = $bindable(null), ...props }: ImageCropperGridProps = $props()
+  const imageCropper = useImageCropperContext()
+
+  const [gridProps, localProps] = $derived(createSplitProps<GridProps>()(props, ['axis']))
+
+  const mergedProps = $derived(mergeProps(imageCropper().getGridProps(gridProps), localProps))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/image-cropper/image-cropper-grid.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { GridProps } from '@sprawlify/primitives/machines/image-cropper';
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface ImageCropperGridBaseProps extends PolymorphicProps<'div'>, RefAttribute, GridProps {
+}
+export interface ImageCropperGridProps extends Assign<HTMLProps<'div'>, ImageCropperGridBaseProps> {
+}
+declare const ImageCropperGrid: import("svelte").Component<ImageCropperGridProps, {}, "ref">;
+type ImageCropperGrid = ReturnType<typeof ImageCropperGrid>;
+export default ImageCropperGrid;

package/dist/components/image-cropper/image-cropper-handle.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { HandleProps } from '@sprawlify/primitives/machines/image-cropper'
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ImageCropperHandleBaseProps extends PolymorphicProps<'div'>, RefAttribute, HandleProps {}
+  export interface ImageCropperHandleProps extends Assign<HTMLProps<'div'>, ImageCropperHandleBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { useImageCropperContext } from './use-image-cropper-context'
+
+  let { ref = $bindable(null), ...props }: ImageCropperHandleProps = $props()
+  const imageCropper = useImageCropperContext()
+
+  const [handleProps, localProps] = $derived(createSplitProps<HandleProps>()(props, ['position']))
+
+  const mergedProps = $derived(mergeProps(imageCropper().getHandleProps(handleProps), localProps))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/image-cropper/image-cropper-handle.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HandleProps } from '@sprawlify/primitives/machines/image-cropper';
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface ImageCropperHandleBaseProps extends PolymorphicProps<'div'>, RefAttribute, HandleProps {
+}
+export interface ImageCropperHandleProps extends Assign<HTMLProps<'div'>, ImageCropperHandleBaseProps> {
+}
+declare const ImageCropperHandle: import("svelte").Component<ImageCropperHandleProps, {}, "ref">;
+type ImageCropperHandle = ReturnType<typeof ImageCropperHandle>;
+export default ImageCropperHandle;

package/dist/components/image-cropper/image-cropper-image.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ImageCropperImageBaseProps extends PolymorphicProps<'img'>, RefAttribute {}
+  export interface ImageCropperImageProps extends Assign<HTMLProps<'img'>, ImageCropperImageBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useImageCropperContext } from './use-image-cropper-context'
+
+  let { ref = $bindable(null), ...props }: ImageCropperImageProps = $props()
+  const imageCropper = useImageCropperContext()
+  const mergedProps = $derived(mergeProps(imageCropper().getImageProps(), props))
+</script>
+
+<Sprawlify as="img" bind:ref {...mergedProps} />

package/dist/components/image-cropper/image-cropper-image.svelte.d.ts

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

package/dist/components/image-cropper/image-cropper-root-provider.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseImageCropperReturn } from './use-image-cropper.svelte'
+
+  interface RootProviderProps {
+    value: UseImageCropperReturn
+  }
+
+  export interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface ImageCropperRootProviderProps extends ImageCropperRootProviderBaseProps {
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { ImageCropperProvider } from './use-image-cropper-context'
+  import { Sprawlify } from '../factory'
+
+  let { ref = $bindable(null), value, ...props }: ImageCropperRootProviderProps = $props()
+
+  ImageCropperProvider(value)
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/image-cropper/image-cropper-root-provider.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+import type { PolymorphicProps, RefAttribute } from '../../types';
+import type { UseImageCropperReturn } from './use-image-cropper.svelte';
+interface RootProviderProps {
+    value: UseImageCropperReturn;
+}
+export interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ImageCropperRootProviderProps extends ImageCropperRootProviderBaseProps {
+    children?: Snippet;
+}
+declare const ImageCropperRootProvider: import("svelte").Component<ImageCropperRootProviderProps, {}, "ref">;
+type ImageCropperRootProvider = ReturnType<typeof ImageCropperRootProvider>;
+export default ImageCropperRootProvider;

package/dist/components/image-cropper/image-cropper-root.svelte

@@ -0,0 +1,87 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseImageCropperProps } from './use-image-cropper.svelte'
+
+  export interface ImageCropperRootBaseProps extends UseImageCropperProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface ImageCropperRootProps extends Assign<HTMLProps<'div'>, ImageCropperRootBaseProps> {
+    children?: Snippet
+  }
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { ImageCropperProvider } from './use-image-cropper-context'
+  import { useImageCropper } from './use-image-cropper.svelte'
+
+  let {
+    ref = $bindable(null),
+    zoom = $bindable(),
+    rotation = $bindable(),
+    flip = $bindable(),
+    ...props
+  }: ImageCropperRootProps = $props()
+  const providedId = $props.id()
+
+  const [useImageCropperProps, localProps] = $derived(
+    createSplitProps<UseImageCropperProps>()(props, [
+      'aspectRatio',
+      'cropShape',
+      'defaultFlip',
+      'defaultRotation',
+      'defaultZoom',
+      'fixedCropArea',
+      'flip',
+      'id',
+      'ids',
+      'initialCrop',
+      'maxHeight',
+      'maxWidth',
+      'maxZoom',
+      'minHeight',
+      'minWidth',
+      'minZoom',
+      'nudgeStep',
+      'nudgeStepCtrl',
+      'nudgeStepShift',
+      'onCropChange',
+      'onFlipChange',
+      'onRotationChange',
+      'onZoomChange',
+      'rotation',
+      'translations',
+      'zoom',
+      'zoomSensitivity',
+      'zoomStep',
+    ]),
+  )
+
+  const resolvedProps = $derived<UseImageCropperProps>({
+    ...useImageCropperProps,
+    id: useImageCropperProps.id ?? providedId,
+    zoom,
+    rotation,
+    flip,
+    onZoomChange(details) {
+      useImageCropperProps.onZoomChange?.(details)
+      if (zoom !== undefined) zoom = details.zoom
+    },
+    onRotationChange(details) {
+      useImageCropperProps.onRotationChange?.(details)
+      if (rotation !== undefined) rotation = details.rotation
+    },
+    onFlipChange(details) {
+      useImageCropperProps.onFlipChange?.(details)
+      if (flip !== undefined) flip = details.flip
+    },
+  })
+
+  const imageCropper = useImageCropper(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(imageCropper().getRootProps(), localProps))
+
+  ImageCropperProvider(imageCropper)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/image-cropper/image-cropper-root.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseImageCropperProps } from './use-image-cropper.svelte';
+export interface ImageCropperRootBaseProps extends UseImageCropperProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ImageCropperRootProps extends Assign<HTMLProps<'div'>, ImageCropperRootBaseProps> {
+    children?: Snippet;
+}
+declare const ImageCropperRoot: import("svelte").Component<ImageCropperRootProps, {}, "ref" | "zoom" | "rotation" | "flip">;
+type ImageCropperRoot = ReturnType<typeof ImageCropperRoot>;
+export default ImageCropperRoot;

package/dist/components/image-cropper/image-cropper-selection.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ImageCropperSelectionBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface ImageCropperSelectionProps extends Assign<HTMLProps<'div'>, ImageCropperSelectionBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useImageCropperContext } from './use-image-cropper-context'
+
+  let { ref = $bindable(null), ...props }: ImageCropperSelectionProps = $props()
+  const imageCropper = useImageCropperContext()
+  const mergedProps = $derived(mergeProps(imageCropper().getSelectionProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/image-cropper/image-cropper-selection.svelte.d.ts

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

package/dist/components/image-cropper/image-cropper-viewport.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ImageCropperViewportBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface ImageCropperViewportProps extends Assign<HTMLProps<'div'>, ImageCropperViewportBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useImageCropperContext } from './use-image-cropper-context'
+
+  let { ref = $bindable(null), ...props }: ImageCropperViewportProps = $props()
+  const imageCropper = useImageCropperContext()
+  const mergedProps = $derived(mergeProps(imageCropper().getViewportProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/image-cropper/image-cropper-viewport.svelte.d.ts

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

package/dist/components/image-cropper/image-cropper.d.ts

@@ -0,0 +1,10 @@
+export type { CropChangeDetails, FlipChangeDetails, FlipState, GetCroppedImageOptions, HandlePosition, RotationChangeDetails, ZoomChangeDetails, } from '@sprawlify/primitives/machines/image-cropper';
+export { handles } from '@sprawlify/primitives/machines/image-cropper';
+export { default as Context, type ImageCropperContextProps as ContextProps } from './image-cropper-context.svelte';
+export { default as Grid, type ImageCropperGridBaseProps as GridBaseProps, type ImageCropperGridProps as GridProps, } from './image-cropper-grid.svelte';
+export { default as Handle, type ImageCropperHandleBaseProps as HandleBaseProps, type ImageCropperHandleProps as HandleProps, } from './image-cropper-handle.svelte';
+export { default as Image, type ImageCropperImageBaseProps as ImageBaseProps, type ImageCropperImageProps as ImageProps, } from './image-cropper-image.svelte';
+export { default as Root, type ImageCropperRootBaseProps as RootBaseProps, type ImageCropperRootProps as RootProps, } from './image-cropper-root.svelte';
+export { default as RootProvider, type ImageCropperRootProviderBaseProps as RootProviderBaseProps, type ImageCropperRootProviderProps as RootProviderProps, } from './image-cropper-root-provider.svelte';
+export { default as Selection, type ImageCropperSelectionBaseProps as SelectionBaseProps, type ImageCropperSelectionProps as SelectionProps, } from './image-cropper-selection.svelte';
+export { default as Viewport, type ImageCropperViewportBaseProps as ViewportBaseProps, type ImageCropperViewportProps as ViewportProps, } from './image-cropper-viewport.svelte';

package/dist/components/image-cropper/image-cropper.js

@@ -0,0 +1,9 @@
+export { handles } from '@sprawlify/primitives/machines/image-cropper';
+export { default as Context } from './image-cropper-context.svelte';
+export { default as Grid, } from './image-cropper-grid.svelte';
+export { default as Handle, } from './image-cropper-handle.svelte';
+export { default as Image, } from './image-cropper-image.svelte';
+export { default as Root, } from './image-cropper-root.svelte';
+export { default as RootProvider, } from './image-cropper-root-provider.svelte';
+export { default as Selection, } from './image-cropper-selection.svelte';
+export { default as Viewport, } from './image-cropper-viewport.svelte';

package/dist/components/image-cropper/index.d.ts

@@ -0,0 +1,13 @@
+export type { CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState as ImageCropperFlipState, GetCroppedImageOptions as ImageCropperGetCroppedImageOptions, HandlePosition as ImageCropperHandlePosition, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@sprawlify/primitives/machines/image-cropper';
+export { default as ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context.svelte';
+export { default as ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps, } from './image-cropper-grid.svelte';
+export { default as ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, } from './image-cropper-handle.svelte';
+export { default as ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps, } from './image-cropper-image.svelte';
+export { default as ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps, } from './image-cropper-root.svelte';
+export { default as ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, } from './image-cropper-root-provider.svelte';
+export { default as ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, } from './image-cropper-selection.svelte';
+export { default as ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, } from './image-cropper-viewport.svelte';
+export { imageCropperAnatomy } from './image-cropper-anatomy';
+export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context';
+export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper.svelte';
+export * as ImageCropper from './image-cropper';

package/dist/components/image-cropper/index.js

@@ -0,0 +1,12 @@
+export { default as ImageCropperContext } from './image-cropper-context.svelte';
+export { default as ImageCropperGrid, } from './image-cropper-grid.svelte';
+export { default as ImageCropperHandle, } from './image-cropper-handle.svelte';
+export { default as ImageCropperImage, } from './image-cropper-image.svelte';
+export { default as ImageCropperRoot, } from './image-cropper-root.svelte';
+export { default as ImageCropperRootProvider, } from './image-cropper-root-provider.svelte';
+export { default as ImageCropperSelection, } from './image-cropper-selection.svelte';
+export { default as ImageCropperViewport, } from './image-cropper-viewport.svelte';
+export { imageCropperAnatomy } from './image-cropper-anatomy';
+export { useImageCropperContext } from './use-image-cropper-context';
+export { useImageCropper } from './use-image-cropper.svelte';
+export * as ImageCropper from './image-cropper';

package/dist/components/image-cropper/use-image-cropper-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseImageCropperReturn } from './use-image-cropper.svelte';
+export interface UseImageCropperContext extends UseImageCropperReturn {
+}
+export declare const ImageCropperProvider: (opts: UseImageCropperContext) => void, useImageCropperContext: (fallback?: UseImageCropperContext | undefined) => UseImageCropperContext;

package/dist/components/image-cropper/use-image-cropper-context.js

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

package/dist/components/image-cropper/use-image-cropper.svelte.d.ts

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

package/dist/components/image-cropper/use-image-cropper.svelte.js

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

package/dist/components/json-tree-view/get-branch-value.d.ts

@@ -0,0 +1,3 @@
+import type { TreeCollection } from '@sprawlify/primitives/collection';
+import type { JsonNode } from '@sprawlify/primitives/json-tree-utils';
+export declare function getBranchValues(tree: TreeCollection<JsonNode>, depth: number): string[];

package/dist/components/json-tree-view/get-branch-value.js

@@ -0,0 +1,13 @@
+export function getBranchValues(tree, depth) {
+    const values = [];
+    tree.visit({
+        onEnter: (node, indexPath) => {
+            if (indexPath.length === 0)
+                return;
+            if (tree.isBranchNode(node) && indexPath.length <= depth) {
+                values.push(tree.getNodeValue(node));
+            }
+        },
+    });
+    return values;
+}

package/dist/components/json-tree-view/index.d.ts

@@ -0,0 +1,5 @@
+export { default as JsonTreeViewRoot, type JsonTreeViewRootBaseProps, type JsonTreeViewRootProps, } from './json-tree-view-root.svelte';
+export { default as JsonTreeViewRootProvider, type JsonTreeViewRootProviderProps, } from './json-tree-view-root-provider.svelte';
+export { default as JsonTreeViewTree, type JsonTreeViewTreeBaseProps, type JsonTreeViewTreeProps, } from './json-tree-view-tree.svelte';
+export { useJsonTreeView, type UseJsonTreeViewProps, type UseJsonTreeViewReturn } from './use-json-tree-view.svelte';
+export * as JsonTreeView from './json-tree-view';

package/dist/components/json-tree-view/index.js

@@ -0,0 +1,5 @@
+export { default as JsonTreeViewRoot, } from './json-tree-view-root.svelte';
+export { default as JsonTreeViewRootProvider, } from './json-tree-view-root-provider.svelte';
+export { default as JsonTreeViewTree, } from './json-tree-view-tree.svelte';
+export { useJsonTreeView } from './use-json-tree-view.svelte';
+export * as JsonTreeView from './json-tree-view';

package/dist/components/json-tree-view/json-tree-view-key-node.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { type JsonNode, keyPathToKey } from '@sprawlify/primitives/json-tree-utils'
+
+  interface JsonTreeViewKeyNodeProps {
+    node: JsonNode
+    showQuotes?: boolean
+  }
+
+  let { node, showQuotes }: JsonTreeViewKeyNodeProps = $props()
+
+  const key = $derived(keyPathToKey(node.keyPath))
+</script>
+
+<span data-kind="key" data-non-enumerable={node.isNonEnumerable ? '' : undefined}>
+  {showQuotes ? `"${key}"` : key}
+</span>
+<span data-kind="colon">:</span>

package/dist/components/json-tree-view/json-tree-view-key-node.svelte.d.ts

@@ -0,0 +1,8 @@
+import { type JsonNode } from '@sprawlify/primitives/json-tree-utils';
+interface JsonTreeViewKeyNodeProps {
+    node: JsonNode;
+    showQuotes?: boolean;
+}
+declare const JsonTreeViewKeyNode: import("svelte").Component<JsonTreeViewKeyNodeProps, {}, "">;
+type JsonTreeViewKeyNode = ReturnType<typeof JsonTreeViewKeyNode>;
+export default JsonTreeViewKeyNode;