chore: release/2.6.3 (#3132)

Update dependencies in all packages

apps/docs/components/package.json

@@ -27,8 +27,8 @@
     "@nuxtjs/color-mode": "^3.4.1",
     "@nuxtjs/seo": "^2.0.0-rc.10",
     "@nuxtjs/tailwindcss": "^6.12.0",
-    "@storefront-ui/typography": "^2.6.0",
-    "@storefront-ui/vue": "^2.6.2",
+    "@storefront-ui/typography": "^2.6.1",
+    "@storefront-ui/vue": "^2.6.3",
     "@tailwindcss/typography": "^0.5.13",
     "@vueuse/integrations": "^10.9.0",
     "@vueuse/nuxt": "^10.9.0",
@@ -40,7 +40,7 @@
     "sf-docs-base": "^1.2.4",
     "unstorage": "^1.10.1",
     "vite-svg-loader": "^5.1.0",
-    "vue": "^3.4.26"
+    "vue": "^3.4.27"
   },
   "resolutions": {
     "@storefront-ui/eslint-config": "workspace:*",

apps/preview/next/package.json

@@ -24,7 +24,7 @@
     "swr": "^2.2.5"
   },
   "devDependencies": {
-    "@frsource/autoresize-textarea": "^1.3.76",
+    "@frsource/autoresize-textarea": "^2.0.68",
     "@storefront-ui/eslint-config": "workspace:*",
     "@storefront-ui/example-style": "workspace:*",
     "@storefront-ui/react": "workspace:*",

apps/preview/nuxt/package.json

@@ -13,7 +13,7 @@
     "prettier": "prettier --log-level warn --no-error-on-unmatched-pattern \"**/*.{js,ts,vue}\""
   },
   "devDependencies": {
-    "@frsource/autoresize-textarea": "^2.0.66",
+    "@frsource/autoresize-textarea": "^2.0.68",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/tailwindcss": "^6.12.0",
     "@storefront-ui/eslint-config": "workspace:*",
@@ -24,15 +24,15 @@
     "@storefront-ui/vue": "workspace:*",
     "@tailwindcss/typography": "^0.5.13",
     "@types/lodash-es": "^4.17.12",
-    "@vueuse/core": "^10.3.0",
+    "@vueuse/core": "^10.9.0",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.34.0",
     "eslint-plugin-nuxt": "^4.0.0",
     "nuxt": "^3.11.2",
     "postcss": "^8.4.21",
     "prettier": "^3.0.0",
     "sass": "^1.75.0",
-    "sass-loader": "^13.3.3"
+    "sass-loader": "^14.2.1"
   },
   "dependencies": {
     "@storefront-ui/preview-shared": "workspace:^",

apps/test/react/package.json

@@ -21,11 +21,11 @@
     "test:ci:react": "yarn test:ci && CYPRESS_COVERAGE=true yarn cypress run --component && yarn generate-coverage"
   },
   "dependencies": {
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "^3.10.4",
+    "@cypress/code-coverage": "^3.12.29",
     "@frsource/cypress-plugin-visual-regression-diff": "^3.3.10",
     "@frsource/frs-replace": "^4.1.1",
     "@storefront-ui/eslint-config": "workspace:*",
@@ -43,14 +43,14 @@
     "chokidar-cli": "^3.0.0",
     "concurrently": "^8.2.2",
     "cpy-cli": "^4.2.0",
-    "cypress": "^13.2.0",
+    "cypress": "^13.8.1",
     "nyc": "^15.1.0",
     "postcss": "^8.4.21",
     "postcss-import": "^15.1.0",
     "rimraf": "^5.0.0",
     "tailwindcss": "^3.4.3",
-    "typescript": "^5.0.2",
-    "vite": "^4.3.0",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.1",
     "vite-plugin-istanbul": "^4.0.1"
   }
 }

apps/test/vue/cypress.config.ts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'cypress';
 import { initPlugin } from '@frsource/cypress-plugin-visual-regression-diff/plugins';
