@sprawlify/svelte 0.0.42 → 0.0.44

package/dist/components/carousel/carousel-indicator-group.svelte

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

package/dist/components/carousel/carousel-indicator-group.svelte.d.ts

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

package/dist/components/carousel/carousel-indicator.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { IndicatorProps } from '@sprawlify/primitives/machines/carousel'
+
+  export interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps<'button'>, RefAttribute {}
+  export interface CarouselIndicatorProps extends Assign<HTMLProps<'button'>, CarouselIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useCarouselContext } from './use-carousel-context'
+
+  let { ref = $bindable(null), ...props }: CarouselIndicatorProps = $props()
+  const [indicatorProps, localProps] = $derived(createSplitProps<IndicatorProps>()(props, ['index', 'readOnly']))
+
+  const carousel = useCarouselContext()
+  const mergedProps = $derived(mergeProps(carousel().getIndicatorProps(indicatorProps), localProps))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/carousel/carousel-indicator.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { IndicatorProps } from '@sprawlify/primitives/machines/carousel';
+export interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps<'button'>, RefAttribute {
+}
+export interface CarouselIndicatorProps extends Assign<HTMLProps<'button'>, CarouselIndicatorBaseProps> {
+}
+declare const CarouselIndicator: import("svelte").Component<CarouselIndicatorProps, {}, "ref">;
+type CarouselIndicator = ReturnType<typeof CarouselIndicator>;
+export default CarouselIndicator;

package/dist/components/carousel/carousel-item-group.svelte

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

package/dist/components/carousel/carousel-item-group.svelte.d.ts

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

package/dist/components/carousel/carousel-item.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { ItemProps } from '@sprawlify/primitives/machines/carousel'
+
+  export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface CarouselItemProps extends Assign<HTMLProps<'div'>, CarouselItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useCarouselContext } from './use-carousel-context'
+
+  let { ref = $bindable(null), ...props }: CarouselItemProps = $props()
+
+  const [itemProps, localProps] = $derived(createSplitProps<ItemProps>()(props, ['index', 'snapAlign']))
+
+  const carousel = useCarouselContext()
+  const mergedProps = $derived(mergeProps(carousel().getItemProps(itemProps), localProps))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/carousel/carousel-item.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { ItemProps } from '@sprawlify/primitives/machines/carousel';
+export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface CarouselItemProps extends Assign<HTMLProps<'div'>, CarouselItemBaseProps> {
+}
+declare const CarouselItem: import("svelte").Component<CarouselItemProps, {}, "ref">;
+type CarouselItem = ReturnType<typeof CarouselItem>;
+export default CarouselItem;

package/dist/components/carousel/carousel-next-trigger.svelte

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

package/dist/components/carousel/carousel-next-trigger.svelte.d.ts

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

package/dist/components/carousel/carousel-prev-trigger.svelte

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

package/dist/components/carousel/carousel-prev-trigger.svelte.d.ts

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

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

@@ -0,0 +1,32 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface CarouselProgressTextBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface CarouselProgressTextProps extends Assign<HTMLProps<'span'>, CarouselProgressTextBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { Sprawlify } from '../factory'
+  import { carouselAnatomy } from './carousel-anatomy'
+  import { useCarouselContext } from './use-carousel-context'
+
+  const parts = carouselAnatomy.build()
+
+  let { ref = $bindable(null), children, ...props }: CarouselProgressTextProps = $props()
+
+  const carousel = useCarouselContext()
+
+  const progressText = $derived(() => {
+    const currentPage = carousel().page + 1
+    const totalPages = carousel().pageSnapPoints.length
+    return `${currentPage} / ${totalPages}`
+  })
+</script>
+
+<Sprawlify as="span" bind:ref {...parts.progressText.attrs} {...props}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {progressText()}
+  {/if}
+</Sprawlify>

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

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

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

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseCarouselReturn } from './use-carousel.svelte'
+
+  export interface CarouselRootProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseCarouselReturn
+  }
+  export interface CarouselRootProviderProps extends Assign<HTMLProps<'div'>, CarouselRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { CarouselProvider } from './use-carousel-context'
+
+  let { ref = $bindable(null), value, ...props }: CarouselRootProviderProps = $props()
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props))
+
+  CarouselProvider(value)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseCarouselReturn } from './use-carousel.svelte';
+export interface CarouselRootProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseCarouselReturn;
+}
+export interface CarouselRootProviderProps extends Assign<HTMLProps<'div'>, CarouselRootProviderBaseProps> {
+}
+declare const CarouselRootProvider: import("svelte").Component<CarouselRootProviderProps, {}, "ref">;
+type CarouselRootProvider = ReturnType<typeof CarouselRootProvider>;
+export default CarouselRootProvider;

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

