@iyulab/components 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## 1.0.1 (2026-04-01)
+
+### Bug Fixes
+
+- **`UIcon`**: Auto-apply `fill="currentColor"` only for fill-based icons; skip when `stroke="currentColor"` is set. Removed global `fill: currentColor` CSS rule.
+- **`URadio`** / **`USelect`**: `options` field is now a `@state()` so UI re-renders when options change. `onChangeValue()` is now triggered on both `value` and `options` changes.
+- **`UTextarea`**: Replaced `all: unset` with explicit CSS reset for better cross-browser compatibility. Height recalculation moved inside `requestAnimationFrame` to stabilize auto-resize.
+- **`Dialog`**: Fixed `prompt()` input not capturing user text — switched to property binding (`.value`) and native `@input` event.
+
+### Dependencies
+
+- **`@lit/react`**: Moved from `dependencies` to optional `peerDependencies`.
+
+---
+
 ## 1.0.0 (2026-04-01)
 
 ### Breaking Changes

package/dist/components/icon/UIcon.js

@@ -42,6 +42,7 @@ var UIcon = class UIcon extends UElement {
 			const svg = doc.documentElement;
 			if (svg?.tagName.toLowerCase() !== "svg") return void 0;
 			svg.setAttribute("part", "svg");
+			if (svg.getAttribute("stroke") !== "currentColor") svg.setAttribute("fill", "currentColor");
 			return svg.outerHTML;
 		} catch {
 			return;

package/dist/components/icon/UIcon.styles.js

@@ -10,7 +10,6 @@ var styles = css`
   svg {
     width: 1em;
     height: 1em;
-    fill: currentColor;
   }
 `;
 //#endregion

package/dist/components/radio/URadio.js

@@ -4,7 +4,7 @@ import { UFormControlElement } from "../UFormControlElement.js";
 import "../field/UField.js";
 import { UOption } from "../option/UOption.js";
 import { styles } from "./URadio.styles.js";
-import { customElement, property } from "lit/decorators.js";
+import { customElement, property, state } from "lit/decorators.js";
 import { html } from "lit";
 //#region src/components/radio/URadio.ts
 var URadio = class URadio extends UFormControlElement {
@@ -76,7 +76,7 @@ var URadio = class URadio extends UFormControlElement {
 			if (this.disabled) option.disabled = true;
 			if (this.readonly) option.disabled = true;
 		});
-		if (changedProperties.has("value")) this.onChangeValue();
+		if (["value", "options"].some((k) => changedProperties.has(k))) this.onChangeValue();
 	}
 	render() {
 		return html`
@@ -146,6 +146,7 @@ __decorate([property({
 	type: String,
 	reflect: true
 }), __decorateMetadata("design:type", Object)], URadio.prototype, "orientation", void 0);
+__decorate([state(), __decorateMetadata("design:type", Array)], URadio.prototype, "options", void 0);
 URadio = __decorate([customElement("u-radio")], URadio);
 //#endregion
 export { URadio };

package/dist/components/select/USelect.js

@@ -7,7 +7,7 @@ import "../field/UField.js";
 import { UOption } from "../option/UOption.js";
 import { UPopover } from "../popover/UPopover.js";
 import { styles } from "./USelect.styles.js";
-import { customElement, property, query } from "lit/decorators.js";
+import { customElement, property, query, state } from "lit/decorators.js";
 import { html } from "lit";
 //#region src/components/select/USelect.ts
 var _ref, _ref2;
@@ -133,7 +133,7 @@ var USelect = class USelect extends UFormControlElement {
 	}
 	updated(changedProperties) {
 		super.updated(changedProperties);
-		if (changedProperties.has("value")) this.onChangeValue();
+		if (["value", "options"].some((k) => changedProperties.has(k))) this.onChangeValue();
 	}
 	render() {
 		return html`
@@ -310,6 +310,7 @@ __decorate([property({
 __decorate([property({ type: String }), __decorateMetadata("design:type", String)], USelect.prototype, "placeholder", void 0);
 __decorate([query(".container", true), __decorateMetadata("design:type", typeof (_ref = typeof HTMLElement !== "undefined" && HTMLElement) === "function" ? _ref : Object)], USelect.prototype, "containerEl", void 0);
 __decorate([query("u-popover", true), __decorateMetadata("design:type", typeof (_ref2 = typeof UPopover !== "undefined" && UPopover) === "function" ? _ref2 : Object)], USelect.prototype, "popoverEl", void 0);
+__decorate([state(), __decorateMetadata("design:type", Array)], USelect.prototype, "options", void 0);
 USelect = __decorate([customElement("u-select")], USelect);
 //#endregion
 export { USelect };

package/dist/components/textarea/UTextarea.d.ts

@@ -49,7 +49,7 @@ export declare class UTextarea extends UFormControlElement<string> {
     /** placeholder 텍스트 */
     placeholder?: string;
     textareaEl?: HTMLTextAreaElement;
-    protected updated(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): Promise<void>;
     render(): import('lit-html').TemplateResult<1>;
     validate(): boolean;
     reset(): void;

package/dist/components/textarea/UTextarea.js

@@ -34,8 +34,9 @@ var UTextarea = class UTextarea extends UFormControlElement {
 	static {
 		this.styles = [super.styles, styles];
 	}
-	updated(changedProperties) {
+	async updated(changedProperties) {
 		super.updated(changedProperties);
+		await this.updateComplete;
 		if (this.resize === "auto" && [
 			"value",
 			"minRows",
@@ -102,10 +103,12 @@ var UTextarea = class UTextarea extends UFormControlElement {
 		const minHeight = this.minRows ? lineHeight * this.minRows + extra : lineHeight + extra;
 		const maxHeight = this.maxRows ? lineHeight * this.maxRows + extra : Infinity;
 		textarea.style.height = "auto";
-		const scrollHeight = textarea.scrollHeight;
-		const newHeight = Math.min(Math.max(scrollHeight, minHeight), maxHeight);
-		textarea.style.height = `${newHeight}px`;
-		textarea.style.overflowY = scrollHeight > maxHeight ? "auto" : "hidden";
+		requestAnimationFrame(() => {
+			const scrollHeight = textarea.scrollHeight;
+			const newHeight = Math.min(Math.max(scrollHeight, minHeight), maxHeight);
+			textarea.style.height = `${newHeight}px`;
+			textarea.style.overflowY = scrollHeight > maxHeight ? "auto" : "hidden";
+		});
 	}
 };
 __decorate([property({

package/dist/components/textarea/UTextarea.styles.js

@@ -101,7 +101,14 @@ var styles = css`
 
   /* ===== Textarea 요소 ===== */
   textarea {
-    all: unset;
+    display: block;
+    border: none;
+    background: none;
+    outline: none;
+    padding: 0;
+    margin: 0;
+    color: inherit;
+    font: inherit;
     flex: 1;
     min-width: 0;
     font-size: 1em;

package/dist/utilities/Dialog.js

@@ -52,8 +52,8 @@ var Dialog = class {
           <u-input
             type=${options?.type || "text"}
             placeholder=${options?.placeholder || ""}
-            value=${inputValue}
-            @u-input=${(e) => {
+            .value=${inputValue}
+            @input=${(e) => {
 				inputValue = e.target.value || "";
 			}}
             @keydown=${(e) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "keywords": [
     "iyulab",
     "components",
@@ -45,14 +45,17 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@lit/react": "^1.0.8",
     "focus-trap": "^8.0.1",
     "lit": "^3.3.2"
   },
   "peerDependencies": {
+    "@lit/react": ">=1.0.8",
     "react": ">=18.0.0"
   },
   "peerDependenciesMeta": {
+    "@lit/react": {
+      "optional": true
+    },
     "react": {
       "optional": true
     }

package/skills/iyulab-components/SKILL.md

@@ -4,7 +4,7 @@ description: Web component library built on Lit. Covers all u-* custom elements
 license: MIT
 metadata:
   author: iyulab
-  version: "1.0.0"
+  version: "1.0.1"
 ---
 
 # @iyulab/components