@sprawlify/svelte 0.0.47 → 0.0.48

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/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/progress/index.d.ts

@@ -0,0 +1,16 @@
+export type { ValueChangeDetails as ProgressValueChangeDetails, ValueTranslationDetails as ProgressValueTranslationDetails, } from '@sprawlify/primitives/machines/progress';
+export { default as ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, } from './progress-circle-range.svelte';
+export { default as ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, } from './progress-circle-track.svelte';
+export { default as ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps, } from './progress-circle.svelte';
+export { default as ProgressContext, type ProgressContextProps } from './progress-context.svelte';
+export { default as ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps } from './progress-label.svelte';
+export { default as ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps } from './progress-range.svelte';
+export { default as ProgressRootProvider, type ProgressRootProviderBaseProps, type ProgressRootProviderProps, } from './progress-root-provider.svelte';
+export { default as ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps } from './progress-root.svelte';
+export { default as ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps } from './progress-track.svelte';
+export { default as ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps, } from './progress-value-text.svelte';
+export { default as ProgressView, type ProgressViewBaseProps, type ProgressViewProps } from './progress-view.svelte';
+export { progressAnatomy } from './progress-anatomy';
+export { useProgressContext, type UseProgressContext } from './use-progress-context';
+export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress.svelte';
+export * as Progress from './progress';

package/dist/components/progress/index.js

@@ -0,0 +1,15 @@
+export { default as ProgressCircleRange, } from './progress-circle-range.svelte';
+export { default as ProgressCircleTrack, } from './progress-circle-track.svelte';
+export { default as ProgressCircle, } from './progress-circle.svelte';
+export { default as ProgressContext } from './progress-context.svelte';
+export { default as ProgressLabel } from './progress-label.svelte';
+export { default as ProgressRange } from './progress-range.svelte';
+export { default as ProgressRootProvider, } from './progress-root-provider.svelte';
+export { default as ProgressRoot } from './progress-root.svelte';
+export { default as ProgressTrack } from './progress-track.svelte';
+export { default as ProgressValueText, } from './progress-value-text.svelte';
+export { default as ProgressView } from './progress-view.svelte';
+export { progressAnatomy } from './progress-anatomy';
+export { useProgressContext } from './use-progress-context';
+export { useProgress } from './use-progress.svelte';
+export * as Progress from './progress';

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

@@ -0,0 +1 @@
+export { anatomy as progressAnatomy } from '@sprawlify/primitives/machines/progress';

package/dist/components/progress/progress-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as progressAnatomy } from '@sprawlify/primitives/machines/progress';

package/dist/components/progress/progress-circle-range.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ProgressCircleRangeBaseProps extends PolymorphicProps<'circle'>, RefAttribute {}
+  export interface ProgressCircleRangeProps extends HTMLProps<'circle'>, ProgressCircleRangeBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useProgressContext } from './use-progress-context'
+
+  let { ref = $bindable(null), ...props }: ProgressCircleRangeProps = $props()
+  const progress = useProgressContext()
+  const mergedProps = $derived(mergeProps(progress().getCircleRangeProps(), props))
+</script>
+
+<Sprawlify as="circle" bind:ref {...mergedProps} />

package/dist/components/progress/progress-circle-range.svelte.d.ts

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

package/dist/components/progress/progress-circle-track.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ProgressCircleTrackBaseProps extends PolymorphicProps<'circle'>, RefAttribute {}
+  export interface ProgressCircleTrackProps extends HTMLProps<'circle'>, ProgressCircleTrackBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useProgressContext } from './use-progress-context'
+
+  let { ref = $bindable(null), ...props }: ProgressCircleTrackProps = $props()
+  const progress = useProgressContext()
+  const mergedProps = $derived(mergeProps(progress().getCircleTrackProps(), props))
+</script>
+
+<Sprawlify as="circle" bind:ref {...mergedProps} />

package/dist/components/progress/progress-circle-track.svelte.d.ts

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

