@loword/loword-design-system 0.7.2 → 0.7.4

package/dist/components/LDEditor/extensions.d.ts

@@ -1,4 +1,9 @@
 import type { Extensions } from '@tiptap/react';
+/**
+ * 이미지 너비(img의 width 속성). 숫자나 숫자 문자열(`671`, `'671'`, `'671px'`)은 고정(px), `'100%'`는 꽉 채움,
+ * null은 지정 없음(원본 크기, 컨테이너보다 크면 컨테이너 폭).
+ */
+export type EditorImageWidth = number | string | null;
 export interface EditorExtensionOptions {
     resizableImage?: boolean;
     resizableTable?: boolean;

package/dist/components/LDEditor/extensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/components/LDEditor/extensions.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAsChD,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,GAAI,sCAGpC,sBAA2B,KAAG,UA2ChC,CAAC"}
+{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/components/LDEditor/extensions.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAyJtD,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,sBAAsB,GAAI,sCAGpC,sBAA2B,KAAG,UA0ChC,CAAC"}

package/dist/components/LDEditor/extensions.js

@@ -1,9 +1,43 @@
-import { mergeAttributes } from '@tiptap/core';
+import { mergeAttributes, ResizableNodeView } from '@tiptap/core';
 import Image from '@tiptap/extension-image';
 import { TableKit } from '@tiptap/extension-table';
 import TextAlign from '@tiptap/extension-text-align';
 import { Color, FontSize, TextStyle } from '@tiptap/extension-text-style';
 import StarterKit from '@tiptap/starter-kit';
+// width 속성 값을 편집 화면 너비로 바꾼다. 브라우저가 img의 width 속성을 읽는 방식처럼 앞의 숫자만 보고
+// 뒤가 %면 비율, 아니면 px이다('671'·671·'671px' → 671px, '100%' → 100%). 0 이하나 숫자가 아니면 지정 없음.
+const toWidthStyle = (width) => {
+    const match = /^\s*(\d*\.?\d+)\s*(%?)/.exec(String(width ?? ''));
+    if (!match || !(Number(match[1]) > 0))
+        return undefined;
+    return `${Number(match[1])}${match[2] ? '%' : 'px'}`;
+};
+// 리사이즈로 끌어 컨테이너 폭에 이 값(px) 이내로 닿으면 꽉 채움으로 본다.
+const FULL_WIDTH_TOLERANCE = 2;
+/**
+ * 편집 화면 img에 노드 속성을 반영한다. 리사이즈 노드뷰는 만들 때만 속성을 읽고 이후 갱신에는
+ * DOM을 건드리지 않으므로, 정렬·너비가 바뀔 때마다 직접 맞춰 줘야 한다.
+ * 꽉 채움은 래퍼도 100%여야 한다 — 래퍼가 내용 폭(fit-content)이면 img의 100%가 순환해 원본 크기가 된다.
+ */
+const syncImage = (view, node) => {
+    const img = view.element;
+    const attrs = node.attrs;
+    if (attrs.src && img.getAttribute('src') !== attrs.src) {
+        img.setAttribute('src', attrs.src);
+    }
+    ['alt', 'title'].forEach((name) => {
+        if (attrs[name])
+            img.setAttribute(name, attrs[name]);
+        else
+            img.removeAttribute(name);
+    });
+    img.style.textAlign = attrs.textAlign ?? '';
+    const width = toWidthStyle(attrs.width);
+    const percent = width?.endsWith('%');
+    view.wrapper.style.width = percent ? width : '';
+    img.style.width = percent ? '100%' : (width ?? '');
+    img.style.height = '';
+};
 /**
  * 링크를 걸 수 있는 이미지. 링크(mark)는 텍스트에만 붙고 블록 이미지는 받지 못하므로
  * 이미지 노드에 `href`를 두고 저장 시 `<a href><img></a>`로 감싼다.
@@ -13,6 +47,15 @@ const LinkableImage = Image.extend({
     addAttributes() {
         return {
             ...this.parent?.(),
+            // 넣기·리사이즈는 고정이면 px 정수, 꽉 채움이면 '100%'를 쓴다. 읽어 들인 값은 문자열 그대로 둬
+            // getJSON의 width가 기존과 같은 형태다(0·숫자가 아닌 값만 버린다). 기존 글의 px 너비는 고정으로 읽는다.
+            width: {
+                default: null,
+                parseHTML: (element) => {
+                    const width = element.getAttribute('width');
+                    return toWidthStyle(width) ? width : null;
+                },
+            },
             href: {
                 default: null,
                 // 붙여넣기·불러오기 때 이미지를 감싼 <a>의 주소를 읽는다
@@ -22,6 +65,68 @@ const LinkableImage = Image.extend({
             },
         };
     },
+    addNodeView() {
+        if (!this.options.resize || !this.options.resize.enabled)
+            return null;
+        if (typeof document === 'undefined')
+            return null;
+        const { directions, minWidth, minHeight, alwaysPreserveAspectRatio } = this.options.resize;
+        return ({ node, getPos, HTMLAttributes, editor }) => {
+            const el = document.createElement('img');
+            el.draggable = false;
+            Object.entries(mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)).forEach(([key, value]) => {
+                // 너비·높이는 syncImage가 정한다(속성이 아니라 스타일로)
+                if (value != null && key !== 'width' && key !== 'height') {
+                    el.setAttribute(key, value);
+                }
+            });
+            const view = new ResizableNodeView({
+                element: el,
+                editor,
+                node,
+                getPos,
+                // 끄는 동안 img가 px 너비로 바뀌므로 꽉 채움 래퍼를 풀어 핸들이 모서리에 붙게 한다
+                onResize: () => {
+                    view.wrapper.style.width = '';
+                },
+                // 내용 폭에 닿으면 꽉 채움, 아니면 그 px(고정). 높이는 저장하지 않고 항상 비율을 따른다.
+                onCommit: (width) => {
+                    const pos = getPos();
+                    if (pos === undefined)
+                        return;
+                    const full = Math.abs(width - view.dom.clientWidth) <= FULL_WIDTH_TOLERANCE;
+                    editor
+                        .chain()
+                        .setNodeSelection(pos)
+                        .updateAttributes(this.name, {
+                        width: full ? '100%' : Math.round(width),
+                        height: null,
+                    })
+                        .run();
+                },
+                onUpdate: (updatedNode) => {
+                    if (updatedNode.type !== node.type)
+                        return false;
+                    syncImage(view, updatedNode);
+                    return true;
+                },
+                options: {
+                    directions,
+                    min: { width: minWidth, height: minHeight },
+                    preserveAspectRatio: alwaysPreserveAspectRatio === true,
+                },
+            });
+            syncImage(view, node);
+            // 로드 전에는 숨겨 크기가 튀어 보이지 않게 한다. 깨진 이미지도 보이고 선택돼야 지울 수 있다.
+            view.dom.style.visibility = 'hidden';
+            view.dom.style.pointerEvents = 'none';
+            el.onload = el.onerror = () => {
+                view.dom.style.visibility = '';
+                view.dom.style.pointerEvents = '';
+            };
+            return view;
+        };
+    },
     renderHTML({ node, HTMLAttributes }) {
         const img = [
             'img',
@@ -49,12 +154,11 @@ export const createEditorExtensions = ({ resizableImage = true, resizableTable =
         link: {
             openOnClick: false,
             autolink: true,
-            HTMLAttributes: {
-                class: 'text-blue-500 underline cursor-pointer',
-            },
         },
     }),
-    TextStyle,
+    // 글자 색·크기 mark가 링크 mark(priority 1000)보다 바깥이어야 한다. 링크가 바깥이면 밑줄이 링크 요소의
+    // 색으로 그려져 안쪽 글자 색을 따르지 못한다.
+    TextStyle.extend({ priority: 1001 }),
     FontSize,
     Color,
     TextAlign.configure({

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

@@ -1 +1 @@
-{"version":3,"file":"LDFileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/LDFileUpload/LDFileUpload.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAuB,EAErB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EAEvB,MAAM,0CAA0C,CAAC;AAuFlD,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,MAAM,WAAW,qBAAsB,SAAQ,uBAAuB;IACpE,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAuBD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,aAAa,CAAC,QAAQ,CAAC,EACvB,MAAM,CACP;IACC,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AA6FD,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8UD,MAAM,WAAW,+BAA+B;IAC9C,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoGD,MAAM,MAAM,4BAA4B,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AA6BhF,MAAM,WAAW,iBACf,SACE,IAAI,CACF,qBAAqB,EACrB,UAAU,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,uBAAuB,CAC3E,EACD,uBAAuB;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4BAA4B;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,kCAAkC;AAClC,QAAA,MAAM,YAAY;qFAMf,iBAAiB;0DA1mBjB,qBAAqB;iEAmCrB,sBAAsB;wDA+FtB,yBAAyB;iGAgWzB,+BAA+B;2CA2FY,4BAA4B;CA2DzE,CAAC;AAQF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"LDFileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/LDFileUpload/LDFileUpload.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,OAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAuB,EAErB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EAEvB,MAAM,0CAA0C,CAAC;AAuFlD,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,MAAM,WAAW,qBAAsB,SAAQ,uBAAuB;IACpE,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAuBD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,aAAa,CAAC,QAAQ,CAAC,EACvB,MAAM,CACP;IACC,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AA6FD,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+UD,MAAM,WAAW,+BAA+B;IAC9C,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoGD,MAAM,MAAM,4BAA4B,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AA6BhF,MAAM,WAAW,iBACf,SACE,IAAI,CACF,qBAAqB,EACrB,UAAU,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,uBAAuB,CAC3E,EACD,uBAAuB;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4BAA4B;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,kCAAkC;AAClC,QAAA,MAAM,YAAY;qFAMf,iBAAiB;0DA3mBjB,qBAAqB;iEAmCrB,sBAAsB;wDA+FtB,yBAAyB;iGAiWzB,+BAA+B;2CA2FY,4BAA4B;CA2DzE,CAAC;AAQF,eAAe,YAAY,CAAC"}

package/dist/components/LDFileUpload/LDFileUpload.js

@@ -195,7 +195,7 @@ const LinkRow = ({ link, index, linkNumber, placeholder, labelPlaceholder, handl
         }), children: [handle, _jsx(RenderIcon, { className: "size-5 shrink-0 text-lb500", children: _jsx(Link2, {}) }), _jsx(InputBase.Field, { value: link.label, placeholder: labelPlaceholder, "aria-label": `링크 ${linkNumber} 이름`, disabled: disabled, readOnly: readOnly, onChange: (event) => changeLink(index, { label: event.target.value }), className: linkFieldVariants({
                     disabled: !!disabled,
                     className: 'w-40 shrink-0',
-                }) }), _jsx("span", { "aria-hidden": true, className: "shrink-0 text-blue200", children: "|" }), _jsx(InputBase.Field, { type: "url", value: link.url, placeholder: placeholder, "aria-label": `링크 ${linkNumber} 주소`, disabled: disabled, readOnly: readOnly, onChange: (event) => changeLink(index, { url: event.target.value }), className: linkFieldVariants({ disabled: !!disabled }) }), _jsx(LDButton, { onClick: () => deleteLink(index), "aria-label": `링크 ${linkNumber} 삭제`, disabled: locked, variant: "ghost", leftIcon: _jsx(X, { className: "size-4.5" }), color: "neutral", className: cardDeleteVariants({ locked }) })] }));
+                }) }), _jsx("span", { "aria-hidden": true, className: "shrink-0 text-blue200", children: "|" }), _jsx(InputBase.Field, { type: "url", value: link.url, placeholder: placeholder, "aria-label": `링크 ${linkNumber} 주소`, disabled: disabled, readOnly: readOnly, onChange: (event) => changeLink(index, { url: event.target.value }), className: linkFieldVariants({ disabled: !!disabled }) }), _jsx(LDButton, { type: "button", onClick: () => deleteLink(index), "aria-label": `링크 ${linkNumber} 삭제`, disabled: locked, variant: "ghost", leftIcon: _jsx(X, { className: "size-4.5" }), color: "neutral", className: cardDeleteVariants({ locked }) })] }));
 };
 /**
  * 드래그로 순서를 바꾸는 항목 래퍼.

package/dist/components/LDPagination/PaginationBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDPagination/PaginationBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAyB3E,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAeD,UAAU,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAcD,UAAU,SAAS;IACjB,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,UAAU,SAAS;IACjB,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,UAAU,SAAS;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD,QAAA,MAAM,cAAc;qEA/JjB,aAAa;8CAYiC,SAAS;gCAkBX,SAAS;gCAiCT,SAAS;+CAkCS,SAAS;0DAwCvE,SAAS;CA6BX,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"PaginationBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDPagination/PaginationBase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAyB3E,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAeD,UAAU,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAcD,UAAU,SAAS;IACjB,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,UAAU,SAAS;IACjB,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD,UAAU,SAAS;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,QAAA,MAAM,cAAc;qEAnKjB,aAAa;8CAYiC,SAAS;gCAkBX,SAAS;gCAmCT,SAAS;+CAmCS,SAAS;0DAwCvE,SAAS;CA8BX,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/LDPagination/PaginationBase.js

@@ -16,14 +16,18 @@ const Root = ({ className, children, ...props }) => (_jsx("nav", { role: "naviga
 const Prev = ({ size = '2xsmall', className }) => {
     const { currentPage, onPageChange } = usePaginationContext();
     const canPrevious = currentPage > 1;
-    return (_jsx(LDButton, { variant: "outline", color: "neutral", size: size, shape: "capsule", leftIcon: _jsx(ChevronLeft, {}), compact: true, disabled: !canPrevious, onClick: () => onPageChange(currentPage - 1), "aria-label": "\uC774\uC804 \uD398\uC774\uC9C0", className: cn(canPrevious
+    return (_jsx(LDButton
+    // form 안에 있어도 페이지 이동이 submit으로 이어지지 않게 한다(button 기본 type은 submit)
+    , { 
+        // form 안에 있어도 페이지 이동이 submit으로 이어지지 않게 한다(button 기본 type은 submit)
+        type: "button", variant: "outline", color: "neutral", size: size, shape: "capsule", leftIcon: _jsx(ChevronLeft, {}), compact: true, disabled: !canPrevious, onClick: () => onPageChange(currentPage - 1), "aria-label": "\uC774\uC804 \uD398\uC774\uC9C0", className: cn(canPrevious
             ? 'bg-neutral100 text-neutral400'
             : 'bg-neutral50 text-neutral200', canPrevious && 'hover:bg-neutral200', className) }));
 };
 const Next = ({ size = '2xsmall', className }) => {
     const { currentPage, totalPages, onPageChange } = usePaginationContext();
     const canNext = currentPage < totalPages;
-    return (_jsx(LDButton, { variant: "outline", color: "neutral", size: size, shape: "capsule", leftIcon: _jsx(ChevronRight, {}), disabled: !canNext, compact: true, onClick: () => onPageChange(currentPage + 1), "aria-label": "\uB2E4\uC74C \uD398\uC774\uC9C0", className: cn(canNext
+    return (_jsx(LDButton, { type: "button", variant: "outline", color: "neutral", size: size, shape: "capsule", leftIcon: _jsx(ChevronRight, {}), disabled: !canNext, compact: true, onClick: () => onPageChange(currentPage + 1), "aria-label": "\uB2E4\uC74C \uD398\uC774\uC9C0", className: cn(canNext
             ? 'bg-neutral100 text-neutral400'
             : 'bg-neutral50 text-neutral200', canNext && 'hover:bg-neutral200', className) }));
 };
@@ -32,7 +36,7 @@ const List = ({ numbersToShow = 5, size = 'xsmall', className }) => {
     const pages = calculatePaginationOptions(currentPage, totalPages, numbersToShow);
     return (_jsx(_Fragment, { children: pages.map((page, idx) => (_jsx(Item, { page: page, isActive: currentPage === page, size: size, onClick: () => onPageChange(page), className: className }, `page_${page}_${idx}`))) }));
 };
-const Item = ({ page, isActive, size = 'xsmall', onClick, className, }) => (_jsx(LDButton, { variant: "ghost", shape: "capsule", color: isActive ? 'point' : 'neutral', size: size, compact: true, onClick: onClick, "aria-label": `${page} 페이지`, "aria-current": isActive ? 'page' : undefined, className: cn('regular outline-none', !isActive && 'text-neutral400', className), children: page }));
+const Item = ({ page, isActive, size = 'xsmall', onClick, className, }) => (_jsx(LDButton, { type: "button", variant: "ghost", shape: "capsule", color: isActive ? 'point' : 'neutral', size: size, compact: true, onClick: onClick, "aria-label": `${page} 페이지`, "aria-current": isActive ? 'page' : undefined, className: cn('regular outline-none', !isActive && 'text-neutral400', className), children: page }));
 // ── Export ──
 const PaginationBase = {
     Provider,

package/dist/components/LDTeamHistory/TeamHistoryBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamHistoryBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDTeamHistory/TeamHistoryBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAgBf,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,SAAS,CAAC;CACpB;AAgDD,UAAU,SAAS;IACjB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAwED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAwFD,eAAO,MAAM,eAAe;kBApKP,SAAS;iCA8EM;QAAE,UAAU,CAAC,EAAE,oBAAoB,CAAA;KAAE;qDA+DtE;QACD,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B;CAwBA,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TeamHistoryBase.d.ts","sourceRoot":"","sources":["../../../src/components/LDTeamHistory/TeamHistoryBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAgBf,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,SAAS,CAAC;CACpB;AAgDD,UAAU,SAAS;IACjB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAwED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAyFD,eAAO,MAAM,eAAe;kBArKP,SAAS;iCA8EM;QAAE,UAAU,CAAC,EAAE,oBAAoB,CAAA;KAAE;qDAgEtE;QACD,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B;CAwBA,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/LDTeamHistory/TeamHistoryBase.js

@@ -100,7 +100,7 @@ const Navigation = ({ classNames }) => {
     }, [items.length]);
     return (_jsx("nav", { ref: navRef, className: classNames?.root, children: items.map((item, idx) => {
             const isActive = idx === index;
-            return (_jsxs("div", { className: "relative flex flex-col items-end", children: [_jsxs("button", { className: classNames?.item, "aria-current": isActive ? 'true' : undefined, onClick: () => moveToSection(idx), children: [_jsx("span", { "data-active": isActive, className: classNames?.label, children: item.target }), _jsx("span", { "data-active": isActive, className: classNames?.dot })] }), idx < items.length - 1 && (_jsx("span", { "data-active": idx + 1 === index, className: classNames?.line }))] }, `${item.target}_${idx}`));
+            return (_jsxs("div", { className: "relative flex flex-col items-end", children: [_jsxs("button", { type: "button", className: classNames?.item, "aria-current": isActive ? 'true' : undefined, onClick: () => moveToSection(idx), children: [_jsx("span", { "data-active": isActive, className: classNames?.label, children: item.target }), _jsx("span", { "data-active": isActive, className: classNames?.dot })] }), idx < items.length - 1 && (_jsx("span", { "data-active": idx + 1 === index, className: classNames?.line }))] }, `${item.target}_${idx}`));
         }) }));
 };
 const Sections = ({ rootClassName, sectionClassName, }) => {

package/dist/index.css

@@ -607,6 +607,9 @@
       max-width: 96rem;
     }
   }
+  .m-1 {
+    margin: calc(var(--spacing) * 1);
+  }
   .m-auto {
     margin: auto;
   }
@@ -1275,6 +1278,9 @@
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
+  .ml-\[17px\] {
+    margin-left: 17px;
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -1679,6 +1685,9 @@
   .min-h-25 {
     min-height: calc(var(--spacing) * 25);
   }
+  .min-h-40 {
+    min-height: calc(var(--spacing) * 40);
+  }
   .min-h-100 {
     min-height: calc(var(--spacing) * 100);
   }
@@ -1815,6 +1824,9 @@
   .w-\[60px\] {
     width: 60px;
   }
+  .w-\[calc\(100\%-34px\)\] {
+    width: calc(100% - 34px);
+  }
   .w-auto {
     width: auto;
   }
@@ -1833,6 +1845,9 @@
   .max-w-160 {
     max-width: calc(var(--spacing) * 160);
   }
+  .max-w-180 {
+    max-width: calc(var(--spacing) * 180);
+  }
   .max-w-200 {
     max-width: calc(var(--spacing) * 200);
   }
@@ -2019,6 +2034,9 @@
   .resize {
     resize: both;
   }
+  .resize-y {
+    resize: vertical;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -2417,6 +2435,9 @@
   .border-neutral200 {
     border-color: var(--color-neutral200);
   }
+  .border-neutral300 {
+    border-color: var(--color-neutral300);
+  }
   .border-neutral700 {
     border-color: var(--color-neutral700);
   }
@@ -3186,6 +3207,9 @@
   .text-orange500 {
     color: var(--color-orange500);
   }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
   .text-red200 {
     color: var(--color-red200);
   }
@@ -3496,6 +3520,9 @@
   .\[outline-style\:solid\] {
     outline-style: solid;
   }
+  .\[scrollbar-gutter\:stable\] {
+    scrollbar-gutter: stable;
+  }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
@@ -5557,11 +5584,37 @@
     padding: 0 !important;
     line-height: calc(28 / 18) !important;
   }
+  .ld-editor-render .ProseMirror p:empty::before, .ProseMirror.ld-editor-render p:empty::before {
+    content: '\200B';
+  }
+  .ld-editor-render .ProseMirror a, .ProseMirror.ld-editor-render a {
+    color: inherit !important;
+    text-decoration-color: currentcolor !important;
+  }
+  .ld-editor-render .ProseMirror :is(a, u), .ProseMirror.ld-editor-render :is(a, u) {
+    text-underline-offset: 2px;
+  }
+  .ld-editor-render.prose, .ld-editor-render .prose {
+    --tw-prose-body: var(--color-neutral900);
+    letter-spacing: var(--tracking-display16);
+  }
   .prose h1, .prose h2, .prose h3 {
-    margin-top: 0 !important;
-    margin-bottom: 0.5rem !important;
+    margin-top: 1em !important;
+    margin-bottom: 1em !important;
     padding: 0 !important;
   }
+  .prose :is(h1, h2, h3):first-child {
+    margin-top: 0 !important;
+  }
+  .prose h1 {
+    line-height: calc(56 / 48) !important;
+  }
+  .prose h2 {
+    line-height: calc(36 / 30) !important;
+  }
+  .prose h3 {
+    line-height: calc(28 / 24) !important;
+  }
   .prose ul, .prose ol {
     margin-top: 0 !important;
     margin-bottom: 0.5rem !important;
@@ -5580,6 +5633,16 @@
     margin-bottom: 0;
   }
 }
+@layer components {
+  .ld-editor-render .ProseMirror, .ProseMirror.ld-editor-render {
+    white-space: pre-wrap;
+    white-space: break-spaces;
+  }
+  .ld-editor-render .ProseMirror:not([contenteditable='true']), .ProseMirror.ld-editor-render:not([contenteditable='true']) {
+    overflow-y: auto;
+    scrollbar-gutter: stable;
+  }
+}
 .ProseMirror img {
   max-width: 100%;
   height: auto !important;
@@ -5670,6 +5733,16 @@
 }
 .ProseMirror [data-resize-wrapper] {
   width: fit-content;
+  max-width: 100%;
+}
+.ProseMirror [data-resize-container] {
+  justify-content: center;
+}
+.ProseMirror [data-resize-container]:has(img[style*='text-align: left']) {
+  justify-content: flex-start;
+}
+.ProseMirror [data-resize-container]:has(img[style*='text-align: right']) {
+  justify-content: flex-end;
 }
 .ProseMirror .tableWrapper {
   overflow-x: auto;

package/dist/index.d.ts

@@ -23,7 +23,7 @@ export { default as LDFormDateRangePicker } from './components/LDDateRangePicker
 export { type LDDaumPostAddress, default as LDDaumPostButton, type LDDaumPostButtonProps, } from './components/LDDaumPostButton/LDDaumPostButton.js';
 export { default as LDDivider, type LDDividerProps, } from './components/LDDivider/LDDivider.js';
 export { type DrawerButton, default as LDDrawer, type LDDrawerBodyProps, type LDDrawerCloseProps, type LDDrawerContentProps, type LDDrawerDescriptionProps, type LDDrawerFooterProps, type LDDrawerHandleProps, type LDDrawerHeaderProps, type LDDrawerOverlayProps, type LDDrawerPanelProps, type LDDrawerProps, type LDDrawerRootProps, type LDDrawerTitleProps, type LDDrawerTriggerProps, } from './components/LDDrawer/LDDrawer.js';
-export { default as LDEditor } from './components/LDEditor/LDEditor.js';
+export { default as LDEditor, type LDEditorFontSize, } from './components/LDEditor/LDEditor.js';
 export { default as LDViewer } from './components/LDEditor/LDViewer.js';
 export { type EmptySize, default as LDEmpty, type LDEmptyProps, } from './components/LDEmpty/LDEmpty.js';
 export { type FileUploadAttachment as LDFileUploadAttachment, type FileUploadOptions as LDFileUploadOptions, } from './components/LDFileUpload/FileUploadBase.js';
@@ -82,4 +82,5 @@ export { default as LDToggleButton, type LDToggleButtonProps, } from './componen
 export { default as LDTooltip } from './components/LDTooltip/LDTooltip.js';
 export { default as Show } from './components/Show/Show.js';
 export { findActivePath } from './utils/utils.js';
+export { createCn } from './utils/cn.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -43,7 +43,7 @@ export { default as LDDivider, } from './components/LDDivider/LDDivider.js';
 // LDDrawer
 export { default as LDDrawer, } from './components/LDDrawer/LDDrawer.js';
 // LDEditor
-export { default as LDEditor } from './components/LDEditor/LDEditor.js';
+export { default as LDEditor, } from './components/LDEditor/LDEditor.js';
 export { default as LDViewer } from './components/LDEditor/LDViewer.js';
 // LDEmpty
 export { default as LDEmpty, } from './components/LDEmpty/LDEmpty.js';
@@ -131,3 +131,6 @@ export { default as LDTooltip } from './components/LDTooltip/LDTooltip.js';
 export { default as Show } from './components/Show/Show.js';
 // 라우트 활성 판정 (LDLNB·LDBreadCrumb 내부와 동일한 로직)
 export { findActivePath } from './utils/utils.js';
+// LDS 토큰을 아는 cn 생성기. 소비처는 이걸로 자기 cn 을 만든다.
+// 기본 cn 은 노출하지 않는다 — 소비처 자체 cn 과 이름이 겹쳐 자동 import 가 이쪽을 집으면 소비처 토큰이 조용히 빠진다.
+export { createCn } from './utils/cn.js';

package/dist/utils/cn.d.ts

@@ -1,4 +1,37 @@
 import { type ClassValue } from 'clsx';
+import { type ConfigExtension, type DefaultClassGroupIds, type DefaultThemeGroupIds } from 'tailwind-merge';
+/**
+ * LDS 설정이 미리 등록된 `cn()` 을 만듭니다. 소비처가 자체 토큰을 tailwind-merge 에 알릴 때 씁니다.
+ *
+ * LDS 커스텀 토큰(display·font-weight·spacing·icon-size·숫자 radius)은 이미 등록돼 있습니다.
+ * 넘긴 `extension` 은 LDS 설정 **뒤에** 적용되므로, `extend` 는 LDS 값에 추가되고
+ * `override` 는 LDS 가 등록한 것까지 교체합니다.
+ *
+ * 호출마다 독립된 tailwind-merge 인스턴스(설정·LRU 캐시)가 생깁니다. 모듈 스코프에서
+ * 한 번만 만들어 재사용하세요.
+ *
+ * 소비처 커스텀 class group id 는 타입 인자로 넘깁니다. LDS 의 `'icon-size'` 는 타입 인자 없이
+ * `conflictingClassGroups` 에서 참조할 수 있습니다.
+ *
+ * 설정 형식은 tailwind-merge 의 `ConfigExtension` 입니다.
+ * https://github.com/dcastil/tailwind-merge/blob/main/docs/configuration.md
+ *
+ * @example
+ * // 소비처 lib/cn.ts — 모듈 스코프에서 한 번만 만든다
+ * import { createCn } from '@loword/loword-design-system';
+ *
+ * export const cn = createCn<'elevation'>({
+ *   extend: {
+ *     // 자체 타이포 토큰 text-caption 을 font-size 로 인식시킨다(미등록 시 text-color 로 오인돼 text-red-500 을 지움)
+ *     theme: { text: ['caption', 'body1'] },
+ *     // 자체 유틸 elevation-* 를 새 그룹으로 등록하고 shadow-* 와 상충시킨다
+ *     classGroups: { elevation: [{ elevation: ['1', '2', '3'] }] },
+ *     conflictingClassGroups: { elevation: ['shadow'] },
+ *   },
+ * });
+ */
+export declare const createCn: <AdditionalClassGroupIds extends string = never, AdditionalThemeGroupIds extends string = never>(extension?: ConfigExtension<DefaultClassGroupIds | "icon-size" | AdditionalClassGroupIds, DefaultThemeGroupIds | AdditionalThemeGroupIds>) => (...inputs: ClassValue[]) => string;
+/** LDS 토큰을 아는 clsx + tailwind-merge 병합. */
 declare const cn: (...inputs: ClassValue[]) => string;
 export default cn;
 //# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AA4E7C,QAAA,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAElC,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAC7C,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAI1B,MAAM,gBAAgB,CAAC;AAqDxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,GACnB,uBAAuB,SAAS,MAAM,GAAG,KAAK,EAC9C,uBAAuB,SAAS,MAAM,GAAG,KAAK,EAE9C,YAAW,eAAe,CACxB,oBAAoB,GAAG,WAAW,GAAG,uBAAuB,EAC5D,oBAAoB,GAAG,uBAAuB,CAC1C,MA0BE,GAAG,QAAQ,UAAU,EAAE,WAChC,CAAC;AAEF,2CAA2C;AAC3C,QAAA,MAAM,EAAE,cAJa,UAAU,EAAE,WAIZ,CAAC;AAEtB,eAAe,EAAE,CAAC"}

package/dist/utils/cn.js

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx';
-import { extendTailwindMerge, validators } from 'tailwind-merge';
+import { extendTailwindMerge, mergeConfigs, validators, } from 'tailwind-merge';
 // 커스텀 타이포 유틸을 twMerge 그룹에 등록해, 프리셋과 className이 상충하면
 // 뒤(className)가 이기게 함. (typography.css의 @utility 목록과 반드시 일치시킬 것)
 const DISPLAY_SIZES = [
@@ -45,28 +45,60 @@ const SPACING = [
 // icon.css의 @utility icon-*. width/height를 함께 잡으므로 w/h/size와도 상충한다.
 // (icon.css의 @utility 목록과 반드시 일치시킬 것)
 const ICON_SIZES = ['2xs', 'xs', 'sm', 'md', 'lg', 'xl'].map((s) => `icon-${s}`);
-const twMerge = extendTailwindMerge({
-    extend: {
-        theme: {
-            spacing: SPACING,
-            // 소비처가 `--radius-8` 처럼 숫자 이름으로 정의한 rounded-* 를 radius 로 인식시켜,
-            // 프리셋의 rounded-[5px] 와 상충하면 className 이 이기게 함. (기본 설정은 sm·lg 같은 이름만 앎)
-            radius: [validators.isNumber],
+/**
+ * LDS 설정이 미리 등록된 `cn()` 을 만듭니다. 소비처가 자체 토큰을 tailwind-merge 에 알릴 때 씁니다.
+ *
+ * LDS 커스텀 토큰(display·font-weight·spacing·icon-size·숫자 radius)은 이미 등록돼 있습니다.
+ * 넘긴 `extension` 은 LDS 설정 **뒤에** 적용되므로, `extend` 는 LDS 값에 추가되고
+ * `override` 는 LDS 가 등록한 것까지 교체합니다.
+ *
+ * 호출마다 독립된 tailwind-merge 인스턴스(설정·LRU 캐시)가 생깁니다. 모듈 스코프에서
+ * 한 번만 만들어 재사용하세요.
+ *
+ * 소비처 커스텀 class group id 는 타입 인자로 넘깁니다. LDS 의 `'icon-size'` 는 타입 인자 없이
+ * `conflictingClassGroups` 에서 참조할 수 있습니다.
+ *
+ * 설정 형식은 tailwind-merge 의 `ConfigExtension` 입니다.
+ * https://github.com/dcastil/tailwind-merge/blob/main/docs/configuration.md
+ *
+ * @example
+ * // 소비처 lib/cn.ts — 모듈 스코프에서 한 번만 만든다
+ * import { createCn } from '@loword/loword-design-system';
+ *
+ * export const cn = createCn<'elevation'>({
+ *   extend: {
+ *     // 자체 타이포 토큰 text-caption 을 font-size 로 인식시킨다(미등록 시 text-color 로 오인돼 text-red-500 을 지움)
+ *     theme: { text: ['caption', 'body1'] },
+ *     // 자체 유틸 elevation-* 를 새 그룹으로 등록하고 shadow-* 와 상충시킨다
+ *     classGroups: { elevation: [{ elevation: ['1', '2', '3'] }] },
+ *     conflictingClassGroups: { elevation: ['shadow'] },
+ *   },
+ * });
+ */
+export const createCn = (extension = {}) => {
+    const twMerge = extendTailwindMerge({
+        extend: {
+            theme: {
+                spacing: SPACING,
+                // 소비처가 `--radius-8` 처럼 숫자 이름으로 정의한 rounded-* 를 radius 로 인식시켜,
+                // 프리셋의 rounded-[5px] 와 상충하면 className 이 이기게 함. (기본 설정은 sm·lg 같은 이름만 앎)
+                radius: [validators.isNumber],
+            },
+            classGroups: {
+                'font-size': DISPLAY_SIZES,
+                'font-weight': FONT_WEIGHTS,
+                'icon-size': ICON_SIZES,
+            },
+            conflictingClassGroups: {
+                'icon-size': ['w', 'h', 'size'],
+                w: ['icon-size'],
+                h: ['icon-size'],
+                size: ['icon-size'],
+            },
         },
-        classGroups: {
-            'font-size': DISPLAY_SIZES,
-            'font-weight': FONT_WEIGHTS,
-            'icon-size': ICON_SIZES,
-        },
-        conflictingClassGroups: {
-            'icon-size': ['w', 'h', 'size'],
-            w: ['icon-size'],
-            h: ['icon-size'],
-            size: ['icon-size'],
-        },
-    },
-});
-const cn = (...inputs) => {
-    return twMerge(clsx(inputs));
+    }, (config) => mergeConfigs(config, extension));
+    return (...inputs) => twMerge(clsx(inputs));
 };
+/** LDS 토큰을 아는 clsx + tailwind-merge 병합. */
+const cn = createCn();
 export default cn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loword/loword-design-system",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
   "keywords": [
     "react",
@@ -241,7 +241,6 @@
     "eslint-plugin-simple-import-sort": "^14.0.0",
     "eslint-plugin-storybook": "10.5.7",
     "globals": "^16.3.0",
-    "lint-staged": "^17.3.0",
     "next": "15.5.18",
     "playwright": "latest",
     "prettier": "^3.9.6",
@@ -282,7 +281,7 @@
     "dev:styles": "tailwindcss -i ./src/styles.css -o ./dist/index.css --watch",
     "lint": "eslint --fix src .storybook --max-warnings 0",
     "lint:ci": "eslint src .storybook --max-warnings 0",
-    "prettier": "prettier --write src .storybook --log-level warn",
+    "prettier": "prettier --write . --log-level warn",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "pnpm run test:coverage:utils && pnpm run test:coverage:components",