@@ -0,0 +1,60 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseCarouselProps } from './use-carousel.svelte'
+
+  export interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface CarouselRootProps extends Assign<HTMLProps<'div'>, CarouselRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useCarousel } from './use-carousel.svelte'
+  import { CarouselProvider } from './use-carousel-context'
+  import { createSplitProps } from '../../utils/create-split-props'
+
+  let { ref = $bindable(null), page = $bindable(), ...props }: CarouselRootProps = $props()
+  const providedId = $props.id()
+
+  const [useCarouselProps, localProps] = $derived(
+    createSplitProps<UseCarouselProps>()(props, [
+      'allowMouseDrag',
+      'autoplay',
+      'autoSize',
+      'defaultPage',
+      'id',
+      'ids',
+      'inViewThreshold',
+      'loop',
+      'onAutoplayStatusChange',
+      'onDragStatusChange',
+      'onPageChange',
+      'orientation',
+      'padding',
+      'page',
+      'slideCount',
+      'slidesPerMove',
+      'slidesPerPage',
+      'snapType',
+      'spacing',
+      'translations',
+    ]),
+  )
+
+  const resolvedProps = $derived<UseCarouselProps>({
+    ...useCarouselProps,
+    id: useCarouselProps.id ?? providedId,
+    page,
+    onPageChange(details) {
+      useCarouselProps.onPageChange?.(details)
+      if (page !== undefined) page = details.page
+    },
+  })
+
+  const carousel = useCarousel(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(carousel().getRootProps(), localProps))
+
+  CarouselProvider(carousel)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseCarouselProps } from './use-carousel.svelte';
+export interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface CarouselRootProps extends Assign<HTMLProps<'div'>, CarouselRootBaseProps> {
+}
+declare const CarouselRoot: import("svelte").Component<CarouselRootProps, {}, "ref" | "page">;
+type CarouselRoot = ReturnType<typeof CarouselRoot>;
+export default CarouselRoot;

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

@@ -0,0 +1,14 @@
+export type { AutoplayStatusDetails, DragStatusDetails, PageChangeDetails } from '@sprawlify/primitives/machines/carousel';
+export { default as AutoplayIndicator, type CarouselAutoplayIndicatorBaseProps as AutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps as AutoplayIndicatorProps, } from './carousel-autoplay-indicator.svelte';
+export { default as ProgressText, type CarouselProgressTextBaseProps as ProgressTextBaseProps, type CarouselProgressTextProps as ProgressTextProps, } from './carousel-progress-text.svelte';
+export { default as AutoplayTrigger, type CarouselAutoplayTriggerBaseProps as AutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps as AutoplayTriggerProps, } from './carousel-autoplay-trigger.svelte';
+export { default as Context, type CarouselContextProps as ContextProps } from './carousel-context.svelte';
+export { default as Control, type CarouselControlBaseProps as ControlBaseProps, type CarouselControlProps as ControlProps, } from './carousel-control.svelte';
+export { default as Indicator, type CarouselIndicatorBaseProps as IndicatorBaseProps, type CarouselIndicatorProps as IndicatorProps, } from './carousel-indicator.svelte';
+export { default as IndicatorGroup, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, type CarouselIndicatorGroupProps as IndicatorGroupProps, } from './carousel-indicator-group.svelte';
+export { default as Item, type CarouselItemBaseProps as ItemBaseProps, type CarouselItemProps as ItemProps, } from './carousel-item.svelte';
+export { default as ItemGroup, type CarouselItemGroupBaseProps as ItemGroupBaseProps, type CarouselItemGroupProps as ItemGroupProps, } from './carousel-item-group.svelte';
+export { default as NextTrigger, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, type CarouselNextTriggerProps as NextTriggerProps, } from './carousel-next-trigger.svelte';
+export { default as PrevTrigger, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, type CarouselPrevTriggerProps as PrevTriggerProps, } from './carousel-prev-trigger.svelte';
+export { default as Root, type CarouselRootBaseProps as RootBaseProps, type CarouselRootProps as RootProps, } from './carousel-root.svelte';
+export { default as RootProvider, type CarouselRootProviderBaseProps as RootProviderBaseProps, type CarouselRootProviderProps as RootProviderProps, } from './carousel-root-provider.svelte';

