@sprawlify/svelte 0.0.46 → 0.0.48

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

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface SegmentGroupItemTextBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface SegmentGroupItemTextProps extends Assign<HTMLProps<'span'>, SegmentGroupItemTextBaseProps> {}
+</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 }: SegmentGroupItemTextProps = $props()
+  const segmentGroup = useSegmentGroupContext()
+  const itemProps = useSegmentGroupItemPropsContext()
+
+  const mergedProps = $derived(mergeProps(segmentGroup().getItemTextProps(itemProps()), parts.itemText.attrs, props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { ItemProps } from '@sprawlify/primitives/machines/radio-group'
+
+  export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps<'label'>, RefAttribute {}
+  export interface SegmentGroupItemProps extends Assign<HTMLProps<'label'>, SegmentGroupItemBaseProps> {}
+</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 { SegmentGroupItemProvider } from './use-segment-group-item-context'
+  import { SegmentGroupItemPropsProvider } from './use-segment-group-item-props-context'
+  import { createSplitProps } from '../../utils/create-split-props'
+
+  let { ref = $bindable(null), ...props }: SegmentGroupItemProps = $props()
+
+  const [itemProps, localProps] = $derived(createSplitProps<ItemProps>()(props, ['value', 'disabled', 'invalid']))
+
+  const segmentGroup = useSegmentGroupContext()
+
+  const itemState = $derived(segmentGroup().getItemState(itemProps))
+  const mergedProps = $derived(mergeProps(segmentGroup().getItemProps(itemProps), parts.item.attrs, localProps))
+
+  SegmentGroupItemProvider(() => itemState)
+  SegmentGroupItemPropsProvider(() => itemProps)
+</script>
+
+<Sprawlify as="label" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { ItemProps } from '@sprawlify/primitives/machines/radio-group';
+export interface SegmentGroupItemBaseProps extends ItemProps, PolymorphicProps<'label'>, RefAttribute {
+}
+export interface SegmentGroupItemProps extends Assign<HTMLProps<'label'>, SegmentGroupItemBaseProps> {
+}
+declare const SegmentGroupItem: import("svelte").Component<SegmentGroupItemProps, {}, "ref">;
+type SegmentGroupItem = ReturnType<typeof SegmentGroupItem>;
+export default SegmentGroupItem;

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

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface SegmentGroupLabelBaseProps extends PolymorphicProps<'label'>, RefAttribute {}
+  export interface SegmentGroupLabelProps extends Assign<HTMLProps<'label'>, SegmentGroupLabelBaseProps> {}
+</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 }: SegmentGroupLabelProps = $props()
+
+  const segmentGroup = useSegmentGroupContext()
+  const mergedProps = $derived(mergeProps(segmentGroup().getLabelProps(), parts.label.attrs, props))
+</script>
+
+<Sprawlify as="label" bind:ref {...mergedProps} />

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

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

package/dist/components/segment-group/segment-group-root-provider.svelte

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseSegmentGroupReturn } from './use-segment-group.svelte'
+
+  interface RootProviderProps {
+    value: UseSegmentGroupReturn
+  }
+
+  export interface SegmentGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface SegmentGroupRootProviderProps extends Assign<HTMLProps<'div'>, SegmentGroupRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { parts } from './segment-group-anatomy'
+  import { SegmentGroupProvider } from './use-segment-group-context'
+
+  let { ref = $bindable(null), value, ...props }: SegmentGroupRootProviderProps = $props()
+
+  const mergedProps = $derived(mergeProps(value().getRootProps(), parts.root.attrs, props))
+
+  SegmentGroupProvider(value)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/segment-group/segment-group-root-provider.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseSegmentGroupReturn } from './use-segment-group.svelte';
+interface RootProviderProps {
+    value: UseSegmentGroupReturn;
+}
+export interface SegmentGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface SegmentGroupRootProviderProps extends Assign<HTMLProps<'div'>, SegmentGroupRootProviderBaseProps> {
+}
+declare const SegmentGroupRootProvider: import("svelte").Component<SegmentGroupRootProviderProps, {}, "ref">;
+type SegmentGroupRootProvider = ReturnType<typeof SegmentGroupRootProvider>;
+export default SegmentGroupRootProvider;

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

