@sprawlify/svelte 0.0.43 → 0.0.45

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

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

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

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

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

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+
+  export interface AccordionContextProps {
+    render: Snippet<[UseAccordionContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useAccordionContext, type UseAccordionContext } from './use-accordion-context'
+
+  const { render }: AccordionContextProps = $props()
+
+  const accordion = useAccordionContext()
+</script>
+
+{@render render(accordion)}

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

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

package/dist/components/accordion/accordion-item-content.svelte

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AccordionItemContentBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface AccordionItemContentProps extends Assign<HTMLProps<'div'>, AccordionItemContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { omit } from '@sprawlify/primitives/utils'
+  import { CollapsibleContent } from '../collapsible'
+  import { useAccordionContext } from './use-accordion-context'
+  import { useAccordionItemPropsContext } from './use-accordion-item-props-context'
+
+  let { ref = $bindable(null), ...props }: AccordionItemContentProps = $props()
+
+  const accordion = useAccordionContext()
+  const itemProps = useAccordionItemPropsContext()
+
+  const contentProps = $derived(accordion().getItemContentProps(itemProps()))
+  const itemContentProps = $derived(omit(contentProps, ['hidden', 'data-state']))
+
+  const mergedProps = $derived(mergeProps(itemContentProps, props))
+</script>
+
+<CollapsibleContent bind:ref {...mergedProps} />

package/dist/components/accordion/accordion-item-content.svelte.d.ts

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

package/dist/components/accordion/accordion-item-context.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseAccordionItemContext } from './use-accordion-item-context'
+
+  export interface AccordionItemContextProps {
+    render: Snippet<[UseAccordionItemContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { AccordionItemProvider, useAccordionItemContext } from './use-accordion-item-context'
+
+  const { render }: AccordionItemContextProps = $props()
+
+  const itemState = useAccordionItemContext()
+  AccordionItemProvider(itemState)
+</script>
+
+{@render render(itemState)}

package/dist/components/accordion/accordion-item-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseAccordionItemContext } from './use-accordion-item-context';
+export interface AccordionItemContextProps {
+    render: Snippet<[UseAccordionItemContext]>;
+}
+declare const AccordionItemContext: import("svelte").Component<AccordionItemContextProps, {}, "">;
+type AccordionItemContext = ReturnType<typeof AccordionItemContext>;
+export default AccordionItemContext;

package/dist/components/accordion/accordion-item-indicator.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AccordionItemIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface AccordionItemIndicatorProps extends Assign<HTMLProps<'div'>, AccordionItemIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useAccordionContext } from './use-accordion-context'
+  import { useAccordionItemPropsContext } from './use-accordion-item-props-context'
+
+  let { ref = $bindable(null), ...props }: AccordionItemIndicatorProps = $props()
+
+  const accordion = useAccordionContext()
+  const itemProps = useAccordionItemPropsContext()
+
+  const mergedProps = $derived(mergeProps(accordion().getItemIndicatorProps(itemProps()), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/accordion/accordion-item-indicator.svelte.d.ts

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

package/dist/components/accordion/accordion-item-trigger.svelte

@@ -0,0 +1,34 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AccordionItemTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface AccordionItemTriggerProps extends Assign<HTMLProps<'button'>, AccordionItemTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { useCollapsibleContext } from '../collapsible'
+  import { Sprawlify } from '../factory'
+  import { useAccordionContext } from './use-accordion-context'
+  import { useAccordionItemPropsContext } from './use-accordion-item-props-context'
+
+  let { ref = $bindable(null), ...props }: AccordionItemTriggerProps = $props()
+
+  const accordion = useAccordionContext()
+  const itemProps = useAccordionItemPropsContext()
+
+  const collapsible = useCollapsibleContext()
+  const triggerProps = $derived(accordion().getItemTriggerProps(itemProps()))
+
+  const mergedProps = $derived(
+    mergeProps(
+      {
+        ...triggerProps,
+        'aria-controls': collapsible().isUnmounted ? undefined : triggerProps['aria-controls'],
+      },
+      props,
+    ),
+  )
+</script>
+
+<Sprawlify bind:ref as="button" {...mergedProps} />

package/dist/components/accordion/accordion-item-trigger.svelte.d.ts

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

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

@@ -0,0 +1,39 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { ItemProps } from '@sprawlify/primitives/machines/accordion'
+
+  export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface AccordionItemProps extends Assign<HTMLProps<'div'>, AccordionItemBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { useRenderStrategyPropsContext } from '../../utils/render-strategy'
+  import { mergeProps } from '../../core'
+  import { CollapsibleRoot } from '../collapsible'
+  import { useAccordionContext } from './use-accordion-context'
+  import { AccordionItemProvider } from './use-accordion-item-context'
+  import { AccordionItemPropsProvider } from './use-accordion-item-props-context'
+
+  let { ref = $bindable(null), ...props }: AccordionItemProps = $props()
+  const [itemProps, localProps] = $derived(createSplitProps<ItemProps>()(props, ['value', 'disabled']))
+
+  const accordion = useAccordionContext()
+  const renderStrategy = useRenderStrategyPropsContext()
+
+  const itemState = $derived(accordion().getItemState(itemProps))
+  const mergedProps = $derived(mergeProps(accordion().getItemProps(itemProps), localProps))
+
+  const itemContentProps = $derived(accordion().getItemContentProps(itemProps))
+
+  AccordionItemPropsProvider(() => itemProps)
+  AccordionItemProvider(() => itemState)
+</script>
+
+<CollapsibleRoot
+  bind:ref
+  open={itemState.expanded}
+  ids={{ content: itemContentProps.id ?? undefined }}
+  {...renderStrategy()}
+  {...mergedProps}
+/>

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

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

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

@@ -0,0 +1,30 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseAccordionReturn } from './use-accordion.svelte'
+
+  export interface AccordionRootProviderBaseProps extends PolymorphicProps<'div'>, RenderStrategyProps, RefAttribute {
+    value: UseAccordionReturn
+  }
+  export interface AccordionRootProviderProps extends Assign<HTMLProps<'div'>, AccordionRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import {
+    type RenderStrategyProps,
+    RenderStrategyPropsProvider,
+    splitRenderStrategyProps,
+  } from '../../utils/render-strategy'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { AccordionProvider } from './use-accordion-context'
+
+  let { ref = $bindable(null), value, ...props }: AccordionRootProviderProps = $props()
+
+  const [renderStrategyProps, localProps] = $derived(splitRenderStrategyProps(props))
+  const mergedProps = $derived(mergeProps(value().getRootProps(), localProps))
+
+  AccordionProvider(value)
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+</script>
+
+<Sprawlify bind:ref as="div" {...mergedProps} />

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

@@ -0,0 +1,11 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseAccordionReturn } from './use-accordion.svelte';
+export interface AccordionRootProviderBaseProps extends PolymorphicProps<'div'>, RenderStrategyProps, RefAttribute {
+    value: UseAccordionReturn;
+}
+export interface AccordionRootProviderProps extends Assign<HTMLProps<'div'>, AccordionRootProviderBaseProps> {
+}
+import { type RenderStrategyProps } from '../../utils/render-strategy';
+declare const AccordionRootProvider: import("svelte").Component<AccordionRootProviderProps, {}, "ref">;
+type AccordionRootProvider = ReturnType<typeof AccordionRootProvider>;
+export default AccordionRootProvider;

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