+import coverageTask from '@cypress/code-coverage/task';
 
 const isCoverageEnabled = process.env.CYPRESS_COVERAGE === 'true';
 const singleFile = process.env.SPEC ? `${process.env.SPEC}/` : '';
@@ -21,7 +22,7 @@ export default defineConfig({
     experimentalSingleTabRunMode: true,
     setupNodeEvents(on, config) {
       initPlugin(on, config);
-      isCoverageEnabled && require('@cypress/code-coverage/task')(on, config);
+      isCoverageEnabled && coverageTask(on, config);
       return config;
     },
   },

apps/test/vue/package.json

@@ -2,6 +2,7 @@
   "name": "@storefront-ui/vue-test",
   "version": "0.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev:not-run": "vite",
     "preview": "vite preview",
@@ -20,11 +21,11 @@
     "test:ci:vue": "yarn test:ci && CYPRESS_COVERAGE=true yarn cypress run --component && yarn generate-coverage"
   },
   "dependencies": {
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "vue": "^3.4.27",
+    "vue-router": "^4.3.2"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "^3.10.0",
+    "@cypress/code-coverage": "^3.12.29",
     "@frsource/cypress-plugin-visual-regression-diff": "^3.3.10",
     "@frsource/frs-replace": "^4.1.1",
     "@rushstack/eslint-patch": "^1.2.0",
@@ -37,22 +38,22 @@
     "@storefront-ui/vue": "workspace:*",
     "@tailwindcss/typography": "^0.5.13",
     "@types/node": "^20.12.7",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue": "^5.0.4",
     "@vue/tsconfig": "^0.1.3",
     "autoprefixer": "^10.4.19",
     "chokidar-cli": "^3.0.0",
     "concurrently": "^8.2.2",
     "cpy-cli": "^4.2.0",
-    "cypress": "^13.2.0",
+    "cypress": "^13.8.1",
     "nyc": "^15.1.0",
     "postcss": "^8.4.21",
     "postcss-import": "^15.1.0",
     "rimraf": "^4.1.2",
     "sass": "^1.75.0",
     "tailwindcss": "^3.4.3",
-    "typescript": "^4.9.5",
-    "vite": "^4.3.0",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.1",
     "vite-plugin-istanbul": "^4.0.0",
-    "vue-tsc": "^1.1.2"
+    "vue-tsc": "^2.0.16"
   }
 }

apps/test/vue/tsconfig.json

@@ -15,6 +15,7 @@
     "baseUrl": ".",
     "paths": {
       "@storefront-ui/vue": ["../../../packages/sfui/frameworks/vue/index.ts"]
-    }
+    },
+    "module": "ESNext"
   }
 }

package.json

@@ -65,14 +65,14 @@
     "babel-cli": "^6.26.0",
     "babel-preset-node": "^5.1.1",
     "commitizen": "^4.2.5",
-    "concurrently": "^7.4.0",
+    "concurrently": "^8.2.2",
     "husky": "^9.0.11",
     "hygen": "^6.2.8",
     "prettier": "latest",
     "rimraf": "^5.0.0",
     "tailwindcss": "^3.4.3",
     "turbo": "latest",
