@ark-ui/svelte 0.4.0 → 5.0.0-0

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

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

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

@@ -0,0 +1,15 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface TourControlBaseProps extends PolymorphicProps<'div'> {}
+  export interface TourControlProps extends HTMLProps<'div'>, TourControlBaseProps {}
+</script>
+
+<script lang="ts">
+  import { Ark } from '../factory'
+  import { tourAnatomy } from './tour.anatomy'
+
+  const props: TourControlProps = $props()
+</script>
+
+<Ark as="div" {...tourAnatomy.build().control.attrs} {...props} />

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

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

package/dist/components/tour/tour-description.svelte

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface TourDescriptionBaseProps extends PolymorphicProps<'div'> {}
+  export interface TourDescriptionProps extends HTMLProps<'div'>, TourDescriptionBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useTourContext } from './use-tour-context'
+
+  const props: TourDescriptionProps = $props()
+
+  const tour = useTourContext()
+  const mergedProps = $derived(mergeProps(tour().getDescriptionProps(), props))
+</script>
+
+<Ark as="div" {...mergedProps}>
+  {#if props.children}
+    {@render props.children()}
+  {:else}
+    {tour().step?.description}
+  {/if}
+</Ark>

package/dist/components/tour/tour-description.svelte.d.ts

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

package/dist/components/tour/tour-positioner.svelte

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface TourPositionerBaseProps extends PolymorphicProps<'div'> {}
+  export interface TourPositionerProps extends HTMLProps<'div'>, TourPositionerBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { usePresenceContext } from '../presence'
+  import { useTourContext } from './use-tour-context'
+
+  const props: TourPositionerProps = $props()
+
+  const tour = useTourContext()
+  const presence = usePresenceContext()
+
+  const mergedProps = $derived(mergeProps(tour().getPositionerProps(), props))
+</script>
+
+{#if !presence().unmounted}
+  <Ark as="div" {...mergedProps} />
+{/if}

package/dist/components/tour/tour-positioner.svelte.d.ts

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

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

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface TourProgressTextBaseProps extends PolymorphicProps<'div'> {}
+  export interface TourProgressTextProps extends HTMLProps<'div'>, TourProgressTextBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useTourContext } from './use-tour-context'
+
+  const props: TourProgressTextProps = $props()
+
+  const tour = useTourContext()
+
+  const mergedProps = $derived(mergeProps(tour().getProgressTextProps(), props))
+</script>
+
+<Ark as="div" {...mergedProps}>
+  {#if props.children}
+    {@render props.children()}
+  {:else}
+    {tour().getProgressText()}
+  {/if}
+</Ark>

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

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

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

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { RenderStrategyPropsProvider, splitRenderStrategyProps } from '../../utils/render-strategy'
+  import type { Snippet } from 'svelte'
+  import { PresenceProvider, splitPresenceProps, usePresence, type UsePresenceProps } from '../presence'
+  import { TourProvider } from './use-tour-context'
+  import type { UseTourReturn } from './use-tour.svelte'
+
+  export interface TourRootBaseProps extends UsePresenceProps {
+    tour: UseTourReturn
+    children?: Snippet
+  }
+  export interface TourRootProps extends TourRootBaseProps {}
+
+  const props: TourRootProps = $props()
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props))
+  const [renderStrategyProps] = $derived(splitRenderStrategyProps(presenceProps))
+
+  const presence = usePresence(() => ({
+    present: localProps.tour().open,
+    ...presenceProps,
+  }))
+
+  TourProvider(() => localProps.tour())
+  RenderStrategyPropsProvider(() => renderStrategyProps)
+  PresenceProvider(presence)
+</script>
+
+{@render localProps.children?.()}

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

@@ -0,0 +1,12 @@
+import type { Snippet } from 'svelte';
+import { type UsePresenceProps } from '../presence';
+import type { UseTourReturn } from './use-tour.svelte';
+export interface TourRootBaseProps extends UsePresenceProps {
+    tour: UseTourReturn;
+    children?: Snippet;
+}
+export interface TourRootProps extends TourRootBaseProps {
+}
+declare const TourRoot: import("svelte").Component<TourRootProps, {}, "">;
+type TourRoot = ReturnType<typeof TourRoot>;
+export default TourRoot;

package/dist/components/tour/tour-spotlight.svelte

