phx-react 1.3.1718 → 1.3.1720

package/dist/cjs/components/TextV2/TextV2.d.ts

@@ -1,23 +1,23 @@
 import React from 'react';
-import { Color, LineHeight, SpacingScale, TextSize, TextWeight } from '../types';
+import { Color, LineHeight, Responsive, SpacingScale, TextSize, TextWeight } from '../types';
 export interface PHXTextProps {
     as?: 'p' | 'span';
     children: string | React.ReactNode;
-    size?: TextSize;
+    size?: Responsive<TextSize>;
     weight?: TextWeight;
     color?: Color;
     align?: 'left' | 'center' | 'right';
     maxWidth?: string | number;
-    m?: SpacingScale;
-    mt?: SpacingScale;
-    mb?: SpacingScale;
-    ml?: SpacingScale;
-    mr?: SpacingScale;
-    p?: SpacingScale;
-    pt?: SpacingScale;
-    pb?: SpacingScale;
-    pl?: SpacingScale;
-    pr?: SpacingScale;
-    lineHeight?: LineHeight;
+    m?: Responsive<SpacingScale>;
+    mt?: Responsive<SpacingScale>;
+    mb?: Responsive<SpacingScale>;
+    ml?: Responsive<SpacingScale>;
+    mr?: Responsive<SpacingScale>;
+    p?: Responsive<SpacingScale>;
+    pt?: Responsive<SpacingScale>;
+    pb?: Responsive<SpacingScale>;
+    pl?: Responsive<SpacingScale>;
+    pr?: Responsive<SpacingScale>;
+    lineHeight?: Responsive<LineHeight>;
 }
 export declare const PHXTextV2: ({ as: Tag, children, size, weight, color, align, maxWidth, m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight, }: PHXTextProps) => React.JSX.Element;

package/dist/cjs/components/TextV2/TextV2.js

