ui-ingredients 0.22.1 → 0.23.1

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

@@ -1,43 +1,43 @@
-<script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {NodeProps} from '@zag-js/tree-view';
-
-  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 treeView = getTreeViewContext();
-
-  let [nodeProps, localProps] = $derived(
-    createSplitProps<NodeProps>(['node', 'indexPath'])(props),
-  );
-
-  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 {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 treeView = getTreeViewContext();
+
+  let [nodeProps, localProps] = $derived(
+    createSplitProps<NodeProps>(['node', 'indexPath'])(props),
+  );
+
+  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-item.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Assign, HtmlIngredientProps } from '../types.js';
 import type { NodeProps } from '@zag-js/tree-view';
+import type { Assign, HtmlIngredientProps } from '../types.js';
 export interface TreeViewItemProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, NodeProps> {
 }
 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> {

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 '../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}
+<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}

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

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

package/package.json

@@ -2,7 +2,7 @@
   "name": "ui-ingredients",
   "type": "module",
   "license": "MIT",
-  "version": "0.22.1",
+  "version": "0.23.1",
   "packageManager": "pnpm@9.15.1",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -308,53 +308,53 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@zag-js/accordion": "^0.78.3",
-    "@zag-js/anatomy": "^0.78.3",
-    "@zag-js/angle-slider": "^0.78.3",
-    "@zag-js/auto-resize": "^0.78.3",
-    "@zag-js/avatar": "^0.78.3",
-    "@zag-js/carousel": "^0.78.3",
-    "@zag-js/checkbox": "^0.78.3",
-    "@zag-js/clipboard": "^0.78.3",
-    "@zag-js/collapsible": "^0.78.3",
-    "@zag-js/color-picker": "^0.78.3",
-    "@zag-js/combobox": "^0.78.3",
-    "@zag-js/core": "^0.78.3",
-    "@zag-js/date-picker": "^0.78.3",
-    "@zag-js/dialog": "^0.78.3",
-    "@zag-js/dom-query": "^0.78.3",
-    "@zag-js/editable": "^0.78.3",
-    "@zag-js/file-upload": "^0.78.3",
-    "@zag-js/floating-panel": "^0.78.3",
-    "@zag-js/highlight-word": "^0.78.3",
-    "@zag-js/hover-card": "^0.78.3",
-    "@zag-js/i18n-utils": "^0.78.3",
-    "@zag-js/menu": "^0.78.3",
-    "@zag-js/number-input": "^0.78.3",
-    "@zag-js/pagination": "^0.78.3",
-    "@zag-js/pin-input": "^0.78.3",
-    "@zag-js/popover": "^0.78.3",
-    "@zag-js/presence": "^0.78.3",
-    "@zag-js/progress": "^0.78.3",
-    "@zag-js/qr-code": "^0.78.3",
-    "@zag-js/radio-group": "^0.78.3",
-    "@zag-js/rating-group": "^0.78.3",
-    "@zag-js/select": "^0.78.3",
-    "@zag-js/signature-pad": "^0.78.3",
-    "@zag-js/slider": "^0.78.3",
-    "@zag-js/splitter": "^0.78.3",
-    "@zag-js/steps": "^0.78.3",
-    "@zag-js/svelte": "^0.78.3",
-    "@zag-js/switch": "^0.78.3",
-    "@zag-js/tabs": "^0.78.3",
-    "@zag-js/tags-input": "^0.78.3",
-    "@zag-js/time-picker": "^0.78.3",
-    "@zag-js/timer": "^0.78.3",
-    "@zag-js/toast": "^0.78.3",
-    "@zag-js/toggle-group": "^0.78.3",
-    "@zag-js/tooltip": "^0.78.3",
-    "@zag-js/tour": "^0.78.3",
-    "@zag-js/tree-view": "^0.78.3",
+    "@zag-js/accordion": "^0.79.0",
+    "@zag-js/anatomy": "^0.79.0",
+    "@zag-js/angle-slider": "^0.79.0",
+    "@zag-js/auto-resize": "^0.79.0",
+    "@zag-js/avatar": "^0.79.0",
+    "@zag-js/carousel": "^0.79.0",
+    "@zag-js/checkbox": "^0.79.0",
+    "@zag-js/clipboard": "^0.79.0",
+    "@zag-js/collapsible": "^0.79.0",
+    "@zag-js/color-picker": "^0.79.0",
+    "@zag-js/combobox": "^0.79.0",
+    "@zag-js/core": "^0.79.0",
+    "@zag-js/date-picker": "^0.79.0",
+    "@zag-js/dialog": "^0.79.0",
+    "@zag-js/dom-query": "^0.79.0",
+    "@zag-js/editable": "^0.79.0",
+    "@zag-js/file-upload": "^0.79.0",
+    "@zag-js/floating-panel": "^0.79.0",
+    "@zag-js/highlight-word": "^0.79.0",
+    "@zag-js/hover-card": "^0.79.0",
+    "@zag-js/i18n-utils": "^0.79.0",
+    "@zag-js/menu": "^0.79.0",
+    "@zag-js/number-input": "^0.79.0",
+    "@zag-js/pagination": "^0.79.0",
+    "@zag-js/pin-input": "^0.79.0",
+    "@zag-js/popover": "^0.79.0",
+    "@zag-js/presence": "^0.79.0",
+    "@zag-js/progress": "^0.79.0",
+    "@zag-js/qr-code": "^0.79.0",
+    "@zag-js/radio-group": "^0.79.0",
+    "@zag-js/rating-group": "^0.79.0",
+    "@zag-js/select": "^0.79.0",
+    "@zag-js/signature-pad": "^0.79.0",
+    "@zag-js/slider": "^0.79.0",
+    "@zag-js/splitter": "^0.79.0",
+    "@zag-js/steps": "^0.79.0",
+    "@zag-js/svelte": "^0.79.0",
+    "@zag-js/switch": "^0.79.0",
+    "@zag-js/tabs": "^0.79.0",
+    "@zag-js/tags-input": "^0.79.0",
+    "@zag-js/time-picker": "^0.79.0",
+    "@zag-js/timer": "^0.79.0",
+    "@zag-js/toast": "^0.79.0",
+    "@zag-js/toggle-group": "^0.79.0",
+    "@zag-js/tooltip": "^0.79.0",
+    "@zag-js/tour": "^0.79.0",
+    "@zag-js/tree-view": "^0.79.0",
     "zagjs-legacy-svelte": "npm:@zag-js/svelte@0.77.1",
     "zagjs-legacy-toast": "npm:@zag-js/toast@0.77.1"
   },