-    "typescript": "^4.9.5",
+    "typescript": "^5.4.5",
     "wait-on": "^7.0.1"
   },
   "engines": {

packages/config/tailwind/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @storefront-ui/tailwind-config
 
+## 2.5.1
+
+### Patch Changes
+
+- [#3132](https://github.com/vuestorefront/storefront-ui/pull/3132) [`19fa774`](https://github.com/vuestorefront/storefront-ui/commit/19fa774b38a05801256ced7c8af7731ea19defb9) Thanks [@Szymon-dziewonski](https://github.com/Szymon-dziewonski)! - Update dependencies
+
+- Updated dependencies [[`19fa774`](https://github.com/vuestorefront/storefront-ui/commit/19fa774b38a05801256ced7c8af7731ea19defb9)]:
+  - @storefront-ui/tw-plugin-peer-next@2.3.3
+
 ## 2.5.0
 
 ### Minor Changes

packages/config/tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storefront-ui/tailwind-config",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -11,6 +11,7 @@
     },
     "./*": "./*"
   },
+  "type": "module",
   "source": "index.ts",
   "main": "dist/index.mjs",
   "unpkg": "dist/index.umd.js",
@@ -29,9 +30,9 @@
     "url": "https://github.com/vuestorefront/storefront-ui/issues"
   },
   "devDependencies": {
-    "typescript": "^4.9.5",
-    "vite": "^4.3.0",
-    "vite-plugin-dts": "^2.0.0-beta.1"
+    "typescript": "^5.4.5",
+    "vite": "^5.2.1",
+    "vite-plugin-dts": "^3.9.1"
   },
   "dependencies": {
     "@mertasan/tailwindcss-variables": "^2.5.2",

packages/config/tailwind/tsconfig.json

@@ -7,7 +7,8 @@
     "target": "ESNext",
     "module": "ESNext",
     "baseUrl": ".",
-    "types": ["vite/client"]
+    "types": ["vite/client"],
+    "resolveJsonModule": true
   },
   "include": ["**/*.ts"],
   "exclude": ["./dist/**/*"]

packages/config/tests/package.json

@@ -10,6 +10,7 @@
     },
     "./*": "./*"
   },
+  "type": "module",
   "source": "index.ts",
   "main": "dist/index.mjs",
   "unpkg": "dist/index.umd.js",
@@ -22,8 +23,8 @@
     "build:test-utils": "vite build"
   },
   "devDependencies": {
-    "typescript": "^4.9.5",
-    "vite": "^4.3.0",
-    "vite-plugin-dts": "^2.0.0-beta.1"
+    "typescript": "^5.4.5",
+    "vite": "^5.2.1",
+    "vite-plugin-dts": "^3.9.1"
   }
 }

packages/sfui/frameworks/nuxt/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @storefront-ui/nuxt
 
