feat: fix for root node

Author: gperdomor

examples/lit-ts/package.json

@@ -78,7 +78,6 @@
     "@zag-js/switch": "workspace:*",
     "@zag-js/tabs": "workspace:*",
     "@zag-js/tags-input": "workspace:*",
-    "@zag-js/time-picker": "workspace:*",
     "@zag-js/timer": "workspace:*",
     "@zag-js/toast": "workspace:*",
     "@zag-js/toggle": "workspace:*",

examples/lit-ts/src/combobox.ts

@@ -29,6 +29,7 @@ export class Combobox extends Component<combobox.Api> {
     const self = this
     return new VanillaMachine(combobox.machine, {
       id: this.id,
+      getRootNode: () => this.renderRoot,
       get collection() {
         return self.getCollection(self.options || comboboxData)
       },

examples/lit-ts/src/popover.ts

@@ -11,6 +11,7 @@ export class Popover extends Component<popover.Api> {
   initMachine() {
     return new VanillaMachine(popover.machine, {
       id: this.id,
+      getRootNode: () => this.renderRoot,
       positioning: {
         placement: "right",
       },

package.json

@@ -19,10 +19,12 @@
     "vue": "pnpm --filter \"./examples/nuxt-ts\"",
     "solid": "pnpm --filter \"./examples/solid-ts\"",
     "svelte": "pnpm --filter \"./examples/svelte-ts\"",
+    "lit": "pnpm --filter \"./examples/lit-ts\"",
     "start-react": "pnpm react dev",
     "start-vue": "pnpm vue dev",
     "start-solid": "pnpm solid dev",
     "start-svelte": "pnpm svelte dev",
+    "start-lit": "pnpm lit dev",
     "start-website": "pnpm website dev",
     "pw-report": "playwright show-report e2e/report",
     "pw-test": "cross-env FRAMEWORK=react playwright test",