package/dist/components/carousel/carousel.js

@@ -0,0 +1,13 @@
+export { default as AutoplayIndicator, } from './carousel-autoplay-indicator.svelte';
+export { default as ProgressText, } from './carousel-progress-text.svelte';
+export { default as AutoplayTrigger, } from './carousel-autoplay-trigger.svelte';
+export { default as Context } from './carousel-context.svelte';
+export { default as Control, } from './carousel-control.svelte';
+export { default as Indicator, } from './carousel-indicator.svelte';
+export { default as IndicatorGroup, } from './carousel-indicator-group.svelte';
+export { default as Item, } from './carousel-item.svelte';
+export { default as ItemGroup, } from './carousel-item-group.svelte';
+export { default as NextTrigger, } from './carousel-next-trigger.svelte';
+export { default as PrevTrigger, } from './carousel-prev-trigger.svelte';
+export { default as Root, } from './carousel-root.svelte';
+export { default as RootProvider, } from './carousel-root-provider.svelte';

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

@@ -0,0 +1,18 @@
+export type { AutoplayStatusDetails as CarouselAutoplayStatusDetails, DragStatusDetails as CarouselDragStatusDetails, PageChangeDetails as CarouselPageChangeDetails, } from '@sprawlify/primitives/machines/carousel';
+export { default as CarouselAutoplayIndicator, type CarouselAutoplayIndicatorBaseProps, type CarouselAutoplayIndicatorProps, } from './carousel-autoplay-indicator.svelte';
+export { default as CarouselProgressText, type CarouselProgressTextBaseProps, type CarouselProgressTextProps, } from './carousel-progress-text.svelte';
+export { default as CarouselAutoplayTrigger, type CarouselAutoplayTriggerBaseProps, type CarouselAutoplayTriggerProps, } from './carousel-autoplay-trigger.svelte';
+export { default as CarouselContext, type CarouselContextProps } from './carousel-context.svelte';
+export { default as CarouselControl, type CarouselControlBaseProps, type CarouselControlProps, } from './carousel-control.svelte';
+export { default as CarouselIndicator, type CarouselIndicatorBaseProps, type CarouselIndicatorProps, } from './carousel-indicator.svelte';
+export { default as CarouselIndicatorGroup, type CarouselIndicatorGroupBaseProps, type CarouselIndicatorGroupProps, } from './carousel-indicator-group.svelte';
+export { default as CarouselItem, type CarouselItemBaseProps, type CarouselItemProps } from './carousel-item.svelte';
+export { default as CarouselItemGroup, type CarouselItemGroupBaseProps, type CarouselItemGroupProps, } from './carousel-item-group.svelte';
+export { default as CarouselNextTrigger, type CarouselNextTriggerBaseProps, type CarouselNextTriggerProps, } from './carousel-next-trigger.svelte';
+export { default as CarouselPrevTrigger, type CarouselPrevTriggerBaseProps, type CarouselPrevTriggerProps, } from './carousel-prev-trigger.svelte';
+export { default as CarouselRoot, type CarouselRootBaseProps, type CarouselRootProps } from './carousel-root.svelte';
+export { default as CarouselRootProvider, type CarouselRootProviderBaseProps, type CarouselRootProviderProps, } from './carousel-root-provider.svelte';
+export { carouselAnatomy } from './carousel-anatomy';
+export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel.svelte';
+export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
+export * as Carousel from './carousel';

package/dist/components/carousel/index.js

@@ -0,0 +1,17 @@
+export { default as CarouselAutoplayIndicator, } from './carousel-autoplay-indicator.svelte';
+export { default as CarouselProgressText, } from './carousel-progress-text.svelte';
+export { default as CarouselAutoplayTrigger, } from './carousel-autoplay-trigger.svelte';
+export { default as CarouselContext } from './carousel-context.svelte';
+export { default as CarouselControl, } from './carousel-control.svelte';
+export { default as CarouselIndicator, } from './carousel-indicator.svelte';
+export { default as CarouselIndicatorGroup, } from './carousel-indicator-group.svelte';
+export { default as CarouselItem } from './carousel-item.svelte';
+export { default as CarouselItemGroup, } from './carousel-item-group.svelte';
+export { default as CarouselNextTrigger, } from './carousel-next-trigger.svelte';
+export { default as CarouselPrevTrigger, } from './carousel-prev-trigger.svelte';
+export { default as CarouselRoot } from './carousel-root.svelte';
+export { default as CarouselRootProvider, } from './carousel-root-provider.svelte';
+export { carouselAnatomy } from './carousel-anatomy';
+export { useCarousel } from './use-carousel.svelte';
+export { useCarouselContext } from './use-carousel-context';
+export * as Carousel from './carousel';

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

