ui-ingredients 0.31.1 → 0.31.2

package/dist/tree-view/tree-view-root.svelte

@@ -1,68 +1,68 @@
-<script lang="ts" module>
-  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {
-    CreateTreeViewProps,
-    CreateTreeViewReturn,
-  } from './create-tree-view.svelte.js';
-
-  export interface TreeViewProps
-    extends Assign<
-        HtmlIngredientProps<'div', HTMLDivElement, CreateTreeViewReturn>,
-        CreateTreeViewProps
-      >,
-      PresenceStrategyProps {}
-</script>
-
-<script lang="ts">
-  import {reflect} from '@zag-js/svelte';
-  import {createSplitProps} from '../create-split-props.js';
-  import {mergeProps} from '../merge-props.js';
-  import {setPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
-  import {createTreeView} from './create-tree-view.svelte.js';
-  import {setTreeViewContext} from './tree-view-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TreeViewProps = $props();
-
-  let [presenceStrategyProps, rest] = $derived(
-    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
-      props,
-    ),
-  );
-
-  let [createTreeViewProps, localProps] = $derived(
-    createSplitProps<CreateTreeViewProps>([
-      'collection',
-      'expandOnClick',
-      'expandedValue',
-      'focusedValue',
-      'id',
-      'ids',
-      'onExpandedChange',
-      'onFocusChange',
-      'onSelectionChange',
-      'selectedValue',
-      'selectionMode',
-      'typeahead',
-    ])(rest),
-  );
-
-  let treeView = createTreeView(reflect(() => createTreeViewProps));
-  let mergedProps = $derived(mergeProps(treeView.getRootProps(), localProps));
-
-  setTreeViewContext(treeView);
-  setPresenceStrategyPropsContext(() => presenceStrategyProps);
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps, treeView)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.(treeView)}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+  import type {
+    CreateTreeViewProps,
+    CreateTreeViewReturn,
+  } from './create-tree-view.svelte.js';
+
+  export interface TreeViewProps
+    extends Assign<
+        HtmlIngredientProps<'div', HTMLDivElement, CreateTreeViewReturn>,
+        CreateTreeViewProps
+      >,
+      PresenceStrategyProps {}
+</script>
+
+<script lang="ts">
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '../create-split-props.js';
+  import {mergeProps} from '../merge-props.js';
+  import {setPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
+  import {createTreeView} from './create-tree-view.svelte.js';
+  import {setTreeViewContext} from './tree-view-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewProps = $props();
+
+  let [presenceStrategyProps, rest] = $derived(
+    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
+      props,
+    ),
+  );
+
+  let [createTreeViewProps, localProps] = $derived(
+    createSplitProps<CreateTreeViewProps>([
+      'collection',
+      'expandOnClick',
+      'expandedValue',
+      'focusedValue',
+      'id',
+      'ids',
+      'onExpandedChange',
+      'onFocusChange',
+      'onSelectionChange',
+      'selectedValue',
+      'selectionMode',
+      'typeahead',
+    ])(rest),
+  );
+
+  let treeView = createTreeView(reflect(() => createTreeViewProps));
+  let mergedProps = $derived(mergeProps(treeView.getRootProps(), localProps));
+
+  setTreeViewContext(treeView);
+  setPresenceStrategyPropsContext(() => presenceStrategyProps);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps, treeView)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    {@render children?.(treeView)}
+  </div>
+{/if}