@@ -0,0 +1,43 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+  import type { ValueChangeDetails } from '@sprawlify/primitives/machines/radio-group'
+  import type { UseSegmentGroupProps } from './use-segment-group.svelte'
+
+  export interface SegmentGroupRootEmits {
+    valueChange: ValueChangeDetails
+  }
+
+  export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps<'div'>, RefAttribute {}
+  export interface SegmentGroupRootProps extends Assign<HTMLProps<'div'>, SegmentGroupRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { parts } from './segment-group-anatomy'
+  import { splitSegmentGroupProps } from './split-segment-group-props.svelte'
+  import { useSegmentGroup } from './use-segment-group.svelte'
+  import { SegmentGroupProvider } from './use-segment-group-context'
+
+  let { ref = $bindable(null), value = $bindable(), ...props }: SegmentGroupRootProps = $props()
+  const providedId = $props.id()
+
+  const [segmentGroupProps, localProps] = $derived(splitSegmentGroupProps(props))
+
+  const resolvedProps = $derived<UseSegmentGroupProps>({
+    ...segmentGroupProps,
+    id: segmentGroupProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      segmentGroupProps.onValueChange?.(details)
+      if (value !== undefined) value = details.value
+    },
+  })
+
+  const segmentGroup = useSegmentGroup(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(segmentGroup().getRootProps(), parts.root.attrs, localProps))
+
+  SegmentGroupProvider(segmentGroup)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,13 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+import type { ValueChangeDetails } from '@sprawlify/primitives/machines/radio-group';
+import type { UseSegmentGroupProps } from './use-segment-group.svelte';
+export interface SegmentGroupRootEmits {
+    valueChange: ValueChangeDetails;
+}
+export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps, PolymorphicProps<'div'>, RefAttribute {
+}
+export interface SegmentGroupRootProps extends Assign<HTMLProps<'div'>, SegmentGroupRootBaseProps> {
+}
+declare const SegmentGroupRoot: import("svelte").Component<SegmentGroupRootProps, {}, "value" | "ref">;
+type SegmentGroupRoot = ReturnType<typeof SegmentGroupRoot>;
+export default SegmentGroupRoot;

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

@@ -0,0 +1,11 @@
+export type { ValueChangeDetails } from '@sprawlify/primitives/machines/radio-group';
+export { default as Context, type SegmentGroupContextProps as ContextProps } from './segment-group-context.svelte';
+export { default as Indicator, type SegmentGroupIndicatorProps as IndicatorProps, type SegmentGroupIndicatorBaseProps as IndicatorBaseProps, } from './segment-group-indicator.svelte';
+export { default as ItemContext, type SegmentGroupItemContextProps as ItemContextProps, } from './segment-group-item-context.svelte';
+export { default as ItemControl, type SegmentGroupItemControlProps as ItemControlProps, type SegmentGroupItemControlBaseProps as ItemControlBaseProps, } from './segment-group-item-control.svelte';
+export { default as ItemHiddenInput, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, type SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, } from './segment-group-item-hidden-input.svelte';
+export { default as ItemText, type SegmentGroupItemTextProps as ItemTextProps, type SegmentGroupItemTextBaseProps as ItemTextBaseProps, } from './segment-group-item-text.svelte';
+export { default as Item, type SegmentGroupItemProps as ItemProps, type SegmentGroupItemBaseProps as ItemBaseProps, } from './segment-group-item.svelte';
+export { default as Label, type SegmentGroupLabelProps as LabelProps, type SegmentGroupLabelBaseProps as LabelBaseProps, } from './segment-group-label.svelte';
+export { default as RootProvider, type SegmentGroupRootProviderProps as RootProviderProps, type SegmentGroupRootProviderBaseProps as RootProviderBaseProps, } from './segment-group-root-provider.svelte';
+export { default as Root, type SegmentGroupRootEmits as RootEmits, type SegmentGroupRootBaseProps as RootBaseProps, type SegmentGroupRootProps as RootProps, } from './segment-group-root.svelte';

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