@@ -0,0 +1,36 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps, RefAttribute } from '../../types'
+
+  export interface TourSpotlightBaseProps extends PolymorphicProps<'div'>, RefAttribute {}
+  export interface TourSpotlightProps extends HTMLProps<'div'>, TourSpotlightBaseProps {}
+</script>
+
+<script lang="ts">
+  import { useRenderStrategyPropsContext } from '../../utils/render-strategy'
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { usePresence } from '../presence'
+  import { useTourContext } from './use-tour-context'
+
+  let { ref = $bindable(), ...props }: TourSpotlightProps = $props()
+
+  const tour = useTourContext()
+  const renderStrategyProps = useRenderStrategyPropsContext()
+
+  const presence = usePresence(() => ({
+    present: tour().open,
+    ...renderStrategyProps,
+  }))
+
+  const mergedProps = $derived(mergeProps(tour().getSpotlightProps(), presence().getPresenceProps(), props))
+  const hidden = $derived(!tour().open || !tour().step?.target?.())
+
+  function setNode(node: Element | null) {
+    presence().setNode(node)
+    ref = node
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Ark as="div" {...mergedProps} {@attach setNode} {hidden} />
+{/if}

package/dist/components/tour/tour-spotlight.svelte.d.ts

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

package/dist/components/tour/tour-title.svelte

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface TourTitleBaseProps extends PolymorphicProps<'h2'> {}
+  export interface TourTitleProps extends HTMLProps<'h2'>, TourTitleBaseProps {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useTourContext } from './use-tour-context'
+
+  const props: TourTitleProps = $props()
+
+  const tour = useTourContext()
+
+  const mergedProps = $derived(mergeProps(tour().getTitleProps(), props))
+</script>
+
+<Ark as="h2" {...mergedProps}>
+  {#if props.children}
+    {@render props.children()}
+  {:else}
+    {tour().step?.title}
+  {/if}
+</Ark>

package/dist/components/tour/tour-title.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLProps, PolymorphicProps } from '../../types';
+export interface TourTitleBaseProps extends PolymorphicProps<'h2'> {
+}
+export interface TourTitleProps extends HTMLProps<'h2'>, TourTitleBaseProps {
+}
+declare const TourTitle: import("svelte").Component<TourTitleProps, {}, "">;
+type TourTitle = ReturnType<typeof TourTitle>;
+export default TourTitle;

package/dist/components/tour/tour.anatomy.d.ts

@@ -0,0 +1 @@
+export declare const tourAnatomy: import("@zag-js/anatomy").AnatomyInstance<"title" | "content" | "control" | "positioner" | "description" | "actionTrigger" | "closeTrigger" | "progressText" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;

package/dist/components/tour/tour.anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from '@zag-js/tour';
+export const tourAnatomy = anatomy.extendWith('control');

package/dist/components/tour/tour.d.ts

@@ -0,0 +1,16 @@
+export type { Point, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, WaitOptions, } from '@zag-js/tour';
+export { default as ActionTrigger, type TourActionTriggerBaseProps as ActionTriggerBaseProps, type TourActionTriggerProps as ActionTriggerProps, } from './tour-action-trigger.svelte';
+export { default as Actions } from './tour-actions.svelte';
+export { default as Arrow, type TourArrowBaseProps as ArrowBaseProps, type TourArrowProps as ArrowProps, } from './tour-arrow.svelte';
+export { default as ArrowTip, type TourArrowTipBaseProps as ArrowTipBaseProps, type TourArrowTipProps as ArrowTipProps, } from './tour-arrow-tip.svelte';
+export { default as Backdrop, type TourBackdropBaseProps as BackdropBaseProps, type TourBackdropProps as BackdropProps, } from './tour-backdrop.svelte';
+export { default as CloseTrigger, type TourCloseTriggerBaseProps as CloseTriggerBaseProps, type TourCloseTriggerProps as CloseTriggerProps, } from './tour-close-trigger.svelte';
+export { default as Content, type TourContentBaseProps as ContentBaseProps, type TourContentProps as ContentProps, } from './tour-content.svelte';
+export { default as Context, type TourContextProps as ContextProps } from './tour-context.svelte';
+export { default as Control, type TourControlBaseProps as ControlBaseProps, type TourControlProps as ControlProps, } from './tour-control.svelte';
+export { default as Description, type TourDescriptionBaseProps as DescriptionBaseProps, type TourDescriptionProps as DescriptionProps, } from './tour-description.svelte';
+export { default as Positioner, type TourPositionerBaseProps as PositionerBaseProps, type TourPositionerProps as PositionerProps, } from './tour-positioner.svelte';
+export { default as ProgressText, type TourProgressTextBaseProps as ProgressTextBaseProps, type TourProgressTextProps as ProgressTextProps, } from './tour-progress-text.svelte';
+export { default as Root } from './tour-root.svelte';
+export { default as Spotlight, type TourSpotlightBaseProps as SpotlightBaseProps, type TourSpotlightProps as SpotlightProps, } from './tour-spotlight.svelte';
+export { default as Title, type TourTitleBaseProps as TitleBaseProps, type TourTitleProps as TitleProps, } from './tour-title.svelte';

package/dist/components/tour/tour.js

@@ -0,0 +1,15 @@
+export { default as ActionTrigger, } from './tour-action-trigger.svelte';
+export { default as Actions } from './tour-actions.svelte';
+export { default as Arrow, } from './tour-arrow.svelte';
+export { default as ArrowTip, } from './tour-arrow-tip.svelte';
+export { default as Backdrop, } from './tour-backdrop.svelte';
+export { default as CloseTrigger, } from './tour-close-trigger.svelte';
+export { default as Content, } from './tour-content.svelte';
+export { default as Context } from './tour-context.svelte';
+export { default as Control, } from './tour-control.svelte';
+export { default as Description, } from './tour-description.svelte';
+export { default as Positioner, } from './tour-positioner.svelte';
+export { default as ProgressText, } from './tour-progress-text.svelte';
+export { default as Root } from './tour-root.svelte';
+export { default as Spotlight, } from './tour-spotlight.svelte';
+export { default as Title, } from './tour-title.svelte';

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

@@ -0,0 +1,6 @@
+import type { Accessor } from '../../types';
+import type { PropTypes } from '@zag-js/svelte';
+import type * as tour from '@zag-js/tour';
+export interface UseTourContext extends Accessor<tour.Api<PropTypes>> {
+}
+export declare const TourProvider: (opts: UseTourContext) => void, useTourContext: (fallback?: UseTourContext | undefined) => UseTourContext;

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

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

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

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from '../../types';
+import { type PropTypes } from '@zag-js/svelte';
+import * as tour from '@zag-js/tour';
+import { type MaybeFunction } from '@zag-js/utils';
+export interface UseTourProps extends Optional<Omit<tour.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseTourReturn extends Accessor<tour.Api<PropTypes>> {
+}
+export declare const useTour: (props?: MaybeFunction<UseTourProps>) => UseTourReturn;

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

@@ -0,0 +1,19 @@
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+import * as tour from '@zag-js/tour';
+import { runIfFn } from '@zag-js/utils';
+export const useTour = (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(tour.machine, () => machineProps);
+    const api = $derived(tour.connect(service, normalizeProps));
+    return () => api;
+};

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

@@ -0,0 +1,29 @@
+export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, LoadChildrenDetails as TreeViewLoadChildrenDetails, LoadChildrenCompleteDetails as TreeViewLoadChildrenCompleteDetails, NodeState as TreeViewNodeState, NodeProps as TreeViewNodeProps, } from '@zag-js/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 TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider.svelte';
+export { default as TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps } from './tree-view-root.svelte';
+export { default as TreeViewRootProvider, type TreeViewRootProviderBaseProps, 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,24 @@
+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 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-branch-content.svelte

@@ -0,0 +1,35 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface TreeViewBranchContentBaseProps extends PolymorphicProps<'ul'> {
+    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 '@zag-js/svelte'
+  import { Collapsible } from '../collapsible'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  const props: TreeViewBranchContentProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+
+  const contentProps = $derived(treeView().getBranchContentProps(nodeProps()))
+
+  const splitVisibilityProps = createSplitProps<VisibilityProps>()
+  const [, branchContentProps] = $derived(splitVisibilityProps(contentProps as any, ['hidden', 'data-state']))
+
+  const mergedProps = $derived(mergeProps(branchContentProps, props))
+</script>
+
+<Collapsible.Content {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface TreeViewBranchContentBaseProps extends PolymorphicProps<'ul'> {
+    ref?: Element | null;
+}
+export interface TreeViewBranchContentProps extends Assign<HTMLProps<'ul'>, TreeViewBranchContentBaseProps> {
+}
+declare const TreeViewBranchContent: import("svelte").Component<TreeViewBranchContentProps, {}, "">;
+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 } from '../../types'
+
+  export interface TreeViewBranchControlBaseProps extends PolymorphicProps<'div'> {}
+  export interface TreeViewBranchControlProps extends Assign<HTMLProps<'div'>, TreeViewBranchControlBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  const props: TreeViewBranchControlProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+  const mergedProps = $derived(mergeProps(treeView().getBranchControlProps(nodeProps()), props))
+</script>
+
+<Ark as="div" {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface TreeViewBranchControlBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TreeViewBranchControlProps extends Assign<HTMLProps<'div'>, TreeViewBranchControlBaseProps> {
+}
+declare const TreeViewBranchControl: import("svelte").Component<TreeViewBranchControlProps, {}, "">;
+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 } from '../../types'
+
+  export interface TreeViewBranchIndentGuideBaseProps extends PolymorphicProps<'div'> {}
+  export interface TreeViewBranchIndentGuideProps
+    extends Assign<HTMLProps<'div'>, TreeViewBranchIndentGuideBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  const props: TreeViewBranchIndentGuideProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+
+  const mergedProps = $derived(mergeProps(treeView().getBranchIndentGuideProps(nodeProps()), props))
+</script>
+
+<Ark as="div" {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface TreeViewBranchIndentGuideBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TreeViewBranchIndentGuideProps extends Assign<HTMLProps<'div'>, TreeViewBranchIndentGuideBaseProps> {
+}
+declare const TreeViewBranchIndentGuide: import("svelte").Component<TreeViewBranchIndentGuideProps, {}, "">;
+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 } from '../../types'
+
+  export interface TreeViewBranchIndicatorBaseProps extends PolymorphicProps<'div'> {}
+  export interface TreeViewBranchIndicatorProps extends Assign<HTMLProps<'div'>, TreeViewBranchIndicatorBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  const props: TreeViewBranchIndicatorProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+  const mergedProps = $derived(mergeProps(treeView().getBranchIndicatorProps(nodeProps()), props))
+</script>
+
+<Ark as="div" {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface TreeViewBranchIndicatorBaseProps extends PolymorphicProps<'div'> {
+}
+export interface TreeViewBranchIndicatorProps extends Assign<HTMLProps<'div'>, TreeViewBranchIndicatorBaseProps> {
+}
+declare const TreeViewBranchIndicator: import("svelte").Component<TreeViewBranchIndicatorProps, {}, "">;
+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 } from '../../types'
+
+  export interface TreeViewBranchTextBaseProps extends PolymorphicProps<'span'> {}
+  export interface TreeViewBranchTextProps extends Assign<HTMLProps<'span'>, TreeViewBranchTextBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  const props: TreeViewBranchTextProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+  const mergedProps = $derived(mergeProps(treeView().getBranchTextProps(nodeProps()), props))
+</script>
+
+<Ark as="span" {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface TreeViewBranchTextBaseProps extends PolymorphicProps<'span'> {
+}
+export interface TreeViewBranchTextProps extends Assign<HTMLProps<'span'>, TreeViewBranchTextBaseProps> {
+}
+declare const TreeViewBranchText: import("svelte").Component<TreeViewBranchTextProps, {}, "">;
+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 } from '../../types'
+
+  export interface TreeViewBranchTriggerBaseProps extends PolymorphicProps<'button'> {}
+  export interface TreeViewBranchTriggerProps extends Assign<HTMLProps<'button'>, TreeViewBranchTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useTreeViewContext } from './use-tree-view-context'
+  import { useTreeViewNodePropsContext } from './use-tree-view-node-props-context'
+
+  const props: TreeViewBranchTriggerProps = $props()
+
+  const treeView = useTreeViewContext()
+  const nodeProps = useTreeViewNodePropsContext()
+
+  const mergedProps = $derived(mergeProps(treeView().getBranchTriggerProps(nodeProps()), props))
+</script>
+
+<Ark as="button" {...mergedProps} />