@@ -5,14 +5,15 @@ exports.PHXTextV2 = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Box_1 = require("../Box");
+const helpers_1 = require("../../helpers/helpers");
 const PHXTextV2 = ({ as: Tag = 'p', children, size = 'body', weight = 'regular', color = 'default', align = 'left', maxWidth, m, mt, mb, ml, mr, p, pt, pb, pl, pr, lineHeight = 'none', }) => {
     const sizeMap = {
-        heading: 'text-2xl',
-        title: 'text-xl',
-        body: 'text-base',
-        subtitle: 'text-sm',
-        caption: 'text-xs',
-        micro: 'text-[11px]',
+        heading: '2xl',
+        title: 'xl',
+        body: 'base',
+        subtitle: 'sm',
+        caption: 'xs',
+        micro: '[11px]',
     };
     const weightMap = {
         regular: 'font-normal',
@@ -35,13 +36,12 @@ const PHXTextV2 = ({ as: Tag = 'p', children, size = 'body', weight = 'regular',
         danger: 'text-[#FFC1BF]',
     };
     const lineHeightMap = {
-        none: 'leading-none',
-        tight: 'leading-tight',
-        snappy: 'leading-snug',
-        base: 'leading-normal',
-        loose: 'leading-loose',
+        none: 'none',
+        tight: 'tight',
+        snappy: 'snug',
+        base: 'normal',
+        loose: 'loose',
     };
-    const getS = (prefix, val) => (val ? `${prefix}-${Box_1.spacingMap[val]}` : '');
     const getMaxWidthClass = () => {
         if (!maxWidth)
             return '';
@@ -52,25 +52,25 @@ const PHXTextV2 = ({ as: Tag = 'p', children, size = 'body', weight = 'regular',
         return `max-w-[${maxWidth}]`;
     };
     const classes = [
-        sizeMap[size],
+        (0, helpers_1.getResponsiveClass)('text', size, sizeMap),
         weightMap[weight],
         colorMap[color],
         `text-${align}`,
         getMaxWidthClass(),
         maxWidth ? 'truncate' : '',
         // Margin classes
-        getS('m', m),
-        getS('mt', mt),
-        getS('mb', mb),
-        getS('ml', ml),
-        getS('mr', mr),
+        (0, helpers_1.getResponsiveClass)('m', m, Box_1.spacingMap),
+        (0, helpers_1.getResponsiveClass)('mt', mt, Box_1.spacingMap),
+        (0, helpers_1.getResponsiveClass)('mb', mb, Box_1.spacingMap),
+        (0, helpers_1.getResponsiveClass)('ml', ml, Box_1.spacingMap),
+        (0, helpers_1.getResponsiveClass)('mr', mr, Box_1.spacingMap),
         // Padding classes
-        getS('p', p),
-        getS('pt', pt),
-        getS('pb', pb),
-        getS('pl', pl),
-        getS('pr', pr),
-        lineHeightMap[lineHeight],
+        (0, helpers_1.getResponsiveClass)('p', p, Box_1.spacingMap),
+        (0, helpers_1.getResponsiveClass)('pt', pt, Box_1.spacingMap),
+        (0, helpers_1.getResponsiveClass)('pb', pb, Box_1.spacingMap),
+        (0, helpers_1.getResponsiveClass)('pl', pl, Box_1.spacingMap),
+        (0, helpers_1.getResponsiveClass)('pr', pr, Box_1.spacingMap),
+        (0, helpers_1.getResponsiveClass)('leading', lineHeight, lineHeightMap),
     ];
     return react_1.default.createElement(Tag, { className: classes.filter(Boolean).join(' ') }, children);
 };

package/dist/cjs/components/TextV2/TextV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextV2.js","sourceRoot":"","sources":["../../../../src/components/TextV2/TextV2.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextV2.js","sourceRoot":"","sources":["../../../../src/components/TextV2/TextV2.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/types.d.ts

@@ -85,4 +85,11 @@ export type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 12 | '1/3' | '2/3';
 export type TextSize = 'heading' | 'title' | 'body' | 'subtitle' | 'caption' | 'micro';
 export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 export type LineHeight = 'none' | 'tight' | 'snappy' | 'base' | 'loose';
+export type Responsive<T> = T | {
+    initial?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+};
 export {};

package/dist/cjs/helpers/helpers.d.ts

@@ -1,3 +1,5 @@
+import { Responsive } from '../components/types';
 export declare const encryptDataSync: (data: any) => string;
 export declare const decryptCookie: (encryptedJson: string) => any;
 export declare function unaccentValue(rawValue: string): string;
+export declare const getResponsiveClass: <T extends string | number>(prefix: string, value?: Responsive<T>, map?: Record<T, string>) => string;

package/dist/cjs/helpers/helpers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.decryptCookie = exports.encryptDataSync = void 0;
+exports.getResponsiveClass = exports.decryptCookie = exports.encryptDataSync = void 0;
 exports.unaccentValue = unaccentValue;
 const tslib_1 = require("tslib");
 const crypto_js_1 = tslib_1.__importDefault(require("crypto-js"));
@@ -47,4 +47,25 @@ function unaccentValue(rawValue) {
         .replace(/Đ/g, 'D') // Thay Đ thành D
         .replace(/đ/g, 'd'); // Thay đ thành d
 }
+const getResponsiveClass = (prefix, value, map) => {
+    if (!value)
+        return '';
+    if (typeof value !== 'object') {
+        const finalVal = map ? map[value] : value;
+        return `${prefix}-${String(finalVal)}`;
+    }
+    return Object.entries(value)
+        .map(([breakpoint, val]) => {
+        if (val === undefined)
+            return '';
+        const finalVal = map ? map[val] : val;
+        if (breakpoint === 'initial') {
+            return `${prefix}-${String(finalVal)}`;
+        }
+        return `${breakpoint}:${prefix}-${String(finalVal)}`;
+    })
+        .filter(Boolean)
+        .join(' ');
+};
+exports.getResponsiveClass = getResponsiveClass;
 //# sourceMappingURL=helpers.js.map

package/dist/cjs/helpers/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/helpers/helpers.ts"],"names":[],"mappings":";;;AAsCA,sCAQC;;AA9CD,kEAAgC;AAChC,kDAA0D;AAEnD,MAAM,eAAe,GAAG,CAAC,IAAS,EAAE,EAAE;IAC3C,MAAM,EAAE,GAAG,mBAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,qBAAS,CAAC,CAAA;IACnD,MAAM,SAAS,GAAG,mBAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,mBAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,sBAAU,CAAC,EAAE;QAC/F,EAAE;QACF,IAAI,EAAE,mBAAQ,CAAC,IAAI,CAAC,GAAG;QACvB,OAAO,EAAE,mBAAQ,CAAC,GAAG,CAAC,KAAK;KAC5B,CAAC,CAAA;IAEF,OAAO,IAAI,CAAC,SAAS,CAAC;QACpB,EAAE,EAAE,mBAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;QACrC,aAAa,EAAE,SAAS,CAAC,QAAQ,EAAE;KACpC,CAAC,CAAA;AACJ,CAAC,CAAA;AAZY,QAAA,eAAe,mBAY3B;AAEM,MAAM,aAAa,GAAG,CAAC,aAAqB,EAAE,EAAE;IACrD,IAAI,CAAC;QACH,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;QAEvD,MAAM,OAAO,GAAG,mBAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAC7C,MAAM,cAAc,GAAG,mBAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,sBAAU,CAAC,CAAA;QAEzD,MAAM,SAAS,GAAG,mBAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,cAAc,EAAE;YACpE,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,mBAAQ,CAAC,IAAI,CAAC,GAAG;YACvB,OAAO,EAAE,mBAAQ,CAAC,GAAG,CAAC,KAAK;SAC5B,CAAC,CAAA;QAEF,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAC,mBAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAC3D,OAAO,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACzD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAA;QAC9C,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAnBY,QAAA,aAAa,iBAmBzB;AACD,oCAAoC;AACpC,SAAgB,aAAa,CAAC,QAAgB;IAC5C,IAAI,CAAC,QAAQ;QAAE,OAAO,EAAE,CAAA;IAExB,OAAO,QAAQ;SACZ,SAAS,CAAC,KAAK,CAAC,CAAC,kDAAkD;SACnE,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,kBAAkB;SAClD,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,iBAAiB;SACpC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA,CAAC,iBAAiB;AACzC,CAAC"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/helpers/helpers.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/BlockStack/BlockStack.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { AlignItems, JustifyContent, SpacingScale } from '../types';
+import { AlignItems, JustifyContent, Responsive, SpacingScale } from '../types';
 export interface PHXBlockStackProps {
     children: React.ReactNode;
     /** Khoảng cách giữa các item */
-    gap?: SpacingScale;
+    gap?: Responsive<SpacingScale>;
     /** Căn ngang các item */
     inlineAlign?: AlignItems;
     /** Căn dọc các item (Trục chính - Justify Content) */

package/dist/esm/components/BlockStack/BlockStack.js

@@ -1,6 +1,7 @@
 'use client';
 import React from 'react';
 import { spacingMap } from '../Box';
+import { getResponsiveClass } from '../../helpers/helpers';
 export const PHXBlockStack = ({ children, gap = 'none', inlineAlign = 'stretch', align = 'start', }) => {
     const inlineAlignMap = {
         start: 'items-start',
@@ -16,7 +17,12 @@ export const PHXBlockStack = ({ children, gap = 'none', inlineAlign = 'stretch',
         between: 'justify-between',
         around: 'justify-around',
     };
-    const classes = ['flex flex-col', `gap-${spacingMap[gap]}`, inlineAlignMap[inlineAlign], alignMap[align]];
+    const classes = [
+        'flex flex-col',
+        getResponsiveClass('gap', gap, spacingMap),
+        inlineAlignMap[inlineAlign],
+        alignMap[align],
+    ];
     return React.createElement("div", { className: classes.filter(Boolean).join(' ') }, children);
 };
 //# sourceMappingURL=BlockStack.js.map

package/dist/esm/components/BlockStack/BlockStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockStack.js","sourceRoot":"","sources":["../../../../src/components/BlockStack/BlockStack.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAYnC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,GAAG,GAAG,MAAM,EACZ,WAAW,GAAG,SAAS,EACvB,KAAK,GAAG,OAAO,GACI,EAAE,EAAE;IACvB,MAAM,cAAc,GAA+B;QACjD,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,GAAG,EAAE,WAAW;QAChB,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,gBAAgB;KAC3B,CAAA;IACD,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,gBAAgB;QACxB,GAAG,EAAE,aAAa;QAClB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB,CAAA;IAED,MAAM,OAAO,GAAG,CAAC,eAAe,EAAE,OAAO,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,cAAc,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;IAEzG,OAAO,6BAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA"}
+{"version":3,"file":"BlockStack.js","sourceRoot":"","sources":["../../../../src/components/BlockStack/BlockStack.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAY1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,GAAG,GAAG,MAAM,EACZ,WAAW,GAAG,SAAS,EACvB,KAAK,GAAG,OAAO,GACI,EAAE,EAAE;IACvB,MAAM,cAAc,GAA+B;QACjD,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,GAAG,EAAE,WAAW;QAChB,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,gBAAgB;KAC3B,CAAA;IACD,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,gBAAgB;QACxB,GAAG,EAAE,aAAa;QAClB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB,CAAA;IAED,MAAM,OAAO,GAAG;QACd,eAAe;QACf,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC;QAC1C,cAAc,CAAC,WAAW,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC;KAChB,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA"}

package/dist/esm/components/Box/Box.d.ts

@@ -1,18 +1,18 @@
 import React from 'react';
-import { SpacingScale } from '../types';
+import { Responsive, SpacingScale } from '../types';
 export declare const spacingMap: Record<SpacingScale, string>;
 export interface PHXBoxProps {
     children?: React.ReactNode;
-    p?: SpacingScale;
-    pt?: SpacingScale;
-    pb?: SpacingScale;
-    pl?: SpacingScale;
-    pr?: SpacingScale;
-    m?: SpacingScale;
-    mt?: SpacingScale;
-    mb?: SpacingScale;
-    ml?: SpacingScale;
-    mr?: SpacingScale;
+    p?: Responsive<SpacingScale>;
+    pt?: Responsive<SpacingScale>;
+    pb?: Responsive<SpacingScale>;
+    pl?: Responsive<SpacingScale>;
+    pr?: Responsive<SpacingScale>;
+    m?: Responsive<SpacingScale>;
+    mt?: Responsive<SpacingScale>;
+    mb?: Responsive<SpacingScale>;
+    ml?: Responsive<SpacingScale>;
+    mr?: Responsive<SpacingScale>;
     background?: 'surface' | 'subdued' | 'transparent';
 }
 export declare const PHXBox: ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, background }: PHXBoxProps) => React.JSX.Element;

package/dist/esm/components/Box/Box.js

@@ -1,5 +1,6 @@
 'use client';
 import React from 'react';
+import { getResponsiveClass } from '../../helpers/helpers';
 export const spacingMap = {
     none: '0',
     atomic: '1',
@@ -15,22 +16,21 @@ export const PHXBox = ({ children, p, pt, pb, pl, pr, m, mt, mb, ml, mr, backgro
         subdued: 'bg-gray-50',
         transparent: 'bg-transparent',
     };
-    const getSpacing = (prefix, val) => (val ? `${prefix}-${spacingMap[val]}` : '');
     const classes = [
         // Background
         bgMap[background],
-        // Padding
-        getSpacing('p', p),
-        getSpacing('pt', pt),
-        getSpacing('pb', pb),
-        getSpacing('pl', pl),
-        getSpacing('pr', pr),
-        // Margin
-        getSpacing('m', m),
-        getSpacing('mt', mt),
-        getSpacing('mb', mb),
-        getSpacing('ml', ml),
-        getSpacing('mr', mr),
+        // Margin classes
+        getResponsiveClass('m', m, spacingMap),
+        getResponsiveClass('mt', mt, spacingMap),
+        getResponsiveClass('mb', mb, spacingMap),
+        getResponsiveClass('ml', ml, spacingMap),
+        getResponsiveClass('mr', mr, spacingMap),
+        // Padding classes
+        getResponsiveClass('p', p, spacingMap),
+        getResponsiveClass('pt', pt, spacingMap),
+        getResponsiveClass('pb', pb, spacingMap),
+        getResponsiveClass('pl', pl, spacingMap),
+        getResponsiveClass('pr', pr, spacingMap),
         background ? background : '',
     ];
     return React.createElement("div", { className: classes.filter(Boolean).join(' ') }, children);

package/dist/esm/components/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;CACb,CAAA;AAoBD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,GAAG,aAAa,EAAe,EAAE,EAAE;IACpH,MAAM,KAAK,GAAG;QACZ,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,YAAY;QACrB,WAAW,EAAE,gBAAgB;KAC9B,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,GAAkB,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAEtG,MAAM,OAAO,GAAG;QACd,aAAa;QACb,KAAK,CAAC,UAAU,CAAC;QACjB,UAAU;QACV,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;QAClB,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACpB,SAAS;QACT,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;QAClB,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;QACpB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;KAC7B,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA"}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;CACb,CAAA;AAoBD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,UAAU,GAAG,aAAa,EAAe,EAAE,EAAE;IACpH,MAAM,KAAK,GAAG;QACZ,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,YAAY;QACrB,WAAW,EAAE,gBAAgB;KAC9B,CAAA;IAED,MAAM,OAAO,GAAG;QACd,aAAa;QACb,KAAK,CAAC,UAAU,CAAC;QACjB,iBAAiB;QACjB,kBAAkB,CAAC,GAAG,EAAE,CAAC,EAAE,UAAU,CAAC;QACtC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB;QAClB,kBAAkB,CAAC,GAAG,EAAE,CAAC,EAAE,UAAU,CAAC;QACtC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,kBAAkB,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,CAAC;QACxC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;KAC7B,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA"}

package/dist/esm/components/InlineGrid/InlineGrid.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { GridColumns, SpacingScale } from '../types';
+import { GridColumns, Responsive, SpacingScale } from '../types';
 export interface PHXInlineGridProps {
     children: React.ReactNode;
     /** Số cột hoặc tỷ lệ cột */
-    columns?: GridColumns;
+    columns?: Responsive<GridColumns>;
     /** Khoảng cách giữa các ô */
     gap?: SpacingScale;
     /** Căn chỉnh các item theo chiều dọc trong ô */

package/dist/esm/components/InlineGrid/InlineGrid.js

@@ -1,17 +1,18 @@
 'use client';
 import React from 'react';
 import { spacingMap } from '../Box';
+import { getResponsiveClass } from '../../helpers/helpers';
 export const PHXInlineGrid = ({ children, columns = 1, gap = 'none', alignItems = 'stretch', className = '', }) => {
     const columnMap = {
-        1: 'grid-cols-1',
-        2: 'grid-cols-2',
-        3: 'grid-cols-3',
-        4: 'grid-cols-4',
-        5: 'grid-cols-5',
-        6: 'grid-cols-6',
-        12: 'grid-cols-12',
-        '1/3': 'grid-cols-[1fr_2fr]', // Cột trái bằng 1/3
-        '2/3': 'grid-cols-[2fr_1fr]', // Cột trái bằng 2/3
+        1: 'cols-1',
+        2: 'cols-2',
+        3: 'cols-3',
+        4: 'cols-4',
+        5: 'cols-5',
+        6: 'cols-6',
+        12: 'cols-12',
+        '1/3': 'cols-[1fr_2fr]', // Cột trái bằng 1/3
+        '2/3': 'cols-[2fr_1fr]', // Cột trái bằng 2/3
     };
     const alignMap = {
         start: 'items-start',
@@ -19,7 +20,13 @@ export const PHXInlineGrid = ({ children, columns = 1, gap = 'none', alignItems
         end: 'items-end',
         stretch: 'items-stretch',
     };
-    const classes = ['grid', columnMap[columns.toString()], `gap-${spacingMap[gap]}`, alignMap[alignItems], className];
+    const classes = [
+        'grid',
+        getResponsiveClass('grid', columns, columnMap),
+        getResponsiveClass('gap', gap, spacingMap),
+        alignMap[alignItems],
+        className,
+    ];
     return React.createElement("div", { className: classes.filter(Boolean).join(' ') }, children);
 };
 //# sourceMappingURL=InlineGrid.js.map

package/dist/esm/components/InlineGrid/InlineGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineGrid.js","sourceRoot":"","sources":["../../../../src/components/InlineGrid/InlineGrid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAanC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,MAAM,EACZ,UAAU,GAAG,SAAS,EACtB,SAAS,GAAG,EAAE,GACK,EAAE,EAAE;IACvB,MAAM,SAAS,GAA2B;QACxC,CAAC,EAAE,aAAa;QAChB,CAAC,EAAE,aAAa;QAChB,CAAC,EAAE,aAAa;QAChB,CAAC,EAAE,aAAa;QAChB,CAAC,EAAE,aAAa;QAChB,CAAC,EAAE,aAAa;QAChB,EAAE,EAAE,cAAc;QAClB,KAAK,EAAE,qBAAqB,EAAE,oBAAoB;QAClD,KAAK,EAAE,qBAAqB,EAAE,oBAAoB;KACnD,CAAA;IAED,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,GAAG,EAAE,WAAW;QAChB,OAAO,EAAE,eAAe;KACzB,CAAA;IAED,MAAM,OAAO,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,CAAA;IAElH,OAAO,6BAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA"}
+{"version":3,"file":"InlineGrid.js","sourceRoot":"","sources":["../../../../src/components/InlineGrid/InlineGrid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAa1D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,MAAM,EACZ,UAAU,GAAG,SAAS,EACtB,SAAS,GAAG,EAAE,GACK,EAAE,EAAE;IACvB,MAAM,SAAS,GAA2B;QACxC,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,QAAQ;QACX,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,gBAAgB,EAAE,oBAAoB;QAC7C,KAAK,EAAE,gBAAgB,EAAE,oBAAoB;KAC9C,CAAA;IAED,MAAM,QAAQ,GAAG;QACf,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,GAAG,EAAE,WAAW;QAChB,OAAO,EAAE,eAAe;KACzB,CAAA;IAED,MAAM,OAAO,GAAG;QACd,MAAM;QACN,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,SAA4C,CAAC;QACjF,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC;QAC1C,QAAQ,CAAC,UAAU,CAAC;QACpB,SAAS;KACV,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC5E,CAAC,CAAA"}

package/dist/esm/components/TableV3/TableV3.d.ts

@@ -40,7 +40,7 @@ export interface MainTableProps {
     } | any;
     clickRow?: boolean;
     clickType?: 'edit' | 'custom';
-    router: any;
+    router?: Record<string, any>;
     setAggregate?: any;
     sortSelectData?: any;
     selectArray?: any;

package/dist/esm/components/TableV5/TableV5.d.ts

@@ -40,7 +40,7 @@ export interface MainTableV5Props {
     } | any;
     clickRow?: boolean;
     clickType?: 'edit' | 'custom';
-    router: any;
+    router?: Record<string, any>;
     setAggregate?: any;
     sortSelectData?: any;
     selectArray?: any;

package/dist/esm/components/TableV6/TableV6.d.ts

@@ -40,7 +40,7 @@ export interface MainTableV6Props {
     } | any;
     clickRow?: boolean;
     clickType?: 'edit' | 'custom';
-    router: any;
+    router?: Record<string, any>;
     setAggregate?: any;
     sortSelectData?: any;
     selectArray?: any;

package/dist/esm/components/TextEditorV2/constants.d.ts

@@ -1 +1 @@
-export declare const styleTag = "\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n.PlaygroundEditorTheme__ltr {\n  text-align: left;\n}\n.PlaygroundEditorTheme__rtl {\n  text-align: right;\n}\n\n.PlaygroundEditorTheme__quote {\n  margin: 0;\n  margin-left: 20px;\n  font-size: 15px;\n  color: rgb(101, 103, 107);\n  border-left-color: rgb(206, 208, 212);\n  border-left-width: 4px;\n  border-left-style: solid;\n  padding-left: 16px;\n}\n.PlaygroundEditorTheme__h1 {\n  font-size: 34px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h2 {\n  font-size: 29px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h3 {\n  font-size: 24px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h4 {\n  font-size: 21px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h5 {\n  font-size: 18px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h6 {\n  font-size: 16px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__indent {\n  --lexical-indent-base-value: 40px;\n}\n.PlaygroundEditorTheme__textBold {\n  font-weight: bold;\n}\n.PlaygroundEditorTheme__textItalic {\n  font-style: italic;\n}\n.PlaygroundEditorTheme__textUnderline {\n  text-decoration: underline;\n}\n.PlaygroundEditorTheme__textStrikethrough {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__textUnderlineStrikethrough {\n  text-decoration: underline line-through;\n}\n.PlaygroundEditorTheme__textSubscript {\n  font-size: 0.8em;\n  vertical-align: sub !important;\n}\n.PlaygroundEditorTheme__textSuperscript {\n  font-size: 0.8em;\n  vertical-align: super;\n}\n.PlaygroundEditorTheme__textCode {\n  background-color: rgb(240, 242, 245);\n  padding: 1px 0.25rem;\n  font-family: Menlo, Consolas, Monaco, monospace;\n  font-size: 94%;\n}\n.PlaygroundEditorTheme__hashtag {\n  background-color: rgba(88, 144, 255, 0.15);\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\n}\n.PlaygroundEditorTheme__link {\n  color: rgb(33, 111, 219);\n  text-decoration: none;\n}\n.PlaygroundEditorTheme__link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__code {\n  background-color: rgb(240, 242, 245);\n  font-family: Menlo, Consolas, Monaco, monospace;\n  display: block;\n  padding: 8px 8px 8px 52px;\n  line-height: 1.53;\n  font-size: 13px;\n  margin: 0;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  overflow-x: auto;\n  position: relative;\n  tab-size: 2;\n}\n.PlaygroundEditorTheme__code:before {\n  content: attr(data-gutter);\n  position: absolute;\n  background-color: #eee;\n  left: 0;\n  top: 0;\n  border-right: 1px solid #ccc;\n  padding: 8px;\n  color: #777;\n  white-space: pre-wrap;\n  text-align: right;\n  min-width: 25px;\n}\n.PlaygroundEditorTheme__table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  overflow-y: scroll;\n  overflow-x: scroll;\n  table-layout: fixed;\n  width: max-content;\n  margin: 30px 0;\n}\n.PlaygroundEditorTheme__tableSelection *::selection {\n  background-color: transparent;\n}\n.PlaygroundEditorTheme__tableSelected {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__tableCell {\n  border: 1px solid #bbb;\n  width: 75px;\n  min-width: 75px;\n  vertical-align: top;\n  text-align: start;\n  padding: 6px 8px;\n  position: relative;\n  outline: none;\n}\n.PlaygroundEditorTheme__tableCellSortedIndicator {\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: #999;\n}\n.PlaygroundEditorTheme__tableCellResizer {\n  position: absolute;\n  right: -4px;\n  height: 100%;\n  width: 8px;\n  cursor: ew-resize;\n  z-index: 10;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellHeader {\n  background-color: #f2f3f5;\n  text-align: start;\n}\n.PlaygroundEditorTheme__tableCellSelected {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableCellPrimarySelected {\n  border: 2px solid rgb(60, 132, 244);\n  display: block;\n  height: calc(100% - 2px);\n  position: absolute;\n  width: calc(100% - 2px);\n  left: -1px;\n  top: -1px;\n  z-index: 2;\n}\n.PlaygroundEditorTheme__tableCellEditing {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n  border-radius: 3px;\n}\n.PlaygroundEditorTheme__tableAddColumns {\n  position: absolute;\n  top: 0;\n  width: 20px;\n  background-color: #eee;\n  height: 100%;\n  right: -25px;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddColumns:after {\n  background-image: url('/icons/plus.svg');\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddColumns:hover {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableAddRows {\n  position: absolute;\n  bottom: -25px;\n  width: calc(100% - 25px);\n  background-color: #eee;\n  height: 20px;\n  left: 0;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddRows:after {\n  background-image: url(/icons/plus.svg);\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddRows:hover {\n  background-color: #c9dbf0;\n}\n@keyframes table-controls {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.PlaygroundEditorTheme__tableCellResizeRuler {\n  display: block;\n  position: absolute;\n  width: 1px;\n  background-color: rgb(60, 132, 244);\n  height: 100%;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellActionButtonContainer {\n  display: block;\n  right: 5px;\n  top: 6px;\n  position: absolute;\n  z-index: 4;\n  width: 20px;\n  height: 20px;\n}\n.PlaygroundEditorTheme__tableCellActionButton {\n  background-color: #eee;\n  display: block;\n  border: 0;\n  border-radius: 20px;\n  width: 20px;\n  height: 20px;\n  color: #222;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableCellActionButton:hover {\n  background-color: #ddd;\n}\n.PlaygroundEditorTheme__characterLimit {\n  display: inline;\n  background-color: #ffbbbb !important;\n}\n.PlaygroundEditorTheme__ol1 {\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n  list-style-type: decimal;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol2 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol3 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol4 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol5 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ul {\n  padding: 0;\n  margin: 0;\n  list-style: disc;\n  margin-left: 20px;\n  list-style-position: inside !important;;\n}\n\n.PlaygroundEditorTheme__listItemChecked,\n.PlaygroundEditorTheme__listItemUnchecked {\n  position: relative;\n  margin-left: 8px;\n  margin-right: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  list-style-type: none;\n  outline: none;\n}\n.PlaygroundEditorTheme__listItemChecked {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before,\n.PlaygroundEditorTheme__listItemChecked:before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  top: 2px;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n.PlaygroundEditorTheme__listItemUnchecked[dir='rtl']:before,\n.PlaygroundEditorTheme__listItemChecked[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n.PlaygroundEditorTheme__listItemUnchecked:focus:before,\n.PlaygroundEditorTheme__listItemChecked:focus:before {\n  box-shadow: 0 0 0 2px #a6cdfe;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before {\n  border: 1px solid #999;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemChecked:before {\n  border: 1px solid rgb(61, 135, 245);\n  border-radius: 2px;\n  background-color: #3d87f5;\n  background-repeat: no-repeat;\n}\n.PlaygroundEditorTheme__listItemChecked:after {\n  content: '';\n  cursor: pointer;\n  border-color: #fff;\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: 6px;\n  width: 3px;\n  left: 7px;\n  right: 7px;\n  height: 6px;\n  transform: rotate(45deg);\n  border-width: 0 2px 2px 0;\n}\n.PlaygroundEditorTheme__nestedListItem {\n  list-style-type: none;\n}\n.PlaygroundEditorTheme__nestedListItem:before,\n.PlaygroundEditorTheme__nestedListItem:after {\n  display: none;\n}\n.PlaygroundEditorTheme__tokenComment {\n  color: slategray;\n}\n.PlaygroundEditorTheme__tokenPunctuation {\n  color: #999;\n}\n.PlaygroundEditorTheme__tokenProperty {\n  color: #905;\n}\n.PlaygroundEditorTheme__tokenSelector {\n  color: #690;\n}\n.PlaygroundEditorTheme__tokenOperator {\n  color: #9a6e3a;\n}\n.PlaygroundEditorTheme__tokenAttr {\n  color: #07a;\n}\n.PlaygroundEditorTheme__tokenVariable {\n  color: #e90;\n}\n.PlaygroundEditorTheme__tokenFunction {\n  color: #dd4a68;\n}\n.PlaygroundEditorTheme__mark {\n  background: rgba(255, 212, 0, 0.14);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\n  padding-bottom: 2px;\n}\n.PlaygroundEditorTheme__markOverlap {\n  background: rgba(255, 212, 0, 0.3);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__mark.selected {\n  background: rgba(255, 212, 0, 0.5);\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\n}\n.PlaygroundEditorTheme__markOverlap.selected {\n  background: rgba(255, 212, 0, 0.7);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__embedBlock {\n  user-select: none;\n}\n.PlaygroundEditorTheme__embedBlockFocus {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__layoutContaner {\n  display: grid;\n  gap: 10px;\n  margin: 10px 0;\n}\n.PlaygroundEditorTheme__layoutItem {\n  border: 1px dashed #ddd;\n  padding: 8px 16px;\n}\n\n.editor-image img {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 90% !important;\n  border: 1px solid #e5e7eb;\n  margin-bottom: 10px;\n}\n";
+export declare const styleTag = "\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n.PlaygroundEditorTheme__ltr {\n  text-align: left;\n}\n.PlaygroundEditorTheme__rtl {\n  text-align: right;\n}\n\n.PlaygroundEditorTheme__quote {\n  margin: 0;\n  margin-left: 20px;\n  font-size: 15px;\n  color: rgb(101, 103, 107);\n  border-left-color: rgb(206, 208, 212);\n  border-left-width: 4px;\n  border-left-style: solid;\n  padding-left: 16px;\n}\n.PlaygroundEditorTheme__h1 {\n  font-size: 34px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h2 {\n  font-size: 29px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h3 {\n  font-size: 24px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h4 {\n  font-size: 21px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h5 {\n  font-size: 18px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__h6 {\n  font-size: 16px;\n  margin-bottom: 10px;\n}\n.PlaygroundEditorTheme__indent {\n  --lexical-indent-base-value: 40px;\n}\n.PlaygroundEditorTheme__textBold {\n  font-weight: bold;\n}\n.PlaygroundEditorTheme__textItalic {\n  font-style: italic;\n}\n.PlaygroundEditorTheme__textUnderline {\n  text-decoration: underline;\n}\n.PlaygroundEditorTheme__textStrikethrough {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__textUnderlineStrikethrough {\n  text-decoration: underline line-through;\n}\n.PlaygroundEditorTheme__textSubscript {\n  font-size: 0.8em;\n  vertical-align: sub !important;\n}\n.PlaygroundEditorTheme__textSuperscript {\n  font-size: 0.8em;\n  vertical-align: super;\n}\n.PlaygroundEditorTheme__textCode {\n  background-color: rgb(240, 242, 245);\n  padding: 1px 0.25rem;\n  font-family: Menlo, Consolas, Monaco, monospace;\n  font-size: 94%;\n}\n.PlaygroundEditorTheme__hashtag {\n  background-color: rgba(88, 144, 255, 0.15);\n  border-bottom: 1px solid rgba(88, 144, 255, 0.3);\n}\n.PlaygroundEditorTheme__link {\n  color: rgb(33, 111, 219);\n  text-decoration: none;\n}\n.PlaygroundEditorTheme__link:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__code {\n  background-color: rgb(240, 242, 245);\n  font-family: Menlo, Consolas, Monaco, monospace;\n  display: block;\n  padding: 8px 8px 8px 52px;\n  line-height: 1.53;\n  font-size: 13px;\n  margin: 0;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  overflow-x: auto;\n  position: relative;\n  tab-size: 2;\n}\n.PlaygroundEditorTheme__code:before {\n  content: attr(data-gutter);\n  position: absolute;\n  background-color: #eee;\n  left: 0;\n  top: 0;\n  border-right: 1px solid #ccc;\n  padding: 8px;\n  color: #777;\n  white-space: pre-wrap;\n  text-align: right;\n  min-width: 25px;\n}\n.PlaygroundEditorTheme__table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  overflow-y: scroll;\n  overflow-x: scroll;\n  table-layout: fixed;\n  width: max-content;\n  margin: 30px 0;\n}\n.PlaygroundEditorTheme__tableSelection *::selection {\n  background-color: transparent;\n}\n.PlaygroundEditorTheme__tableSelected {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__tableCell {\n  border: 1px solid #bbb;\n  width: 75px;\n  min-width: 75px;\n  vertical-align: top;\n  text-align: start;\n  padding: 6px 8px;\n  position: relative;\n  outline: none;\n}\n.PlaygroundEditorTheme__tableCellSortedIndicator {\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  background-color: #999;\n}\n.PlaygroundEditorTheme__tableCellResizer {\n  position: absolute;\n  right: -4px;\n  height: 100%;\n  width: 8px;\n  cursor: ew-resize;\n  z-index: 10;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellHeader {\n  background-color: #f2f3f5;\n  text-align: start;\n}\n.PlaygroundEditorTheme__tableCellSelected {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableCellPrimarySelected {\n  border: 2px solid rgb(60, 132, 244);\n  display: block;\n  height: calc(100% - 2px);\n  position: absolute;\n  width: calc(100% - 2px);\n  left: -1px;\n  top: -1px;\n  z-index: 2;\n}\n.PlaygroundEditorTheme__tableCellEditing {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n  border-radius: 3px;\n}\n.PlaygroundEditorTheme__tableAddColumns {\n  position: absolute;\n  top: 0;\n  width: 20px;\n  background-color: #eee;\n  height: 100%;\n  right: -25px;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddColumns:after {\n  background-image: url('/icons/plus.svg');\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddColumns:hover {\n  background-color: #c9dbf0;\n}\n.PlaygroundEditorTheme__tableAddRows {\n  position: absolute;\n  bottom: -25px;\n  width: calc(100% - 25px);\n  background-color: #eee;\n  height: 20px;\n  left: 0;\n  animation: table-controls 0.2s ease;\n  border: 0;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableAddRows:after {\n  background-image: url(/icons/plus.svg);\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0.4;\n}\n.PlaygroundEditorTheme__tableAddRows:hover {\n  background-color: #c9dbf0;\n}\n@keyframes table-controls {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.PlaygroundEditorTheme__tableCellResizeRuler {\n  display: block;\n  position: absolute;\n  width: 1px;\n  background-color: rgb(60, 132, 244);\n  height: 100%;\n  top: 0;\n}\n.PlaygroundEditorTheme__tableCellActionButtonContainer {\n  display: block;\n  right: 5px;\n  top: 6px;\n  position: absolute;\n  z-index: 4;\n  width: 20px;\n  height: 20px;\n}\n.PlaygroundEditorTheme__tableCellActionButton {\n  background-color: #eee;\n  display: block;\n  border: 0;\n  border-radius: 20px;\n  width: 20px;\n  height: 20px;\n  color: #222;\n  cursor: pointer;\n}\n.PlaygroundEditorTheme__tableCellActionButton:hover {\n  background-color: #ddd;\n}\n.PlaygroundEditorTheme__characterLimit {\n  display: inline;\n  background-color: #ffbbbb !important;\n}\n.PlaygroundEditorTheme__ol1 {\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n  list-style-type: decimal;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol2 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol3 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-alpha;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol4 {\n  padding: 0;\n  margin: 0;\n  list-style-type: upper-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ol5 {\n  padding: 0;\n  margin: 0;\n  list-style-type: lower-roman;\n  list-style-position: inside;\n  margin-left: 20px;\n}\n.PlaygroundEditorTheme__ul {\n  padding: 0;\n  margin: 0;\n  list-style: disc;\n  margin-left: 20px;\n  list-style-position: inside !important;;\n}\n\n.PlaygroundEditorTheme__listItem {\n  font-family: var(--listitem-marker-font-family);\n  font-size: var(--listitem-marker-font-size);\n  background-color: var(--listitem-marker-background-color);\n}\n\n.PlaygroundEditorTheme__listItem::marker {\n  color: var(--listitem-marker-color);\n  background-color: var(--listitem-marker-background-color);\n  font-family: var(--listitem-marker-font-family);\n  font-size: var(--listitem-marker-font-size);\n  font-style: var(--listitem-marker-font-style);\n  font-weight: var(--listitem-marker-font-weight);\n}\n\n.PlaygroundEditorTheme__listItemChecked,\n.PlaygroundEditorTheme__listItemUnchecked {\n  position: relative;\n  margin-left: 8px;\n  margin-right: 8px;\n  padding-left: 24px;\n  padding-right: 24px;\n  list-style-type: none;\n  outline: none;\n}\n.PlaygroundEditorTheme__listItemChecked {\n  text-decoration: line-through;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before,\n.PlaygroundEditorTheme__listItemChecked:before {\n  content: '';\n  width: 16px;\n  height: 16px;\n  top: 2px;\n  left: 0;\n  cursor: pointer;\n  display: block;\n  background-size: cover;\n  position: absolute;\n}\n.PlaygroundEditorTheme__listItemUnchecked[dir='rtl']:before,\n.PlaygroundEditorTheme__listItemChecked[dir='rtl']:before {\n  left: auto;\n  right: 0;\n}\n.PlaygroundEditorTheme__listItemUnchecked:focus:before,\n.PlaygroundEditorTheme__listItemChecked:focus:before {\n  box-shadow: 0 0 0 2px #a6cdfe;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemUnchecked:before {\n  border: 1px solid #999;\n  border-radius: 2px;\n}\n.PlaygroundEditorTheme__listItemChecked:before {\n  border: 1px solid rgb(61, 135, 245);\n  border-radius: 2px;\n  background-color: #3d87f5;\n  background-repeat: no-repeat;\n}\n.PlaygroundEditorTheme__listItemChecked:after {\n  content: '';\n  cursor: pointer;\n  border-color: #fff;\n  border-style: solid;\n  position: absolute;\n  display: block;\n  top: 6px;\n  width: 3px;\n  left: 7px;\n  right: 7px;\n  height: 6px;\n  transform: rotate(45deg);\n  border-width: 0 2px 2px 0;\n}\n.PlaygroundEditorTheme__nestedListItem {\n  list-style-type: none;\n}\n.PlaygroundEditorTheme__nestedListItem:before,\n.PlaygroundEditorTheme__nestedListItem:after {\n  display: none;\n}\n.PlaygroundEditorTheme__tokenComment {\n  color: slategray;\n}\n.PlaygroundEditorTheme__tokenPunctuation {\n  color: #999;\n}\n.PlaygroundEditorTheme__tokenProperty {\n  color: #905;\n}\n.PlaygroundEditorTheme__tokenSelector {\n  color: #690;\n}\n.PlaygroundEditorTheme__tokenOperator {\n  color: #9a6e3a;\n}\n.PlaygroundEditorTheme__tokenAttr {\n  color: #07a;\n}\n.PlaygroundEditorTheme__tokenVariable {\n  color: #e90;\n}\n.PlaygroundEditorTheme__tokenFunction {\n  color: #dd4a68;\n}\n.PlaygroundEditorTheme__mark {\n  background: rgba(255, 212, 0, 0.14);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.3);\n  padding-bottom: 2px;\n}\n.PlaygroundEditorTheme__markOverlap {\n  background: rgba(255, 212, 0, 0.3);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__mark.selected {\n  background: rgba(255, 212, 0, 0.5);\n  border-bottom: 2px solid rgba(255, 212, 0, 1);\n}\n.PlaygroundEditorTheme__markOverlap.selected {\n  background: rgba(255, 212, 0, 0.7);\n  border-bottom: 2px solid rgba(255, 212, 0, 0.7);\n}\n.PlaygroundEditorTheme__embedBlock {\n  user-select: none;\n}\n.PlaygroundEditorTheme__embedBlockFocus {\n  outline: 2px solid rgb(60, 132, 244);\n}\n.PlaygroundEditorTheme__layoutContaner {\n  display: grid;\n  gap: 10px;\n  margin: 10px 0;\n}\n.PlaygroundEditorTheme__layoutItem {\n  border: 1px dashed #ddd;\n  padding: 8px 16px;\n}\n\n.editor-image img {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 90% !important;\n  border: 1px solid #e5e7eb;\n  margin-bottom: 10px;\n}\n";

package/dist/esm/components/TextEditorV2/constants.js

@@ -322,6 +322,21 @@ export const styleTag = `
   list-style-position: inside !important;;
 }
 
+.PlaygroundEditorTheme__listItem {
+  font-family: var(--listitem-marker-font-family);
+  font-size: var(--listitem-marker-font-size);
+  background-color: var(--listitem-marker-background-color);
+}
+
+.PlaygroundEditorTheme__listItem::marker {
+  color: var(--listitem-marker-color);
+  background-color: var(--listitem-marker-background-color);
+  font-family: var(--listitem-marker-font-family);
+  font-size: var(--listitem-marker-font-size);
+  font-style: var(--listitem-marker-font-style);
+  font-weight: var(--listitem-marker-font-weight);
+}
+
 .PlaygroundEditorTheme__listItemChecked,
 .PlaygroundEditorTheme__listItemUnchecked {
   position: relative;

package/dist/esm/components/TextEditorV2/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/TextEditorV2/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAucvB,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/TextEditorV2/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsdvB,CAAA"}

package/dist/esm/components/TextEditorV2/editor.js

@@ -10,54 +10,30 @@ import PlaygroundNodes from './nodes/PlaygroundNodes';
 import { TableContext } from './plugins/TablePlugin';
 import { CAN_USE_DOM } from './shared/canUseDOM';
 import PlaygroundEditorTheme from './themes/PlaygroundEditorTheme';
-import { CharacterLimitPlugin } from '@lexical/react/LexicalCharacterLimitPlugin';
 import { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin';
 import { ClearEditorPlugin } from '@lexical/react/LexicalClearEditorPlugin';
-import LexicalClickableLinkPlugin from '@lexical/react/LexicalClickableLinkPlugin';
-import LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
-import { HashtagPlugin } from '@lexical/react/LexicalHashtagPlugin';
 import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
-import { HorizontalRulePlugin } from '@lexical/react/LexicalHorizontalRulePlugin';
 import { ListPlugin } from '@lexical/react/LexicalListPlugin';
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
 import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin';
-import { TablePlugin } from '@lexical/react/LexicalTablePlugin';
-import AutoEmbedPlugin from './plugins/AutoEmbedPlugin';
-import AutocompletePlugin from './plugins/AutocompletePlugin';
-import CodeHighlightPlugin from './plugins/CodeHighlightPlugin';
-import CollapsiblePlugin from './plugins/CollapsiblePlugin';
-import ContextMenuPlugin from './plugins/ContextMenuPlugin';
-import EmojiPickerPlugin from './plugins/EmojiPickerPlugin';
-import EmojisPlugin from './plugins/EmojisPlugin';
-import EquationsPlugin from './plugins/EquationsPlugin';
-import ExcalidrawPlugin from './plugins/ExcalidrawPlugin';
-import FigmaPlugin from './plugins/FigmaPlugin';
 import ImagesPlugin from './plugins/ImagesPlugin';
 import InlineImagePlugin from './plugins/InlineImagePlugin';
-import KeywordsPlugin from './plugins/KeywordsPlugin';
-import { LayoutPlugin } from './plugins/LayoutPlugin/LayoutPlugin';
-import LinkPlugin from './plugins/LinkPlugin';
 import ListMaxIndentLevelPlugin from './plugins/ListMaxIndentLevelPlugin';
-import MarkdownShortcutPlugin from './plugins/MarkdownShortcutPlugin';
 import { MaxLengthPlugin } from './plugins/MaxLengthPlugin';
-import MentionsPlugin from './plugins/MentionsPlugin';
-import PageBreakPlugin from './plugins/PageBreakPlugin';
+import SanitizePastePlugin from './plugins/SanitizePastePlugin';
 import ContentEditable from './ui/ContentEditable';
-import PollPlugin from './plugins/PollPlugin';
-import TabFocusPlugin from './plugins/TabFocusPlugin';
-import TableCellResizer from './plugins/TableCellResizer';
-import TableOfContentsPlugin from './plugins/TableOfContentsPlugin';
 import ToolbarPlugin from './plugins/ToolbarPlugin';
-import TwitterPlugin from './plugins/TwitterPlugin';
-import YouTubePlugin from './plugins/YouTubePlugin';
 import { useSettings } from './context/SettingsContext';
 import { styleTag } from './constants';
 import EditorStyle from './style';
+import { ClickableLinkPlugin } from '@lexical/react/LexicalClickableLinkPlugin';
+import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
+import { LexicalErrorBoundary } from './shared/LexicalErrorBoundary';
 export default function PHXTextEditorV2({ defaultValue, label, onChange, placeholder, apiCdnUpload, disabled = false, }) {
     const [isSmallWidthViewport, setIsSmallWidthViewport] = useState(false);
     const { historyState } = useSharedHistoryContext();
-    const { settings: { isAutocomplete, isCharLimit, isCharLimitUtf8, isMaxLength, shouldUseLexicalContextMenu, showTableOfContents, tableCellBackgroundColor, tableCellMerge, }, } = useSettings();
+    const { settings: { isMaxLength }, } = useSettings();
     const editorConfig = {
         theme: PlaygroundEditorTheme,
         editorState: prepopulatedRichText,
@@ -138,41 +114,17 @@ export default function PHXTextEditorV2({ defaultValue, label, onChange, placeho
                             React.createElement("div", { className: 'relative' },
                                 isMaxLength && React.createElement(MaxLengthPlugin, { maxLength: 30 }),
                                 React.createElement(ClearEditorPlugin, null),
-                                React.createElement(EmojiPickerPlugin, null),
-                                React.createElement(AutoEmbedPlugin, null),
-                                React.createElement(MentionsPlugin, null),
-                                React.createElement(EmojisPlugin, null),
-                                React.createElement(HashtagPlugin, null),
-                                React.createElement(KeywordsPlugin, null),
                                 React.createElement(OnChangePlugin, { onChange: handleChange }),
                                 React.createElement(HistoryPlugin, { externalHistoryState: historyState }),
-                                React.createElement(RichTextPlugin, { contentEditable: React.createElement(ContentEditable, { className: 'px-2 py-1.5 h-[20rem] overflow-y-auto  outline-none text-sm' }), ErrorBoundary: LexicalErrorBoundary, placeholder: React.createElement("p", { className: 'absolute top-1.5 left-2 text-xs text-[#999] z-10 overflow-hidden text-ellipsis inline-block select-none pointer-events-none' }, placeholder) }),
-                                React.createElement(MarkdownShortcutPlugin, null),
-                                React.createElement(CodeHighlightPlugin, null),
+                                React.createElement(SanitizePastePlugin, null),
+                                React.createElement(RichTextPlugin, { contentEditable: React.createElement(ContentEditable, { className: 'PHXTextEditorV2__contentEditable px-2 py-1.5 h-[20rem] overflow-y-auto outline-none' }), ErrorBoundary: LexicalErrorBoundary, placeholder: React.createElement("p", { className: 'absolute top-1.5 left-2 text-xs text-[#999] z-10 overflow-hidden text-ellipsis inline-block select-none pointer-events-none' }, placeholder) }),
                                 React.createElement(ListPlugin, null),
                                 React.createElement(CheckListPlugin, null),
                                 React.createElement(ListMaxIndentLevelPlugin, { maxDepth: 7 }),
-                                React.createElement(TablePlugin, { hasCellBackgroundColor: tableCellBackgroundColor, hasCellMerge: tableCellMerge }),
-                                React.createElement(TableCellResizer, null),
                                 React.createElement(ImagesPlugin, null),
                                 React.createElement(InlineImagePlugin, null),
                                 React.createElement(LinkPlugin, null),
-                                React.createElement(PollPlugin, null),
-                                React.createElement(TwitterPlugin, null),
-                                React.createElement(YouTubePlugin, null),
-                                React.createElement(FigmaPlugin, null),
-                                React.createElement(LexicalClickableLinkPlugin, null),
-                                React.createElement(HorizontalRulePlugin, null),
-                                React.createElement(EquationsPlugin, null),
-                                React.createElement(ExcalidrawPlugin, null),
-                                React.createElement(TabFocusPlugin, null),
-                                React.createElement(TabIndentationPlugin, null),
-                                React.createElement(CollapsiblePlugin, null),
-                                React.createElement(PageBreakPlugin, null),
-                                React.createElement(LayoutPlugin, null),
-                                (isCharLimit || isCharLimitUtf8) && (React.createElement(CharacterLimitPlugin, { charset: isCharLimit ? 'UTF-16' : 'UTF-8', maxLength: 5 })),
-                                isAutocomplete && React.createElement(AutocompletePlugin, null),
-                                React.createElement("div", null, showTableOfContents && React.createElement(TableOfContentsPlugin, null)),
-                                shouldUseLexicalContextMenu && React.createElement(ContextMenuPlugin, null)))))))));
+                                React.createElement(ClickableLinkPlugin, { newTab: true }),
+                                React.createElement(TabIndentationPlugin, null)))))))));
 }
 //# sourceMappingURL=editor.js.map