@sprawlify/svelte 0.0.46 → 0.0.47

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewBranchBaseProps extends PolymorphicProps<'li'>, RefAttribute {}
+  export interface TreeViewBranchProps extends Assign<HTMLProps<'li'>, TreeViewBranchBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { useRenderStrategyPropsContext } from '../../utils/render-strategy'
+  import { mergeProps } from '../../core'
+  import { Collapsible } from '../collapsible'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodeContext } from './use-tree-view-node-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  let { ref = $bindable(null), ...props }: TreeViewBranchProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+  const nodeState = useTreeViewNodeContext()
+
+  const renderStrategyProps = useRenderStrategyPropsContext()
+  const mergedProps = $derived(mergeProps(treeView().getBranchProps(nodeProps()), props))
+  const branchContentProps = $derived(treeView().getBranchContentProps(nodeProps()))
+</script>
+
+<Collapsible.Root
+  bind:ref
+  open={nodeState().expanded}
+  ids={{ content: branchContentProps.id! }}
+  {...renderStrategyProps}
+  {...mergedProps}
+/>

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

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

package/dist/components/tree-view/tree-view-context.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { TreeNode } from '../collection'
+  import type { UseTreeViewContext } from './use-tree-view-context'
+
+  export interface TreeViewContextProps {
+    render: Snippet<[UseTreeViewContext<TreeNode>]>
+  }
+</script>
+
+<script lang="ts">
+  import { useTreeViewContext } from './use-tree-view-context'
+
+  const { render }: TreeViewContextProps = $props()
+
+  const treeView = useTreeViewContext()
+</script>
+
+{@render render(treeView)}

package/dist/components/tree-view/tree-view-context.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { TreeNode } from '../collection';
+import type { UseTreeViewContext } from './use-tree-view-context';
+export interface TreeViewContextProps {
+    render: Snippet<[UseTreeViewContext<TreeNode>]>;
+}
+declare const TreeViewContext: import("svelte").Component<TreeViewContextProps, {}, "">;
+type TreeViewContext = ReturnType<typeof TreeViewContext>;
+export default TreeViewContext;

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

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewItemIndicatorBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface TreeViewItemIndicatorProps extends Assign<HTMLProps<'div'>, TreeViewItemIndicatorBaseProps> {}
+</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 }: TreeViewItemIndicatorProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+
+  const mergedProps = $derived(mergeProps(treeView().getItemIndicatorProps(nodeProps()), props))
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewItemTextBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface TreeViewItemTextProps extends Assign<HTMLProps<'span'>, TreeViewItemTextBaseProps> {}
+</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 }: TreeViewItemTextProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+
+  const mergedProps = $derived(mergeProps(treeView().getItemTextProps(nodeProps()), props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

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

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

package/dist/components/tree-view/tree-view-item.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewItemBaseProps extends PolymorphicProps<'li'>, RefAttribute {}
+  export interface TreeViewItemProps extends Assign<HTMLProps<'li'>, TreeViewItemBaseProps> {}
+</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 }: TreeViewItemProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+  const mergedProps = $derived(mergeProps(treeView().getItemProps(nodeProps()), props))
+</script>
+
+<Sprawlify as="li" bind:ref {...mergedProps} />

package/dist/components/tree-view/tree-view-item.svelte.d.ts

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

package/dist/components/tree-view/tree-view-label.svelte

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

package/dist/components/tree-view/tree-view-label.svelte.d.ts

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

package/dist/components/tree-view/tree-view-node-checkbox-indicator.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+
+  export interface TreeViewNodeCheckboxIndicatorBaseProps {
+    children?: Snippet
+    indeterminate?: Snippet
+    fallback?: Snippet
+  }
+  export interface TreeViewNodeCheckboxIndicatorProps extends TreeViewNodeCheckboxIndicatorBaseProps {}
+</script>
+
+<script lang="ts">
+  import { useTreeViewNodeContext } from './use-tree-view-node-context'
+
+  const { children, indeterminate, fallback }: TreeViewNodeCheckboxIndicatorProps = $props()
+
+  const nodeState = useTreeViewNodeContext()
+  const checkedState = $derived(nodeState().checked)
+</script>
+
+{#if checkedState === 'indeterminate' && indeterminate}
+  {@render indeterminate()}
+{:else if checkedState === true && children}
+  {@render children()}
+{:else if fallback}
+  {@render fallback()}
+{/if}

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

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+export interface TreeViewNodeCheckboxIndicatorBaseProps {
+    children?: Snippet;
+    indeterminate?: Snippet;
+    fallback?: Snippet;
+}
+export interface TreeViewNodeCheckboxIndicatorProps extends TreeViewNodeCheckboxIndicatorBaseProps {
+}
+declare const TreeViewNodeCheckboxIndicator: import("svelte").Component<TreeViewNodeCheckboxIndicatorProps, {}, "">;
+type TreeViewNodeCheckboxIndicator = ReturnType<typeof TreeViewNodeCheckboxIndicator>;
+export default TreeViewNodeCheckboxIndicator;

package/dist/components/tree-view/tree-view-node-checkbox.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TreeViewNodeCheckboxBaseProps extends PolymorphicProps<'span'>, RefAttribute {}
+  export interface TreeViewNodeCheckboxProps extends Assign<HTMLProps<'span'>, TreeViewNodeCheckboxBaseProps> {}
+</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 }: TreeViewNodeCheckboxProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+
+  const mergedProps = $derived(mergeProps(treeView().getNodeCheckboxProps(nodeProps()), props))
+</script>
+
+<Sprawlify as="span" bind:ref {...mergedProps} />

package/dist/components/tree-view/tree-view-node-checkbox.svelte.d.ts

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

package/dist/components/tree-view/tree-view-node-context.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseTreeViewNodeContext } from './use-tree-view-node-context'
+  import type { TreeNode } from '@sprawlify/primitives/collection'
+
+  export interface TreeViewNodeContextProps {
+    render: Snippet<[UseTreeViewNodeContext]>
+  }
+</script>
+
+<script lang="ts" generics="T extends TreeNode">
+  import { useTreeViewNodeContext } from './use-tree-view-node-context'
+
+  const { render }: TreeViewNodeContextProps = $props()
+
+  const nodeContext = useTreeViewNodeContext()
+</script>
+
+{@render render(nodeContext)}