ui-ingredients 0.0.47 → 0.0.48

package/README.md

@@ -2,7 +2,7 @@
 
 Headless component library for [Svelte](https://svelte.dev/) powered by [zag](https://zagjs.com/)
 
-> ⚠️ This project is in early development. Feel free to use it, and contributions are welcome. Use with caution!
+> ⚠️ This project is currently in the early stages of development. You're welcome to use it and we encourage contributions. Please use with caution as it is still evolving!
 
 ## Installation
 

package/dist/toast/create-toaster.svelte.js

@@ -1,18 +1,10 @@
-import { getEnvironmentContext } from '../environment-provider/index.js';
-import { getLocaleContext } from '../locale-provider/index.js';
 import { normalizeProps, reflect } from '@zag-js/svelte';
 import * as toast from '@zag-js/toast';
 import { uid } from 'uid';
 export function createToaster(props) {
-    const locale = getLocaleContext();
-    const environment = getEnvironmentContext();
-    const id = uid();
-    const machine = $derived(toast.group.machine({
-        ...props,
-        id: props?.id ?? id,
-        dir: locale?.dir,
-        getRootNode: environment?.getRootNode,
-    }));
+    const id_ = uid();
+    const id = $derived(props?.id ?? id_);
+    const machine = $derived(toast.group.machine({ ...props, id }));
     return reflect(() => ({
         machine,
         ...toast.group.connect(machine, machine.send, normalizeProps),

package/dist/toast/toaster.svelte

@@ -10,6 +10,8 @@
 </script>
 
 <script lang="ts">
+  import {getEnvironmentContext} from '../environment-provider/context.svelte.js';
+  import {getLocaleContext} from '../locale-provider/context.svelte.js';
   import {mergeProps} from '../merge-props.js';
   import {Portal} from '../portal/index.js';
   import {normalizeProps, useMachine} from '@zag-js/svelte';
@@ -18,7 +20,15 @@
 
   let {this: e, toaster, children, ...props}: ToasterProps = $props();
 
-  let [snapshot, send] = useMachine(toaster.machine);
+  const locale = getLocaleContext();
+  const environment = getEnvironmentContext();
+
+  let [snapshot, send] = useMachine(toaster.machine, {
+    context: {
+      dir: locale?.dir,
+      getRootNode: environment?.getRootNode,
+    },
+  });
 
   let placement = $derived(snapshot.context.placement);
   let api = $derived(toast.group.connect(snapshot, send, normalizeProps));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -141,7 +141,7 @@
     "@sveltejs/package": "2.3.5",
     "@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
     "@testing-library/jest-dom": "6.5.0",
-    "@testing-library/svelte": "5.2.0-next.3",
+    "@testing-library/svelte": "5.2.1",
     "@untitled-theme/icons-svelte": "0.10.7",
     "autoprefixer": "10.4.20",
     "globals": "15.9.0",