cekat-ui 1.3.18 → 1.3.19

package/editor.d.ts

@@ -0,0 +1 @@
+export * from './dist/components/RichTextEditor';

package/editor.js

@@ -0,0 +1 @@
+module.exports = require('./dist/editor.umd.js');

package/package.json

@@ -1,10 +1,17 @@
 {
   "name": "cekat-ui",
-  "version": "1.3.18",
+  "version": "1.3.19",
   "description": "Cekat UI Component Library",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "editor": [
+        "editor.d.ts"
+      ]
+    }
+  },
   "style": "dist/style.css",
   "exports": {
     ".": {
@@ -17,17 +24,29 @@
         "default": "./dist/index.umd.js"
       }
     },
+    "./editor": {
+      "import": {
+        "types": "./dist/editor.d.mts",
+        "default": "./dist/editor.mjs"
+      },
+      "require": {
+        "types": "./dist/editor.d.ts",
+        "default": "./dist/editor.umd.js"
+      }
+    },
     "./style.css": "./dist/style.css",
     "./tailwind-preset": "./tailwind.preset.cjs"
   },
   "files": [
     "dist",
+    "editor.d.ts",
+    "editor.js",
     "tailwind.preset.cjs"
   ],
   "sideEffects": false,
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^18.3.1 || ^19.0.0",
+    "react-dom": "^18.3.1 || ^19.0.0"
   },
   "scripts": {
     "dev": "storybook dev -p 6006",
@@ -39,7 +58,7 @@
     "fmt": "oxfmt",
     "fmt:check": "oxfmt --check",
     "prepare": "husky",
-    "build": "vite build",
+    "build": "vite build && vite build --config vite.editor.config.ts",
     "build:css": "tailwindcss -c tailwind.config.cjs -i stories/styles/tailwind.css -o dist/style.css",
     "build:lib": "yarn build && yarn build:css",
     "check:pack": "node scripts/check-pack.mjs",
@@ -47,18 +66,25 @@
     "build:storybook": "storybook build",
     "tailwind:build": "tailwindcss -c tailwind.config.cjs -i stories/styles/tailwind.css -o dist/style.css",
     "publish:lib": "yarn build && yarn tailwind:build",
-    "prepublishOnly": "yarn build:lib"
+    "prepublishOnly": "yarn build:lib",
+    "check:consumer:react19": "node scripts/check-consumer.mjs --react19"
   },
   "dependencies": {
     "@internationalized/date": "^3.12.3",
+    "@lexical/link": "0.50.0",
+    "@lexical/list": "0.50.0",
+    "@lexical/markdown": "0.50.0",
+    "@lexical/react": "0.50.0",
+    "@lexical/rich-text": "0.50.0",
+    "@lexical/selection": "0.50.0",
+    "@lexical/utils": "0.50.0",
     "@tabler/core": "^1.4.0",
     "@tabler/icons-react": "^3.36.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "lexical": "0.50.0",
     "libphonenumber-js": "^1.13.3",
-    "react": "18.3.1",
     "react-aria-components": "^1.20.0",
-    "react-dom": "18.3.1",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
@@ -68,8 +94,8 @@
     "@storybook/addon-vitest": "10.5.6",
     "@storybook/react-vite": "^10.5.6",
     "@types/node": "^25.0.8",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/browser-playwright": "~4.0.18",
     "@vitest/coverage-v8": "~4.0.18",
@@ -81,13 +107,16 @@
     "playwright": "^1.62.1",
     "postcss": "^8.5.6",
     "publint": "^0.3.23",
+    "remark-gfm": "^4.0.1",
     "rollup": "^3.29.5",
     "storybook": "^10.5.6",
     "tailwindcss": "3.4.17",
     "typescript": "^5.9.3",
     "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "~4.0.18"
+    "vitest": "~4.0.18",
+    "react": "19.3.0",
+    "react-dom": "19.3.0"
   },
   "lint-staged": {
     "*": "oxfmt --no-error-on-unmatched-pattern"

package/tailwind.preset.cjs

@@ -493,7 +493,10 @@ module.exports = {
       },
 
       fontFamily: {
-        nunito: ['Nunito', 'sans-serif'],
+        // Figma "FontFamily/*". Nunito is the product default; Lato is the secondary family.
+        // The webfonts themselves are loaded separately (Storybook: .storybook/fonts.css).
+        nunito: ['Nunito', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
+        lato: ['Lato', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
       },
 
       fontWeight: {
@@ -502,8 +505,48 @@ module.exports = {
         regular: '400',
       },
 
+      // Figma "Sizing/*" (WIDTH_HEIGHT) and "Spacing/*" (GAP) both land on Tailwind's one
+      // spacing scale. Every token maps onto the default rem steps except these, added with
+      // the same numeric-key convention (key = px / 4): 18 / 52 / 60 / 68 / 76 px. They flow
+      // through to w-/h-/size-/min-/max-/gap-/p-/m-* alike.
       spacing: {
         4.5: '18px',
+        13: '52px',
+        15: '60px',
+        17: '68px',
+        19: '76px',
+      },
+
+      // Figma "Border/Border-0..8" (STROKE_FLOAT), i.e. border-width in px. Tailwind's default
+      // scale only ships 0/2/4/8 (plus DEFAULT 1px); 1/3/5/6/7 are the additions.
+      borderWidth: {
+        0: '0px',
+        1: '1px',
+        2: '2px',
+        3: '3px',
+        4: '4px',
+        5: '5px',
+        6: '6px',
+        7: '7px',
+        8: '8px',
+      },
+
+      // Figma "Radius/Radius-*" (CORNER_RADIUS) in px. `Radius-900` is Figma's pill value —
+      // clamped here to 9999px so `rounded-900` always renders as a full pill. Merges with
+      // Tailwind's named scale (sm/md/lg/xl/2xl/3xl/full), which the codebase also uses.
+      borderRadius: {
+        0: '0px',
+        2: '2px',
+        4: '4px',
+        6: '6px',
+        8: '8px',
+        10: '10px',
+        12: '12px',
+        14: '14px',
+        16: '16px',
+        24: '24px',
+        32: '32px',
+        900: '9999px',
       },
 
       boxShadow: {