@iyulab/editor-components 0.5.2 → 0.6.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## [0.6.1] - 2026-10-05
+
+### Fixed
+
+- **`@iyulab/editor-components/react` resolves.** The build has always emitted the React wrappers to
+  `dist/react/` and the README documents the subpath, but `exports` did not list it, so the import
+  failed with `ERR_PACKAGE_PATH_NOT_EXPORTED`. `./react` and `./react/*` are now exported, as in
+  the sibling packages.
+
+## [0.6.0] - 2026-10-05
+
+### Added
+
+- **The text editor's toolbar follows `--u-target-size`** (the host's minimum target size from
+  `@iyulab/components`). When it is set, toolbar buttons, pickers, picker options, colour swatches and the
+  link tooltip's actions are at least that size; icons and text keep their size. Unset, nothing changes.
+
 ## [0.5.2] - 2026-09-30
 
 ### Changed
@@ -256,21 +273,6 @@
 - README를 실제 구현에 맞게 재작성 — 잘못된 태그명(`<code-editor>`/`<rich-text-editor>` → `u-code-editor`/`u-text-editor`), 잘못된 prop(`noHeader` → `headless`), 존재하지 않는 `copy` 이벤트·`demo.html` 서술 제거, change 의미론·`/react` 서브패스 문서화.
 - 위 수정은 `@iyulab/components` 1.7.0의 "change = 사용자 상호작용 전용" 규약 정합 작업의 일환.
 
-## [Unreleased]
-
-### Fixed
-
-- 🔴**`sideEffects` omitted this package's own entry barrel, so bundlers dropped every element
-  registration.** The barrel that `exports["."]` resolves to exists solely to register the custom
-  elements, but it was not in the `sideEffects` allowlist. A consumer writing
-  `import '@iyulab/editor-components'` — the form this package's own documentation recommends — had the module
-  elided entirely in a production build. The failure is silent: the build succeeds with no warning,
-  the tags remain in the DOM, and an unregistered custom element renders nothing.
-
-  Registration modules were already listed correctly. That was not enough: a dropped barrel means
-  they are never reached.
-
-  Both the source-resolved and published-artifact forms of every affected entry point are now
-  declared, so workspace consumers and installed consumers get the same guarantee.
+## [0.0.1] - 2026-05-16
 
 - Initial library version release

package/dist/_virtual/{_@oxc-project_runtime@0.151.0 → _@oxc-project_runtime@0.152.0}/helpers/esm/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.151.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/dist/_virtual/{_@oxc-project_runtime@0.151.0 → _@oxc-project_runtime@0.152.0}/helpers/esm/decorateMetadata.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.151.0/helpers/esm/decorateMetadata.js
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorateMetadata.js
 function __decorateMetadata(k, v) {
 	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 }

package/dist/components/code-editor/UCodeEditor.js

@@ -1,8 +1,8 @@
 import "./UCodeEditor.worker.js";
 import _virtual_monaco_structure_css_default from "../../_virtual/_virtual_monaco-structure-css.js";
 import { styles } from "./UCodeEditor.styles.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { html, unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/components/text-editor/UTextEditor.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.151.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
 import { styles } from "./UTextEditor.styles.js";
 import { html, unsafeCSS } from "lit";
 import { customElement, property } from "lit/decorators.js";

package/dist/components/text-editor/UTextEditor.styles.js

