@mindlogic-ai/logician-ui 3.2.0-alpha.5 → 4.0.0-alpha.6

package/dist/index.d.ts

@@ -35,7 +35,6 @@ export * from './components/LogicianProvider';
 export * from './components/Markdown';
 export * from './components/Masonry';
 export * from './components/MaxLengthIndicator';
-export * from './components/MDXEditor';
 export * from './components/Menu';
 export * from './components/Modal';
 export * from './components/MonthPicker';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EACL,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,MAAM,EACN,KAAK,kBAAkB,EACvB,cAAc,GACf,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EACL,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,MAAM,EACN,KAAK,kBAAkB,EACvB,cAAc,GACf,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -54,7 +54,6 @@ var LogicianProvider = require('./components/LogicianProvider/LogicianProvider.j
 var Markdown = require('./components/Markdown/Markdown.js');
 var Masonry = require('./components/Masonry/Masonry.js');
 var MaxLengthIndicator = require('./components/MaxLengthIndicator/MaxLengthIndicator.js');
-var MDXEditor = require('./components/MDXEditor/MDXEditor.js');
 var Menu = require('./components/Menu/Menu.js');
 var MenuItem = require('./components/Menu/MenuItem.js');
 var MenuList = require('./components/Menu/MenuList.js');
@@ -232,7 +231,6 @@ exports.Markdown = Markdown.Markdown;
 exports.baseMarkdownComponents = Markdown.baseMarkdownComponents;
 exports.Masonry = Masonry.Masonry;
 exports.MaxLengthIndicator = MaxLengthIndicator.MaxLengthIndicator;
-exports.MDXEditor = MDXEditor.MDXEditor;
 exports.Menu = Menu.Menu;
 exports.MenuItem = MenuItem.MenuItem;
 exports.MenuList = MenuList.MenuList;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -52,7 +52,6 @@ export { LogicianProvider } from './components/LogicianProvider/LogicianProvider
 export { Markdown, baseMarkdownComponents } from './components/Markdown/Markdown.mjs';
 export { Masonry } from './components/Masonry/Masonry.mjs';
 export { MaxLengthIndicator } from './components/MaxLengthIndicator/MaxLengthIndicator.mjs';
-export { MDXEditor } from './components/MDXEditor/MDXEditor.mjs';
 export { Menu } from './components/Menu/Menu.mjs';
 export { MenuItem } from './components/Menu/MenuItem.mjs';
 export { MenuList } from './components/Menu/MenuList.mjs';

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindlogic-ai/logician-ui",
-  "version": "3.2.0-alpha.5",
+  "version": "4.0.0-alpha.6",
   "description": "A comprehensive React design system built on Chakra UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -61,7 +61,6 @@
   },
   "dependencies": {
     "@dagrejs/dagre": "^3.0.0",
-    "@mdxeditor/editor": "^3.45.1",
     "@types/lodash": "^4.17.20",
     "@xyflow/react": "^12.10.2",
     "chakra-dayzed-datepicker": "3.0.0",

package/src/index.ts

@@ -53,7 +53,6 @@ export * from './components/LogicianProvider';
 export * from './components/Markdown';
 export * from './components/Masonry';
 export * from './components/MaxLengthIndicator';
-export * from './components/MDXEditor';
 export * from './components/Menu';
 export * from './components/Modal';
 export * from './components/MonthPicker';

package/dist/components/MDXEditor/MDXEditor.d.ts

@@ -1,6 +0,0 @@
-import { MDXEditorMethods, MDXEditorProps as BaseEditorProps } from '@mdxeditor/editor';
-import '@mdxeditor/editor/style.css';
-import './MDXEditor.css';
-import type { MDXEditorProps } from './MDXEditor.types';
-export declare const MDXEditor: import("react").ForwardRefExoticComponent<MDXEditorProps & import("react").RefAttributes<BaseEditorProps & MDXEditorMethods>>;
-//# sourceMappingURL=MDXEditor.d.ts.map

package/dist/components/MDXEditor/MDXEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDXEditor.d.ts","sourceRoot":"","sources":["../../../src/components/MDXEditor/MDXEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAeL,gBAAgB,EAChB,cAAc,IAAI,eAAe,EAOlC,MAAM,mBAAmB,CAAC;AAE3B,OAAO,6BAA6B,CAAC;AACrC,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,+HA4SpB,CAAC"}

package/dist/components/MDXEditor/MDXEditor.js

@@ -1,237 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var react = require('@chakra-ui/react');
-var editor = require('@mdxeditor/editor');
-require('@mdxeditor/editor/style.css');
-
-const MDXEditor = React.forwardRef(({ containerProps, autoFocus = true, onError, ...rest }, ref) => {
-    const [error, setError] = React.useState(null);
-    // Resolve theme tokens to actual values
-    const [space1, space2, space4] = react.useToken('spacing', ['1', '2', '4']);
-    const [radiusSm] = react.useToken('radii', ['sm']);
-    // 내부적으로 Editor 인스턴스를 참조하기 위한 로컬 ref
-    const editorRef = React.useRef(null);
-    // 부모 컴포넌트로 전달된 ref가 editorRef를 바라보도록 연결
-    React.useImperativeHandle(ref, () => editorRef.current, []);
-    const handleContainerClick = (e) => {
-        // Only focus if clicking on the container itself, not on toolbar and table elements
-        const target = e.target;
-        const isToolbarClick = target.closest('.mdxeditor-toolbar');
-        const isTableClick = target.closest('table');
-        const isPopupClick = target.closest('.mdxeditor-popup-container');
-        if (!isToolbarClick && !isTableClick && !isPopupClick) {
-            editorRef.current?.focus();
-        }
-    };
-    return (jsxRuntime.jsx(react.Box, { width: "100%", height: "100%", borderWidth: "1px", borderRadius: "lg", overflow: "hidden", onClick: handleContainerClick, cursor: "text", ...containerProps, css: {
-            /**
-             * Chakra v3 css prop styling notes:
-             *
-             * 1. All nested selectors require '&' prefix (e.g., '& .class', '& h1')
-             * 2. Use full CSS property names (background, padding) instead of Chakra
-             *    shorthand props (bg, p) in nested selectors
-             * 3. Color values must be resolved via useToken(), not token strings
-             * 4. Font sizes use responsive objects: { base: '2.4em', md: '3em' }
-             * 5. List styles must be explicitly defined (listStyleType, etc.)
-             *
-             * These requirements differ from v2's sx prop, which was more implicit.
-             * v3 prioritizes performance and explicitness over automatic handling.
-             */
-            ...containerProps?.css,
-            '& .mdxeditor': {
-                width: '100%',
-                minHeight: '300px',
-                height: '100%',
-                background: 'var(--chakra-colors-bg-surface)',
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '& .mdxeditor-toolbar': {
-                display: 'flex',
-                gap: space2,
-                padding: space2,
-                borderBottomWidth: '1px',
-                background: 'var(--chakra-colors-bg-subtle)',
-                flexShrink: 0,
-                cursor: 'default',
-            },
-            // Toolbar icons. mdxeditor colors its toolbar svgs with its own
-            // `--baseTextContrast` (its internal slate scale), which doesn't follow
-            // our color mode — in dark mode they stay near-black (#1c2024) and all
-            // but vanish against the dark toolbar. Flip them onto the semantic
-            // foreground token so they track light/dark like the editor body text.
-            '& .mdxeditor-toolbar svg': {
-                color: 'var(--chakra-colors-fg-default)',
-            },
-            // Disabled toolbar buttons (e.g. undo/redo with nothing to undo) — keep
-            // them dimmed but still mode-aware, instead of mdxeditor's light-only
-            // border color.
-            '& .mdxeditor-toolbar [data-disabled] svg': {
-                color: 'var(--chakra-colors-fg-subtle)',
-            },
-            // Hover / pressed / toggled-on backgrounds. mdxeditor paints these with
-            // `--baseBgActive` (its slate scale), which also doesn't track the color
-            // mode — in dark mode it goes light-grey, so the now-light icons sit on a
-            // light fill and disappear on hover and when a format is active. Flip the
-            // fill onto the semantic hover token so it stays mode-aware.
-            '& .mdxeditor-toolbar button:hover, & .mdxeditor-toolbar button[data-state="on"], & .mdxeditor-toolbar button:active': {
-                background: 'var(--chakra-colors-bg-muted)',
-            },
-            // Block-type select trigger in the toolbar — mdxeditor themes it with
-            // its own vars (left white), so flip it onto the semantic surface.
-            '& [class*="_selectTrigger_"]': {
-                background: 'var(--chakra-colors-bg-surface)',
-                color: 'var(--chakra-colors-fg-default)',
-            },
-            // Target the root contenteditable wrapper
-            '& [class*="_rootContentEditableWrapper_"]': {
-                flex: 1,
-                display: 'flex',
-                flexDirection: 'column',
-                minHeight: 0,
-                height: '100%',
-                overflow: 'auto',
-            },
-            // Target the actual contenteditable element
-            '& [contenteditable="true"]': {
-                flex: 1,
-                minHeight: '100%',
-                outline: 'none',
-            },
-            // Target any intermediate wrapper elements
-            '& [class*="_contentEditable_"]': {
-                flex: 1,
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '& .content-editable': {
-                padding: space4,
-                color: 'var(--chakra-colors-fg-default)',
-                display: 'flex',
-                flexDirection: 'column',
-                gap: radiusSm,
-                flex: 1,
-                height: '100%',
-                '& h1, & h2, & h3, & h4, & h5': {
-                    marginBottom: '2px',
-                    fontWeight: 'bold',
-                },
-                '& h1:not(:first-child), & h2:not(:first-child), & h3:not(:first-child), & h4:not(:first-child)': {
-                    marginTop: space1,
-                },
-                /**
-                 * Font sizes - Cannot be tokenized due to responsive objects
-                 *
-                 * Unlike spacing/radii/colors, fontSize values here are responsive objects
-                 * { base: '2.4em', md: '3em' } which cannot be stored as regular tokens
-                 * in Chakra v3. Only textStyles support responsive values, but we cannot
-                 * extract just the fontSize from textStyles using useToken().
-                 *
-                 * These values match theme/index.ts textStyles exactly and must be
-                 * manually synchronized when updating the theme:
-                 * - h1: { base: '2.4em', md: '3em' }
-                 * - h2: { base: '2em', md: '2.5em' }
-                 * - h3: { base: '1.5em', md: '1.75em' }
-                 * - h4: { base: '1.25em', md: '1.44em' }
-                 * - h5: { base: '1.1em', md: '1.2em' }
-                 */
-                '& h1': {
-                    fontSize: { base: '2.4em', md: '3em' },
-                },
-                '& h2': {
-                    fontSize: { base: '2em', md: '2.5em' },
-                },
-                '& h3': {
-                    fontSize: { base: '1.5em', md: '1.75em' },
-                },
-                '& h4': {
-                    fontSize: { base: '1.25em', md: '1.44em' },
-                },
-                '& h5': {
-                    fontSize: { base: '1.1em', md: '1.2em' },
-                },
-                /**
-                 * List styling - IMPORTANT: v3 requires explicit list-style properties
-                 *
-                 * In Chakra v2, the `sx` prop automatically preserved browser default list styles.
-                 * In Chakra v3, the `css` prop is more explicit and performant, but requires
-                 * manual specification of list styles to override MDXEditor's CSS resets.
-                 *
-                 * Required properties:
-                 * - listStyleType: 'disc' (ul) or 'decimal' (ol) - Shows bullets/numbers
-                 * - listStylePosition: 'outside' - Places markers outside content box
-                 * - display: 'list-item' (on li) - Ensures proper list item rendering
-                 *
-                 * Why this changed: v3 optimized for speed by removing automatic style inference,
-                 * requiring more explicit style declarations.
-                 */
-                '& ul': {
-                    marginTop: space2,
-                    paddingInlineStart: space4,
-                    listStyleType: 'disc',
-                    listStylePosition: 'outside',
-                },
-                '& ol': {
-                    marginTop: space2,
-                    paddingInlineStart: space4,
-                    listStyleType: 'decimal',
-                    listStylePosition: 'outside',
-                },
-                '& li': {
-                    lineHeight: '1.5',
-                    marginBottom: space2,
-                    display: 'list-item',
-                },
-                '& blockquote': {
-                    borderLeftWidth: '4px',
-                    borderLeftColor: 'var(--chakra-colors-primary-light)',
-                    background: 'var(--chakra-colors-primary-lighter)',
-                    paddingLeft: space4,
-                    paddingBlock: space2,
-                    marginBlock: space4,
-                    color: 'var(--chakra-colors-fg-muted)',
-                },
-                '& a': {
-                    color: 'var(--chakra-colors-primary-main)',
-                    textDecoration: 'underline',
-                },
-                '& code': {
-                    fontFamily: 'mono',
-                    background: 'var(--chakra-colors-bg-muted)',
-                    paddingInline: space1,
-                    borderRadius: radiusSm,
-                    '& span': {
-                        background: 'transparent',
-                    },
-                },
-            },
-            '& .mdxeditor-diff-source-wrapper': {
-                overflow: 'auto',
-            },
-        }, children: jsxRuntime.jsx(editor.MDXEditor, { ref: editorRef, contentEditableClassName: "content-editable", overlayContainer: typeof document !== 'undefined' ? document.body : undefined, autoFocus: autoFocus, onError: ({ error }) => {
-                setError(error);
-                onError?.(error);
-            }, plugins: [
-                editor.headingsPlugin({
-                    allowedHeadingLevels: [2, 3, 4, 5],
-                }),
-                editor.linkPlugin(),
-                editor.listsPlugin(),
-                editor.imagePlugin(),
-                editor.quotePlugin(),
-                editor.thematicBreakPlugin(),
-                editor.markdownShortcutPlugin(),
-                editor.tablePlugin(),
-                editor.diffSourcePlugin(),
-                editor.toolbarPlugin({
-                    toolbarContents: () => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(editor.UndoRedo, {}), jsxRuntime.jsx(editor.Separator, {}), jsxRuntime.jsx(editor.BoldItalicUnderlineToggles, {}), jsxRuntime.jsx(editor.CodeToggle, {}), jsxRuntime.jsx(editor.Separator, {}), jsxRuntime.jsx(editor.ListsToggle, {}), jsxRuntime.jsx(editor.Separator, {}), jsxRuntime.jsx(editor.BlockTypeSelect, {}), jsxRuntime.jsx(editor.Separator, {}), jsxRuntime.jsx(editor.InsertTable, {}), jsxRuntime.jsx(editor.InsertThematicBreak, {}), error && (jsxRuntime.jsx(editor.DiffSourceToggleWrapper, { options: ['rich-text', 'source'], children: jsxRuntime.jsx(jsxRuntime.Fragment, {}) }))] })),
-                }),
-            ], ...rest }) }));
-});
-MDXEditor.displayName = 'MDXEditor';
-
-exports.MDXEditor = MDXEditor;
-//# sourceMappingURL=MDXEditor.js.map