@@ -0,0 +1,10 @@
+export { default as Context } from './segment-group-context.svelte';
+export { default as Indicator, } from './segment-group-indicator.svelte';
+export { default as ItemContext, } from './segment-group-item-context.svelte';
+export { default as ItemControl, } from './segment-group-item-control.svelte';
+export { default as ItemHiddenInput, } from './segment-group-item-hidden-input.svelte';
+export { default as ItemText, } from './segment-group-item-text.svelte';
+export { default as Item, } from './segment-group-item.svelte';
+export { default as Label, } from './segment-group-label.svelte';
+export { default as RootProvider, } from './segment-group-root-provider.svelte';
+export { default as Root, } from './segment-group-root.svelte';

package/dist/components/segment-group/split-segment-group-props.svelte.d.ts

@@ -0,0 +1,2 @@
+import type { UseSegmentGroupProps } from './use-segment-group.svelte';
+export declare const splitSegmentGroupProps: <T extends UseSegmentGroupProps>(props: T) => [UseSegmentGroupProps, Omit<T, "value" | "defaultValue" | "disabled" | "id" | "ids" | "form" | "name" | "onValueChange" | "orientation" | "readOnly" | "invalid" | "required">];

package/dist/components/segment-group/split-segment-group-props.svelte.js

@@ -0,0 +1,16 @@
+import { createSplitProps } from '../../utils/create-split-props';
+const splitFn = createSplitProps();
+export const splitSegmentGroupProps = (props) => splitFn(props, [
+    'defaultValue',
+    'disabled',
+    'form',
+    'id',
+    'ids',
+    'invalid',
+    'name',
+    'onValueChange',
+    'orientation',
+    'readOnly',
+    'required',
+    'value',
+]);

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

@@ -0,0 +1,4 @@
+import type { UseSegmentGroupReturn } from './use-segment-group.svelte';
+export interface UseSegmentGroupContext extends UseSegmentGroupReturn {
+}
+export declare const SegmentGroupProvider: (opts: UseSegmentGroupContext) => void, useSegmentGroupContext: (fallback?: UseSegmentGroupContext | undefined) => UseSegmentGroupContext;

package/dist/components/segment-group/use-segment-group-context.js

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

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

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

package/dist/components/segment-group/use-segment-group-item-context.js

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

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

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

package/dist/components/segment-group/use-segment-group-item-props-context.js

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

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

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

package/dist/components/segment-group/use-segment-group.svelte.js

@@ -0,0 +1,19 @@
+import * as segmentGroup from '@sprawlify/primitives/machines/radio-group';
+import { normalizeProps, useMachine } from '../../core';
+import { runIfFn } from '@sprawlify/primitives/utils';
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
+export const useSegmentGroup = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const resolvedProps = $derived.by(() => {
+        const localProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...localProps,
+        };
+    });
+    const service = useMachine(segmentGroup.machine, () => resolvedProps);
+    const api = $derived(segmentGroup.connect(service, normalizeProps));
+    return () => api;
+};

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

