@sprawlify/svelte 0.0.46 → 0.0.48

package/dist/components/scroll-area/index.d.ts

@@ -0,0 +1,13 @@
+export type { ElementIds as ScrollAreaElementIds, ScrollToEdge as ScrollAreaScrollToEdge, ScrollbarState as ScrollAreaScrollbarState, ScrollToDetails as ScrollAreaScrollToDetails, ScrollToEdgeDetails as ScrollAreaScrollToEdgeDetails, } from '@sprawlify/primitives/machines/scroll-area';
+export { default as ScrollAreaContent, type ScrollAreaContentBaseProps, type ScrollAreaContentProps, } from './scroll-area-content.svelte';
+export { default as ScrollAreaContext, type ScrollAreaContextProps } from './scroll-area-context.svelte';
+export { default as ScrollAreaCorner, type ScrollAreaCornerBaseProps, type ScrollAreaCornerProps, } from './scroll-area-corner.svelte';
+export { default as ScrollAreaRoot, type ScrollAreaRootBaseProps, type ScrollAreaRootProps, } from './scroll-area-root.svelte';
+export { default as ScrollAreaRootProvider, type ScrollAreaRootProviderBaseProps, type ScrollAreaRootProviderProps, } from './scroll-area-root-provider.svelte';
+export { default as ScrollAreaScrollbar, type ScrollAreaScrollbarBaseProps, type ScrollAreaScrollbarProps, } from './scroll-area-scrollbar.svelte';
+export { default as ScrollAreaThumb, type ScrollAreaThumbBaseProps, type ScrollAreaThumbProps, } from './scroll-area-thumb.svelte';
+export { default as ScrollAreaViewport, type ScrollAreaViewportBaseProps, type ScrollAreaViewportProps, } from './scroll-area-viewport.svelte';
+export { scrollAreaAnatomy } from './scroll-area-anatomy.js';
+export { useScrollArea, type UseScrollAreaProps, type UseScrollAreaReturn } from './use-scroll-area.svelte';
+export { useScrollAreaContext, type UseScrollAreaContext } from './use-scroll-area-context';
+export * as ScrollArea from './scroll-area.js';

package/dist/components/scroll-area/index.js

@@ -0,0 +1,12 @@
+export { default as ScrollAreaContent, } from './scroll-area-content.svelte';
+export { default as ScrollAreaContext } from './scroll-area-context.svelte';
+export { default as ScrollAreaCorner, } from './scroll-area-corner.svelte';
+export { default as ScrollAreaRoot, } from './scroll-area-root.svelte';
+export { default as ScrollAreaRootProvider, } from './scroll-area-root-provider.svelte';
+export { default as ScrollAreaScrollbar, } from './scroll-area-scrollbar.svelte';
+export { default as ScrollAreaThumb, } from './scroll-area-thumb.svelte';
+export { default as ScrollAreaViewport, } from './scroll-area-viewport.svelte';
+export { scrollAreaAnatomy } from './scroll-area-anatomy.js';
+export { useScrollArea } from './use-scroll-area.svelte';
+export { useScrollAreaContext } from './use-scroll-area-context';
+export * as ScrollArea from './scroll-area.js';

package/dist/components/scroll-area/scroll-area-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as scrollAreaAnatomy } from '@sprawlify/primitives/machines/scroll-area';

package/dist/components/scroll-area/scroll-area-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as scrollAreaAnatomy } from '@sprawlify/primitives/machines/scroll-area';

package/dist/components/scroll-area/scroll-area-content.svelte

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

package/dist/components/scroll-area/scroll-area-content.svelte.d.ts

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