package/dist/components/MDXEditor/MDXEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDXEditor.js","sources":["../../../src/components/MDXEditor/MDXEditor.tsx"],"sourcesContent":[null],"names":["forwardRef","useState","useToken","useRef","useImperativeHandle","_jsx","Box","Editor","headingsPlugin","linkPlugin","listsPlugin","imagePlugin","quotePlugin","thematicBreakPlugin","markdownShortcutPlugin","tablePlugin","diffSourcePlugin","toolbarPlugin","_jsxs","_Fragment","UndoRedo","Separator","BoldItalicUnderlineToggles","CodeToggle","ListsToggle","BlockTypeSelect","InsertTable","InsertThematicBreak","DiffSourceToggleWrapper"],"mappings":"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"}

package/dist/components/MDXEditor/MDXEditor.mjs

@@ -1,235 +0,0 @@
-"use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useState, useRef, useImperativeHandle } from 'react';
-import { useToken, Box } from '@chakra-ui/react';
-import { MDXEditor as MDXEditor$1, headingsPlugin, linkPlugin, listsPlugin, imagePlugin, quotePlugin, thematicBreakPlugin, markdownShortcutPlugin, tablePlugin, diffSourcePlugin, toolbarPlugin, UndoRedo, Separator, BoldItalicUnderlineToggles, CodeToggle, ListsToggle, BlockTypeSelect, InsertTable, InsertThematicBreak, DiffSourceToggleWrapper } from '@mdxeditor/editor';
-import '@mdxeditor/editor/style.css';
-
-const MDXEditor = forwardRef(({ containerProps, autoFocus = true, onError, ...rest }, ref) => {
-    const [error, setError] = useState(null);
-    // Resolve theme tokens to actual values
-    const [space1, space2, space4] = useToken('spacing', ['1', '2', '4']);
-    const [radiusSm] = useToken('radii', ['sm']);
-    // 내부적으로 Editor 인스턴스를 참조하기 위한 로컬 ref
-    const editorRef = useRef(null);
-    // 부모 컴포넌트로 전달된 ref가 editorRef를 바라보도록 연결
-    useImperativeHandle(ref, () => editorRef.current, []);
-    const handleContainerClick = (e) => {
-        // Only focus if clicking on the container itself, not on toolbar and table elements
-        const target = e.target;
-        const isToolbarClick = target.closest('.mdxeditor-toolbar');
-        const isTableClick = target.closest('table');
-        const isPopupClick = target.closest('.mdxeditor-popup-container');
-        if (!isToolbarClick && !isTableClick && !isPopupClick) {
-            editorRef.current?.focus();
-        }
-    };
-    return (jsx(Box, { width: "100%", height: "100%", borderWidth: "1px", borderRadius: "lg", overflow: "hidden", onClick: handleContainerClick, cursor: "text", ...containerProps, css: {
-            /**
-             * Chakra v3 css prop styling notes:
-             *
-             * 1. All nested selectors require '&' prefix (e.g., '& .class', '& h1')
-             * 2. Use full CSS property names (background, padding) instead of Chakra
-             *    shorthand props (bg, p) in nested selectors
-             * 3. Color values must be resolved via useToken(), not token strings
-             * 4. Font sizes use responsive objects: { base: '2.4em', md: '3em' }
-             * 5. List styles must be explicitly defined (listStyleType, etc.)
-             *
-             * These requirements differ from v2's sx prop, which was more implicit.
-             * v3 prioritizes performance and explicitness over automatic handling.
-             */
-            ...containerProps?.css,
-            '& .mdxeditor': {
-                width: '100%',
-                minHeight: '300px',
-                height: '100%',
-                background: 'var(--chakra-colors-bg-surface)',
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '& .mdxeditor-toolbar': {
-                display: 'flex',
-                gap: space2,
-                padding: space2,
-                borderBottomWidth: '1px',
-                background: 'var(--chakra-colors-bg-subtle)',
-                flexShrink: 0,
-                cursor: 'default',
-            },
-            // Toolbar icons. mdxeditor colors its toolbar svgs with its own
-            // `--baseTextContrast` (its internal slate scale), which doesn't follow
-            // our color mode — in dark mode they stay near-black (#1c2024) and all
-            // but vanish against the dark toolbar. Flip them onto the semantic
-            // foreground token so they track light/dark like the editor body text.
-            '& .mdxeditor-toolbar svg': {
-                color: 'var(--chakra-colors-fg-default)',
-            },
-            // Disabled toolbar buttons (e.g. undo/redo with nothing to undo) — keep
-            // them dimmed but still mode-aware, instead of mdxeditor's light-only
-            // border color.
-            '& .mdxeditor-toolbar [data-disabled] svg': {
-                color: 'var(--chakra-colors-fg-subtle)',
-            },
-            // Hover / pressed / toggled-on backgrounds. mdxeditor paints these with
-            // `--baseBgActive` (its slate scale), which also doesn't track the color
-            // mode — in dark mode it goes light-grey, so the now-light icons sit on a
-            // light fill and disappear on hover and when a format is active. Flip the
-            // fill onto the semantic hover token so it stays mode-aware.
-            '& .mdxeditor-toolbar button:hover, & .mdxeditor-toolbar button[data-state="on"], & .mdxeditor-toolbar button:active': {
-                background: 'var(--chakra-colors-bg-muted)',
-            },
-            // Block-type select trigger in the toolbar — mdxeditor themes it with
-            // its own vars (left white), so flip it onto the semantic surface.
-            '& [class*="_selectTrigger_"]': {
-                background: 'var(--chakra-colors-bg-surface)',
-                color: 'var(--chakra-colors-fg-default)',
-            },
-            // Target the root contenteditable wrapper
-            '& [class*="_rootContentEditableWrapper_"]': {
-                flex: 1,
-                display: 'flex',
-                flexDirection: 'column',
-                minHeight: 0,
-                height: '100%',
-                overflow: 'auto',
-            },
-            // Target the actual contenteditable element
-            '& [contenteditable="true"]': {
-                flex: 1,
-                minHeight: '100%',
-                outline: 'none',
-            },
-            // Target any intermediate wrapper elements
-            '& [class*="_contentEditable_"]': {
-                flex: 1,
-                display: 'flex',
-                flexDirection: 'column',
-            },
-            '& .content-editable': {
-                padding: space4,
-                color: 'var(--chakra-colors-fg-default)',
-                display: 'flex',
-                flexDirection: 'column',
-                gap: radiusSm,
-                flex: 1,
-                height: '100%',
-                '& h1, & h2, & h3, & h4, & h5': {
-                    marginBottom: '2px',
-                    fontWeight: 'bold',
-                },
-                '& h1:not(:first-child), & h2:not(:first-child), & h3:not(:first-child), & h4:not(:first-child)': {
-                    marginTop: space1,
-                },
-                /**
-                 * Font sizes - Cannot be tokenized due to responsive objects
-                 *
-                 * Unlike spacing/radii/colors, fontSize values here are responsive objects
-                 * { base: '2.4em', md: '3em' } which cannot be stored as regular tokens
-                 * in Chakra v3. Only textStyles support responsive values, but we cannot
-                 * extract just the fontSize from textStyles using useToken().
-                 *
-                 * These values match theme/index.ts textStyles exactly and must be
-                 * manually synchronized when updating the theme:
-                 * - h1: { base: '2.4em', md: '3em' }
-                 * - h2: { base: '2em', md: '2.5em' }
-                 * - h3: { base: '1.5em', md: '1.75em' }
-                 * - h4: { base: '1.25em', md: '1.44em' }
-                 * - h5: { base: '1.1em', md: '1.2em' }
-                 */
-                '& h1': {
-                    fontSize: { base: '2.4em', md: '3em' },
-                },
-                '& h2': {
-                    fontSize: { base: '2em', md: '2.5em' },
-                },
-                '& h3': {
-                    fontSize: { base: '1.5em', md: '1.75em' },
-                },
-                '& h4': {
-                    fontSize: { base: '1.25em', md: '1.44em' },
-                },
-                '& h5': {
-                    fontSize: { base: '1.1em', md: '1.2em' },
-                },
-                /**
-                 * List styling - IMPORTANT: v3 requires explicit list-style properties
-                 *
-                 * In Chakra v2, the `sx` prop automatically preserved browser default list styles.
-                 * In Chakra v3, the `css` prop is more explicit and performant, but requires
-                 * manual specification of list styles to override MDXEditor's CSS resets.
-                 *
-                 * Required properties:
-                 * - listStyleType: 'disc' (ul) or 'decimal' (ol) - Shows bullets/numbers
-                 * - listStylePosition: 'outside' - Places markers outside content box
-                 * - display: 'list-item' (on li) - Ensures proper list item rendering
-                 *
-                 * Why this changed: v3 optimized for speed by removing automatic style inference,
-                 * requiring more explicit style declarations.
-                 */
-                '& ul': {
-                    marginTop: space2,
-                    paddingInlineStart: space4,
-                    listStyleType: 'disc',
-                    listStylePosition: 'outside',
-                },
-                '& ol': {
-                    marginTop: space2,
-                    paddingInlineStart: space4,
-                    listStyleType: 'decimal',
-                    listStylePosition: 'outside',
-                },
-                '& li': {
-                    lineHeight: '1.5',
-                    marginBottom: space2,
-                    display: 'list-item',
-                },
-                '& blockquote': {
-                    borderLeftWidth: '4px',
-                    borderLeftColor: 'var(--chakra-colors-primary-light)',
-                    background: 'var(--chakra-colors-primary-lighter)',
-                    paddingLeft: space4,
-                    paddingBlock: space2,
-                    marginBlock: space4,
-                    color: 'var(--chakra-colors-fg-muted)',
-                },
-                '& a': {
-                    color: 'var(--chakra-colors-primary-main)',
-                    textDecoration: 'underline',
-                },
-                '& code': {
-                    fontFamily: 'mono',
-                    background: 'var(--chakra-colors-bg-muted)',
-                    paddingInline: space1,
-                    borderRadius: radiusSm,
-                    '& span': {
-                        background: 'transparent',
-                    },
-                },
-            },
-            '& .mdxeditor-diff-source-wrapper': {
-                overflow: 'auto',
-            },
-        }, children: jsx(MDXEditor$1, { ref: editorRef, contentEditableClassName: "content-editable", overlayContainer: typeof document !== 'undefined' ? document.body : undefined, autoFocus: autoFocus, onError: ({ error }) => {
-                setError(error);
-                onError?.(error);
-            }, plugins: [
-                headingsPlugin({
-                    allowedHeadingLevels: [2, 3, 4, 5],
-                }),
-                linkPlugin(),
-                listsPlugin(),
-                imagePlugin(),
-                quotePlugin(),
-                thematicBreakPlugin(),
-                markdownShortcutPlugin(),
-                tablePlugin(),
-                diffSourcePlugin(),
-                toolbarPlugin({
-                    toolbarContents: () => (jsxs(Fragment, { children: [jsx(UndoRedo, {}), jsx(Separator, {}), jsx(BoldItalicUnderlineToggles, {}), jsx(CodeToggle, {}), jsx(Separator, {}), jsx(ListsToggle, {}), jsx(Separator, {}), jsx(BlockTypeSelect, {}), jsx(Separator, {}), jsx(InsertTable, {}), jsx(InsertThematicBreak, {}), error && (jsx(DiffSourceToggleWrapper, { options: ['rich-text', 'source'], children: jsx(Fragment, {}) }))] })),
-                }),
-            ], ...rest }) }));
-});
-MDXEditor.displayName = 'MDXEditor';
-
-export { MDXEditor };
-//# sourceMappingURL=MDXEditor.mjs.map

package/dist/components/MDXEditor/MDXEditor.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDXEditor.mjs","sources":["../../../src/components/MDXEditor/MDXEditor.tsx"],"sourcesContent":[null],"names":["_jsx","Editor","_jsxs","_Fragment"],"mappings":";;;;;;;MAkCa,SAAS,GAAG,UAAU,CAGjC,CAAC,EAAE,cAAc,EAAE,SAAS,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAChE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;;IAGvD,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACrE,IAAA,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;;AAG5C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAqC,IAAI,CAAC;;AAGlE,IAAA,mBAAmB,CAAC,GAAG,EAAE,MAAM,SAAS,CAAC,OAAQ,EAAE,EAAE,CAAC;AAEtD,IAAA,MAAM,oBAAoB,GAAG,CAAC,CAAmB,KAAI;;AAEnD,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB;QACtC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC;QAC3D,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;QAC5C,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,4BAA4B,CAAC;QAEjE,IAAI,CAAC,cAAc,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,EAAE;AACrD,YAAA,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE;QAC5B;AACF,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,IAAI,EACjB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAC,MAAM,EAAA,GACT,cAAc,EAClB,GAAG,EAAE;AACH;;;;;;;;;;;;AAYG;YACH,GAAG,cAAc,EAAE,GAAG;AACtB,YAAA,cAAc,EAAE;AACd,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,SAAS,EAAE,OAAO;AAClB,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,UAAU,EAAE,iCAAiC;AAC7C,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,aAAa,EAAE,QAAQ;AACxB,aAAA;AACD,YAAA,sBAAsB,EAAE;AACtB,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,GAAG,EAAE,MAAM;AACX,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,iBAAiB,EAAE,KAAK;AACxB,gBAAA,UAAU,EAAE,gCAAgC;AAC5C,gBAAA,UAAU,EAAE,CAAC;AACb,gBAAA,MAAM,EAAE,SAAS;AAClB,aAAA;;;;;;AAMD,YAAA,0BAA0B,EAAE;AAC1B,gBAAA,KAAK,EAAE,iCAAiC;AACzC,aAAA;;;;AAID,YAAA,0CAA0C,EAAE;AAC1C,gBAAA,KAAK,EAAE,gCAAgC;AACxC,aAAA;;;;;;AAMD,YAAA,qHAAqH,EACnH;AACE,gBAAA,UAAU,EAAE,+BAA+B;AAC5C,aAAA;;;AAGH,YAAA,8BAA8B,EAAE;AAC9B,gBAAA,UAAU,EAAE,iCAAiC;AAC7C,gBAAA,KAAK,EAAE,iCAAiC;AACzC,aAAA;;AAED,YAAA,2CAA2C,EAAE;AAC3C,gBAAA,IAAI,EAAE,CAAC;AACP,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,SAAS,EAAE,CAAC;AACZ,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,QAAQ,EAAE,MAAM;AACjB,aAAA;;AAED,YAAA,4BAA4B,EAAE;AAC5B,gBAAA,IAAI,EAAE,CAAC;AACP,gBAAA,SAAS,EAAE,MAAM;AACjB,gBAAA,OAAO,EAAE,MAAM;AAChB,aAAA;;AAED,YAAA,gCAAgC,EAAE;AAChC,gBAAA,IAAI,EAAE,CAAC;AACP,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,aAAa,EAAE,QAAQ;AACxB,aAAA;AACD,YAAA,qBAAqB,EAAE;AACrB,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,KAAK,EAAE,iCAAiC;AACxC,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,aAAa,EAAE,QAAQ;AACvB,gBAAA,GAAG,EAAE,QAAQ;AACb,gBAAA,IAAI,EAAE,CAAC;AACP,gBAAA,MAAM,EAAE,MAAM;AAEd,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,YAAY,EAAE,KAAK;AACnB,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;AAED,gBAAA,gGAAgG,EAC9F;AACE,oBAAA,SAAS,EAAE,MAAM;AAClB,iBAAA;AAEH;;;;;;;;;;;;;;;AAeG;AACH,gBAAA,MAAM,EAAE;oBACN,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE;AACvC,iBAAA;AACD,gBAAA,MAAM,EAAE;oBACN,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE;AACvC,iBAAA;AACD,gBAAA,MAAM,EAAE;oBACN,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC1C,iBAAA;AACD,gBAAA,MAAM,EAAE;oBACN,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC3C,iBAAA;AACD,gBAAA,MAAM,EAAE;oBACN,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;AACzC,iBAAA;AAED;;;;;;;;;;;;;;AAcG;AACH,gBAAA,MAAM,EAAE;AACN,oBAAA,SAAS,EAAE,MAAM;AACjB,oBAAA,kBAAkB,EAAE,MAAM;AAC1B,oBAAA,aAAa,EAAE,MAAM;AACrB,oBAAA,iBAAiB,EAAE,SAAS;AAC7B,iBAAA;AAED,gBAAA,MAAM,EAAE;AACN,oBAAA,SAAS,EAAE,MAAM;AACjB,oBAAA,kBAAkB,EAAE,MAAM;AAC1B,oBAAA,aAAa,EAAE,SAAS;AACxB,oBAAA,iBAAiB,EAAE,SAAS;AAC7B,iBAAA;AAED,gBAAA,MAAM,EAAE;AACN,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,OAAO,EAAE,WAAW;AACrB,iBAAA;AAED,gBAAA,cAAc,EAAE;AACd,oBAAA,eAAe,EAAE,KAAK;AACtB,oBAAA,eAAe,EAAE,oCAAoC;AACrD,oBAAA,UAAU,EAAE,sCAAsC;AAClD,oBAAA,WAAW,EAAE,MAAM;AACnB,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,WAAW,EAAE,MAAM;AACnB,oBAAA,KAAK,EAAE,+BAA+B;AACvC,iBAAA;AAED,gBAAA,KAAK,EAAE;AACL,oBAAA,KAAK,EAAE,mCAAmC;AAC1C,oBAAA,cAAc,EAAE,WAAW;AAC5B,iBAAA;AAED,gBAAA,QAAQ,EAAE;AACR,oBAAA,UAAU,EAAE,MAAM;AAClB,oBAAA,UAAU,EAAE,+BAA+B;AAC3C,oBAAA,aAAa,EAAE,MAAM;AACrB,oBAAA,YAAY,EAAE,QAAQ;AAEtB,oBAAA,QAAQ,EAAE;AACR,wBAAA,UAAU,EAAE,aAAa;AAC1B,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,kCAAkC,EAAE;AAClC,gBAAA,QAAQ,EAAE,MAAM;AACjB,aAAA;AACF,SAAA,EAAA,QAAA,EAEDA,IAACC,WAAM,EAAA,EACL,GAAG,EAAE,SAAS,EACd,wBAAwB,EAAC,kBAAkB,EAC3C,gBAAgB,EACd,OAAO,QAAQ,KAAK,WAAW,GAAG,QAAQ,CAAC,IAAI,GAAG,SAAS,EAE7D,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;gBACrB,QAAQ,CAAC,KAAK,CAAC;AACf,gBAAA,OAAO,GAAG,KAAK,CAAC;YAClB,CAAC,EACD,OAAO,EAAE;AACP,gBAAA,cAAc,CAAC;oBACb,oBAAoB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;iBACnC,CAAC;AACF,gBAAA,UAAU,EAAE;AACZ,gBAAA,WAAW,EAAE;AACb,gBAAA,WAAW,EAAE;AACb,gBAAA,WAAW,EAAE;AACb,gBAAA,mBAAmB,EAAE;AACrB,gBAAA,sBAAsB,EAAE;AACxB,gBAAA,WAAW,EAAE;AACb,gBAAA,gBAAgB,EAAE;AAClB,gBAAA,aAAa,CAAC;AACZ,oBAAA,eAAe,EAAE,OACfC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEH,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAEZA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAEbA,GAAA,CAAC,0BAA0B,EAAA,EAAA,CAAG,EAC9BA,GAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EAEdA,IAAC,SAAS,EAAA,EAAA,CAAG,EAEbA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EAEfA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAEbA,GAAA,CAAC,eAAe,EAAA,EAAA,CAAG,EAEnBA,GAAA,CAAC,SAAS,KAAG,EAEbA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EAEfA,GAAA,CAAC,mBAAmB,EAAA,EAAA,CAAG,EAKtB,KAAK,KACJA,GAAA,CAAC,uBAAuB,EAAA,EAAC,OAAO,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAA,QAAA,EACvDA,GAAA,CAAAG,QAAA,EAAA,EAAA,CAAK,EAAA,CACmB,CAC3B,IACA,CACJ;iBACF,CAAC;AACH,aAAA,EAAA,GACG,IAAI,EAAA,CACR,EAAA,CACE;AAEV,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -1,7 +0,0 @@
-import { BoxProps } from '@chakra-ui/react';
-import { MDXEditorProps as BaseEditorProps } from '@mdxeditor/editor';
-export interface MDXEditorProps extends Omit<BaseEditorProps, 'onError'> {
-    containerProps?: BoxProps;
-    onError?: (error: string) => void;
-}
-//# sourceMappingURL=MDXEditor.types.d.ts.map

package/dist/components/MDXEditor/MDXEditor.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MDXEditor.types.d.ts","sourceRoot":"","sources":["../../../src/components/MDXEditor/MDXEditor.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IACtE,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}

