ui-ingredients 0.0.44 → 0.0.46

package/dist/tree-view/root.svelte

@@ -19,9 +19,9 @@
   import {setTreeViewContext} from './context.svelte.js';
   import {createTreeView} from './create-tree-view.svelte.js';
 
-  let {asChild, children, ...props}: TreeViewProps = $props();
+  let {this: e, asChild, children, ...props}: TreeViewProps = $props();
 
-  let [treeViewProps, otherProps] = $derived(
+  let [treeViewProps, localProps] = $derived(
     createSplitProps<CreateTreeViewProps>([
       'id',
       'ids',
@@ -39,7 +39,7 @@
 
   let treeView = createTreeView(reflect(() => treeViewProps));
 
-  let mergedProps = $derived(mergeProps(otherProps, treeView.getRootProps()));
+  let mergedProps = $derived(mergeProps(localProps, treeView.getRootProps()));
 
   setTreeViewContext(treeView);
 </script>
@@ -47,7 +47,7 @@
 {#if asChild}
   {@render asChild(mergedProps, treeView)}
 {:else}
-  <div {...mergedProps}>
+  <div bind:this={e} {...mergedProps}>
     {@render children?.(treeView)}
   </div>
 {/if}

package/dist/tree-view/tree.svelte

@@ -8,7 +8,7 @@
   import {mergeProps} from '../merge-props.js';
   import {getTreeViewContext} from './context.svelte.js';
 
-  let {asChild, children, ...props}: TreeViewTreeProps = $props();
+  let {this: e, asChild, children, ...props}: TreeViewTreeProps = $props();
 
   let treeView = getTreeViewContext();
 
@@ -18,7 +18,7 @@
 {#if asChild}
   {@render asChild(mergedProps)}
 {:else}
-  <div {...mergedProps}>
+  <div bind:this={e} {...mergedProps}>
     {@render children?.()}
   </div>
 {/if}

package/dist/types.d.ts

@@ -15,7 +15,8 @@ export type AsChild<Ref extends Action, Context = never> = [Ref] extends [never]
 type Children<T = never> = [T] extends [never] ? Snippet : Snippet<[context: T]>;
 type PropsWithoutChildren<T> = Omit<T, 'children'>;
 export type HtmlIngredientProps<Element extends IntrinsicElement, Context = never, Ref extends Action = never> = PropsWithoutChildren<HtmlProps<Element>> & {
-    children?: Children<Context>;
+    this?: any;
     asChild?: AsChild<Ref, Context>;
+    children?: Children<Context>;
 };
 export {};

package/package.json

@@ -1,175 +1,176 @@
-{
-  "name": "ui-ingredients",
-  "type": "module",
-  "version": "0.0.44",
-  "packageManager": "pnpm@9.7.0",
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
-  ],
-  "author": {
-    "name": "John Paul Calvo",
-    "email": "calvojp92@gmail.com"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/calvo-jp/ui-ingredients.git",
-    "directory": "packages/ui-ingredients"
-  },
-  "bugs": {
-    "url": "https://github.com/calvo-jp/ui-ingredients/issues",
-    "email": "calvojp92@gmail.com"
-  },
-  "description": "Headless component library for Svelte powered by zag",
-  "keywords": [
-    "Svelte",
-    "Component Library",
-    "Headless",
-    "Accordion",
-    "Avatar",
-    "Carousel",
-    "Checkbox",
-    "Clipboard",
-    "Collapsible",
-    "Color Picker",
-    "Combobox",
-    "Date Picker",
-    "Dialog",
-    "Editable",
-    "File Upload",
-    "Hover Card",
-    "Menu",
-    "Number Input",
-    "Pagination",
-    "Pin Input",
-    "Popover",
-    "Presence",
-    "Progress",
-    "QR Code",
-    "Radio Group",
-    "Rating Group",
-    "Select",
-    "Signature Pad",
-    "Slider",
-    "Splitter",
-    "Steps",
-    "Switch",
-    "Tabs",
-    "Tags Input",
-    "Timer",
-    "Toast",
-    "Toggle Group",
-    "Tooltip"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run package",
-    "preview": "vite preview",
-    "package": "svelte-kit sync && svelte-package && publint",
-    "prepublishOnly": "npm run package",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "test": "vitest",
-    "release": "release-it"
-  },
-  "dependencies": {
-    "@zag-js/accordion": "0.67.0",
-    "@zag-js/anatomy": "0.67.0",
-    "@zag-js/avatar": "0.67.0",
-    "@zag-js/carousel": "0.67.0",
-    "@zag-js/checkbox": "0.67.0",
-    "@zag-js/clipboard": "0.67.0",
-    "@zag-js/collapsible": "0.67.0",
-    "@zag-js/color-picker": "0.67.0",
-    "@zag-js/combobox": "0.67.0",
-    "@zag-js/date-picker": "0.67.0",
-    "@zag-js/dialog": "0.67.0",
-    "@zag-js/dom-query": "0.67.0",
-    "@zag-js/editable": "0.67.0",
-    "@zag-js/file-upload": "0.67.0",
-    "@zag-js/floating-panel": "0.67.0",
-    "@zag-js/hover-card": "0.67.0",
-    "@zag-js/i18n-utils": "0.67.0",
-    "@zag-js/menu": "0.67.0",
-    "@zag-js/number-input": "0.67.0",
-    "@zag-js/pagination": "0.67.0",
-    "@zag-js/pin-input": "0.67.0",
-    "@zag-js/popover": "0.67.0",
-    "@zag-js/presence": "0.67.0",
-    "@zag-js/progress": "0.67.0",
-    "@zag-js/qr-code": "0.67.0",
-    "@zag-js/radio-group": "0.67.0",
-    "@zag-js/rating-group": "0.67.0",
-    "@zag-js/select": "0.67.0",
-    "@zag-js/signature-pad": "0.67.0",
-    "@zag-js/slider": "0.67.0",
-    "@zag-js/splitter": "0.67.0",
-    "@zag-js/steps": "0.67.0",
-    "@zag-js/svelte": "0.67.0",
-    "@zag-js/switch": "0.67.0",
-    "@zag-js/tabs": "0.67.0",
-    "@zag-js/tags-input": "0.67.0",
-    "@zag-js/time-picker": "0.67.0",
-    "@zag-js/timer": "0.67.0",
-    "@zag-js/toast": "0.67.0",
-    "@zag-js/toggle-group": "0.67.0",
-    "@zag-js/tooltip": "0.67.0",
-    "@zag-js/tour": "0.67.0",
-    "@zag-js/tree-view": "0.67.0",
-    "@zag-js/utils": "0.67.0",
-    "uid": "2.0.2"
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0-next.1"
-  },
-  "devDependencies": {
-    "@sveltejs/adapter-vercel": "5.4.3",
-    "@sveltejs/kit": "2.5.26",
-    "@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.45",
-    "publint": "0.2.10",
-    "release-it": "17.6.0",
-    "svelte": "5.0.0-next.244",
-    "svelte-check": "4.0.1",
-    "tailwind-merge": "2.5.2",
-    "tailwind-variants": "0.2.1",
-    "tailwindcss": "3.4.10",
-    "typescript": "5.6.2",
-    "vite": "5.4.3",
-    "vitest": "2.0.5",
-    "vitest-axe": "0.1.0"
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${npm.name} v${version}",
-      "tagName": "${npm.name}@${version}"
-    },
-    "github": {
-      "release": false
-    },
-    "hooks": {
-      "before:init": [
-        "pnpm check"
-      ],
-      "after:bump": [
-        "pnpm package"
-      ]
-    }
-  }
-}
+{
+  "name": "ui-ingredients",
+  "type": "module",
+  "version": "0.0.46",
+  "packageManager": "pnpm@9.7.0",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "author": {
+    "name": "John Paul Calvo",
+    "email": "calvojp92@gmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/calvo-jp/ui-ingredients.git",
+    "directory": "packages/ui-ingredients"
+  },
+  "bugs": {
+    "url": "https://github.com/calvo-jp/ui-ingredients/issues",
+    "email": "calvojp92@gmail.com"
+  },
+  "description": "Headless component library for Svelte powered by zag",
+  "keywords": [
+    "Svelte",
+    "Component Library",
+    "Headless",
+    "Accordion",
+    "Avatar",
+    "Carousel",
+    "Checkbox",
+    "Clipboard",
+    "Collapsible",
+    "Color Picker",
+    "Combobox",
+    "Date Picker",
+    "Dialog",
+    "Editable",
+    "File Upload",
+    "Hover Card",
+    "Menu",
+    "Number Input",
+    "Pagination",
+    "Pin Input",
+    "Popover",
+    "Presence",
+    "Progress",
+    "QR Code",
+    "Radio Group",
+    "Rating Group",
+    "Select",
+    "Signature Pad",
+    "Slider",
+    "Splitter",
+    "Steps",
+    "Switch",
+    "Tabs",
+    "Tags Input",
+    "Timer",
+    "Toast",
+    "Toggle Group",
+    "Tooltip"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "test": "vitest",
+    "release": "release-it"
+  },
+  "dependencies": {
+    "@zag-js/accordion": "0.68.0",
+    "@zag-js/anatomy": "0.68.0",
+    "@zag-js/avatar": "0.68.0",
+    "@zag-js/carousel": "0.68.0",
+    "@zag-js/checkbox": "0.68.0",
+    "@zag-js/clipboard": "0.68.0",
+    "@zag-js/collapsible": "0.68.0",
+    "@zag-js/color-picker": "0.68.0",
+    "@zag-js/combobox": "0.68.0",
+    "@zag-js/date-picker": "0.68.0",
+    "@zag-js/dialog": "0.68.0",
+    "@zag-js/dom-query": "0.68.0",
+    "@zag-js/editable": "0.68.0",
+    "@zag-js/file-upload": "0.68.0",
+    "@zag-js/floating-panel": "0.68.0",
+    "@zag-js/highlight-word": "0.68.0",
+    "@zag-js/hover-card": "0.68.0",
+    "@zag-js/i18n-utils": "0.68.0",
+    "@zag-js/menu": "0.68.0",
+    "@zag-js/number-input": "0.68.0",
+    "@zag-js/pagination": "0.68.0",
+    "@zag-js/pin-input": "0.68.0",
+    "@zag-js/popover": "0.68.0",
+    "@zag-js/presence": "0.68.0",
+    "@zag-js/progress": "0.68.0",
+    "@zag-js/qr-code": "0.68.0",
+    "@zag-js/radio-group": "0.68.0",
+    "@zag-js/rating-group": "0.68.0",
+    "@zag-js/select": "0.68.0",
+    "@zag-js/signature-pad": "0.68.0",
+    "@zag-js/slider": "0.68.0",
+    "@zag-js/splitter": "0.68.0",
+    "@zag-js/steps": "0.68.0",
+    "@zag-js/svelte": "0.68.0",
+    "@zag-js/switch": "0.68.0",
+    "@zag-js/tabs": "0.68.0",
+    "@zag-js/tags-input": "0.68.0",
+    "@zag-js/time-picker": "0.68.0",
+    "@zag-js/timer": "0.68.0",
+    "@zag-js/toast": "0.68.0",
+    "@zag-js/toggle-group": "0.68.0",
+    "@zag-js/tooltip": "0.68.0",
+    "@zag-js/tour": "0.68.0",
+    "@zag-js/tree-view": "0.68.0",
+    "@zag-js/utils": "0.68.0",
+    "uid": "2.0.2"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0-next.1"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-vercel": "5.4.3",
+    "@sveltejs/kit": "2.5.26",
+    "@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.45",
+    "publint": "0.2.10",
+    "release-it": "17.6.0",
+    "svelte": "5.0.0-next.244",
+    "svelte-check": "4.0.2",
+    "tailwind-merge": "2.5.2",
+    "tailwind-variants": "0.2.1",
+    "tailwindcss": "3.4.11",
+    "typescript": "5.6.2",
+    "vite": "5.4.4",
+    "vitest": "2.1.0",
+    "vitest-axe": "0.1.0"
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${npm.name} v${version}",
+      "tagName": "${npm.name}@${version}"
+    },
+    "github": {
+      "release": false
+    },
+    "hooks": {
+      "before:init": [
+        "pnpm check"
+      ],
+      "after:bump": [
+        "pnpm package"
+      ]
+    }
+  }
+}