@@ -364,24 +364,24 @@
   "devDependencies": {
     "@faker-js/faker": "^9.3.0",
     "@sveltejs/adapter-vercel": "^5.5.2",
-    "@sveltejs/kit": "^2.13.0",
+    "@sveltejs/kit": "^2.15.0",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/svelte": "^5.2.6",
     "@testing-library/user-event": "^14.5.2",
     "@types/jsdom": "^21.1.7",
-    "@untitled-theme/icons-svelte": "^0.12.0",
+    "@untitled-theme/icons-svelte": "^0.13.0",
     "autoprefixer": "^10.4.20",
     "globals": "^15.14.0",
     "jsdom": "^25.0.1",
     "postcss": "^8.4.49",
     "publint": "^0.2.12",
-    "release-it": "^17.10.0",
+    "release-it": "^17.11.0",
     "resize-observer-polyfill": "^1.5.1",
     "svelte": "^5.15.0",
     "svelte-check": "^4.1.1",
-    "tailwind-merge": "^2.5.5",
+    "tailwind-merge": "^2.6.0",
     "tailwind-variants": "^0.3.0",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.2",

package/dist/is-object.d.ts

@@ -1,2 +0,0 @@
-import type { GenericObject } from './types.js';
-export declare function isObject<T extends GenericObject>(value: unknown): value is T;

package/dist/is-object.js

@@ -1,18 +0,0 @@
-/* Credits: https://github.com/lodash/lodash/blob/main/src/isPlainObject.ts */
-export function isObject(value) {
-    if (value === null) {
-        return false;
-    }
-    if (typeof value !== 'object' ||
-        Object.prototype.toString.call(value) !== '[object Object]') {
-        return false;
-    }
-    if (Object.getPrototypeOf(value) === null) {
-        return true;
-    }
-    let proto = value;
-    while (Object.getPrototypeOf(proto) !== null) {
-        proto = Object.getPrototypeOf(proto);
-    }
-    return Object.getPrototypeOf(value) === proto;
-}

package/dist/merge-props.d.ts

@@ -1,2 +0,0 @@
-import type { GenericObject } from './types.js';
-export declare function mergeProps<T extends GenericObject>(...args: T[]): T;

package/dist/merge-props.js

@@ -1,19 +0,0 @@
-import { mergeProps as fn } from '@zag-js/svelte';
-import { isObject } from './is-object.js';
-export function mergeProps(...args) {
-    const r = fn(...args);
-    const i = 'style';
-    if (r[i] && isObject(r[i])) {
-        let s = '';
-        for (const k in r[i]) {
-            const v = r[i][k];
-            s += `${k}:${v};`;
-        }
-        r[i] = s;
-    }
-    if (typeof r[i] === 'string') {
-        const s = r[i].replace(/;{1,}/g, ';');
-        r[i] = s;
-    }
-    return r;
-}