package/dist/components/MDXEditor/index.d.ts

@@ -1,3 +0,0 @@
-export * from './MDXEditor';
-export * from './MDXEditor.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/MDXEditor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MDXEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

package/src/components/MDXEditor/MDXEditor.css

@@ -1,40 +0,0 @@
-/* MDXEditor popup container overrides */
-[class*='_popupContainer_'] {
-  z-index: 9999 !important;
-}
-
-.mdxeditor-popup-container {
-  z-index: 9999 !important;
-}
-
-/* MDXEditor select content overrides */
-[class*='_selectContent_'] {
-  z-index: 9999 !important;
-}
-
-.mdxeditor-select-content {
-  z-index: 9999 !important;
-}
-
-[data-radix-select-content] {
-  z-index: 9999 !important;
-}
-
-/*
- * Block-type select dropdown popup. It's portaled outside `.mdxeditor`, so the
- * scoped css prop can't reach it — flip its surface/text/highlight onto the
- * semantic tokens here (they resolve per color mode via the `.dark` class).
- */
-.mdxeditor-select-content {
-  background: var(--chakra-colors-bg-surface) !important;
-  color: var(--chakra-colors-fg-default);
-}
-
-.mdxeditor-select-content [class*='_selectItem_'] {
-  color: var(--chakra-colors-fg-default);
-}
-
-.mdxeditor-select-content [class*='_selectItem_'][data-highlighted],
-.mdxeditor-select-content [class*='_selectItem_']:hover {
-  background: var(--chakra-colors-bg-muted) !important;
-}