@@ -0,0 +1,61 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseAccordionProps } from './use-accordion.svelte'
+
+  export interface AccordionRootBaseProps
+    extends UseAccordionProps,
+      RenderStrategyProps,
+      PolymorphicProps<'div'>,
+      RefAttribute {}
+  export interface AccordionRootProps extends Assign<HTMLProps<'div'>, AccordionRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import {
+    RenderStrategyPropsProvider,
+    splitRenderStrategyProps,
+    type RenderStrategyProps,
+  } from '../../utils/render-strategy'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { AccordionProvider } from './use-accordion-context'
+  import { useAccordion } from './use-accordion.svelte'
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: AccordionRootProps = $props()
+  const providedId = $props.id()
+
+  const [renderStrategyProps, accordionProps] = $derived(splitRenderStrategyProps(props))
+  const [useAccordionProps, localProps] = $derived(
+    createSplitProps<UseAccordionProps>()(accordionProps, [
+      'collapsible',
+      'defaultValue',
+      'disabled',
+      'id',
+      'ids',
+      'multiple',
+      'onFocusChange',
+      'onValueChange',
+      'orientation',
+      'value',
+    ]),
+  )
+
+  const resolvedProps = $derived<UseAccordionProps>({
+    ...useAccordionProps,
+    id: useAccordionProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      useAccordionProps.onValueChange?.(details)
+      if (value !== undefined) value = details.value
+    },
+  })
+
+  const accordion = useAccordion(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(accordion().getRootProps(), localProps))
+
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+  AccordionProvider(accordion)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseAccordionProps } from './use-accordion.svelte';
+export interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface AccordionRootProps extends Assign<HTMLProps<'div'>, AccordionRootBaseProps> {
+}
+import { type RenderStrategyProps } from '../../utils/render-strategy';
+declare const AccordionRoot: import("svelte").Component<AccordionRootProps, {}, "value" | "ref">;
+type AccordionRoot = ReturnType<typeof AccordionRoot>;
+export default AccordionRoot;

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,9 @@
+export type { FocusChangeDetails, ValueChangeDetails } from '@sprawlify/primitives/machines/accordion';
+export { default as Context, type AccordionContextProps as ContextProps } from './accordion-context.svelte';
+export { default as Item, type AccordionItemBaseProps as ItemBaseProps, type AccordionItemProps as ItemProps, } from './accordion-item.svelte';
+export { default as ItemContent, type AccordionItemContentBaseProps as ItemContentBaseProps, type AccordionItemContentProps as ItemContentProps, } from './accordion-item-content.svelte';
+export { default as ItemContext, type AccordionItemContextProps as ItemContextProps, } from './accordion-item-context.svelte';
+export { default as ItemIndicator, type AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, type AccordionItemIndicatorProps as ItemIndicatorProps, } from './accordion-item-indicator.svelte';
+export { default as ItemTrigger, type AccordionItemTriggerBaseProps as ItemTriggerBaseProps, type AccordionItemTriggerProps as ItemTriggerProps, } from './accordion-item-trigger.svelte';
+export { default as Root, type AccordionRootBaseProps as RootBaseProps, type AccordionRootProps as RootProps, } from './accordion-root.svelte';
+export { default as RootProvider, type AccordionRootProviderBaseProps as RootProviderBaseProps, type AccordionRootProviderProps as RootProviderProps, } from './accordion-root-provider.svelte';