package/dist/components/progress/progress-circle.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ProgressCircleBaseProps extends PolymorphicProps<'svg'>, RefAttribute {}
+  export interface ProgressCircleProps extends HTMLProps<'svg'>, ProgressCircleBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useProgressContext } from './use-progress-context'
+
+  let { ref = $bindable(null), ...props }: ProgressCircleProps = $props()
+  const progress = useProgressContext()
+  const mergedProps = $derived(mergeProps(progress().getCircleProps(), props))
+</script>
+
+<Sprawlify as="svg" bind:ref {...mergedProps} />

package/dist/components/progress/progress-circle.svelte.d.ts

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

package/dist/components/progress/progress-context.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseProgressContext } from './use-progress-context'
+
+  export interface ProgressContextProps {
+    api?: Snippet<[UseProgressContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useProgressContext } from './use-progress-context'
+
+  const { api }: ProgressContextProps = $props()
+  const progress = useProgressContext()
+</script>
+
+{@render api?.(progress)}

package/dist/components/progress/progress-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseProgressContext } from './use-progress-context';
+export interface ProgressContextProps {
+    api?: Snippet<[UseProgressContext]>;
+}
+declare const ProgressContext: import("svelte").Component<ProgressContextProps, {}, "">;
+type ProgressContext = ReturnType<typeof ProgressContext>;
+export default ProgressContext;

package/dist/components/progress/progress-label.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ProgressLabelBaseProps extends PolymorphicProps<'label'>, RefAttribute {}
+  export interface ProgressLabelProps extends HTMLProps<'label'>, ProgressLabelBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useProgressContext } from './use-progress-context'
+
+  let { ref = $bindable(null), ...props }: ProgressLabelProps = $props()
+  const progress = useProgressContext()
+  const mergedProps = $derived(mergeProps(progress().getLabelProps(), props))
+</script>
+
+<Sprawlify as="label" bind:ref {...mergedProps} />

package/dist/components/progress/progress-label.svelte.d.ts

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

package/dist/components/progress/progress-range.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ProgressRangeBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface ProgressRangeProps extends HTMLProps<'div'>, ProgressRangeBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useProgressContext } from './use-progress-context'
+
+  let { ref = $bindable(null), ...props }: ProgressRangeProps = $props()
+  const progress = useProgressContext()
+  const mergedProps = $derived(mergeProps(progress().getRangeProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/progress/progress-range.svelte.d.ts

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

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

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, RefAttribute } from '../../types'
+  import type { UseProgressReturn } from './use-progress.svelte'
+
+  interface RootProviderProps {
+    value: UseProgressReturn
+  }
+
+  export interface ProgressRootProviderBaseProps extends RootProviderProps, RefAttribute {}
+  export interface ProgressRootProviderProps extends Assign<HTMLProps<'div'>, ProgressRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { ProgressProvider } from './use-progress-context'
+
+  let { ref = $bindable(null), value: progress, ...localProps }: ProgressRootProviderProps = $props()
+  const mergedProps = $derived(mergeProps(progress().getRootProps(), localProps))
+
+  ProgressProvider(progress)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, RefAttribute } from '../../types';
+import type { UseProgressReturn } from './use-progress.svelte';
+interface RootProviderProps {
+    value: UseProgressReturn;
+}
+export interface ProgressRootProviderBaseProps extends RootProviderProps, RefAttribute {
+}
+export interface ProgressRootProviderProps extends Assign<HTMLProps<'div'>, ProgressRootProviderBaseProps> {
+}
+declare const ProgressRootProvider: import("svelte").Component<ProgressRootProviderProps, {}, "ref">;
+type ProgressRootProvider = ReturnType<typeof ProgressRootProvider>;
+export default ProgressRootProvider;

package/dist/components/progress/progress-root.svelte

