chore: update pro

Author: Pagebakers

.changeset/real-wombats-search.md

@@ -0,0 +1,16 @@
+---
+'@saas-ui/command-bar': patch
+'@saas-ui/date-picker': patch
+'@saas-ui/data-table': patch
+'@saas-ui/supabase': patch
+'@saas-ui/charts': patch
+'@saas-ui/modals': patch
+'@saas-ui/storybook-addon': patch
+'@saas-ui/clerk': patch
+'@saas-ui/forms': patch
+'@saas-ui/core': patch
+'@saas-ui/props-docs': patch
+'@saas-ui/test-utils': patch
+---
+
+Updated dependencies

.changeset/two-melons-march.md

@@ -0,0 +1,5 @@
+---
+'@saas-ui/file-upload': minor
+---
+
+Updated zag.js and deprecated properties

apps/palette/package.json

@@ -13,8 +13,8 @@
   "dependencies": {
     "@chakra-ui/react": "^2.8.2",
     "@chakra-ui/system": "2.6.2",
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
     "@fontsource/inter": "^4.5.15",
     "@saas-ui/next-workspaces": "^0.3.0",
     "@saas-ui/palette": "workspace:*",
@@ -24,16 +24,16 @@
     "@types/lodash.debounce": "^4.0.9",
     "framer-motion": "^10.18.0",
     "lodash.debounce": "^4.0.8",
-    "next": "^14.2.3",
+    "next": "^14.2.4",
     "next-seo": "^6.5.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-icons": "^5.2.1"
   },
   "devDependencies": {
-    "@types/react": "^18.2.56",
+    "@types/react": "^18.3.3",
     "eslint": "^8.56.0",
-    "eslint-config-next": "^14.1.0",
-    "typescript": "^5.4.2"
+    "eslint-config-next": "^14.2.4",
+    "typescript": "^5.5.2"
   }
 }

apps/website/package.json

@@ -16,7 +16,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@ark-ui/react": "^2.2.3",
+    "@ark-ui/react": "^3.3.0",
     "@chakra-ui/icons": "^2.1.1",
     "@chakra-ui/next-js": "^2.2.0",
     "@chakra-ui/props-docs": "^2.2.1",
@@ -28,60 +28,60 @@
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
-    "@fontsource-variable/inter": "^5.0.16",
-    "@mapbox/rehype-prism": "^0.8.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@fontsource-variable/inter": "^5.0.18",
+    "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/loader": "^2.3.0",
-    "@next/bundle-analyzer": "^14.2.3",
-    "@octokit/rest": "^19.0.13",
+    "@next/bundle-analyzer": "^14.2.4",
+    "@octokit/rest": "^21.0.0",
     "@saas-ui/command-bar": "workspace:^",
     "@saas-ui/forms": "workspace:*",
     "@saas-ui/palette": "workspace:*",
     "@saas-ui/props-docs": "workspace:*",
     "@saas-ui/react": "workspace:*",
     "@supabase/ssr": "^0.3.0",
-    "@supabase/supabase-js": "^2.43.2",
+    "@supabase/supabase-js": "^2.43.5",
     "@svgr/webpack": "^5.5.0",
     "@vercel/og": "^0.6.2",
-    "canvas-confetti": "^1.9.2",
-    "change-case": "^5.4.3",
+    "canvas-confetti": "^1.9.3",
+    "change-case": "^5.4.4",
     "contentlayer2": "^0.4.6",
-    "date-fns": "^3.3.1",
+    "date-fns": "^3.6.0",
     "framer-motion": "^10.18.0",
     "github-slugger": "^2.0.0",
     "match-sorter": "^6.3.4",
-    "next": "^14.2.3",
+    "next": "^14.2.4",
     "next-contentlayer2": "^0.4.6",
     "next-mdx-remote": "^4.4.1",
     "next-seo": "^6.5.0",
     "prism-react-renderer": "^1.3.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-frame-component": "^5.2.6",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-frame-component": "^5.2.7",
     "react-icons": "^5.2.1",
-    "react-intersection-observer": "^9.8.0",
-    "react-live-runner": "^1.0.5",
+    "react-intersection-observer": "^9.10.3",
+    "react-live-runner": "^1.0.7",
     "react-markdown": "^8.0.7",
-    "react-shadow": "^20.4.0",
+    "react-shadow": "^20.5.0",
     "reading-time": "^1.5.0",
     "rehype-slug": "^6.0.0",
     "remark-code-titles": "^0.1.2",
     "remark-emoji": "^3.1.2",
     "remark-gfm": "^4.0.0",
     "yup": "^1.4.0",
-    "zod": "^3.22.4"
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@netlify/plugin-nextjs": "^4.41.3",
-    "@types/node": "^18.19.17",
-    "@types/react": "^18.2.56",
+    "@types/node": "^18.19.39",
+    "@types/react": "^18.3.3",
     "concurrently": "^8.2.2",