@@ -0,0 +1,4 @@
+import type { UseCarouselReturn } from './use-carousel.svelte';
+export interface UseCarouselContext extends UseCarouselReturn {
+}
+export declare const CarouselProvider: (opts: UseCarouselContext) => void, useCarouselContext: (fallback?: UseCarouselContext | undefined) => UseCarouselContext;

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export declare const checkboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "root" | "group" | "control" | "indicator">;

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

@@ -0,0 +1,2 @@
+import { anatomy } from '@sprawlify/primitives/machines/checkbox';
+export const checkboxAnatomy = anatomy.extendWith('group');

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

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

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

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

package/dist/components/checkbox/checkbox-control.svelte

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

package/dist/components/checkbox/checkbox-control.svelte.d.ts

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

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

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseCheckboxGroupReturn } from './use-checkbox-group.svelte'
+
+  export interface CheckboxGroupProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseCheckboxGroupReturn
+  }
+  export interface CheckboxGroupProviderProps extends Assign<HTMLProps<'div'>, CheckboxGroupProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { CheckboxGroupContextProvider } from './use-checkbox-group-context'
+  import { checkboxAnatomy } from './checkbox-anatomy'
+
+  let { ref = $bindable(null), value, ...props }: CheckboxGroupProviderProps = $props()
+
+  const mergedProps = $derived(mergeProps({ role: 'group', ...checkboxAnatomy.build().group.attrs }, props))
+
+  CheckboxGroupContextProvider(value)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseCheckboxGroupReturn } from './use-checkbox-group.svelte';
+export interface CheckboxGroupProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseCheckboxGroupReturn;
+}
+export interface CheckboxGroupProviderProps extends Assign<HTMLProps<'div'>, CheckboxGroupProviderBaseProps> {
+}
+declare const CheckboxGroupProvider: import("svelte").Component<CheckboxGroupProviderProps, {}, "ref">;
+type CheckboxGroupProvider = ReturnType<typeof CheckboxGroupProvider>;
+export default CheckboxGroupProvider;

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

@@ -0,0 +1,34 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseCheckboxGroupProps } from './use-checkbox-group.svelte'
+
+  export interface CheckboxGroupBaseProps extends UseCheckboxGroupProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface CheckboxGroupProps extends Assign<HTMLProps<'div'>, CheckboxGroupBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { Sprawlify } from '../factory'
+  import { checkboxAnatomy } from './checkbox-anatomy'
+  import { CheckboxGroupContextProvider } from './use-checkbox-group-context'
+  import { splitCheckboxGroupProps } from './split-checkbox-group-props.svelte'
+  import { useCheckboxGroup } from './use-checkbox-group.svelte'
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: CheckboxGroupProps = $props()
+
+  const [checkboxGroupProps, localProps] = $derived(splitCheckboxGroupProps(props))
+
+  const resolvedProps = $derived<UseCheckboxGroupProps>({
+    ...checkboxGroupProps,
+    value,
+    onValueChange(newValue) {
+      checkboxGroupProps.onValueChange?.(newValue)
+      value = newValue
+    },
+  })
+
+  const checkboxGroup = useCheckboxGroup(() => resolvedProps)
+
+  CheckboxGroupContextProvider(checkboxGroup)
+</script>
+
+<Sprawlify as="div" bind:ref role="group" {...checkboxAnatomy.build().group.attrs} {...localProps} />

package/dist/components/checkbox/checkbox-group.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseCheckboxGroupProps } from './use-checkbox-group.svelte';
+export interface CheckboxGroupBaseProps extends UseCheckboxGroupProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface CheckboxGroupProps extends Assign<HTMLProps<'div'>, CheckboxGroupBaseProps> {
+}
+declare const CheckboxGroup: import("svelte").Component<CheckboxGroupProps, {}, "value" | "ref">;
+type CheckboxGroup = ReturnType<typeof CheckboxGroup>;
+export default CheckboxGroup;