@@ -128,18 +128,52 @@ var styles = css`
      WCAG 2.2 SC 2.5.8 은 «누가 그렸는가» 를 묻지 않는다.
      ⑴ 색 견본 16×16(붙어 있어 간격 예외도 서지 않는다) → 24×24 · 한 줄 일곱 칸이라 목록 폭도 함께(7×(24+4)+10).
      ⑵ 링크 툴팁의 Edit·Remove 는 줄 높이가 26 인데 인라인이라 실제 높이가 19 였다 → inline-block 으로 26. */
+  /* 호스트 하한(--u-target-size)이 있으면 견본이 그 값 — 목록 폭은 같은 식(일곱 칸)을 따른다. 미설정이면 24 · 206. */
   .ql-snow .ql-color-picker .ql-picker-item {
-    width: 24px;
-    height: 24px;
+    width: max(24px, var(--u-target-size, 0px));
+    height: max(24px, var(--u-target-size, 0px));
   }
   .ql-snow .ql-color-picker .ql-picker-options {
-    width: 206px;
+    width: calc(7 * (max(24px, var(--u-target-size, 0px)) + 4px) + 10px);
   }
   .ql-snow .ql-tooltip a.ql-action,
   .ql-snow .ql-tooltip a.ql-remove {
     display: inline-block;
   }
 
+  /* 호스트 하한(--u-target-size) — 미설정이면 아래 식은 전부 Quill 의 기본값(24·28·3px·5px …)으로 떨어진다.
+     아이콘·글자 크기는 그대로 두고 상자만 키운다: 버튼의 그림은 높이 100% 라 상자를 키우면 함께 커지므로
+     늘어난 만큼을 여백으로 받는다(그림 18×18 고정). */
+  .ql-snow.ql-toolbar button,
+  .ql-snow .ql-toolbar button {
+    height: max(24px, var(--u-target-size, 0px));
+    width: max(28px, var(--u-target-size, 0px));
+    padding: max(3px, calc((var(--u-target-size, 0px) - 18px) / 2)) max(5px, calc((var(--u-target-size, 0px) - 18px) / 2));
+  }
+  .ql-snow .ql-picker {
+    height: max(24px, var(--u-target-size, 0px));
+  }
+  .ql-snow .ql-picker-label::before {
+    line-height: calc(max(24px, var(--u-target-size, 0px)) - 2px);
+  }
+  .ql-snow .ql-color-picker,
+  .ql-snow .ql-icon-picker {
+    width: max(28px, var(--u-target-size, 0px));
+  }
+  /* 글자 항목은 한 줄(1lh)을 뺀 나머지를 위아래 여백으로 — 미설정이면 Quill 의 5px. (flex 로 가운데 맞추면 항목 자신의
+     줄 높이가 빠져 작은 글자 항목이 24px 아래로 내려간다 — 기본 게이트가 잡았다.) */
+  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) .ql-picker-item {
+    padding-block: max(5px, calc((var(--u-target-size, 0px) - 1lh) / 2));
+  }
+  .ql-snow .ql-icon-picker .ql-picker-item {
+    width: max(24px, var(--u-target-size, 0px));
+    height: max(24px, var(--u-target-size, 0px));
+    padding: max(2px, calc((var(--u-target-size, 0px) - 20px) / 2)) max(4px, calc((var(--u-target-size, 0px) - 16px) / 2));
+  }
+  .ql-snow .ql-tooltip a {
+    line-height: max(26px, var(--u-target-size, 0px));
+  }
+
   .ql-toolbar .ql-stroke {
     stroke: var(--u-txt-color-weak, #616161);
   }

package/dist/react/UCodeEditor.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UCodeEditor as UCodeEditorElement } from '@iyulab/editor-components/dist/components/code-editor/UCodeEditor.js';
 
+type UCodeEditorOwnProps = Omit<UCodeEditorElement, keyof HTMLElement>;
+
 export declare const UCodeEditor: React.ForwardRefExoticComponent<
-  Omit<Partial<UCodeEditorElement>, keyof React.HTMLAttributes<UCodeEditorElement>>
-    & Omit<React.HTMLAttributes<UCodeEditorElement>, 'onChange'>
+  Partial<Omit<UCodeEditorElement, Exclude<keyof React.HTMLAttributes<UCodeEditorElement>, keyof UCodeEditorOwnProps>>>
+    & Omit<React.HTMLAttributes<UCodeEditorElement>, keyof UCodeEditorOwnProps | 'onChange'>
     & React.RefAttributes<UCodeEditorElement>
     & {
   onChange?: (event: CustomEvent) => void;

package/dist/react/UTextEditor.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { UTextEditor as UTextEditorElement } from '@iyulab/editor-components/dist/components/text-editor/UTextEditor.js';
 
+type UTextEditorOwnProps = Omit<UTextEditorElement, keyof HTMLElement>;
+
 export declare const UTextEditor: React.ForwardRefExoticComponent<
-  Omit<Partial<UTextEditorElement>, keyof React.HTMLAttributes<UTextEditorElement>>
-    & Omit<React.HTMLAttributes<UTextEditorElement>, 'onChange'>
+  Partial<Omit<UTextEditorElement, Exclude<keyof React.HTMLAttributes<UTextEditorElement>, keyof UTextEditorOwnProps>>>
+    & Omit<React.HTMLAttributes<UTextEditorElement>, keyof UTextEditorOwnProps | 'onChange'>
     & React.RefAttributes<UTextEditorElement>
     & {
   onChange?: (event: CustomEvent) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/editor-components",
   "description": "various editor components by iyulab",
-  "version": "0.5.2",
+  "version": "0.6.1",
   "keywords": [
     "iyulab",
     "web-components",
@@ -43,7 +43,9 @@
     "./dist/*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/*"
-    }
+    },
+    "./react": "./dist/react/index.js",
+    "./react/*": "./dist/react/*"
   },
   "scripts": {
     "preversion": "node -e \"if(require('fs').existsSync('../../scripts/preversion-check.mjs'))require('child_process').execFileSync('node',['../../scripts/preversion-check.mjs'],{stdio:'inherit'})\"",

package/skills/iyulab-editor-components/SKILL.md

@@ -4,7 +4,6 @@ description: Editor web components — a Monaco-based code editor and a Quill-ba
 license: MIT
 metadata:
   author: iyulab
-  version: "0.3.3"
 ---
 
 # @iyulab/editor-components