ui-ingredients 0.0.23 → 0.0.25

package/dist/time-picker/create-time-picker.svelte.js

@@ -0,0 +1,20 @@
+import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
+import { getLocaleContext } from '../locale-provider/context.svelte.js';
+import { createUniqueId } from '../utils.svelte.js';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import * as timePicker from '@zag-js/time-picker';
+export function createTimePicker(props) {
+    const locale = getLocaleContext();
+    const environment = getEnvironmentContext();
+    const [state, send] = useMachine(timePicker.machine({
+        ...props,
+        id: props.id ?? createUniqueId(),
+        dir: locale?.dir,
+        open: props.defaultOpen,
+        locale: props.locale ?? locale?.locale,
+        getRootNode: environment?.getRootNode,
+        'open.controlled': props.defaultOpen != null,
+    }));
+    const api = $derived(reflect(() => timePicker.connect(state, send, normalizeProps)));
+    return api;
+}

package/dist/time-picker/hour-cell.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {CellProps} from '@zag-js/time-picker';
+
+  export interface TimePickerHourCellProps extends Assign<HtmlProps<'div'>, CellProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {value, children, ...props}: TimePickerHourCellProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getHourCellProps({value})));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/time-picker/hour-cell.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const HourCell: $$__sveltets_2_IsomorphicComponent<TimePickerHourCellProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type HourCell = InstanceType<typeof HourCell>;
+export default HourCell;

package/dist/time-picker/index.d.ts

@@ -0,0 +1,15 @@
+export * as TimePicker from './time-picker.js';
+export type { TimePickerClearTriggerProps } from './clear-trigger.svelte';
+export type { TimePickerColumnProps } from './column.svelte';
+export type { TimePickerContentProps } from './content.svelte';
+export type { TimePickerControlProps } from './control.svelte';
+export type { TimePickerHourCellProps } from './hour-cell.svelte';
+export type { TimePickerInputProps } from './input.svelte';
+export type { TimePickerLabelProps } from './label.svelte';
+export type { TimePickerMinuteCellProps } from './minute-cell.svelte';
+export type { TimePickerPeriodCellProps } from './period-cell.svelte';
+export type { TimePickerPositionerProps } from './positioner.svelte';
+export type { TimePickerProps } from './root.svelte';
+export type { TimePickerSecondCellProps } from './second-cell.svelte';
+export type { TimePickerSpacerProps } from './spacer.svelte';
+export type { TimePickerTriggerProps } from './trigger.svelte';

package/dist/time-picker/index.js

@@ -0,0 +1 @@
+export * as TimePicker from './time-picker.js';

package/dist/time-picker/input.svelte

@@ -0,0 +1,18 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TimePickerInputProps extends HtmlProps<'input'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: TimePickerInputProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getInputProps()));
+</script>
+
+<input {...attrs} />

package/dist/time-picker/input.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Input: $$__sveltets_2_IsomorphicComponent<TimePickerInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Input = InstanceType<typeof Input>;
+export default Input;

package/dist/time-picker/label.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TimePickerLabelProps extends HtmlProps<'label'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: TimePickerLabelProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getLabelProps()));
+</script>
+
+<label {...attrs}>
+  {@render children?.()}
+</label>

package/dist/time-picker/label.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Label: $$__sveltets_2_IsomorphicComponent<TimePickerLabelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Label = InstanceType<typeof Label>;
+export default Label;

package/dist/time-picker/minute-cell.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {CellProps} from '@zag-js/time-picker';
+
+  export interface TimePickerMinuteCellProps extends Assign<HtmlProps<'div'>, CellProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {value, children, ...props}: TimePickerMinuteCellProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getMinuteCellProps({value})));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/time-picker/minute-cell.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MinuteCell: $$__sveltets_2_IsomorphicComponent<TimePickerMinuteCellProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type MinuteCell = InstanceType<typeof MinuteCell>;
+export default MinuteCell;

package/dist/time-picker/period-cell.svelte

@@ -0,0 +1,28 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {PeriodCellProps} from '@zag-js/time-picker';
+
+  export interface TimePickerPeriodCellProps extends Assign<HtmlProps<'div'>, PeriodCellProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {value, children, ...props}: TimePickerPeriodCellProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(
+    mergeProps(
+      props,
+      timePicker.getPeriodCellProps({
+        value,
+      }),
+    ),
+  );
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/time-picker/period-cell.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const PeriodCell: $$__sveltets_2_IsomorphicComponent<TimePickerPeriodCellProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type PeriodCell = InstanceType<typeof PeriodCell>;
+export default PeriodCell;

package/dist/time-picker/positioner.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TimePickerPositionerProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: TimePickerPositionerProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getPositionerProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/time-picker/positioner.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Positioner: $$__sveltets_2_IsomorphicComponent<TimePickerPositionerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Positioner = InstanceType<typeof Positioner>;
+export default Positioner;

package/dist/time-picker/root.svelte