package/dist/components/accordion/accordion.js

@@ -0,0 +1,8 @@
+export { default as Context } from './accordion-context.svelte';
+export { default as Item, } from './accordion-item.svelte';
+export { default as ItemContent, } from './accordion-item-content.svelte';
+export { default as ItemContext, } from './accordion-item-context.svelte';
+export { default as ItemIndicator, } from './accordion-item-indicator.svelte';
+export { default as ItemTrigger, } from './accordion-item-trigger.svelte';
+export { default as Root, } from './accordion-root.svelte';
+export { default as RootProvider, } from './accordion-root-provider.svelte';

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

@@ -0,0 +1,14 @@
+export type { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, } from '@sprawlify/primitives/machines/accordion';
+export { default as AccordionContext, type AccordionContextProps } from './accordion-context.svelte';
+export { default as AccordionItem, type AccordionItemBaseProps, type AccordionItemProps } from './accordion-item.svelte';
+export { default as AccordionItemContent, type AccordionItemContentBaseProps, type AccordionItemContentProps, } from './accordion-item-content.svelte';
+export { default as AccordionItemContext, type AccordionItemContextProps } from './accordion-item-context.svelte';
+export { default as AccordionItemIndicator, type AccordionItemIndicatorBaseProps, type AccordionItemIndicatorProps, } from './accordion-item-indicator.svelte';
+export { default as AccordionItemTrigger, type AccordionItemTriggerBaseProps, type AccordionItemTriggerProps, } from './accordion-item-trigger.svelte';
+export { default as AccordionRoot, type AccordionRootBaseProps, type AccordionRootProps } from './accordion-root.svelte';
+export { default as AccordionRootProvider, type AccordionRootProviderBaseProps, type AccordionRootProviderProps, } from './accordion-root-provider.svelte';
+export { accordionAnatomy } from './accordion-anatomy';
+export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from './use-accordion.svelte';
+export { useAccordionContext, type UseAccordionContext } from './use-accordion-context';
+export { useAccordionItemContext, type UseAccordionItemContext } from './use-accordion-item-context';
+export * as Accordion from './accordion';