@@ -0,0 +1,53 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseProgressProps } from './use-progress.svelte'
+
+  export interface ProgressRootBaseProps
+    extends Optional<UseProgressProps, 'id'>,
+      PolymorphicProps<'div'>,
+      RefAttribute {}
+  export interface ProgressRootProps extends Assign<HTMLProps<'div'>, ProgressRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { ProgressProvider } from './use-progress-context'
+  import { useProgress } from './use-progress.svelte'
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: ProgressRootProps = $props()
+  const providedId = $props.id()
+
+  const [useProgressProps, localProps] = $derived(
+    createSplitProps<Optional<UseProgressProps, 'id'>>()(props, [
+      'defaultValue',
+      'formatOptions',
+      'id',
+      'ids',
+      'locale',
+      'max',
+      'min',
+      'onValueChange',
+      'orientation',
+      'translations',
+      'value',
+    ]),
+  )
+  const resolvedProps = $derived<UseProgressProps>({
+    ...useProgressProps,
+    id: useProgressProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      useProgressProps.onValueChange?.(details)
+      if (value !== undefined) value = details.value
+    },
+  })
+
+  const progress = useProgress(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(progress().getRootProps(), localProps))
+
+  ProgressProvider(progress)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/progress/progress-root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseProgressProps } from './use-progress.svelte';
+export interface ProgressRootBaseProps extends Optional<UseProgressProps, 'id'>, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ProgressRootProps extends Assign<HTMLProps<'div'>, ProgressRootBaseProps> {
+}
+declare const ProgressRoot: import("svelte").Component<ProgressRootProps, {}, "value" | "ref">;
+type ProgressRoot = ReturnType<typeof ProgressRoot>;
+export default ProgressRoot;

