Merge remote-tracking branch 'origin' into open-in-stackblitz

.changeset/config.json

@@ -18,12 +18,14 @@
     "@zag-js/shared",
     "next-app",
     "next-ts",
-    "vue-ts",
+    "nuxt-ts",
     "solid-ts",
     "nuxt-ts",
+    "react-19",
     "preact-ts",
     "svelte-ts",
     "vanilla-ts",
+    "lit-ts",
     "website"
   ]
 }

.github/composite-actions/install/action.yml

@@ -4,15 +4,15 @@ description: "Sets up Node.js and runs install"
 runs:
   using: composite
   steps:
-    - uses: pnpm/action-setup@v2
+    - uses: pnpm/action-setup@v4
       name: Install pnpm
-      id: pnpm-install
 
     - name: Setup Node.js
       uses: actions/setup-node@v3
       with:
         node-version-file: ".nvmrc"
         registry-url: "https://registry.npmjs.org"
+        cache: "pnpm"
 
     - name: Setup Git User
       shell: bash

.github/workflows/pkg-pr.yml

@@ -0,0 +1,25 @@
+name: Publish Any Commit
+
+on: [push, pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - run: corepack enable
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm build
+
+      - run: pnpx pkg-pr-new publish './packages/*'

.github/workflows/release.yml

@@ -15,6 +15,7 @@ env:
   FORCE_COLOR: 2
   TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
   TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+  HUSKY: 0
 
 jobs:
   release:
@@ -43,16 +44,6 @@ jobs:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
           GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
 
-      - name: Release to dev tag
-        if: steps.changesets.outputs.published != 'true'
-        run: |
-          git checkout main
-          pnpm changeset version --snapshot dev
-          pnpm changeset publish --tag dev
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
       - name: Slack notification
         if: steps.changesets.outputs.published == 'true'
         run: pnpm slack

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "examples/next-ts/pages/compositions"]
+	path = examples/next-ts/pages/compositions
+	url = [email protected]:chakra-ui/zag-plus.git

.husky/commit-msg

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx commitlint --edit "${1}"

.husky/pre-commit

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx lint-staged

.xstate/date-picker.js