package/src/components/MDXEditor/MDXEditor.stories.tsx

@@ -1,56 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { MDXEditor } from './MDXEditor';
-
-const meta = {
-  title: 'Components/MDXEditor',
-  component: MDXEditor,
-  tags: ['autodocs'],
-} satisfies Meta<typeof MDXEditor>;
-
-export default meta;
-
-type Story = StoryObj<typeof MDXEditor>;
-
-const sampleMarkdown = `# Hello World
-This is a sample markdown text. You can:
-- Make lists
-- **Bold text**
-- *Italic text*
-- Create [links](https://example.com)
-## Second Level Heading
-> This is a blockquote
-1. Numbered lists
-2. Work too!
----
-### Try the editor out!
-`;
-
-const sampleMarkdownWithError = `
-Sample Link (<https://example.com>)
-`;
-
-export const Default: Story = {
-  args: {
-    markdown: sampleMarkdown,
-  },
-};
-
-export const Empty: Story = {
-  args: {
-    markdown: '',
-  },
-};
-
-export const WithPlaceholder: Story = {
-  args: {
-    markdown: '',
-    placeholder: '마크다운을 입력해보세요...',
-  },
-};
-
-export const Error: Story = {
-  args: {
-    markdown: sampleMarkdownWithError,
-  },
-};

