Release v1.3.0

.prettierrc

@@ -1,3 +1,4 @@
 {
+  "printWidth": 80,
   "trailingComma": "es5"
 }

.storybook/main.ts

@@ -1,34 +1,38 @@
+import { fileURLToPath } from "node:url";
 import { createRequire } from "node:module";
 import type { StorybookConfig } from "@storybook/react-vite";
 import path, { dirname, join } from "path";
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
 const require = createRequire(import.meta.url);
+const isProduction = process.env.NODE_ENV === "production";
 
 const config: StorybookConfig = {
-  stories:
-    process.env.NODE_ENV === "production"
-      ? [
-          "../*.mdx",
-          "../**/src/**/*.mdx",
-          "../**/src/**/!(*.interactions).stories.@(js|jsx|mjs|ts|tsx)",
-        ]
-      : [
-          "../*.mdx",
-          "../**/src/**/*.mdx",
-          "../**/src/**/*.stories.@(js|jsx|mjs|ts|tsx)",
-        ],
-  addons:
-    process.env.NODE_ENV === "production"
-      ? [
-          getAbsolutePath("@storybook/addon-docs"),
-          getAbsolutePath("@storybook/addon-themes"),
-        ]
-      : [
-          getAbsolutePath("@storybook/addon-docs"),
-          getAbsolutePath("@storybook/addon-a11y"),
-          getAbsolutePath("@storybook/addon-themes"),
-          getAbsolutePath("@storybook/addon-vitest"),
-        ],
+  stories: isProduction
+    ? [
+        "../*.mdx",
+        "../**/src/**/*.mdx",
+        "../**/src/**/!(*.interactions|*.dev).stories.@(js|jsx|mjs|ts|tsx)",
+      ]
+    : [
+        "../*.mdx",
+        "../**/src/**/*.mdx",
+        "../**/src/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+      ],
+  addons: isProduction
+    ? [
+        getAbsolutePath("@storybook/addon-docs"),
+        getAbsolutePath("@storybook/addon-themes"),
+      ]
+    : [
+        getAbsolutePath("@storybook/addon-mcp"),
+        getAbsolutePath("@storybook/addon-docs"),
+        getAbsolutePath("@storybook/addon-a11y"),
+        getAbsolutePath("@storybook/addon-themes"),
+        getAbsolutePath("@storybook/addon-vitest"),
+      ],
   framework: {
     name: getAbsolutePath("@storybook/react-vite"),
     options: {},
@@ -57,7 +61,7 @@ const config: StorybookConfig = {
     },
   },
   features: {
-    interactions: process.env.NODE_ENV !== "production",
+    interactions: !isProduction,
   },
 };
 export default config;

.storybook/manager.ts

@@ -5,7 +5,7 @@ addons.setConfig({
   theme: create({
     base: "light",
     brandTitle:
-      '<h1 id="fur-title">frappe-ui-react</h1> <span id="fur-version">(v1.2.0)</span>', // update version as per package.json
+      '<h1 id="fur-title">frappe-ui-react</h1> <span id="fur-version">(v1.3.0)</span>', // update version as per package.json
     brandUrl: undefined, // disables link on the title
     brandImage: undefined,
 

.storybook/preview.ts

@@ -53,7 +53,7 @@ const preview: Preview = {
     },
     options: {
       storySort: {
-        order: ["Getting Started", "Theme", "Components"],
+        order: ["Getting Started", "DesignSystem", "Theme", "Components"],
       },
     },
   },

GETTING-STARTED.md

@@ -2,7 +2,7 @@ Frappe UI React is a modern component library designed for building frontend app
 
 ## Prerequisites
 
-- Node.js v20
+- Node.js v24
 - TailwindCSS v4
 
 ## Usage
@@ -89,7 +89,7 @@ This library is built on top of several excellent open-source projects:
 
 - **[TailwindCSS](https://github.com/tailwindlabs/tailwindcss)**: Utility-first CSS framework for building design system-based UIs.
 - **[Headless UI](https://github.com/tailwindlabs/headlessui)**: Unstyled and accessible UI components.
-- **[Radix UI](https://github.com/radix-ui/themes)**: Low-level, unstyled, and accessible UI primitives.
+- **[Base UI](https://base-ui.com/)**: Low-level, unstyled, and accessible UI primitives.
 - **[dayjs](https://github.com/iamkun/dayjs)**: Lightweight JavaScript library for working with dates.
 - **[TipTap](https://tiptap.dev/docs)**: Headless Text Editor 
 

README.md

@@ -7,7 +7,7 @@ Frappe UI React is a modern component library designed for building frontend app
 
 ## Prerequisites
 
-- Node.js v20
+- Node.js v24
 - TailwindCSS v4
 
 ## Usage
@@ -95,7 +95,7 @@ This library is built on top of several excellent open-source projects:
 
 - **[TailwindCSS](https://github.com/tailwindlabs/tailwindcss)**: Utility-first CSS framework for building design system-based UIs.
 - **[Headless UI](https://github.com/tailwindlabs/headlessui)**: Unstyled and accessible UI components.
-- **[Radix UI](https://github.com/radix-ui/themes)**: Low-level, unstyled, and accessible UI primitives.
+- **[Base UI](https://base-ui.com/)**: Low-level, unstyled, and accessible UI primitives.
 - **[dayjs](https://github.com/iamkun/dayjs)**: Lightweight JavaScript library for working with dates.
 - **[TipTap](https://tiptap.dev/docs)**: Headless Text Editor
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "frappe-ui-react",
   "private": true,
-  "version": "1.2.0",
+  "version": "1.3.0",
   "type": "module",
   "engines": {
     "npm": "please-use-pnpm",
@@ -10,7 +10,7 @@
   },
   "scripts": {
     "prepare": "husky",
-    "dev": "vite",
+    "dev": "pnpm --filter @rtcamp/frappe-ui-react dev",
     "build": "pnpm --filter @rtcamp/frappe-ui-react build",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -30,15 +30,16 @@
     "format": "prettier --write \"./**/*.{js,jsx,mjs,cjs,ts,tsx,json}\""
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.29.5",
-    "@babel/preset-react": "^7.29.5",
-    "@babel/preset-typescript": "^7.29.5",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
     "@eslint/js": "^9.30.1",
-    "@storybook/addon-a11y": "^9.1.19",
-    "@storybook/addon-docs": "^9.1.19",
-    "@storybook/addon-themes": "^9.1.19",
-    "@storybook/addon-vitest": "^9.1.19",
-    "@storybook/react-vite": "^9.1.19",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-mcp": "^0.6.0",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
     "@tailwindcss/vite": "^4.1.11",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
@@ -56,7 +57,7 @@
     "eslint-plugin-jest": "^29.12.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
-    "eslint-plugin-storybook": "^9.1.19",
+    "eslint-plugin-storybook": "^10.3.5",
     "globals": "^17.0.0",
     "husky": "^9.1.7",
     "jest": "^30.1.3",
@@ -68,10 +69,10 @@
     "prettier": "^3.7.4",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "storybook": "^9.1.19",
+    "storybook": "^10.3.5",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.53.0",
-    "vite": "^7.3.5",
+    "vite": "^7.3.6",
     "vite-plugin-svgr": "^4.3.0",
     "vitest": "^4.1.10"
   },
@@ -87,6 +88,7 @@
     "*.yml": "prettier --write"
   },
   "dependencies": {
+    "pnpm": "^10.34.5",
     "react-docgen-typescript": "^2.4.0"
   },
   "packageManager": "pnpm@10.13.1",
@@ -100,6 +102,7 @@
       "brace-expansion@>=4.0.0 <5.0.7": "^5.0.7",
       "picomatch@>=4.0.0 <4.0.4": "^4.0.4",
       "yaml@>=2.0.0 <2.8.3": "^2.8.3",
+      "valibot@<1.4.2": "^1.4.2",
       "vite@>=7.0.0 <7.3.5": "^7.3.5",
       "postcss@<8.5.18": "^8.5.18",
       "vitest@<4.1.0": "^4.1.10",

packages/frappe-ui-react/README.md

@@ -89,7 +89,6 @@ This library is built on top of several excellent open-source projects:
 
 - **[TailwindCSS](https://github.com/tailwindlabs/tailwindcss)**: Utility-first CSS framework for building design system-based UIs.
 - **[Headless UI](https://github.com/tailwindlabs/headlessui)**: Unstyled and accessible UI components.
-- **[Radix UI](https://github.com/radix-ui/themes)**: Low-level, unstyled, and accessible UI primitives.
 - **[Base UI](https://base-ui.com/)**: Low-level, unstyled, and accessible UI primitives.
 - **[dayjs](https://github.com/iamkun/dayjs)**: Lightweight JavaScript library for working with dates.
 - **[TipTap](https://tiptap.dev/docs)**: Headless Text Editor 

packages/frappe-ui-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rtcamp/frappe-ui-react",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist-types/index.d.ts",
@@ -36,6 +36,7 @@
   },
   "scripts": {
     "build": "tsc -b && pnpm copy-assets",
+    "dev": "pnpm copy-assets && tsc -b -w",
     "copy-assets": "node scripts/copy-assets.js",
     "publish:local": "pnpm publish --registry http://localhost:4873",
     "unpublish:local": "pnpm unpublish --registry http://localhost:4873 --force",
@@ -47,20 +48,23 @@
     "@headlessui/react": "^2.2.9",
     "@popperjs/core": "^2.11.8",
     "@tailwindcss/typography": "^0.5.19",
-    "@tiptap/extension-blockquote": "^3.17.1",
-    "@tiptap/extension-code-block-lowlight": "^3.17.1",
-    "@tiptap/extension-highlight": "^3.17.1",
-    "@tiptap/extension-horizontal-rule": "^3.17.1",
-    "@tiptap/extension-list": "^3.17.1",
-    "@tiptap/extension-placeholder": "^3.17.1",
-    "@tiptap/extension-strike": "^3.17.1",
-    "@tiptap/extension-table": "^3.17.1",
-    "@tiptap/extension-task-list": "^3.17.1",
-    "@tiptap/extension-text-align": "^3.17.1",
-    "@tiptap/extension-text-style": "^3.17.1",
-    "@tiptap/pm": "^3.17.1",
-    "@tiptap/react": "^3.17.1",
-    "@tiptap/starter-kit": "^3.17.1",
+    "@tiptap/extension-blockquote": "^3.27.1",
+    "@tiptap/extension-code-block-lowlight": "^3.27.1",
+    "@tiptap/extension-highlight": "^3.27.1",
+    "@tiptap/extension-horizontal-rule": "^3.27.1",
+    "@tiptap/extension-list": "^3.27.1",
+    "@tiptap/extension-mention": "^3.27.1",
+    "@tiptap/extension-placeholder": "^3.27.1",
+    "@tiptap/extension-strike": "^3.27.1",
+    "@tiptap/extension-table": "^3.27.1",
+    "@tiptap/extension-task-list": "^3.27.1",
+    "@tiptap/extension-text-align": "^3.27.1",
+    "@tiptap/extension-text-style": "^3.27.1",
+    "@tiptap/pm": "^3.27.1",
+    "@tiptap/react": "^3.27.1",
+    "@tiptap/starter-kit": "^3.27.1",
+    "@tiptap/static-renderer": "^3.27.1",
+    "@tiptap/suggestion": "^3.27.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.19",