package/dist/components/accordion/index.js

@@ -0,0 +1,13 @@
+export { default as AccordionContext } from './accordion-context.svelte';
+export { default as AccordionItem } from './accordion-item.svelte';
+export { default as AccordionItemContent, } from './accordion-item-content.svelte';
+export { default as AccordionItemContext } from './accordion-item-context.svelte';
+export { default as AccordionItemIndicator, } from './accordion-item-indicator.svelte';
+export { default as AccordionItemTrigger, } from './accordion-item-trigger.svelte';
+export { default as AccordionRoot } from './accordion-root.svelte';
+export { default as AccordionRootProvider, } from './accordion-root-provider.svelte';
+export { accordionAnatomy } from './accordion-anatomy';
+export { useAccordion } from './use-accordion.svelte';
+export { useAccordionContext } from './use-accordion-context';
+export { useAccordionItemContext } from './use-accordion-item-context';
+export * as Accordion from './accordion';

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

@@ -0,0 +1,6 @@
+import type { Accessor } from '../../types';
+import type { Api } from '@sprawlify/primitives/machines/accordion';
+import type { PropTypes } from '../../core';
+export interface UseAccordionContext extends Accessor<Api<PropTypes>> {
+}
+export declare const AccordionProvider: (opts: UseAccordionContext) => void, useAccordionContext: (fallback?: UseAccordionContext | undefined) => UseAccordionContext;

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

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

package/dist/components/accordion/use-accordion-item-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types';
+import type { ItemState } from '@sprawlify/primitives/machines/accordion';
+export interface UseAccordionItemContext extends Accessor<ItemState> {
+}
+export declare const AccordionItemProvider: (opts: UseAccordionItemContext) => void, useAccordionItemContext: (fallback?: UseAccordionItemContext | undefined) => UseAccordionItemContext;

package/dist/components/accordion/use-accordion-item-context.js

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

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

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

package/dist/components/accordion/use-accordion-item-props-context.js

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

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

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

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

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

package/dist/components/angle-slider/angle-slider-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as angleSliderAnatomy } from '@sprawlify/primitives/machines/angle-slider';

package/dist/components/angle-slider/angle-slider-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as angleSliderAnatomy } from '@sprawlify/primitives/machines/angle-slider';

package/dist/components/angle-slider/angle-slider-context.svelte

@@ -0,0 +1,17 @@
+<script lang="ts" module>
+  import type { Snippet } from 'svelte'
+  import type { UseAngleSliderContext } from './use-angle-slider-context'
+
+  export interface AngleSliderContextProps {
+    render: Snippet<[UseAngleSliderContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  const { render }: AngleSliderContextProps = $props()
+  const angleSlider = useAngleSliderContext()
+</script>
+
+{@render render?.(angleSlider)}

package/dist/components/angle-slider/angle-slider-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseAngleSliderContext } from './use-angle-slider-context';
+export interface AngleSliderContextProps {
+    render: Snippet<[UseAngleSliderContext]>;
+}
+declare const AngleSliderContext: import("svelte").Component<AngleSliderContextProps, {}, "">;
+type AngleSliderContext = ReturnType<typeof AngleSliderContext>;
+export default AngleSliderContext;

package/dist/components/angle-slider/angle-slider-control.svelte

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

package/dist/components/angle-slider/angle-slider-control.svelte.d.ts

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

package/dist/components/angle-slider/angle-slider-hidden-input.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface AngleSliderHiddenInputBaseProps extends PolymorphicProps<'input'>, RefAttribute {}
+  export interface AngleSliderHiddenInputProps extends HTMLProps<'input'>, AngleSliderHiddenInputBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useAngleSliderContext } from './use-angle-slider-context'
+
+  let { ref = $bindable(null), ...props }: AngleSliderHiddenInputProps = $props()
+  const angleSlider = useAngleSliderContext()
+  const mergedProps = $derived(mergeProps(angleSlider().getHiddenInputProps(), props))
+</script>
+
+<Sprawlify as="input" bind:ref {...mergedProps} />

package/dist/components/angle-slider/angle-slider-hidden-input.svelte.d.ts

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

package/dist/components/angle-slider/angle-slider-label.svelte

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

package/dist/components/angle-slider/angle-slider-label.svelte.d.ts

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

package/dist/components/angle-slider/angle-slider-marker-group.svelte

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