@@ -0,0 +1,32 @@
+export type { CheckedChangeDetails as TreeViewCheckedChangeDetails, ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenErrorDetails as TreeViewLoadChildrenErrorDetails, NodeProps as TreeViewNodeProps, NodeState as TreeViewNodeState, RenameCompleteDetails as TreeViewRenameCompleteDetails, RenameStartDetails as TreeViewRenameStartDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@sprawlify/primitives/machines/tree-view';
+export { createFileTreeCollection, createTreeCollection, type TreeCollection, type TreeNode } from '../collection';
+export { default as TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps, } from './tree-view-branch.svelte';
+export { default as TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content.svelte';
+export { default as TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control.svelte';
+export { default as TreeViewBranchIndentGuide, type TreeViewBranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps, } from './tree-view-branch-indent-guide.svelte';
+export { default as TreeViewBranchIndicator, type TreeViewBranchIndicatorBaseProps, type TreeViewBranchIndicatorProps, } from './tree-view-branch-indicator.svelte';
+export { default as TreeViewBranchText, type TreeViewBranchTextBaseProps, type TreeViewBranchTextProps, } from './tree-view-branch-text.svelte';
+export { default as TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeViewBranchTriggerProps, } from './tree-view-branch-trigger.svelte';
+export { default as TreeViewContext, type TreeViewContextProps } from './tree-view-context.svelte';
+export { default as TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item.svelte';
+export { default as TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, } from './tree-view-item-indicator.svelte';
+export { default as TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text.svelte';
+export { default as TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps, } from './tree-view-label.svelte';
+export { default as TreeViewNodeContext, type TreeViewNodeContextProps } from './tree-view-node-context.svelte';
+export { default as TreeViewNodeCheckbox, type TreeViewNodeCheckboxBaseProps, type TreeViewNodeCheckboxProps, } from './tree-view-node-checkbox.svelte';
+export { default as TreeViewNodeCheckboxIndicator, type TreeViewNodeCheckboxIndicatorBaseProps, type TreeViewNodeCheckboxIndicatorProps, } from './tree-view-node-checkbox-indicator.svelte';
+export { default as TreeViewNodeRenameInput, type TreeViewNodeRenameInputBaseProps, type TreeViewNodeRenameInputProps, } from './tree-view-node-rename-input.svelte';
+export { default as TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.svelte';
+export { default as TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootComponent, type TreeViewRootComponentProps, type TreeViewRootProps, } from './tree-view-root.svelte';
+export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderComponent, type TreeViewRootProviderProps, } from './tree-view-root-provider.svelte';
+export { default as TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps } from './tree-view-tree.svelte';
+export { treeViewAnatomy } from './tree-view-anatomy';
+export { useTreeViewContext } from './use-tree-view-context';
+export type { UseTreeViewContext } from './use-tree-view-context';
+export { useTreeViewNodeContext } from './use-tree-view-node-context';
+export type { UseTreeViewNodeContext } from './use-tree-view-node-context';
+export { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';
+export type { UseTreeViewNodePropsContext } from './use-tree-view-node-props-context';
+export { useTreeView } from './use-tree-view.svelte';
+export type { UseTreeViewProps, UseTreeViewReturn } from './use-tree-view.svelte';
+export * as TreeView from './tree-view';

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

@@ -0,0 +1,27 @@
+export { createFileTreeCollection, createTreeCollection } from '../collection';
+export { default as TreeViewBranch, } from './tree-view-branch.svelte';
+export { default as TreeViewBranchContent, } from './tree-view-branch-content.svelte';
+export { default as TreeViewBranchControl, } from './tree-view-branch-control.svelte';
+export { default as TreeViewBranchIndentGuide, } from './tree-view-branch-indent-guide.svelte';
+export { default as TreeViewBranchIndicator, } from './tree-view-branch-indicator.svelte';
+export { default as TreeViewBranchText, } from './tree-view-branch-text.svelte';
+export { default as TreeViewBranchTrigger, } from './tree-view-branch-trigger.svelte';
+export { default as TreeViewContext } from './tree-view-context.svelte';
+export { default as TreeViewItem } from './tree-view-item.svelte';
+export { default as TreeViewItemIndicator, } from './tree-view-item-indicator.svelte';
+export { default as TreeViewItemText, } from './tree-view-item-text.svelte';
+export { default as TreeViewLabel, } from './tree-view-label.svelte';
+export { default as TreeViewNodeContext } from './tree-view-node-context.svelte';
+export { default as TreeViewNodeCheckbox, } from './tree-view-node-checkbox.svelte';
+export { default as TreeViewNodeCheckboxIndicator, } from './tree-view-node-checkbox-indicator.svelte';
+export { default as TreeViewNodeRenameInput, } from './tree-view-node-rename-input.svelte';
+export { default as TreeViewNodeProvider, } from './tree-view-node-provider.svelte';
+export { default as TreeViewRoot, } from './tree-view-root.svelte';
+export { default as TreeViewRootProvider, } from './tree-view-root-provider.svelte';
+export { default as TreeViewTree } from './tree-view-tree.svelte';
+export { treeViewAnatomy } from './tree-view-anatomy';
+export { useTreeViewContext } from './use-tree-view-context';
+export { useTreeViewNodeContext } from './use-tree-view-node-context';
+export { useTreeViewNodePropsContext } from './use-tree-view-node-props-context';
+export { useTreeView } from './use-tree-view.svelte';
+export * as TreeView from './tree-view';

package/dist/components/tree-view/tree-view-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as treeViewAnatomy } from '@sprawlify/primitives/machines/tree-view';

package/dist/components/tree-view/tree-view-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as treeViewAnatomy } from '@sprawlify/primitives/machines/tree-view';

package/dist/components/tree-view/tree-view-branch-content.svelte

@@ -0,0 +1,35 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewBranchContentBaseProps extends PolymorphicProps<'ul'>, RefAttribute {
+    ref?: Element | null
+  }
+  export interface TreeViewBranchContentProps extends Assign<HTMLProps<'ul'>, TreeViewBranchContentBaseProps> {}
+
+  interface VisibilityProps {
+    hidden?: boolean
+    'data-state'?: string
+  }
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { mergeProps } from '../../core'
+  import { Collapsible } from '../collapsible'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  let { ref = $bindable(null), ...props }: TreeViewBranchContentProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+
+  const contentProps = $derived(treeView().getBranchContentProps(nodeProps()))
+
+  const splitVisibilityProps = $derived(createSplitProps<VisibilityProps>())
+  const [, branchContentProps] = $derived(splitVisibilityProps(contentProps as any, ['hidden', 'data-state']))
+
+  const mergedProps = $derived(mergeProps(branchContentProps, props))
+</script>
+
+<Collapsible.Content bind:ref {...mergedProps} />

package/dist/components/tree-view/tree-view-branch-content.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types';
+export interface TreeViewBranchContentBaseProps extends PolymorphicProps<'ul'>, RefAttribute {
+    ref?: Element | null;
+}
+export interface TreeViewBranchContentProps extends Assign<HTMLProps<'ul'>, TreeViewBranchContentBaseProps> {
+}
+declare const TreeViewBranchContent: import("svelte").Component<TreeViewBranchContentProps, {}, "ref">;
+type TreeViewBranchContent = ReturnType<typeof TreeViewBranchContent>;
+export default TreeViewBranchContent;

package/dist/components/tree-view/tree-view-branch-control.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewBranchControlBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface TreeViewBranchControlProps extends Assign<HTMLProps<'div'>, TreeViewBranchControlBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  let { ref = $bindable(null), ...props }: TreeViewBranchControlProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+  const mergedProps = $derived(mergeProps(treeView().getBranchControlProps(nodeProps()), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/tree-view/tree-view-branch-control.svelte.d.ts

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

package/dist/components/tree-view/tree-view-branch-indent-guide.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewBranchIndentGuideBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface TreeViewBranchIndentGuideProps
+    extends Assign<HTMLProps<'div'>, TreeViewBranchIndentGuideBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  let { ref = $bindable(null), ...props }: TreeViewBranchIndentGuideProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+
+  const mergedProps = $derived(mergeProps(treeView().getBranchIndentGuideProps(nodeProps()), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/tree-view/tree-view-branch-indent-guide.svelte.d.ts

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

package/dist/components/tree-view/tree-view-branch-indicator.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewBranchIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface TreeViewBranchIndicatorProps extends Assign<HTMLProps<'div'>, TreeViewBranchIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  let { ref = $bindable(null), ...props }: TreeViewBranchIndicatorProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+  const mergedProps = $derived(mergeProps(treeView().getBranchIndicatorProps(nodeProps()), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

package/dist/components/tree-view/tree-view-branch-indicator.svelte.d.ts

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

package/dist/components/tree-view/tree-view-branch-text.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewBranchTextBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface TreeViewBranchTextProps extends Assign<HTMLProps<'span'>, TreeViewBranchTextBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  let { ref = $bindable(null), ...props }: TreeViewBranchTextProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+  const mergedProps = $derived(mergeProps(treeView().getBranchTextProps(nodeProps()), props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

package/dist/components/tree-view/tree-view-branch-text.svelte.d.ts

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

package/dist/components/tree-view/tree-view-branch-trigger.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewBranchTriggerBaseProps extends PolymorphicProps<'button'>, RefAttribute {}
+  export interface TreeViewBranchTriggerProps extends Assign<HTMLProps<'button'>, TreeViewBranchTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  let { ref = $bindable(null), ...props }: TreeViewBranchTriggerProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+
+  const mergedProps = $derived(mergeProps(treeView().getBranchTriggerProps(nodeProps()), props))
+</script>
+
+<Sprawlify as="button" bind:ref {...mergedProps} />

package/dist/components/tree-view/tree-view-branch-trigger.svelte.d.ts

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