@@ -0,0 +1,70 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
+  import type {CreateTimePickerProps, CreateTimePickerReturn} from './create-time-picker.svelte.js';
+
+  export interface TimePickerProps
+    extends Assign<Omit<HtmlProps<'div'>, 'children'>, CreateTimePickerProps> {
+    children?: Snippet<[timePicker: CreateTimePickerReturn]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+  import {createTimePicker} from './create-time-picker.svelte.js';
+
+  let {
+    id,
+    ids,
+    min,
+    max,
+    name,
+    open,
+    steps,
+    value,
+    locale,
+    readOnly,
+    disabled,
+    defaultOpen,
+    placeholder,
+    positioning,
+    allowSeconds,
+    disableLayer,
+    onOpenChange,
+    onValueChange,
+    onFocusChange,
+    children,
+    ...props
+  }: TimePickerProps = $props();
+
+  let timePicker = createTimePicker({
+    id,
+    ids,
+    min,
+    max,
+    name,
+    open,
+    steps,
+    value,
+    locale,
+    readOnly,
+    disabled,
+    defaultOpen,
+    placeholder,
+    positioning,
+    allowSeconds,
+    disableLayer,
+    onOpenChange,
+    onValueChange,
+    onFocusChange,
+  });
+
+  let attrs = $derived(mergeProps(props, timePicker.getRootProps()));
+
+  timePickerContext.set(timePicker);
+</script>
+
+<div {...attrs}>
+  {@render children?.(timePicker)}
+</div>

package/dist/time-picker/root.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<TimePickerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/time-picker/second-cell.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {CellProps} from '@zag-js/time-picker';
+
+  export interface TimePickerSecondCellProps extends Assign<HtmlProps<'div'>, CellProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {value, children, ...props}: TimePickerSecondCellProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getSecondCellProps({value})));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/time-picker/second-cell.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const SecondCell: $$__sveltets_2_IsomorphicComponent<TimePickerSecondCellProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type SecondCell = InstanceType<typeof SecondCell>;
+export default SecondCell;

package/dist/time-picker/spacer.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TimePickerSpacerProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: TimePickerSpacerProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getSpacerProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/time-picker/spacer.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Spacer: $$__sveltets_2_IsomorphicComponent<TimePickerSpacerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Spacer = InstanceType<typeof Spacer>;
+export default Spacer;

package/dist/time-picker/time-picker.d.ts

@@ -0,0 +1,15 @@
+export { anatomy, parse } from '@zag-js/time-picker';
+export { default as ClearTrigger } from './clear-trigger.svelte';
+export { default as Column } from './column.svelte';
+export { default as Content } from './content.svelte';
+export { default as Control } from './control.svelte';
+export { default as HourCell } from './hour-cell.svelte';
+export { default as Input } from './input.svelte';
+export { default as Label } from './label.svelte';
+export { default as MinuteCell } from './minute-cell.svelte';
+export { default as PeriodCell } from './period-cell.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as SecondCell } from './second-cell.svelte';
+export { default as Spacer } from './spacer.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/time-picker/time-picker.js

@@ -0,0 +1,15 @@
+export { anatomy, parse } from '@zag-js/time-picker';
+export { default as ClearTrigger } from './clear-trigger.svelte';
+export { default as Column } from './column.svelte';
+export { default as Content } from './content.svelte';
+export { default as Control } from './control.svelte';
+export { default as HourCell } from './hour-cell.svelte';
+export { default as Input } from './input.svelte';
+export { default as Label } from './label.svelte';
+export { default as MinuteCell } from './minute-cell.svelte';
+export { default as PeriodCell } from './period-cell.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as SecondCell } from './second-cell.svelte';
+export { default as Spacer } from './spacer.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/time-picker/trigger.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TimePickerTriggerProps extends HtmlProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: TimePickerTriggerProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/time-picker/trigger.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<TimePickerTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

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

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TreeViewBranchContentProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {treeViewBranchPropsContext, treeViewContext} from './context.svelte.js';
+
+  let {children, ...props}: TreeViewBranchContentProps = $props();
+
+  let treeView = treeViewContext.get();
+  let branchProps = treeViewBranchPropsContext.get();
+
+  let attrs = $derived(mergeProps(props, treeView.getBranchContentProps(branchProps)));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const BranchContent: $$__sveltets_2_IsomorphicComponent<TreeViewBranchContentProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type BranchContent = InstanceType<typeof BranchContent>;
+export default BranchContent;

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

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TreeViewBranchControlProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {treeViewBranchPropsContext, treeViewContext} from './context.svelte.js';
+
+  let {children, ...props}: TreeViewBranchControlProps = $props();
+
+  let treeView = treeViewContext.get();
+  let branchProps = treeViewBranchPropsContext.get();
+
+  let attrs = $derived(mergeProps(props, treeView.getBranchControlProps(branchProps)));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const BranchControl: $$__sveltets_2_IsomorphicComponent<TreeViewBranchControlProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type BranchControl = InstanceType<typeof BranchControl>;
+export default BranchControl;

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

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TreeViewBranchIndicatorProps extends HtmlProps<'span'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {treeViewBranchPropsContext, treeViewContext} from './context.svelte.js';
+
+  let {children, ...props}: TreeViewBranchIndicatorProps = $props();
+
+  let treeView = treeViewContext.get();
+  let branchProps = treeViewBranchPropsContext.get();
+
+  let attrs = $derived(mergeProps(props, treeView.getBranchIndicatorProps(branchProps)));
+</script>
+
+<span {...attrs}>
+  {@render children?.()}
+</span>