ui-ingredients 0.0.25 → 0.0.27

package/dist/tree-view/tree.svelte

@@ -1,20 +1,26 @@
 <script lang="ts" module>
-  import type {HtmlProps} from '../types.js';
+  import type {AsChild, HtmlProps} from '../types.js';
 
-  export interface TreeViewTreeProps extends HtmlProps<'div'> {}
+  export interface TreeViewTreeProps extends HtmlProps<'div'> {
+    asChild?: AsChild;
+  }
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
+  import {mergeProps} from '../utils.svelte.js';
   import {treeViewContext} from './context.svelte.js';
 
-  let {children, ...props}: TreeViewTreeProps = $props();
+  let {asChild, children, ...props}: TreeViewTreeProps = $props();
 
   let treeView = treeViewContext.get();
 
   let attrs = $derived(mergeProps(props, treeView.getTreeProps()));
 </script>
 
-<div {...attrs}>
-  {@render children?.()}
-</div>
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <div {...attrs}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/types.d.ts

@@ -1,7 +1,14 @@
-import type { SvelteHTMLElements } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes, SvelteHTMLElements } from 'svelte/elements';
 export type Assign<Target, Source> = Omit<Target, keyof Source> & Source;
 type IntrinsicElements = keyof {
     [K in keyof SvelteHTMLElements as string extends K ? never : number extends K ? never : K]: string;
 };
 export type HtmlProps<T extends IntrinsicElements> = SvelteHTMLElements[T];
+export type GenericHtmlProps = HTMLAttributes<HTMLElement>;
+type GenericObject = Record<string, any>;
+type WithoutChildren<T> = Assign<T, {
+    children?: never;
+}>;
+export type AsChild<T extends GenericObject = GenericHtmlProps, C = never> = [C] extends [never] ? Snippet<[attrs: WithoutChildren<T>]> : Snippet<[attrs: WithoutChildren<T>, context: C]>;
 export {};

package/dist/utils.svelte.d.ts

@@ -1,9 +1,6 @@
 export declare const createUniqueId: () => string;
-export declare function ensureStyleIsString<T extends {
-    style?: null | string | Record<string, string | number>;
-}>(o: T): Omit<T, "style"> & {
-    style?: string | null;
-};
+export declare function isObject<T extends Record<string, unknown>>(value: unknown): value is T;
+export declare function mergeProps<T extends Record<string, any>>(...args: T[]): T;
 export declare class Context<T extends Record<string, any>> {
     private key;
     private strict;

package/dist/utils.svelte.js

@@ -1,20 +1,20 @@
-import { reflect } from '@zag-js/svelte';
+import { mergeProps as originalMergeProps, reflect } from '@zag-js/svelte';
 import { getContext, hasContext, setContext } from 'svelte';
 import { uid } from 'uid';
 export const createUniqueId = () => uid();
-function isObject(value) {
+export function isObject(value) {
     return Object.prototype.toString.call(value) === '[object Object]' && value === Object(value);
 }
-export function ensureStyleIsString(o) {
-    const c = { ...o };
-    if (isObject(c.style)) {
+export function mergeProps(...args) {
+    const r = originalMergeProps(...args);
+    if (r.style && isObject(r.style)) {
         let s = '';
-        for (const k in c.style) {
-            s += `${k}:${c.style[k]};`;
+        for (const k in r.style) {
+            s += `${k}:${r.style[k]};`;
         }
-        c.style = s;
+        r.style = s;
     }
-    return c;
+    return r;
 }
 export class Context {
     key;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -135,15 +135,16 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-vercel": "5.4.3",
-    "@sveltejs/kit": "2.5.24",
+    "@sveltejs/kit": "2.5.25",
     "@sveltejs/package": "2.3.4",
     "@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
+    "@untitled-theme/icons-svelte": "0.10.7",
     "autoprefixer": "10.4.20",
     "globals": "15.9.0",
     "postcss": "8.4.41",
     "publint": "0.2.10",
     "release-it": "17.6.0",
-    "svelte": "5.0.0-next.236",
+    "svelte": "5.0.0-next.239",
     "svelte-check": "3.8.6",
     "tailwindcss": "3.4.10",
     "typescript": "5.5.4",