-    "electron-to-chromium": "^1.4.673",
+    "electron-to-chromium": "^1.4.810",
     "eslint": "^8.56.0",
-    "eslint-config-next": "^14.1.0",
+    "eslint-config-next": "^14.2.4",
     "file-loader": "^6.2.0",
-    "typescript": "^5.4.2",
-    "webpack": "^5.91.0"
+    "typescript": "^5.5.2",
+    "webpack": "^5.92.1"
   }
 }

apps/website/src/pages/docs/components/advanced-data/filters/props.mdx

@@ -27,10 +27,6 @@ scope: props
 
 ## Types
 
-### Filter
-
-<PropsTable of="Filter" />
-
 ### FilterItem
 
 <PropsTable of="FilterItem" />

apps/website/src/pages/docs/components/forms/file-upload/usage.mdx

@@ -41,25 +41,19 @@ import {
 
 export default function Basic() {
   return (
-    <FileUpload
-      /* Remove `getRootNode` in your code, only required for this example */
-      getRootNode={getRootNode}
-      maxFileSize={1024 * 1024}
-      maxFiles={1}
-      accept="image/*"
-    >
-      {({ files, deleteFile }) => (
+    <FileUpload maxFileSize={1024 * 1024} maxFiles={1} accept="image/*">
+      {({ acceptedFiles, deleteFile }) => (
         <FileUploadDropzone>
           <Text fontSize="sm">Drag your image here</Text>
-          {!files?.length ? (
+          {!acceptedFiles?.length ? (
             <FileUploadTrigger as={Button}>Select files</FileUploadTrigger>
           ) : (
             <HStack>
-              <Text fontSize="sm">{files[0].name}</Text>
+              <Text fontSize="sm">{acceptedFiles[0].name}</Text>
               <Button
                 onClick={(e) => {
                   e.stopPropagation()
-                  deleteFile(files[0])
+                  deleteFile(acceptedFiles[0])
                 }}
               >
                 Clear
@@ -87,21 +81,15 @@ import {
 
 export default function MultipleFiles() {
   return (
-    <FileUpload
-      /* Remove `getRootNode` in your code, only required for this example */
-      getRootNode={getRootNode}
-      maxFileSize={1024 * 1024}
-      maxFiles={10}
-      accept="image/*"
-    >
-      {({ files, clearFiles }) => (
+    <FileUpload maxFileSize={1024 * 1024} maxFiles={10} accept="image/*">
+      {({ acceptedFiles, clearFiles }) => (
         <FileUploadDropzone>
           <Text fontSize="sm">Drag your image(s) here</Text>
-          {!files?.length ? (
+          {!acceptedFiles?.length ? (
             <FileUploadTrigger as={Button}>Select image(s)</FileUploadTrigger>
           ) : (
             <HStack>
-              <Text fontSize="sm">{files.length} selected</Text>
+              <Text fontSize="sm">{acceptedFiles.length} selected</Text>
               <Button
                 onClick={(e) => {
                   e.stopPropagation()
@@ -132,27 +120,21 @@ import {
 
 export default function Basic() {
   return (
-    <FileUpload
-      /* Remove `getRootNode` in your code, only required for this example */
-      getRootNode={getRootNode}
-      maxFileSize={1024 * 1024}
-      maxFiles={1}
-      accept="image/*"
-    >
-      {({ files, deleteFile }) => (
+    <FileUpload maxFileSize={1024 * 1024} maxFiles={1} accept="image/*">
+      {({ acceptedFiles, deleteFile }) => (
         <FileUploadDropzone>
-          {!files?.length ? (
+          {!acceptedFiles?.length ? (
             <>
               <Text fontSize="sm">Drag your image here</Text>
               <FileUploadTrigger as={Button}>Select files</FileUploadTrigger>
             </>
           ) : (
             <HStack>
-              <FileUploadPreview file={files[0]} width="200px" />
+              <FileUploadPreview file={acceptedFiles[0]} width="200px" />
               <Button
                 onClick={(e) => {
                   e.stopPropagation()
-                  deleteFile(files[0])
+                  deleteFile(acceptedFiles[0])
                 }}
               >
                 Remove
@@ -170,7 +152,7 @@ export default function Basic() {
 
 FileUpload can be used in a `Form` by creating a custom field using `createField` provided by `@saas-ui/forms`.
 
-Make sure `isControlled` is set to true and call the `onChange` handler inside the `onFilesChange` callback to pass the file to the form state.
+Make sure `isControlled` is set to true and call the `onChange` handler inside the `onFileChange` callback to pass the file to the form state.
 
 ```jsx
 import { Text, HStack } from '@chakra-ui/react'
@@ -186,29 +168,27 @@ const UploadField = createField(
     const { onChange, ...rest } = props
     return (
       <FileUpload
-        /* Remove `getRootNode` in your code, only required for this example */
-        getRootNode={getRootNode}
         maxFileSize={1024 * 1024}
         accept="image/*"
         {...rest}
-        onFilesChange={(files) => {
-          onChange(files.acceptedFiles[0])
+        onFileChange={(files) => {
+          onChange(files.acceptedFiles)
         }}
         maxFiles={1}
         inputRef={ref}
       >
-        {({ files, deleteFile }) => (
+        {({ acceptedFiles, deleteFile }) => (
           <FileUploadDropzone>
             <Text fontSize="sm">Drag your image here</Text>
-            {!files?.length ? (
+            {!acceptedFiles?.length ? (
               <FileUploadTrigger as={Button}>Select files</FileUploadTrigger>
             ) : (
               <HStack>
-                <Text fontSize="sm">{files[0].name}</Text>
+                <Text fontSize="sm">{acceptedFiles[0].name}</Text>
                 <Button
                   onClick={(e) => {
                     e.stopPropagation()
-                    deleteFile(files[0])
+                    deleteFile(acceptedFiles[0])
                   }}
                 >
                   Clear

package.json

@@ -51,8 +51,8 @@
     "build:web": "yarn w website build",
     "build:theme": "turbo run build --filter='./packages/saas-ui-theme'",
     "build:tokens": "chakra-cli tokens packages/saas-ui-theme/src/saas-ui/theme.ts",
-    "build:packages": "turbo run build --filter='./packages/saas-ui-*' --filter='!./packages/pro/*' --concurrency=5 --no-deps --continue && yarn build:tokens",
-    "build:packages:force": "turbo run build --filter='./packages/saas-ui-*' --filter='!./packages/pro/*' --concurrency=5 --no-deps --continue --force && yarn build:tokens",
+    "build:packages": "turbo run build --filter='./packages/saas-ui-*' --filter='!./packages/pro/*' --concurrency=5 --continue && yarn build:tokens",
+    "build:packages:force": "turbo run build --filter='./packages/saas-ui-*' --filter='!./packages/pro/*' --concurrency=5 --continue --force && yarn build:tokens",
     "watch:theme": "turbo run build --filter='./packages/saas-ui-theme' -- --watch",
     "clean:packages": "turbo run clean",
     "build:storybook-addon": "yarn w @saas-ui/storybook-addon build",
@@ -73,17 +73,17 @@
   "devDependencies": {
     "@chakra-ui/cli": "^2.4.1",
     "@chakra-ui/react": "^2.8.2",
-    "@changesets/cli": "^2.27.2",
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
+    "@changesets/cli": "^2.27.5",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
     "@manypkg/get-packages": "^1.1.3",
-    "@swc/core": "^1.5.7",
-    "@types/node": "^18.19.17",
+    "@swc/core": "^1.6.5",
+    "@types/node": "^18.19.39",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
-    "browserslist": "^4.23.0",
+    "browserslist": "^4.23.1",
     "cross-env": "^7.0.3",
-    "date-fns": "^3.3.1",
+    "date-fns": "^3.6.0",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^8.10.0",
     "eslint-import-resolver-typescript": "^3.6.1",
@@ -96,36 +96,36 @@
     "lint-staged": "^13.3.0",
     "lodash": "^4.17.21",
     "node-releases": "^2.0.14",
-    "prettier": "^3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "prettier": "^3.3.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-icons": "^5.2.1",
-    "react-is": "^18.2.0",
-    "react-test-renderer": "^18.2.0",
+    "react-is": "^18.3.1",
+    "react-test-renderer": "^18.3.1",
     "rimraf": "^4.4.1",
     "ts-node": "^10.9.2",
-    "tsup": "^8.0.2",
-    "tsx": "^4.7.1",
-    "turbo": "1.11.3",
-    "typescript": "^5.4.2",
+    "tsup": "^8.1.0",
+    "tsx": "^4.15.7",
+    "turbo": "2.0.4",
+    "typescript": "^5.5.2",
     "vercel-submodules": "^1.0.10",
-    "vitest": "^0.34.6",
+    "vitest": "^1.6.0",
     "yup": "^1.4.0",
-    "zod": "^3.22.4"
+    "zod": "^3.23.8"
   },
   "resolutions": {
     "unist-util-visit": "4.0.0",
     "react": "18.2.0",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@zag-js/core": "^0.38.1",
-    "@zag-js/store": "^0.38.1",
-    "@zag-js/file-upload": "^0.38.1",
+    "@zag-js/core": "^0.56.1",
+    "@zag-js/store": "^0.56.1",
+    "@zag-js/file-upload": "^0.56.1",
     "@storybook/react-dom-shim@npm": "8.0.8",
     "@storybook/cli": "8.0.8"
   },
   "packageManager": "yarn@4.2.2",
   "dependencies": {
-    "@microsoft/api-extractor": "^7.43.0"
+    "@microsoft/api-extractor": "^7.47.0"
   }
 }