package/dist/components/scroll-area/scroll-area-context.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseScrollAreaContext } from './use-scroll-area-context'
+
+  export interface ScrollAreaContextProps {
+    render: Snippet<[UseScrollAreaContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useScrollAreaContext } from './use-scroll-area-context'
+
+  let { render }: ScrollAreaContextProps = $props()
+
+  const context = useScrollAreaContext()
+</script>
+
+{@render render(context)}

package/dist/components/scroll-area/scroll-area-context.svelte.d.ts

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

package/dist/components/scroll-area/scroll-area-corner.svelte

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

package/dist/components/scroll-area/scroll-area-corner.svelte.d.ts

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

package/dist/components/scroll-area/scroll-area-root-provider.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseScrollAreaContext } from './use-scroll-area-context'
+
+  export interface ScrollAreaRootProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseScrollAreaContext
+  }
+  export interface ScrollAreaRootProviderProps extends Assign<HTMLProps<'div'>, ScrollAreaRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { Sprawlify } from '../factory'
+  import { ScrollAreaProvider } from './use-scroll-area-context'
+
+  let { value, ref = $bindable(null), ...props }: ScrollAreaRootProviderProps = $props()
+
+  ScrollAreaProvider(value)
+</script>
+
+<Sprawlify as="div" bind:ref {...props} />

package/dist/components/scroll-area/scroll-area-root-provider.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseScrollAreaContext } from './use-scroll-area-context';
+export interface ScrollAreaRootProviderBaseProps extends PolymorphicProps<'div'>, RefAttribute {
+    value: UseScrollAreaContext;
+}
+export interface ScrollAreaRootProviderProps extends Assign<HTMLProps<'div'>, ScrollAreaRootProviderBaseProps> {
+}
+declare const ScrollAreaRootProvider: import("svelte").Component<ScrollAreaRootProviderProps, {}, "ref">;
+type ScrollAreaRootProvider = ReturnType<typeof ScrollAreaRootProvider>;
+export default ScrollAreaRootProvider;

package/dist/components/scroll-area/scroll-area-root.svelte

@@ -0,0 +1,32 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseScrollAreaProps } from './use-scroll-area.svelte'
+
+  export interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface ScrollAreaRootProps extends Assign<HTMLProps<'div'>, ScrollAreaRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { ScrollAreaProvider } from './use-scroll-area-context'
+  import { useScrollArea } from './use-scroll-area.svelte'
+
+  let { ref = $bindable(null), ...props }: ScrollAreaRootProps = $props()
+  const providedId = $props.id()
+
+  const [scrollAreaProps, localProps] = $derived(createSplitProps<UseScrollAreaProps>()(props, ['id', 'ids']))
+
+  const resolvedProps = $derived<UseScrollAreaProps>({
+    ...scrollAreaProps,
+    id: scrollAreaProps.id ?? providedId,
+  })
+
+  const scrollArea = useScrollArea(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(scrollArea().getRootProps(), localProps))
+
+  ScrollAreaProvider(scrollArea)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseScrollAreaProps } from './use-scroll-area.svelte';
+export interface ScrollAreaRootBaseProps extends UseScrollAreaProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ScrollAreaRootProps extends Assign<HTMLProps<'div'>, ScrollAreaRootBaseProps> {
+}
+declare const ScrollAreaRoot: import("svelte").Component<ScrollAreaRootProps, {}, "ref">;
+type ScrollAreaRoot = ReturnType<typeof ScrollAreaRoot>;
+export default ScrollAreaRoot;

package/dist/components/scroll-area/scroll-area-scrollbar.svelte

@@ -0,0 +1,30 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { Orientation } from '@sprawlify/primitives/types'
+
+  interface ScrollbarProps {
+    orientation?: Orientation
+  }
+
+  export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface ScrollAreaScrollbarProps extends Assign<HTMLProps<'div'>, ScrollAreaScrollbarBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { useScrollAreaContext } from './use-scroll-area-context'
+  import { ScrollAreaScrollbarProvider } from './use-scroll-area-scrollbar-context'
+
+  let { ref = $bindable(null), ...props }: ScrollAreaScrollbarProps = $props()
+
+  const [scrollbarProps, localProps] = $derived(createSplitProps<ScrollbarProps>()(props, ['orientation']))
+
+  const scrollAreaApi = useScrollAreaContext()
+  const mergedProps = $derived(mergeProps(scrollAreaApi().getScrollbarProps(scrollbarProps), localProps))
+
+  ScrollAreaScrollbarProvider(() => scrollbarProps)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-scrollbar.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { Orientation } from '@sprawlify/primitives/types';
+interface ScrollbarProps {
+    orientation?: Orientation;
+}
+export interface ScrollAreaScrollbarBaseProps extends ScrollbarProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface ScrollAreaScrollbarProps extends Assign<HTMLProps<'div'>, ScrollAreaScrollbarBaseProps> {
+}
+declare const ScrollAreaScrollbar: import("svelte").Component<ScrollAreaScrollbarProps, {}, "ref">;
+type ScrollAreaScrollbar = ReturnType<typeof ScrollAreaScrollbar>;
+export default ScrollAreaScrollbar;

