ui-ingredients 0.30.1 → 0.31.0

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

@@ -1,35 +1,35 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface TreeViewItemIndicatorProps
-    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {
-    getTreeViewContext,
-    getTreeViewNodePropsContext,
-  } from './tree-view-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TreeViewItemIndicatorProps = $props();
-
-  let treeView = getTreeViewContext();
-  let nodeProps = getTreeViewNodePropsContext();
-  let mergedProps = $derived(
-    mergeProps(treeView.getItemIndicatorProps(nodeProps), props),
-  );
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <span bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </span>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface TreeViewItemIndicatorProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {
+    getTreeViewContext,
+    getTreeViewNodePropsContext,
+  } from './tree-view-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewItemIndicatorProps = $props();
+
+  let treeView = getTreeViewContext();
+  let nodeProps = getTreeViewNodePropsContext();
+  let mergedProps = $derived(
+    mergeProps(treeView.getItemIndicatorProps(nodeProps), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </span>
+{/if}

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

@@ -1,35 +1,35 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface TreeViewItemTextProps
-    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {
-    getTreeViewContext,
-    getTreeViewNodePropsContext,
-  } from './tree-view-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TreeViewItemTextProps = $props();
-
-  let treeView = getTreeViewContext();
-  let nodeProps = getTreeViewNodePropsContext();
-  let mergedProps = $derived(
-    mergeProps(treeView.getItemTextProps(nodeProps), props),
-  );
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <span bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </span>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface TreeViewItemTextProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {
+    getTreeViewContext,
+    getTreeViewNodePropsContext,
+  } from './tree-view-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewItemTextProps = $props();
+
+  let treeView = getTreeViewContext();
+  let nodeProps = getTreeViewNodePropsContext();
+  let mergedProps = $derived(
+    mergeProps(treeView.getItemTextProps(nodeProps), props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </span>
+{/if}

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

@@ -1,42 +1,42 @@
-<script lang="ts" module>
-  import type {NodeProps} from '@zag-js/tree-view';
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-
-  export interface TreeViewItemProps
-    extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, NodeProps> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {createSplitProps} from '../create-split-props.js';
-  import {
-    getTreeViewContext,
-    setTreeViewNodePropsContext,
-  } from './tree-view-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TreeViewItemProps = $props();
-
-  let [nodeProps, localProps] = $derived(
-    createSplitProps<NodeProps>(['node', 'indexPath'])(props),
-  );
-
-  let treeView = getTreeViewContext();
-  let mergedProps = $derived(
-    mergeProps(treeView.getItemProps(nodeProps), localProps),
-  );
-
-  setTreeViewNodePropsContext(() => nodeProps);
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {NodeProps} from '@zag-js/tree-view';
+  import type {Assign, HtmlIngredientProps} from '../types.js';
+
+  export interface TreeViewItemProps
+    extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, NodeProps> {}
+</script>
+
+<script lang="ts">
+  import {createSplitProps} from '../create-split-props.js';
+  import {mergeProps} from '../merge-props.js';
+  import {
+    getTreeViewContext,
+    setTreeViewNodePropsContext,
+  } from './tree-view-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewItemProps = $props();
+
+  let [nodeProps, localProps] = $derived(
+    createSplitProps<NodeProps>(['node', 'indexPath'])(props),
+  );
+
+  let treeView = getTreeViewContext();
+  let mergedProps = $derived(
+    mergeProps(treeView.getItemProps(nodeProps), localProps),
+  );
+
+  setTreeViewNodePropsContext(() => nodeProps);
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

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

@@ -1,29 +1,29 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface TreeViewLabelProps
-    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {getTreeViewContext} from './tree-view-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TreeViewLabelProps = $props();
-
-  let treeView = getTreeViewContext();
-  let mergedProps = $derived(mergeProps(treeView.getLabelProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <span bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </span>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface TreeViewLabelProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getTreeViewContext} from './tree-view-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewLabelProps = $props();
+
+  let treeView = getTreeViewContext();
+  let mergedProps = $derived(mergeProps(treeView.getLabelProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </span>
+{/if}

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

@@ -15,8 +15,9 @@
 </script>
 
 <script lang="ts">
-  import {mergeProps, reflect} from '@zag-js/svelte';
+  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';

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

@@ -1,29 +1,29 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface TreeViewTreeProps
-    extends HtmlIngredientProps<'div', HTMLDivElement> {}
-</script>
-
-<script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
-  import {getTreeViewContext} from './tree-view-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TreeViewTreeProps = $props();
-
-  let treeView = getTreeViewContext();
-  let mergedProps = $derived(mergeProps(treeView.getTreeProps(), props));
-</script>
-
-{#if asChild}
-  {@render asChild(mergedProps)}
-{:else}
-  <div bind:this={ref} {...mergedProps}>
-    {@render children?.()}
-  </div>
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface TreeViewTreeProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getTreeViewContext} from './tree-view-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewTreeProps = $props();
+
+  let treeView = getTreeViewContext();
+  let mergedProps = $derived(mergeProps(treeView.getTreeProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <div bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/types.d.ts

@@ -13,9 +13,8 @@ export type AsChild<TAction extends Action, Context extends GenericObject = neve
 type Children<TContext extends GenericObject = never> = [TContext] extends [
     never
 ] ? Snippet : Snippet<[context: TContext]>;
-export type HtmlIngredientProps<TElement extends SvelteHTMLElement, TRef extends HTMLElement | SVGSVGElement | SVGPathElement | SVGCircleElement = HTMLElement, TContext extends GenericObject = never, TAction extends Action = never> = Omit<HtmlProps<TElement>, 'class' | 'children'> & {
+export type HtmlIngredientProps<TElement extends SvelteHTMLElement, TRef extends HTMLElement | SVGSVGElement | SVGPathElement | SVGCircleElement = HTMLElement, TContext extends GenericObject = never, TAction extends Action = never> = Omit<HtmlProps<TElement>, 'children'> & {
     ref?: TRef | null;
-    class?: string | null;
     asChild?: AsChild<TAction, TContext>;
     children?: Children<TContext>;
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "ui-ingredients",
   "type": "module",
   "license": "MIT",
-  "version": "0.30.1",
+  "version": "0.31.0",
   "packageManager": "pnpm@9.15.4",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -355,6 +355,7 @@
     "@zag-js/tooltip": "^0.82.0",
     "@zag-js/tour": "^0.82.0",
     "@zag-js/tree-view": "^0.82.0",
+    "clsx": "^2.1.1",
     "zagjs-legacy-svelte": "npm:@zag-js/svelte@0.77.1",
     "zagjs-legacy-toast": "npm:@zag-js/toast@0.77.1"
   },
@@ -379,14 +380,14 @@
     "publint": "^0.3.2",
     "release-it": "^18.1.1",
     "resize-observer-polyfill": "^1.5.1",
-    "svelte": "^5.19.1",
+    "svelte": "^5.19.2",
     "svelte-check": "^4.1.4",
     "tailwind-merge": "^2.6.0",
     "tailwind-variants": "^0.3.1",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.3",
     "vite": "^6.0.11",
-    "vitest": "^3.0.3",
+    "vitest": "^3.0.4",
     "vitest-axe": "^1.0.0-pre.3",
     "vitest-canvas-mock": "^0.3.3"
   },