chore(deps): bump dependencies to latest minor/patch versions

.oxfmtrc.json

@@ -2,25 +2,18 @@
   "printWidth": 100,
   "singleQuote": true,
   "trailingComma": "es5",
-  "importOrder": [
-    ".*styles.css$",
-    "",
-    "dayjs",
-    "^react$",
-    "^next$",
-    "^next/.*$",
-    "<BUILTIN_MODULES>",
-    "<THIRD_PARTY_MODULES>",
-    "^@mantine/(.*)$",
-    "^@mantinex/(.*)$",
-    "^@mantine-tests/(.*)$",
-    "^@docs/(.*)$",
-    "^@/.*$",
-    "^../(?!.*\\.css$).*$",
-    "^./(?!.*\\.css$).*$",
-    "\\.module\\.css$",
-    "(?<!\\.module)\\.css$"
-  ],
+  "sortImports": {
+    "groups": [
+      "side_effect_style",
+      "external",
+      "internal",
+      ["parent", "sibling", "index"],
+      "style",
+      "unknown"
+    ],
+    "newlinesBetween": false,
+    "order": "asc"
+  },
   "sortPackageJson": false,
   "ignorePatterns": [
     "*.d.ts",

.storybook/preview.tsx

@@ -1,5 +1,4 @@
 import '@mantine/core/styles.css';
-
 import { MantineProvider } from '@mantine/core';
 
 export const parameters = {

.yarnrc.yml

@@ -1,3 +1,8 @@
+approvedGitRepositories:
+  - "**"
+
+enableScripts: true
+
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.13.0.cjs
+yarnPath: .yarn/releases/yarn-4.14.1.cjs

docs/components/DocsTabs/DocsTabs.tsx

@@ -1,7 +1,7 @@
-import React, { useEffect, useState } from 'react';
-import { useRouter } from 'next/router';
-import { IconAdjustments, IconCode, IconFileText } from '@tabler/icons-react';
 import { Container, Tabs } from '@mantine/core';
+import { IconAdjustments, IconCode, IconFileText } from '@tabler/icons-react';
+import { useRouter } from 'next/router';
+import React, { useEffect, useState } from 'react';
 import { PropsTablesList } from '../PropsTable';
 import { StylesApiTablesList } from '../StylesApiTable';
 import { TableOfContents } from '../TableOfContents';

docs/components/Footer/Footer.tsx

@@ -1,9 +1,3 @@
-import {
-  IconBrandGithubFilled,
-  IconBrandMantine,
-  IconBrandX,
-  IconMailHeart,
-} from '@tabler/icons-react';
 import {
   ActionIcon,
   Anchor,
@@ -16,6 +10,12 @@ import {
   ThemeIcon,
   Title,
 } from '@mantine/core';
+import {
+  IconBrandGithubFilled,
+  IconBrandMantine,
+  IconBrandX,
+  IconMailHeart,
+} from '@tabler/icons-react';
 import packageJson from '../../../package/package.json';
 import { Logo } from '../Shell';
 import { AnimateBadge } from './AnimateBadge';

docs/components/MdxElements/MdxElements.tsx

@@ -1,9 +1,9 @@
-import React from 'react';
-import cx from 'clsx';
-import type { MDXComponents } from 'mdx/types';
 import { CodeHighlight } from '@mantine/code-highlight';
 import { Anchor, Code, Image, Title } from '@mantine/core';
 import { Demo } from '@mantinex/demo';
+import cx from 'clsx';
+import type { MDXComponents } from 'mdx/types';
+import React from 'react';
 import { MdxInfo } from '../MdxInfo/MdxInfo';
 import classes from './MdxElements.module.css';
 

docs/components/MdxInfo/MdxInfo.tsx

@@ -1,6 +1,6 @@
+import { Blockquote, BlockquoteProps, rgba, useMantineTheme } from '@mantine/core';
 import { IconInfoCircle } from '@tabler/icons-react';
 import cx from 'clsx';
-import { Blockquote, BlockquoteProps, rgba, useMantineTheme } from '@mantine/core';
 import classes from './MdxInfo.module.css';
 
 export function MdxInfo({ className, ...others }: BlockquoteProps) {

docs/components/PageHeader/PageHeader.tsx

@@ -1,3 +1,5 @@
+import { Badge, Container, Text, Title } from '@mantine/core';
+import { GithubIcon, NpmIcon } from '@mantinex/dev-icons';
 import {
   IconEdit,
   IconHeartFilled,
@@ -6,8 +8,6 @@ import {
   IconUserCode,
   IconVersions,
 } from '@tabler/icons-react';
-import { Badge, Container, Text, Title } from '@mantine/core';
-import { GithubIcon, NpmIcon } from '@mantinex/dev-icons';
 import pack from '../../../package/package.json';
 import type { PackageData } from '../../data';
 import { PageHeaderLink } from './PageHeaderLink/PageHeaderLink';

docs/components/PropsTable/PropsTable.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Highlight, Table, Text } from '@mantine/core';
+import React from 'react';
 import { TableError } from '../TableError';
 import { TableInlineCode } from '../TableInlineCode';
 

docs/components/PropsTable/PropsTablesList.tsx

@@ -1,6 +1,6 @@
-import { useState } from 'react';
-import { IconSearch } from '@tabler/icons-react';
 import { TextInput, Title } from '@mantine/core';
+import { IconSearch } from '@tabler/icons-react';
+import { useState } from 'react';
 import { getComponentName } from './getComponentName';
 import { PropsTable } from './PropsTable';
 import classes from './PropsTablesList.module.css';

docs/components/Shell/Shell.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-import cx from 'clsx';
 import {
   ActionIcon,
   AppShell,
@@ -13,6 +11,8 @@ import { useHotkeys } from '@mantine/hooks';
 import { ColorSchemeControl, HeaderControls } from '@mantinex/mantine-header';
 import { MantineLogo } from '@mantinex/mantine-logo';
 import { meta } from '@mantinex/mantine-meta';
+import cx from 'clsx';
+import React from 'react';
 import { PACKAGE_DATA } from '../../data';
 import { Logo } from './Logo';
 import classes from './Shell.module.css';

docs/components/StylesApiTable/ModifiersTable.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Table, TableProps, Text } from '@mantine/core';
+import React from 'react';
 import { TableInlineCode } from '../TableInlineCode';
 import type { StylesApiData } from './StylesApiTable';
 

docs/components/StylesApiTable/SelectorsTable.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Table, TableProps, Text } from '@mantine/core';
+import React from 'react';
 import { TableInlineCode } from '../TableInlineCode';
 import type { StylesApiData } from './StylesApiTable';
 

docs/components/StylesApiTable/StylesApiTable.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Title } from '@mantine/core';
+import React from 'react';
 import { getComponentName } from '../PropsTable';
 import { TableError } from '../TableError';
 import { ModifiersTable } from './ModifiersTable';

docs/components/StylesApiTable/StylesApiTablesList.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Code } from '@mantine/core';
+import React from 'react';
 import { MdxLink, MdxParagraph, MdxTitle } from '../MdxElements/MdxElements';
 import { StylesApiTable } from './StylesApiTable';
 import classes from './StylesApiTable.module.css';

docs/components/StylesApiTable/VariablesTable.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Table, TableProps, Text } from '@mantine/core';
+import React from 'react';
 import { TableInlineCode } from '../TableInlineCode';
 import type { StylesApiData } from './StylesApiTable';
 