package/dist/components/progress/progress-track.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ProgressTrackBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface ProgressTrackProps extends HTMLProps<'div'>, ProgressTrackBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useProgressContext } from './use-progress-context'
+
+  let { ref = $bindable(null), ...props }: ProgressTrackProps = $props()
+  const progress = useProgressContext()
+  const mergedProps = $derived(mergeProps(progress().getTrackProps(), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/progress/progress-track.svelte.d.ts

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

package/dist/components/progress/progress-value-text.svelte

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ProgressValueTextBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface ProgressValueTextProps extends HTMLProps<'span'>, ProgressValueTextBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useProgressContext } from './use-progress-context'
+
+  let { ref = $bindable(null), children, ...rest }: ProgressValueTextProps = $props()
+  const progress = useProgressContext()
+  const mergedProps = $derived(mergeProps(progress().getValueTextProps(), rest))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {progress().percentAsString}
+  {/if}
+</Sprawlify>

package/dist/components/progress/progress-value-text.svelte.d.ts

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

package/dist/components/progress/progress-view.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { ViewProps } from '@sprawlify/primitives/machines/progress'
+
+  export interface ProgressViewBaseProps extends ViewProps, PolymorphicProps<'span'>, RefAttribute {}
+  export interface ProgressViewProps extends HTMLProps<'span'>, ProgressViewBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useProgressContext } from './use-progress-context'
+
+  let { ref = $bindable(null), ...props }: ProgressViewProps = $props()
+  const progress = useProgressContext()
+  const mergedProps = $derived(mergeProps(progress().getViewProps(props), props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

package/dist/components/progress/progress-view.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { ViewProps } from '@sprawlify/primitives/machines/progress';
+export interface ProgressViewBaseProps extends ViewProps, PolymorphicProps<'span'>, RefAttribute {
+}
+export interface ProgressViewProps extends HTMLProps<'span'>, ProgressViewBaseProps {
+}
+declare const ProgressView: import("svelte").Component<ProgressViewProps, {}, "ref">;
+type ProgressView = ReturnType<typeof ProgressView>;
+export default ProgressView;

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,11 @@
+export { default as CircleRange, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, type ProgressCircleRangeProps as CircleRangeProps, } from './progress-circle-range.svelte';
+export { default as CircleTrack, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, type ProgressCircleTrackProps as CircleTrackProps, } from './progress-circle-track.svelte';
+export { default as Circle, type ProgressCircleBaseProps as CircleBaseProps, type ProgressCircleProps as CircleProps, } from './progress-circle.svelte';
+export { default as Context, type ProgressContextProps as ContextProps } from './progress-context.svelte';
+export { default as Label, type ProgressLabelBaseProps as LabelBaseProps, type ProgressLabelProps as LabelProps, } from './progress-label.svelte';
+export { default as Range, type ProgressRangeBaseProps as RangeBaseProps, type ProgressRangeProps as RangeProps, } from './progress-range.svelte';
+export { default as RootProvider, type ProgressRootProviderBaseProps as RootProviderBaseProps, type ProgressRootProviderProps as RootProviderProps, } from './progress-root-provider.svelte';
+export { default as Root, type ProgressRootBaseProps as RootBaseProps, type ProgressRootProps as RootProps, } from './progress-root.svelte';
+export { default as Track, type ProgressTrackBaseProps as TrackBaseProps, type ProgressTrackProps as TrackProps, } from './progress-track.svelte';
+export { default as ValueText, type ProgressValueTextBaseProps as ValueTextBaseProps, type ProgressValueTextProps as ValueTextProps, } from './progress-value-text.svelte';
+export { default as View, type ProgressViewBaseProps as ViewBaseProps, type ProgressViewProps as ViewProps, } from './progress-view.svelte';

package/dist/components/progress/progress.js

@@ -0,0 +1,11 @@
+export { default as CircleRange, } from './progress-circle-range.svelte';
+export { default as CircleTrack, } from './progress-circle-track.svelte';
+export { default as Circle, } from './progress-circle.svelte';
+export { default as Context } from './progress-context.svelte';
+export { default as Label, } from './progress-label.svelte';
+export { default as Range, } from './progress-range.svelte';
+export { default as RootProvider, } from './progress-root-provider.svelte';
+export { default as Root, } from './progress-root.svelte';
+export { default as Track, } from './progress-track.svelte';
+export { default as ValueText, } from './progress-value-text.svelte';
+export { default as View, } from './progress-view.svelte';

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

@@ -0,0 +1,4 @@
+import type { UseProgressReturn } from './use-progress.svelte';
+export interface UseProgressContext extends UseProgressReturn {
+}
+export declare const ProgressProvider: (opts: UseProgressContext) => void, useProgressContext: (fallback?: UseProgressContext | undefined) => UseProgressContext;

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

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

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

@@ -0,0 +1,9 @@
+import type { Accessor } from '../../types';
+import * as progress from '@sprawlify/primitives/machines/progress';
+import { type PropTypes } from '../../core';
+import { type MaybeFunction } from '@sprawlify/primitives/utils';
+export interface UseProgressProps extends Omit<progress.Props, 'dir' | 'getRootNode'> {
+}
+export interface UseProgressReturn extends Accessor<progress.Api<PropTypes>> {
+}
+export declare const useProgress: (props: MaybeFunction<UseProgressProps>) => () => progress.Api<PropTypes>;

package/dist/components/progress/use-progress.svelte.js

@@ -0,0 +1,20 @@
+import { useEnvironmentContext } from '../../providers/environment';
+import { useLocaleContext } from '../../providers/locale';
+import * as progress from '@sprawlify/primitives/machines/progress';
+import { normalizeProps, useMachine } from '../../core';
+import { runIfFn } from '@sprawlify/primitives/utils';
+export const useProgress = (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(progress.machine, () => machineProps);
+    const api = $derived(progress.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/qr-code/index.d.ts

@@ -0,0 +1,12 @@
+export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@sprawlify/primitives/machines/qr-code';
+export { default as QrCodeContext, type QrCodeContextProps } from './qr-code-context.svelte';
+export { default as QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, } from './qr-code-download-trigger.svelte';
+export { default as QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './qr-code-frame.svelte';
+export { default as QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps, } from './qr-code-overlay.svelte';
+export { default as QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps, } from './qr-code-pattern.svelte';
+export { default as QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, } from './qr-code-root-provider.svelte';
+export { default as QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps } from './qr-code-root.svelte';
+export { qrCodeAnatomy } from './qr-code-anatomy';
+export { useQrCodeContext, type UseQrCodeContext } from './use-qr-code-context';
+export { useQrCode, type UseQrCodeProps, type UseQrCodeReturn } from './use-qr-code.svelte';
+export * as QrCode from './qr-code';

package/dist/components/qr-code/index.js

@@ -0,0 +1,11 @@
+export { default as QrCodeContext } from './qr-code-context.svelte';
+export { default as QrCodeDownloadTrigger, } from './qr-code-download-trigger.svelte';
+export { default as QrCodeFrame } from './qr-code-frame.svelte';
+export { default as QrCodeOverlay, } from './qr-code-overlay.svelte';
+export { default as QrCodePattern, } from './qr-code-pattern.svelte';
+export { default as QrCodeRootProvider, } from './qr-code-root-provider.svelte';
+export { default as QrCodeRoot } from './qr-code-root.svelte';
+export { qrCodeAnatomy } from './qr-code-anatomy';
+export { useQrCodeContext } from './use-qr-code-context';
+export { useQrCode } from './use-qr-code.svelte';
+export * as QrCode from './qr-code';

package/dist/components/qr-code/qr-code-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as qrCodeAnatomy } from '@sprawlify/primitives/machines/qr-code';

package/dist/components/qr-code/qr-code-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as qrCodeAnatomy } from '@sprawlify/primitives/machines/qr-code';

package/dist/components/qr-code/qr-code-context.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseQrCodeContext } from './use-qr-code-context'
+
+  export interface QrCodeContextProps {
+    api?: Snippet<[UseQrCodeContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useQrCodeContext } from './use-qr-code-context'
+
+  const { api }: QrCodeContextProps = $props()
+  const qrCode = useQrCodeContext()
+</script>
+
+{@render api?.(qrCode)}

package/dist/components/qr-code/qr-code-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseQrCodeContext } from './use-qr-code-context';
+export interface QrCodeContextProps {
+    api?: Snippet<[UseQrCodeContext]>;
+}
+declare const QrCodeContext: import("svelte").Component<QrCodeContextProps, {}, "">;
+type QrCodeContext = ReturnType<typeof QrCodeContext>;
+export default QrCodeContext;

package/dist/components/qr-code/qr-code-download-trigger.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { DownloadTriggerProps } from '@sprawlify/primitives/machines/qr-code'
+
+  export interface QrCodeDownloadTriggerBaseProps
+    extends DownloadTriggerProps,
+      PolymorphicProps<'button'>,
+      RefAttribute {}
+
+  export interface QrCodeDownloadTriggerProps extends HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { useQrCodeContext } from './use-qr-code-context'
+
+  let { ref = $bindable(null), ...props }: QrCodeDownloadTriggerProps = $props()
+  const [downloadTriggerProps, localProps] = $derived(
+    createSplitProps<DownloadTriggerProps>()(props, ['fileName', 'mimeType', 'quality']),
+  )
+  const qrCode = useQrCodeContext()
+  const mergedProps = $derived(mergeProps(qrCode().getDownloadTriggerProps(downloadTriggerProps), localProps))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/qr-code/qr-code-download-trigger.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { DownloadTriggerProps } from '@sprawlify/primitives/machines/qr-code';
+export interface QrCodeDownloadTriggerBaseProps extends DownloadTriggerProps, PolymorphicProps<'button'>, RefAttribute {
+}
+export interface QrCodeDownloadTriggerProps extends HTMLProps<'button'>, QrCodeDownloadTriggerBaseProps {
+}
+declare const QrCodeDownloadTrigger: import("svelte").Component<QrCodeDownloadTriggerProps, {}, "ref">;
+type QrCodeDownloadTrigger = ReturnType<typeof QrCodeDownloadTrigger>;
+export default QrCodeDownloadTrigger;