package/src/components/MDXEditor/MDXEditor.tsx

@@ -1,337 +0,0 @@
-'use client';
-
-import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
-import { Box, useToken } from '@chakra-ui/react';
-import {
-  BlockTypeSelect,
-  BoldItalicUnderlineToggles,
-  CodeToggle,
-  diffSourcePlugin,
-  DiffSourceToggleWrapper,
-  headingsPlugin,
-  imagePlugin,
-  InsertTable,
-  InsertThematicBreak,
-  linkPlugin,
-  listsPlugin,
-  ListsToggle,
-  markdownShortcutPlugin,
-  MDXEditor as Editor,
-  MDXEditorMethods,
-  MDXEditorProps as BaseEditorProps,
-  quotePlugin,
-  Separator,
-  tablePlugin,
-  thematicBreakPlugin,
-  toolbarPlugin,
-  UndoRedo,
-} from '@mdxeditor/editor';
-
-import '@mdxeditor/editor/style.css';
-import './MDXEditor.css';
-
-import type { MDXEditorProps } from './MDXEditor.types';
-
-export const MDXEditor = forwardRef<
-  BaseEditorProps & MDXEditorMethods,
-  MDXEditorProps
->(({ containerProps, autoFocus = true, onError, ...rest }, ref) => {
-  const [error, setError] = useState<string | null>(null);
-
-  // Resolve theme tokens to actual values
-  const [space1, space2, space4] = useToken('spacing', ['1', '2', '4']);
-  const [radiusSm] = useToken('radii', ['sm']);
-
-  // 내부적으로 Editor 인스턴스를 참조하기 위한 로컬 ref
-  const editorRef = useRef<BaseEditorProps & MDXEditorMethods>(null);
-
-  // 부모 컴포넌트로 전달된 ref가 editorRef를 바라보도록 연결
-  useImperativeHandle(ref, () => editorRef.current!, []);
-
-  const handleContainerClick = (e: React.MouseEvent) => {
-    // Only focus if clicking on the container itself, not on toolbar and table elements
-    const target = e.target as HTMLElement;
-    const isToolbarClick = target.closest('.mdxeditor-toolbar');
-    const isTableClick = target.closest('table');
-    const isPopupClick = target.closest('.mdxeditor-popup-container');
-
-    if (!isToolbarClick && !isTableClick && !isPopupClick) {
-      editorRef.current?.focus();
-    }
-  };
-
-  return (
-    <Box
-      width="100%"
-      height="100%"
-      borderWidth="1px"
-      borderRadius="lg"
-      overflow="hidden"
-      onClick={handleContainerClick}
-      cursor="text"
-      {...containerProps}
-      css={{
-        /**
-         * Chakra v3 css prop styling notes:
-         *
-         * 1. All nested selectors require '&' prefix (e.g., '& .class', '& h1')
-         * 2. Use full CSS property names (background, padding) instead of Chakra
-         *    shorthand props (bg, p) in nested selectors
-         * 3. Color values must be resolved via useToken(), not token strings
-         * 4. Font sizes use responsive objects: { base: '2.4em', md: '3em' }
-         * 5. List styles must be explicitly defined (listStyleType, etc.)
-         *
-         * These requirements differ from v2's sx prop, which was more implicit.
-         * v3 prioritizes performance and explicitness over automatic handling.
-         */
-        ...containerProps?.css,
-        '& .mdxeditor': {
-          width: '100%',
-          minHeight: '300px',
-          height: '100%',
-          background: 'var(--chakra-colors-bg-surface)',
-          display: 'flex',
-          flexDirection: 'column',
-        },
-        '& .mdxeditor-toolbar': {
-          display: 'flex',
-          gap: space2,
-          padding: space2,
-          borderBottomWidth: '1px',
-          background: 'var(--chakra-colors-bg-subtle)',
-          flexShrink: 0,
-          cursor: 'default',
-        },
-        // Toolbar icons. mdxeditor colors its toolbar svgs with its own
-        // `--baseTextContrast` (its internal slate scale), which doesn't follow
-        // our color mode — in dark mode they stay near-black (#1c2024) and all
-        // but vanish against the dark toolbar. Flip them onto the semantic
-        // foreground token so they track light/dark like the editor body text.
-        '& .mdxeditor-toolbar svg': {
-          color: 'var(--chakra-colors-fg-default)',
-        },
-        // Disabled toolbar buttons (e.g. undo/redo with nothing to undo) — keep
-        // them dimmed but still mode-aware, instead of mdxeditor's light-only
-        // border color.
-        '& .mdxeditor-toolbar [data-disabled] svg': {
-          color: 'var(--chakra-colors-fg-subtle)',
-        },
-        // Hover / pressed / toggled-on backgrounds. mdxeditor paints these with
-        // `--baseBgActive` (its slate scale), which also doesn't track the color
-        // mode — in dark mode it goes light-grey, so the now-light icons sit on a
-        // light fill and disappear on hover and when a format is active. Flip the
-        // fill onto the semantic hover token so it stays mode-aware.
-        '& .mdxeditor-toolbar button:hover, & .mdxeditor-toolbar button[data-state="on"], & .mdxeditor-toolbar button:active':
-          {
-            background: 'var(--chakra-colors-bg-muted)',
-          },
-        // Block-type select trigger in the toolbar — mdxeditor themes it with
-        // its own vars (left white), so flip it onto the semantic surface.
-        '& [class*="_selectTrigger_"]': {
-          background: 'var(--chakra-colors-bg-surface)',
-          color: 'var(--chakra-colors-fg-default)',
-        },
-        // Target the root contenteditable wrapper
-        '& [class*="_rootContentEditableWrapper_"]': {
-          flex: 1,
-          display: 'flex',
-          flexDirection: 'column',
-          minHeight: 0,
-          height: '100%',
-          overflow: 'auto',
-        },
-        // Target the actual contenteditable element
-        '& [contenteditable="true"]': {
-          flex: 1,
-          minHeight: '100%',
-          outline: 'none',
-        },
-        // Target any intermediate wrapper elements
-        '& [class*="_contentEditable_"]': {
-          flex: 1,
-          display: 'flex',
-          flexDirection: 'column',
-        },
-        '& .content-editable': {
-          padding: space4,
-          color: 'var(--chakra-colors-fg-default)',
-          display: 'flex',
-          flexDirection: 'column',
-          gap: radiusSm,
-          flex: 1,
-          height: '100%',
-
-          '& h1, & h2, & h3, & h4, & h5': {
-            marginBottom: '2px',
-            fontWeight: 'bold',
-          },
-
-          '& h1:not(:first-child), & h2:not(:first-child), & h3:not(:first-child), & h4:not(:first-child)':
-            {
-              marginTop: space1,
-            },
-
-          /**
-           * Font sizes - Cannot be tokenized due to responsive objects
-           *
-           * Unlike spacing/radii/colors, fontSize values here are responsive objects
-           * { base: '2.4em', md: '3em' } which cannot be stored as regular tokens
-           * in Chakra v3. Only textStyles support responsive values, but we cannot
-           * extract just the fontSize from textStyles using useToken().
-           *
-           * These values match theme/index.ts textStyles exactly and must be
-           * manually synchronized when updating the theme:
-           * - h1: { base: '2.4em', md: '3em' }
-           * - h2: { base: '2em', md: '2.5em' }
-           * - h3: { base: '1.5em', md: '1.75em' }
-           * - h4: { base: '1.25em', md: '1.44em' }
-           * - h5: { base: '1.1em', md: '1.2em' }
-           */
-          '& h1': {
-            fontSize: { base: '2.4em', md: '3em' },
-          },
-          '& h2': {
-            fontSize: { base: '2em', md: '2.5em' },
-          },
-          '& h3': {
-            fontSize: { base: '1.5em', md: '1.75em' },
-          },
-          '& h4': {
-            fontSize: { base: '1.25em', md: '1.44em' },
-          },
-          '& h5': {
-            fontSize: { base: '1.1em', md: '1.2em' },
-          },
-
-          /**
-           * List styling - IMPORTANT: v3 requires explicit list-style properties
-           *
-           * In Chakra v2, the `sx` prop automatically preserved browser default list styles.
-           * In Chakra v3, the `css` prop is more explicit and performant, but requires
-           * manual specification of list styles to override MDXEditor's CSS resets.
-           *
-           * Required properties:
-           * - listStyleType: 'disc' (ul) or 'decimal' (ol) - Shows bullets/numbers
-           * - listStylePosition: 'outside' - Places markers outside content box
-           * - display: 'list-item' (on li) - Ensures proper list item rendering
-           *
-           * Why this changed: v3 optimized for speed by removing automatic style inference,
-           * requiring more explicit style declarations.
-           */
-          '& ul': {
-            marginTop: space2,
-            paddingInlineStart: space4,
-            listStyleType: 'disc',
-            listStylePosition: 'outside',
-          },
-
-          '& ol': {
-            marginTop: space2,
-            paddingInlineStart: space4,
-            listStyleType: 'decimal',
-            listStylePosition: 'outside',
-          },
-
-          '& li': {
-            lineHeight: '1.5',
-            marginBottom: space2,
-            display: 'list-item',
-          },
-
-          '& blockquote': {
-            borderLeftWidth: '4px',
-            borderLeftColor: 'var(--chakra-colors-primary-light)',
-            background: 'var(--chakra-colors-primary-lighter)',
-            paddingLeft: space4,
-            paddingBlock: space2,
-            marginBlock: space4,
-            color: 'var(--chakra-colors-fg-muted)',
-          },
-
-          '& a': {
-            color: 'var(--chakra-colors-primary-main)',
-            textDecoration: 'underline',
-          },
-
-          '& code': {
-            fontFamily: 'mono',
-            background: 'var(--chakra-colors-bg-muted)',
-            paddingInline: space1,
-            borderRadius: radiusSm,
-
-            '& span': {
-              background: 'transparent',
-            },
-          },
-        },
-        '& .mdxeditor-diff-source-wrapper': {
-          overflow: 'auto',
-        },
-      }}
-    >
-      <Editor
-        ref={editorRef}
-        contentEditableClassName="content-editable"
-        overlayContainer={
-          typeof document !== 'undefined' ? document.body : undefined
-        }
-        autoFocus={autoFocus}
-        onError={({ error }) => {
-          setError(error);
-          onError?.(error);
-        }}
-        plugins={[
-          headingsPlugin({
-            allowedHeadingLevels: [2, 3, 4, 5],
-          }),
-          linkPlugin(),
-          listsPlugin(),
-          imagePlugin(),
-          quotePlugin(),
-          thematicBreakPlugin(),
-          markdownShortcutPlugin(),
-          tablePlugin(),
-          diffSourcePlugin(),
-          toolbarPlugin({
-            toolbarContents: () => (
-              <>
-                <UndoRedo />
-
-                <Separator />
-
-                <BoldItalicUnderlineToggles />
-                <CodeToggle />
-
-                <Separator />
-
-                <ListsToggle />
-
-                <Separator />
-
-                <BlockTypeSelect />
-
-                <Separator />
-
-                <InsertTable />
-
-                <InsertThematicBreak />
-
-                {/* <CreateLink />
-                    <InsertImage /> */}
-
-                {error && (
-                  <DiffSourceToggleWrapper options={['rich-text', 'source']}>
-                    <></>
-                  </DiffSourceToggleWrapper>
-                )}
-              </>
-            ),
-          }),
-        ]}
-        {...rest}
-      />
-    </Box>
-  );
-});
-
-MDXEditor.displayName = 'MDXEditor';

package/src/components/MDXEditor/MDXEditor.types.ts

@@ -1,7 +0,0 @@
-import { BoxProps } from '@chakra-ui/react';
-import { MDXEditorProps as BaseEditorProps } from '@mdxeditor/editor';
-
-export interface MDXEditorProps extends Omit<BaseEditorProps, 'onError'> {
-  containerProps?: BoxProps;
-  onError?: (error: string) => void;
-}

package/src/components/MDXEditor/index.ts

@@ -1,2 +0,0 @@
-export * from './MDXEditor';
-export * from './MDXEditor.types';