docs/components/TableError/TableError.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Anchor, Text } from '@mantine/core';
+import React from 'react';
 
 interface TableErrorProps {
   errorOf: string;

docs/components/TableInlineCode/TableInlineCode.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import cx from 'clsx';
 import { ElementProps, Text, TextProps } from '@mantine/core';
+import cx from 'clsx';
+import React from 'react';
 import classes from './TableInlineCode.module.css';
 
 interface TableInlineCodeProps extends TextProps, ElementProps<'span', 'color'> {}

docs/components/TableOfContents/TableOfContents.tsx

@@ -1,6 +1,6 @@
-import { useRouter } from 'next/router';
 import { Box, ScrollArea, Space, Text } from '@mantine/core';
 import { useScrollSpy } from '@mantine/hooks';
+import { useRouter } from 'next/router';
 import classes from './TableOfContents.module.css';
 
 interface TableOfContentsProps {

docs/components/styles-api.types.ts

@@ -1,5 +1,5 @@
-import type { EmptyObject } from 'type-fest';
 import type { FactoryPayload, TransformVars } from '@mantine/core';
+import type { EmptyObject } from 'type-fest';
 
 export interface Modifier<StylesNames extends string> {
   modifier: string;

docs/package.json

@@ -10,9 +10,9 @@
   },
   "dependencies": {
     "@gfazioli/mantine-qr-code": "workspace:*",
-    "@mantine/code-highlight": "9.2.0",
-    "@mantine/core": "9.2.0",
-    "@mantine/hooks": "9.2.0",
+    "@mantine/code-highlight": "9.2.1",
+    "@mantine/core": "9.2.1",
+    "@mantine/hooks": "9.2.1",
     "@mantinex/demo": "^2.0.0",
     "@mantinex/dev-icons": "^2.0.0",
     "@mantinex/mantine-header": "^2.0.0",

docs/pages/_app.tsx

@@ -6,11 +6,10 @@ import '@mantinex/mantine-header/styles.css';
 import '@mantinex/mantine-logo/styles.css';
 // Component
 import '@gfazioli/mantine-qr-code/styles.css';
-
-import { AppProps } from 'next/app';
-import Head from 'next/head';
 import { CodeHighlightAdapterProvider, createShikiAdapter } from '@mantine/code-highlight';
 import { MantineProvider } from '@mantine/core';
+import { AppProps } from 'next/app';
+import Head from 'next/head';
 import favicon from '../assets/favicon.svg';
 import { Footer } from '../components/Footer';
 import { theme } from '../theme';

docs/pages/_document.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Head, Html, Main, NextScript } from 'next/document';
 import { ColorSchemeScript } from '@mantine/core';
+import { Head, Html, Main, NextScript } from 'next/document';
+import React from 'react';
 
 export default function Document() {
   return (

package.json

@@ -2,7 +2,7 @@
   "name": "m-90d2bb8",
   "version": "0.1.1",
   "description": "This package.json is not published to npm, modify the file in package/package.json",
-  "packageManager": "yarn@4.13.0",
+  "packageManager": "yarn@4.14.1",
   "repository": "mantinedev/extension-template.git",
   "workspaces": [
     "docs",
@@ -32,13 +32,13 @@
   },
   "devDependencies": {
     "@mantine-tests/core": "^2.1.0",
-    "@mantine/core": "9.2.0",
-    "@mantine/hooks": "9.2.0",
+    "@mantine/core": "9.2.1",
+    "@mantine/hooks": "9.2.1",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
-    "@storybook/addon-themes": "^10.3.6",
-    "@storybook/react": "^10.3.6",
-    "@storybook/react-vite": "^10.3.6",
+    "@storybook/addon-themes": "^10.4.0",
+    "@storybook/react": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -63,25 +63,25 @@
     "jest-axe": "^9.0.0",
     "jest-environment-jsdom": "^29.7.0",
     "mantine-docgen-script": "^1.6.0",
-    "oxfmt": "^0.49.0",
-    "oxlint": "^1.64.0",
+    "oxfmt": "^0.50.0",
+    "oxlint": "^1.65.0",
     "postcss": "^8.5.14",
     "postcss-preset-mantine": "1.18.0",
     "react": "19.2.6",
     "react-dom": "19.2.6",
     "rimraf": "^6.1.3",
-    "rollup": "^4.60.3",
+    "rollup": "^4.60.4",
     "rollup-plugin-banner2": "^1.3.1",
     "rollup-plugin-esbuild": "^6.2.1",
     "rollup-plugin-node-externals": "^8.1.2",
     "rollup-plugin-postcss": "^4.0.2",
     "signale": "^1.4.0",
     "simple-git": "^3.36.0",
-    "storybook": "^10.3.6",
+    "storybook": "^10.4.0",
     "stylelint": "^16.26.1",
     "stylelint-config-standard-scss": "^14.0.0",
     "syncpack": "^13.0.4",
-    "tsx": "^4.21.0",
+    "tsx": "^4.22.1",
     "typescript": "6.0.3",
     "version-next": "^1.0.2",
     "vite": "^6.4.2",

package/src/QRCode.story.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Group, Paper, Stack, Text } from '@mantine/core';
+import React from 'react';
 import { QRCode } from './QRCode';
 
 export default {

package/src/QRCode.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { render } from '@mantine-tests/core';
+import React from 'react';
 import { QRCode } from './QRCode';
 
 describe('QRCode', () => {

package/src/QRCode.tsx

@@ -1,4 +1,3 @@
-import React, { useMemo } from 'react';
 import {
   Box,
   createVarsResolver,
@@ -16,6 +15,7 @@
   type PolymorphicFactory,
   type StylesApiProps,
 } from '@mantine/core';
+import React, { useMemo } from 'react';
 import { dotPath, type DotStyle } from './lib/dot-shapes';
 import { finderPatternPaths, type CornerStyle } from './lib/finder-shapes';
 import { generateQRMatrix, isFinderPattern } from './lib/qr-encoder';
@@ -261,7 +261,7 @@
         {...getStyles('svg')}
         viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}
         xmlns="http://www.w3.org/2000/svg"
         role="img"
         aria-label={`QR Code: ${value}`}
       >
         <rect {...getStyles('background')} x="0" y="0" width={viewBoxSize} height={viewBoxSize} />

scripts/docgen.ts

@@ -1,5 +1,5 @@
-import path from 'path';
 import { generateDeclarations } from 'mantine-docgen-script';
+import path from 'path';
 
 const getComponentPath = (componentPath: string) =>
   path.join(process.cwd(), 'package/src', componentPath);

scripts/generate-dts.ts

@@ -1,7 +1,7 @@
-import path from 'node:path';
 import fs from 'fs-extra';
 import signale from 'signale';
 import { $ } from 'zx';
+import path from 'node:path';
 
 async function generateDts() {
   try {

scripts/nojekyll.ts

@@ -1,4 +1,4 @@
-import path from 'node:path';
 import fs from 'fs-extra';
+import path from 'node:path';
 
 fs.writeFileSync(path.join(process.cwd(), 'docs/out/.nojekyll'), '');

scripts/prepare-css.ts

@@ -1,6 +1,6 @@
-import path from 'node:path';
 import fs from 'fs-extra';
 import signale from 'signale';
+import path from 'node:path';
 
 const rollupCssFilePath = path.join(process.cwd(), './package/dist/esm/index.css');
 

scripts/release.ts

@@ -1,4 +1,3 @@
-import path from 'node:path';
 import chalk from 'chalk';
 import fs from 'fs-extra';
 import signale from 'signale';
@@ -9,6 +8,7 @@ import { hideBin } from 'yargs/helpers';
 import { $ } from 'zx';
 import { run } from './run';
 import { updateVersion } from './update-version';
+import path from 'node:path';
 
 function extractChangelogBody(changelogPath: string): string {
   if (!fs.existsSync(changelogPath)) {

scripts/update-version.ts

@@ -1,5 +1,5 @@
-import path from 'node:path';
 import fs from 'fs-extra';
+import path from 'node:path';
 
 export async function updateVersion(version: string) {
   const packageJsonPath = path.join(process.cwd(), 'package/package.json');