@@ -13,7 +13,6 @@ const fetchMachine = createMachine({
   id: "datepicker",
   initial: ctx.open ? "open" : "idle",
   context: {
-    "isOpenControlled": false,
     "isOpenControlled": false,
     "isYearView": false,
     "isMonthView": false,
@@ -90,13 +89,9 @@ const fetchMachine = createMachine({
     "INPUT.FOCUS": {
       actions: ["setActiveIndex"]
     },
-    "INPUT.BLUR": [{
-      cond: "isOpenControlled",
-      actions: ["setActiveIndexToStart", "selectParsedDate", "invokeOnClose"]
-    }, {
-      target: "idle",
+    "INPUT.BLUR": {
       actions: ["setActiveIndexToStart", "selectParsedDate"]
-    }],
+    },
     "PRESET.CLICK": [{
       cond: "isOpenControlled",
       actions: ["setDateValue", "setFocusedDate", "invokeOnClose"]

.xstate/dialog.js

@@ -29,22 +29,21 @@ const fetchMachine = createMachine({
       activities: ["trackDismissableElement", "trapFocus", "preventScroll", "hideContentBelow"],
       on: {
         "CONTROLLED.CLOSE": {
-          target: "closed",
-          actions: ["setFinalFocus"]
+          target: "closed"
         },
         CLOSE: [{
           cond: "isOpenControlled",
           actions: ["invokeOnClose"]
         }, {
           target: "closed",
-          actions: ["invokeOnClose", "setFinalFocus"]
+          actions: ["invokeOnClose"]
         }],
         TOGGLE: [{
           cond: "isOpenControlled",
           actions: ["invokeOnClose"]
         }, {
           target: "closed",
-          actions: ["invokeOnClose", "setFinalFocus"]
+          actions: ["invokeOnClose"]
         }]
       }
     },

.xstate/editable.js

@@ -11,13 +11,16 @@ const {
 } = actions;
 const fetchMachine = createMachine({
   id: "editable",
-  initial: ctx.startWithEditView ? "edit" : "preview",
-  entry: ctx.startWithEditView ? ["focusInput"] : undefined,
+  initial: ctx.edit ? "edit" : "preview",
+  entry: ctx.edit ? ["focusInput"] : undefined,
   context: {
-    "submitOnBlur": false
+    "isEditControlled": false,
+    "isSubmitEvent": false,
+    "isEditControlled": false,
+    "isEditControlled": false
   },
   on: {
-    SET_VALUE: {
+    "VALUE.SET": {
       actions: "setValue"
     }
   },
@@ -31,34 +34,44 @@ const fetchMachine = createMachine({
       // https://bugzilla.mozilla.org/show_bug.cgi?id=559561
       entry: ["blurInputIfNeeded"],
       on: {
-        EDIT: {
+        "CONTROLLED.EDIT": {
+          target: "edit",
+          actions: ["setPreviousValue", "focusInput"]
+        },
+        EDIT: [{
+          cond: "isEditControlled",
+          actions: ["invokeOnEdit"]
+        }, {
           target: "edit",
           actions: ["setPreviousValue", "focusInput", "invokeOnEdit"]
-        }
+        }]
       }
     },
     edit: {
       activities: ["trackInteractOutside"],
       on: {
-        TYPE: {
-          actions: "setValue"
-        },
-        BLUR: [{
-          cond: "submitOnBlur",
+        "CONTROLLED.PREVIEW": [{
+          cond: "isSubmitEvent",
           target: "preview",
-          actions: ["restoreFocus", "invokeOnSubmit"]
+          actions: ["setPreviousValue", "restoreFocus", "invokeOnSubmit"]
         }, {
           target: "preview",
           actions: ["revertValue", "restoreFocus", "invokeOnCancel"]
         }],
-        CANCEL: {
+        CANCEL: [{
+          cond: "isEditControlled",
+          actions: ["invokeOnPreview"]
+        }, {
           target: "preview",
-          actions: ["revertValue", "restoreFocus", "invokeOnCancel"]
-        },
-        SUBMIT: {
+          actions: ["revertValue", "restoreFocus", "invokeOnCancel", "invokeOnPreview"]
+        }],
+        SUBMIT: [{
+          cond: "isEditControlled",
+          actions: ["invokeOnPreview"]
+        }, {
           target: "preview",
-          actions: ["setPreviousValue", "restoreFocus", "invokeOnSubmit"]
-        }
+          actions: ["setPreviousValue", "restoreFocus", "invokeOnSubmit", "invokeOnPreview"]
+        }]
       }
     }
   }
@@ -71,6 +84,7 @@ const fetchMachine = createMachine({
     })
   },
   guards: {
-    "submitOnBlur": ctx => ctx["submitOnBlur"]
+    "isEditControlled": ctx => ctx["isEditControlled"],
+    "isSubmitEvent": ctx => ctx["isSubmitEvent"]
   }
 });

.xstate/file-upload.js

@@ -12,10 +12,7 @@ const {
 const fetchMachine = createMachine({
   id: "fileupload",
   initial: "idle",
-  context: {
-    "!isWithinRange": false,
-    "!isWithinRange": false
-  },
+  context: {},
   on: {
     "FILES.SET": {
       actions: ["setFilesFromEvent"]
@@ -45,13 +42,9 @@ const fetchMachine = createMachine({
           actions: ["openFilePicker"]
         },
         "DROPZONE.FOCUS": "focused",
-        "DROPZONE.DRAG_OVER": [{
-          cond: "!isWithinRange",
-          target: "dragging",
-          actions: ["setInvalid"]
-        }, {
+        "DROPZONE.DRAG_OVER": {
           target: "dragging"
-        }]
+        }
       }
     },
     focused: {
@@ -63,24 +56,19 @@ const fetchMachine = createMachine({
         "DROPZONE.CLICK": {
           actions: ["openFilePicker"]
         },
-        "DROPZONE.DRAG_OVER": [{
-          cond: "!isWithinRange",
-          target: "dragging",
-          actions: ["setInvalid"]
-        }, {
+        "DROPZONE.DRAG_OVER": {
           target: "dragging"
-        }]
+        }
       }
     },
     dragging: {
       on: {
         "DROPZONE.DROP": {
           target: "idle",
-          actions: ["clearInvalid", "setFilesFromEvent", "syncInputElement"]
+          actions: ["setFilesFromEvent", "syncInputElement"]
         },
         "DROPZONE.DRAG_LEAVE": {
-          target: "idle",
-          actions: ["clearInvalid"]
+          target: "idle"
         }
       }
     }
@@ -93,7 +81,5 @@ const fetchMachine = createMachine({
       };
     })
   },
-  guards: {
-    "!isWithinRange": ctx => ctx["!isWithinRange"]
-  }
+  guards: {}
 });

.xstate/menu.js

@@ -209,7 +209,7 @@ const fetchMachine = createMachine({
     },
     closed: {
       tags: ["closed"],
-      entry: ["clearHighlightedItem", "focusTrigger", "clearAnchorPoint", "resumePointer"],
+      entry: ["clearHighlightedItem", "focusTrigger", "resumePointer"],
       on: {
         "CONTROLLED.OPEN": [{
           cond: "isOpenAutoFocusEvent || isArrowDownEvent",