package/dist/components/scroll-area/scroll-area-thumb.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface ScrollAreaThumbBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface ScrollAreaThumbProps extends Assign<HTMLProps<'div'>, ScrollAreaThumbBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useScrollAreaContext } from './use-scroll-area-context'
+  import { useScrollAreaScrollbarContext } from './use-scroll-area-scrollbar-context'
+
+  let { ref = $bindable(null), ...props }: ScrollAreaThumbProps = $props()
+
+  const scrollAreaApi = useScrollAreaContext()
+  const scrollbarProps = useScrollAreaScrollbarContext()
+
+  const mergedProps = $derived(mergeProps(scrollAreaApi().getThumbProps(scrollbarProps()), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/scroll-area/scroll-area-thumb.svelte.d.ts

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

package/dist/components/scroll-area/scroll-area-viewport.svelte

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

package/dist/components/scroll-area/scroll-area-viewport.svelte.d.ts

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

package/dist/components/scroll-area/scroll-area.d.ts

@@ -0,0 +1,8 @@
+export { default as Content, type ScrollAreaContentBaseProps as ContentBaseProps, type ScrollAreaContentProps as ContentProps, } from './scroll-area-content.svelte';
+export { default as Context, type ScrollAreaContextProps as ContextProps } from './scroll-area-context.svelte';
+export { default as Corner, type ScrollAreaCornerBaseProps as CornerBaseProps, type ScrollAreaCornerProps as CornerProps, } from './scroll-area-corner.svelte';
+export { default as Root, type ScrollAreaRootBaseProps as RootBaseProps, type ScrollAreaRootProps as RootProps, } from './scroll-area-root.svelte';
+export { default as RootProvider, type ScrollAreaRootProviderBaseProps as RootProviderBaseProps, type ScrollAreaRootProviderProps as RootProviderProps, } from './scroll-area-root-provider.svelte';
+export { default as Scrollbar, type ScrollAreaScrollbarBaseProps as ScrollbarBaseProps, type ScrollAreaScrollbarProps as ScrollbarProps, } from './scroll-area-scrollbar.svelte';
+export { default as Thumb, type ScrollAreaThumbBaseProps as ThumbBaseProps, type ScrollAreaThumbProps as ThumbProps, } from './scroll-area-thumb.svelte';
+export { default as Viewport, type ScrollAreaViewportBaseProps as ViewportBaseProps, type ScrollAreaViewportProps as ViewportProps, } from './scroll-area-viewport.svelte';

package/dist/components/scroll-area/scroll-area.js

@@ -0,0 +1,8 @@
+export { default as Content, } from './scroll-area-content.svelte';
+export { default as Context } from './scroll-area-context.svelte';
+export { default as Corner, } from './scroll-area-corner.svelte';
+export { default as Root, } from './scroll-area-root.svelte';
+export { default as RootProvider, } from './scroll-area-root-provider.svelte';
+export { default as Scrollbar, } from './scroll-area-scrollbar.svelte';
+export { default as Thumb, } from './scroll-area-thumb.svelte';
+export { default as Viewport, } from './scroll-area-viewport.svelte';

package/dist/components/scroll-area/use-scroll-area-context.d.ts

@@ -0,0 +1,6 @@
+import type { Accessor } from '../../types';
+import type * as scrollArea from '@sprawlify/primitives/machines/scroll-area';
+import type { PropTypes } from '../../core';
+export interface UseScrollAreaContext extends Accessor<scrollArea.Api<PropTypes>> {
+}
+export declare const ScrollAreaProvider: (opts: UseScrollAreaContext) => void, useScrollAreaContext: (fallback?: UseScrollAreaContext | undefined) => UseScrollAreaContext;

package/dist/components/scroll-area/use-scroll-area-context.js

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

package/dist/components/scroll-area/use-scroll-area-scrollbar-context.d.ts

@@ -0,0 +1,3 @@
+import type { Accessor } from '../../types';
+import type { ScrollbarProps } from '@sprawlify/primitives/machines/scroll-area';
+export declare const ScrollAreaScrollbarProvider: (opts: Accessor<ScrollbarProps>) => void, useScrollAreaScrollbarContext: (fallback?: Accessor<ScrollbarProps> | undefined) => Accessor<ScrollbarProps>;

package/dist/components/scroll-area/use-scroll-area-scrollbar-context.js

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

package/dist/components/scroll-area/use-scroll-area.svelte.d.ts

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

package/dist/components/scroll-area/use-scroll-area.svelte.js

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

package/dist/components/segment-group/index.d.ts

@@ -0,0 +1,16 @@
+export type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@sprawlify/primitives/machines/radio-group';
+export { default as SegmentGroupContext, type SegmentGroupContextProps } from './segment-group-context.svelte';
+export { default as SegmentGroupIndicator, type SegmentGroupIndicatorBaseProps, type SegmentGroupIndicatorProps, } from './segment-group-indicator.svelte';
+export { default as SegmentGroupItemContext, type SegmentGroupItemContextProps, } from './segment-group-item-context.svelte';
+export { default as SegmentGroupItemControl, type SegmentGroupItemControlBaseProps, type SegmentGroupItemControlProps, } from './segment-group-item-control.svelte';
+export { default as SegmentGroupItemHiddenInput, type SegmentGroupItemHiddenInputBaseProps, type SegmentGroupItemHiddenInputProps, } from './segment-group-item-hidden-input.svelte';
+export { default as SegmentGroupItemText, type SegmentGroupItemTextBaseProps, type SegmentGroupItemTextProps, } from './segment-group-item-text.svelte';
+export { default as SegmentGroupItem, type SegmentGroupItemBaseProps, type SegmentGroupItemProps, } from './segment-group-item.svelte';
+export { default as SegmentGroupLabel, type SegmentGroupLabelBaseProps, type SegmentGroupLabelProps, } from './segment-group-label.svelte';
+export { default as SegmentGroupRootProvider, type SegmentGroupRootProviderBaseProps, type SegmentGroupRootProviderProps, } from './segment-group-root-provider.svelte';
+export { default as SegmentGroupRoot, type SegmentGroupRootBaseProps, type SegmentGroupRootProps, } from './segment-group-root.svelte';
+export { segmentGroupAnatomy } from './segment-group-anatomy';
+export { useSegmentGroup, type UseSegmentGroupProps, type UseSegmentGroupReturn } from './use-segment-group.svelte';
+export { useSegmentGroupContext, type UseSegmentGroupContext } from './use-segment-group-context';
+export { useSegmentGroupItemContext, type UseSegmentGroupItemContext } from './use-segment-group-item-context';
+export * as SegmentGroup from './segment-group';

package/dist/components/segment-group/index.js

@@ -0,0 +1,15 @@
+export { default as SegmentGroupContext } from './segment-group-context.svelte';
+export { default as SegmentGroupIndicator, } from './segment-group-indicator.svelte';
+export { default as SegmentGroupItemContext, } from './segment-group-item-context.svelte';
+export { default as SegmentGroupItemControl, } from './segment-group-item-control.svelte';
+export { default as SegmentGroupItemHiddenInput, } from './segment-group-item-hidden-input.svelte';
+export { default as SegmentGroupItemText, } from './segment-group-item-text.svelte';
+export { default as SegmentGroupItem, } from './segment-group-item.svelte';
+export { default as SegmentGroupLabel, } from './segment-group-label.svelte';
+export { default as SegmentGroupRootProvider, } from './segment-group-root-provider.svelte';
+export { default as SegmentGroupRoot, } from './segment-group-root.svelte';
+export { segmentGroupAnatomy } from './segment-group-anatomy';
+export { useSegmentGroup } from './use-segment-group.svelte';
+export { useSegmentGroupContext } from './use-segment-group-context';
+export { useSegmentGroupItemContext } from './use-segment-group-item-context';
+export * as SegmentGroup from './segment-group';

package/dist/components/segment-group/segment-group-anatomy.d.ts

@@ -0,0 +1,2 @@
+export declare const segmentGroupAnatomy: import("@sprawlify/primitives/anatomy").Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", import("@sprawlify/primitives/anatomy").AnatomyPart>;

package/dist/components/segment-group/segment-group-anatomy.js

@@ -0,0 +1,3 @@
+import { anatomy } from '@sprawlify/primitives/machines/radio-group';
+export const segmentGroupAnatomy = anatomy.rename('segment-group');
+export const parts = segmentGroupAnatomy.build();

package/dist/components/segment-group/segment-group-context.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseSegmentGroupContext } from './use-segment-group-context'
+
+  export interface SegmentGroupContextProps {
+    render: Snippet<[UseSegmentGroupContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useSegmentGroupContext } from './use-segment-group-context'
+
+  let { render }: SegmentGroupContextProps = $props()
+
+  const context = useSegmentGroupContext()
+</script>
+
+{@render render(context)}

package/dist/components/segment-group/segment-group-context.svelte.d.ts

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

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

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface SegmentGroupIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface SegmentGroupIndicatorProps extends Assign<HTMLProps<'div'>, SegmentGroupIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { parts } from './segment-group-anatomy'
+  import { useSegmentGroupContext } from './use-segment-group-context'
+
+  let { ref = $bindable(null), ...props }: SegmentGroupIndicatorProps = $props()
+
+  const segmentGroup = useSegmentGroupContext()
+  const mergedProps = $derived(mergeProps(segmentGroup().getIndicatorProps(), parts.indicator.attrs, props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

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

package/dist/components/segment-group/segment-group-item-context.svelte

@@ -0,0 +1,18 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseSegmentGroupItemContext } from './use-segment-group-item-context'
+
+  export interface SegmentGroupItemContextProps {
+    render: Snippet<[UseSegmentGroupItemContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useSegmentGroupItemContext } from './use-segment-group-item-context'
+
+  let { render }: SegmentGroupItemContextProps = $props()
+
+  const context = useSegmentGroupItemContext()
+</script>
+
+{@render render(context)}

package/dist/components/segment-group/segment-group-item-context.svelte.d.ts

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

package/dist/components/segment-group/segment-group-item-control.svelte

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface SegmentGroupItemControlBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface SegmentGroupItemControlProps extends Assign<HTMLProps<'div'>, SegmentGroupItemControlBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { parts } from './segment-group-anatomy'
+  import { useSegmentGroupContext } from './use-segment-group-context'
+  import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context'
+
+  let { ref = $bindable(null), ...props }: SegmentGroupItemControlProps = $props()
+
+  const segmentGroup = useSegmentGroupContext()
+  const itemProps = useSegmentGroupItemPropsContext()
+
+  const mergedProps = $derived(
+    mergeProps(segmentGroup().getItemControlProps(itemProps()), parts.itemControl.attrs, props),
+  )
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/segment-group/segment-group-item-control.svelte.d.ts

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

package/dist/components/segment-group/segment-group-item-hidden-input.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface SegmentGroupItemHiddenInputBaseProps extends PolymorphicProps<'input'>, RefAttribute {}
+  export interface SegmentGroupItemHiddenInputProps
+    extends Assign<HTMLProps<'input'>, SegmentGroupItemHiddenInputBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useSegmentGroupContext } from './use-segment-group-context'
+  import { useSegmentGroupItemPropsContext } from './use-segment-group-item-props-context'
+
+  let { ref = $bindable(null), ...props }: SegmentGroupItemHiddenInputProps = $props()
+  const segmentGroup = useSegmentGroupContext()
+  const itemProps = useSegmentGroupItemPropsContext()
+
+  const mergedProps = $derived(mergeProps(segmentGroup().getItemHiddenInputProps(itemProps()), props))
+</script>
+
+<Sprawlify as="input" bind:ref {...mergedProps} />

package/dist/components/segment-group/segment-group-item-hidden-input.svelte.d.ts

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