+## 2.4.6
+
+### Patch Changes
+
+- [#3132](https://github.com/vuestorefront/storefront-ui/pull/3132) [`19fa774`](https://github.com/vuestorefront/storefront-ui/commit/19fa774b38a05801256ced7c8af7731ea19defb9) Thanks [@Szymon-dziewonski](https://github.com/Szymon-dziewonski)! - Update dependencies
+
+- Updated dependencies [[`19fa774`](https://github.com/vuestorefront/storefront-ui/commit/19fa774b38a05801256ced7c8af7731ea19defb9)]:
+  - @storefront-ui/vue@2.6.3
+
 ## 2.4.5
 
 ### Patch Changes

packages/sfui/frameworks/nuxt/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storefront-ui/nuxt",
-  "version": "2.4.5",
+  "version": "2.4.6",
   "homepage": "https://docs.storefrontui.io/v2/",
   "installConfig": {
     "hoistingLimits": "workspaces"

packages/sfui/frameworks/react/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @storefront-ui/react
 
+## 2.6.3
+
+### Patch Changes
+
+- [#3132](https://github.com/vuestorefront/storefront-ui/pull/3132) [`19fa774`](https://github.com/vuestorefront/storefront-ui/commit/19fa774b38a05801256ced7c8af7731ea19defb9) Thanks [@Szymon-dziewonski](https://github.com/Szymon-dziewonski)! - Update dependencies
+
+- Updated dependencies [[`19fa774`](https://github.com/vuestorefront/storefront-ui/commit/19fa774b38a05801256ced7c8af7731ea19defb9)]:
+  - @storefront-ui/tailwind-config@2.5.1
+  - @storefront-ui/shared@2.5.1
+
 ## 2.6.2
 
 ### Patch Changes

packages/sfui/frameworks/react/hooks/usePopover/types.ts

@@ -1,11 +1,11 @@
-import type { UseFloatingProps } from '@floating-ui/react-dom';
+import type { Middleware } from '@floating-ui/react-dom';
 import { SfPopoverPlacement, SfPopoverStrategy, type SfPopoverBasePlacement } from '@storefront-ui/shared';
 
 export { SfPopoverPlacement, SfPopoverStrategy, type SfPopoverBasePlacement };
 
 export interface UsePopoverOptions {
   isOpen?: boolean;
   placement?: `${SfPopoverPlacement}`;
-  middleware?: UseFloatingProps['middleware'];
+  middleware?: Array<Middleware | null | undefined | false>;
   strategy?: `${SfPopoverStrategy}`;
 }

packages/sfui/frameworks/react/hooks/usePopover/usePopover.ts

@@ -19,8 +19,8 @@ export function usePopover(options: UsePopoverOptions) {
 
   const style = {
     position: strategy,
-    top: y ?? 0,
-    left: x ?? 0,
+    top: y,
+    left: x,
   };
 
   return { refs, style, middlewareData };

packages/sfui/frameworks/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storefront-ui/react",
-  "version": "2.6.2",
+  "version": "2.6.3",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -40,7 +40,7 @@
     "dist"
   ],
   "dependencies": {
-    "@floating-ui/react-dom": "^1.3.0",
+    "@floating-ui/react-dom": "^2.0.9",
     "@storefront-ui/shared": "workspace:*",
     "@storefront-ui/tailwind-config": "workspace:*",
     "classnames": "^2.5.1",
@@ -57,12 +57,12 @@
     "concurrently": "^8.2.0",
     "eslint": "^8.34.0",
     "prettier": "^3.0.0",
-    "vite": "^4.3.0",
-    "vite-plugin-dts": "^2.0.0-beta.1",
+    "vite": "^5.2.1",
+    "vite-plugin-dts": "^3.9.1",
     "vite-tsconfig-paths": "^4.3.2"
   },
   "peerDependencies": {
-    "react": "^18.2.0"
+    "react": "^18.3.1"
   },
   "publishConfig": {
     "access": "public"

packages/sfui/frameworks/vue/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @storefront-ui/vue
 
+## 2.6.3
+
+### Patch Changes
+
+- [#3132](https://github.com/vuestorefront/storefront-ui/pull/3132) [`19fa774`](https://github.com/vuestorefront/storefront-ui/commit/19fa774b38a05801256ced7c8af7731ea19defb9) Thanks [@Szymon-dziewonski](https://github.com/Szymon-dziewonski)! - Update dependencies
+
+- Updated dependencies [[`19fa774`](https://github.com/vuestorefront/storefront-ui/commit/19fa774b38a05801256ced7c8af7731ea19defb9)]:
+  - @storefront-ui/tailwind-config@2.5.1
+  - @storefront-ui/shared@2.5.1
+
 ## 2.6.2
 
 ### Patch Changes

packages/sfui/frameworks/vue/composables/useDropdown/useDropdown.ts

@@ -1,5 +1,5 @@
 import { computed, unref } from 'vue';
-import { onClickOutside, onKeyStroke, type MaybeElementRef, type MaybeComputedRef } from '@vueuse/core';
+import { onClickOutside, onKeyStroke, type MaybeElementRef, type MaybeRefOrGetter } from '@vueuse/core';
 import { flip, offset, shift } from '@floating-ui/vue';
 import { type UseDropdownOptions, usePopover } from '@storefront-ui/vue';
 
@@ -14,7 +14,7 @@ export function useDropdown(options: UseDropdownOptions) {
   });
 
   onClickOutside(referenceRef as MaybeElementRef, onClose);
-  onKeyStroke('Escape', onClose, { target: referenceRef as MaybeComputedRef<EventTarget | null | undefined> });
+  onKeyStroke('Escape', onClose, { target: referenceRef as MaybeRefOrGetter<EventTarget | null | undefined> });
 
   return { floatingRef, referenceRef, style };
 }