ui-ingredients 0.20.0 → 0.21.1

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

@@ -1,55 +1,55 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-  import type {Action} from 'svelte/action';
-
-  export interface TreeViewBranchContentProps
-    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '../merge-props.js';
-  import {createPresence} from '../presence/create-presence.svelte.js';
-  import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
-  import {reflect} from '@zag-js/svelte';
-  import {
-    getTreeViewContext,
-    getTreeViewNodePropsContext,
-  } from './tree-view-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TreeViewBranchContentProps = $props();
-
-  let treeView = getTreeViewContext();
-  let nodeProps = getTreeViewNodePropsContext();
-  let nodeState = $derived(treeView.getNodeState(nodeProps));
-
-  let presenceStrategyProps = getPresenceStrategyPropsContext();
-  let presence = createPresence(
-    reflect(() => ({
-      ...presenceStrategyProps,
-      present: nodeState.expanded,
-    })),
-  );
-
-  let mergedProps = $derived(
-    mergeProps(
-      treeView.getBranchContentProps(nodeProps),
-      presence.getPresenceProps(),
-      props,
-    ),
-  );
-</script>
-
-{#if presence.mounted}
-  {#if asChild}
-    {@render asChild(presence.setReference, mergedProps)}
-  {:else}
-    <div bind:this={ref} use:presence.setReference {...mergedProps}>
-      {@render children?.()}
-    </div>
-  {/if}
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+  import type {Action} from 'svelte/action';
+
+  export interface TreeViewBranchContentProps
+    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {createPresence} from '../presence/create-presence.svelte.js';
+  import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
+  import {reflect} from '@zag-js/svelte';
+  import {
+    getTreeViewContext,
+    getTreeViewNodePropsContext,
+  } from './tree-view-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewBranchContentProps = $props();
+
+  let treeView = getTreeViewContext();
+  let nodeProps = getTreeViewNodePropsContext();
+  let nodeState = $derived(treeView.getNodeState(nodeProps));
+
+  let presenceStrategyProps = getPresenceStrategyPropsContext();
+  let presence = createPresence(
+    reflect(() => ({
+      ...presenceStrategyProps,
+      present: nodeState.expanded,
+    })),
+  );
+
+  let mergedProps = $derived(
+    mergeProps(
+      treeView.getBranchContentProps(nodeProps),
+      presence.getPresenceProps(),
+      props,
+    ),
+  );
+</script>
+
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(presence.setReference, mergedProps)}
+  {:else}
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
+{/if}

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 {mergeProps} from '../merge-props.js';
-  import {setPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
-  import {reflect} from '@zag-js/svelte';
-  import {createSplitProps} from '@zag-js/utils';
-  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>([
-      'id',
-      'ids',
-      'typeahead',
-      'collection',
-      'focusedValue',
-      'expandedValue',
-      'expandOnClick',
-      'selectedValue',
-      'selectionMode',
-      'onFocusChange',
-      'onExpandedChange',
-      'onSelectionChange',
-    ])(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 {mergeProps} from '../merge-props.js';
+  import {setPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  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>([
+      'id',
+      'ids',
+      'typeahead',
+      'collection',
+      'focusedValue',
+      'expandedValue',
+      'expandOnClick',
+      'selectedValue',
+      'selectionMode',
+      'onFocusChange',
+      'onExpandedChange',
+      'onSelectionChange',
+    ])(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}

package/package.json

@@ -2,7 +2,7 @@
   "name": "ui-ingredients",
   "type": "module",
   "license": "MIT",
-  "version": "0.20.0",
+  "version": "0.21.1",
   "packageManager": "pnpm@9.15.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -361,10 +361,10 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.3.0",
-    "@sveltejs/adapter-vercel": "^5.5.1",
-    "@sveltejs/kit": "^2.9.1",
+    "@sveltejs/adapter-vercel": "^5.5.2",
+    "@sveltejs/kit": "^2.12.1",
     "@sveltejs/package": "^2.3.7",
-    "@sveltejs/vite-plugin-svelte": "^5.0.1",
+    "@sveltejs/vite-plugin-svelte": "^5.0.2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/svelte": "^5.2.6",
     "@testing-library/user-event": "^14.5.2",
@@ -377,7 +377,7 @@
     "publint": "^0.2.12",
     "release-it": "^17.10.0",
     "resize-observer-polyfill": "^1.5.1",
-    "svelte": "^5.10.0",
+    "svelte": "^5.14.1",
     "svelte-check": "^4.1.1",
     "tailwind-merge": "^2.5.5",
     "tailwind-variants": "^0.3.0",