@iyulab/components 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -1,200 +1,201 @@
 # Changelog
 
-## 1.0.0 (2026-04-01)
-
-### Breaking Changes
-
-- **Event type renames**: Removed `U`-prefixed event types (`UChangeEvent`, `UInputEvent`, `UShowEvent`, `UHideEvent`, `USelectEvent`, `UResizeEvent`) in favour of action-based names
-  - `ShowEvent` / `HideEvent` / `PickEvent` / `CheckEvent` / `ExpandEvent` / `CollapseEvent` / `NavigateEvent` / `RemoveEvent` / `ShiftEvent`
-- **Utility API overhaul**: `Notifier` replaced by `Toast`; `IconRegistry` rewritten as `icons.ts` — existing API is not compatible, migration required
-- **`UModalElement` removed**: Merged into `UOverlayElement`. Components that extended `UModalElement` must now extend `UOverlayElement`
-
-### New Components
-
-- `u-avatar` — user avatar with image or initials fallback
-- `u-badge` — numeric or status badge
-- `u-breadcrumb` / `u-breadcrumb-item` — navigation breadcrumb trail
-- `u-chip` — selectable chip with `pick` and `remove` events
-- `u-field` — form field layout wrapper (label, description, validation message)
-- `u-icon-button` — icon-only button
-- `u-option` — option item for `u-select` and combobox inputs
-- `u-panel` — general-purpose container panel
-- `u-radio` — single-choice radio button
-- `u-rating` — star/score input
-- `u-select` — dropdown select control
-- `u-slider` — range slider
-- `u-switch` — toggle switch
-- `u-tab` / `u-tab-panel` — tab navigation
-
-### Improvements
-
-- **Component file split**: Heavy components extract render logic into a separate `U<Name>.component.ts`, keeping the class declaration lean
-- **`Toast` utility**: Replaces `Notifier.toast()` with a semantic API — `Toast.show()`, `Toast.success()`, `Toast.error()`, etc.
-- **`Dialog` utility**: Imperative dialog API added — `Dialog.confirm()`, `Dialog.prompt()`, etc.
-- **`OverlayManager`**: Built-in overlay stack management and ESC key handling
-- **`icons.ts`**: Full rewrite of `IconRegistry` with bundled SVG support via Vite `import.meta.glob` and built-in CDN resolvers for Tabler, Heroicons, Lucide, and Bootstrap Icons
-- **`converters.ts`**: Extended type conversion utilities
-- **Vite plugins**: Added `vite-plugin-glob-resolve` and `vite-plugin-react-wrapper` for automatic React wrapper generation
-
-### Documentation
-
-- `skills/iyulab-components/` — full agent skill added with 39 component references, 9 utility references, and 5 extension references
-- `docs/` — developer documentation added (architecture, guidelines, events, theming, form-controls, icons)
+## [1.0.2] - 2026-04-07
+
+### Fixed
+- `Toast`: Fixed toast not being removed from DOM after hide — changed event listener from `'u-hide'` to `'hide'` to match actual event dispatched by `UAlert`
+- `Dialog`: Fixed dialog promise never resolving after close — changed event listener from `'u-hide'` to `'hide'` to match actual event dispatched by `UOverlayElement`
+
+## [1.0.1] - 2026-04-01
+
+### Changed
+- `@lit/react` moved from `dependencies` to optional `peerDependencies`
+
+### Fixed
+- `UIcon`: Auto-apply `fill="currentColor"` only for fill-based icons; skip when `stroke="currentColor"` is present. Removed global `fill: currentColor` CSS rule
+- `URadio` / `USelect`: `options` field is now a `@state()` so the UI re-renders when options change; `onChangeValue()` now triggers 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
+
+## [1.0.0] - 2026-04-01
+
+### Added
+- New components: `u-avatar`, `u-badge`, `u-breadcrumb` / `u-breadcrumb-item`, `u-chip`, `u-field`, `u-icon-button`, `u-option`, `u-panel`, `u-radio`, `u-rating`, `u-select`, `u-slider`, `u-switch`, `u-tab` / `u-tab-panel`
+- `Toast` utility: semantic API replacing `Notifier.toast()` — `Toast.show()`, `Toast.success()`, `Toast.error()`, etc.
+- `Dialog` utility: imperative API — `Dialog.confirm()`, `Dialog.prompt()`, etc.
+- `OverlayManager`: built-in overlay stack management and ESC key handling
+- `icons.ts`: full rewrite of `IconRegistry` with bundled SVG support via Vite `import.meta.glob` and built-in CDN resolvers for Tabler, Heroicons, Lucide, and Bootstrap Icons
+- Vite plugins: `vite-plugin-glob-resolve` and `vite-plugin-react-wrapper` for automatic React wrapper generation
+- `skills/iyulab-components/` agent skill with 39 component references, 9 utility references, and 5 extension references
+- `docs/` developer documentation (architecture, guidelines, events, theming, form-controls, icons)
+
+### Changed
+- **Breaking:** Removed `U`-prefixed event types (`UChangeEvent`, `UInputEvent`, `UShowEvent`, `UHideEvent`, `USelectEvent`, `UResizeEvent`) — replaced with `ShowEvent`, `HideEvent`, `PickEvent`, `CheckEvent`, `ExpandEvent`, `CollapseEvent`, `NavigateEvent`, `RemoveEvent`, `ShiftEvent`
+- **Breaking:** `Notifier` replaced by `Toast`; `IconRegistry` rewritten as `icons.ts` — existing API is not compatible, migration required
+- **Breaking:** `UModalElement` removed — merged into `UOverlayElement`; extend `UOverlayElement` instead
+- Heavy components extract render logic into a separate `U<Name>.component.ts` file
+- `converters.ts` extended with additional type conversion utilities
 - `README.md` overhauled with Agent Skills installation guide
 
----
+## [0.4.0] - 2026-03-02
 
-## 0.4.0 (2026-03-02)
+### Added
+- `UJsonElement`: new base class that reads JSON from a `<script type="application/json">` tag in light DOM and maps properties to the component automatically; includes built-in error UI (`error()` method) and `buildHTML()` static helper
+- `sanitizers.ts` utility: `stripZeroWidth()`, `escapeHtmlText()`, `escapeHtmlAttr()`, `escapeHtmlHref()` for HTML/XSS protection
+- New icon assets: `arrow-down-up`, `code-slash`, `download`, `sort-alpha-down`, `sort-alpha-up`
 
-### Breaking Changes
-- **BaseElement / FloatingElement / ModalElement**: Renamed to `UElement`, `UFloatingElement`, `UModalElement` to align with the `U` prefix naming convention
-  - All components updated to use the renamed base classes
+### Changed
+- **Breaking:** `BaseElement`, `FloatingElement`, `ModalElement` renamed to `UElement`, `UFloatingElement`, `UModalElement` — all components updated accordingly
 
-### Features
-- **UJsonElement**: Added new base class that reads JSON from a `<script type="application/json">` tag in light DOM and maps properties to the component automatically
-  - Includes built-in error UI rendering via `error()` method
-  - Provides static `buildHTML()` helper to generate safe component HTML from JSON data
-- **Icons**: Added new icon assets
-  - `arrow-down-up`, `code-slash`, `download`, `sort-alpha-down`, `sort-alpha-up`
+### Fixed
+- `UCarousel`: Fixed tap vs drag detection — pointer target is tracked to dispatch a `click` event on tap when drag distance is below threshold
 
-### New Utilities
-- **sanitizers.ts**: Added HTML/XSS protection utilities
-  - `stripZeroWidth()`: Removes zero-width characters (ZWSP, BOM, etc.)
-  - `escapeHtmlText()`: Escapes special characters for HTML text context
-  - `escapeHtmlAttr()`: Escapes special characters for HTML attribute context
-  - `escapeHtmlHref()`: Sanitizes and validates `href`/`src` values (blocks `javascript:`, `data:`, `vbscript:` protocols)
+## [0.3.0] - 2026-02-26
 
-### Bug Fixes
-- **UCarousel**: Fixed tap vs drag detection — pointer target is now tracked to dispatch a `click` event on tap when drag distance is below threshold
+### Added
+- `UCard`: card layout component with `header`, `footer`, `media` slots
+- `UCarousel`: carousel component with autoplay, drag, navigation, and multi-slide view
 
-## 0.3.0 (2026-02-26)
+### Changed
+- Moved `@lit/react` and `react` to optional `peerDependencies`
+- Updated devDependencies
 
-### Features
-- **UCard**: Added card layout component with `header`, `footer`, `media` slots
-- **UCarousel**: Added carousel component with autoplay, drag, navigation, multi-slide view
+## [0.2.3] - 2026-02-09
 
-### Improvements
-- Moved `@lit/react`, `react` to optional peerDependencies
-- Updated devDependencies
+### Added
+- `UInput`: `inputmode`, `enterkeyhint`, `size`, `multiple` properties for improved mobile UX and HTML standard compliance (#4)
 
-## 0.2.3 (2026-02-09)
-
-### Features
-- **UInput**: Added `inputmode`, `enterkeyhint`, `size`, `multiple` properties for improved mobile UX and HTML standard compliance (closes #4)
-
-## 0.2.2 (2026-02-09)
-
-### Features
-- **UInput**: Added `min`, `max`, `step` properties for number/date/time input types (closes #1)
-
-## 0.2.1 (2026-02-09)
-
-### Documentation
-- **Events**: Added complete event API reference with all `u-*` events, detail types, and usage examples (closes #3)
-- **CSS Custom Properties**: Added full `--u-*` variable reference with light/dark values (closes #2)
-- **Theming**: Added theme setup, switching, and external design system integration guide
-- **Components**: Added component list with tags and descriptions
-
-## 0.2.0 (2026-01-16)
-
-### Breaking Changes
-- **Utilities**: Refactored utility class architecture to static-only pattern
-  - `IconRegistry`: Changed from singleton instance to static class (use `IconRegistry.register()` instead of `icons.register()`)
-  - `Notifier`: Changed from singleton instance to static class (use `Notifier.toast()` instead of `notifier.toast()`)
-  - `Theme`: Changed from singleton instance to static class (use `Theme.init()` instead of `theme.init()`)
-- **IconButton**: Removed `UIconButton` component (use `UButton` with icon slot instead)
-
-### Features
-- **UTag**: Added new Tag component for displaying labels, categories, and status
-  - Supports variants: `default`, `info`, `success`, `warning`, `danger`
-  - Removable tag functionality with smooth animation
-  - Prefix/suffix slots for custom content
-- **UButton**: Added `variant` property with support for `default`, `borderless`, and `link` styles
-- **UTooltip**: Added `interactive` property for keeping tooltip open when hovering over it
-- **Icons**: Added new icon assets
-  - `arrow-repeat`, `box-arrow-up-right`, `file-earmark`, `flag`, `globe`
-  - `hand-thumbs-up`, `hand-thumbs-up-fill`, `hand-thumbs-down`, `hand-thumbs-down-fill`
-  - `share`, `stop-circle`, `tools`
-- **Utilities**: Added new utility functions
-  - `converters.ts`: `arrayAttrConverter()` for array attribute conversion
-  - `elements.ts`: DOM helper functions (`getParentElement`, `querySelectorWithin`, `querySelectorAllWithin`)
-
-### Improvements
-- **FloatingElement**: Enhanced positioning and anchor management logic
-- **UButton**: Improved click event handling for disabled and loading states
-- **UDialog/UDrawer**: Updated to use improved modal element patterns
-- **UMenu**: Refactored submenu handling and dropdown logic
-- **IconRegistry**: Reorganized and improved icon loading architecture
-- **Utilities**: Moved internal utilities to public utilities directory
-  - `internals/attribute-converters.ts` → `utilities/converters.ts`
-  - `internals/node-helpers.ts` → `utilities/elements.ts`
-  - `utilities/icons.ts` → `utilities/IconRegistry.ts`
-
-## 0.1.11 (2026-01-06)
-
-### Fixes
-- Fixed d.ts generation error for `Theme` class by exporting the class
+## [0.2.2] - 2026-02-09
+
+### Added
+- `UInput`: `min`, `max`, `step` properties for number/date/time input types (#1)
+
+## [0.2.1] - 2026-02-09
+
+### Added
+- Events documentation: complete event API reference with all `u-*` events, detail types, and usage examples (#3)
+- CSS Custom Properties reference: full `--u-*` variable list with light/dark values (#2)
+- Theming guide: setup, switching, and external design system integration
+- Component list with tags and descriptions
+
+## [0.2.0] - 2026-01-16
+
+### Added
+- `UTag`: tag component for labels, categories, and status; variants: `default`, `info`, `success`, `warning`, `danger`; removable with animation; prefix/suffix slots
+- `UButton`: `variant` property with `default`, `borderless`, and `link` styles
+- `UTooltip`: `interactive` property for keeping tooltip open on hover
+- New icon assets: `arrow-repeat`, `box-arrow-up-right`, `file-earmark`, `flag`, `globe`, `hand-thumbs-up`, `hand-thumbs-up-fill`, `hand-thumbs-down`, `hand-thumbs-down-fill`, `share`, `stop-circle`, `tools`
+- `converters.ts`: `arrayAttrConverter()` for array attribute conversion
+- `elements.ts`: DOM helpers — `getParentElement`, `querySelectorWithin`, `querySelectorAllWithin`
+
+### Changed
+- **Breaking:** `IconRegistry` changed from singleton instance to static class (use `IconRegistry.register()` instead of `icons.register()`)
+- **Breaking:** `Notifier` changed from singleton instance to static class (use `Notifier.toast()` instead of `notifier.toast()`)
+- **Breaking:** `Theme` changed from singleton instance to static class (use `Theme.init()` instead of `theme.init()`)
+- **Breaking:** `UIconButton` removed — use `UButton` with icon slot instead
+- `FloatingElement`: enhanced positioning and anchor management logic
+- `UButton`: improved click event handling for disabled and loading states
+- `UDialog` / `UDrawer`: updated to use improved modal element patterns
+- `UMenu`: refactored submenu handling and dropdown logic
+- `IconRegistry`: reorganized and improved icon loading architecture
+- Internal utilities moved to public: `internals/attribute-converters.ts` → `utilities/converters.ts`, `internals/node-helpers.ts` → `utilities/elements.ts`, `utilities/icons.ts` → `utilities/IconRegistry.ts`
 
-### Features
-- **UTreeItem**: Added `loading` property with spinner indicator
-- **UTreeItem**: Added MutationObserver for dynamic child loading support
-- **UMenuItem**: Added `loading` property with spinner indicator
+## [0.1.11] - 2026-01-06
 
-### Improvements
-- **UDivider**: Simplified component (removed movable functionality)
-- **USplitPanel**: Completely rewritten with native splitter implementation
-- **UMenu/UMenuItem**: Refactored submenu handling logic
-- **UTreeItem**: Improved children slot handling with `processChildren` method
-- **UTreeItem**: Changed indent styling to use CSS custom property (`--indent-level`)
+### Added
+- `UTreeItem`: `loading` property with spinner indicator and `MutationObserver` for dynamic child loading
+- `UMenuItem`: `loading` property with spinner indicator
 
-## 0.1.10 (2025-12-19)
+### Changed
+- `UDivider`: simplified component (removed movable functionality)
+- `USplitPanel`: completely rewritten with native splitter implementation
+- `UMenu` / `UMenuItem`: refactored submenu handling logic
+- `UTreeItem`: improved children slot handling with `processChildren` method; indent styling now uses CSS custom property (`--indent-level`)
+
+### Fixed
+- Fixed d.ts generation error for `Theme` class by exporting the class
+
+## [0.1.10] - 2025-12-19
+
+### Fixed
 - Fixed circular dependency issue between `UMenu` and `UMenuItem`
-- Changed `UMenuItem` to use tagName check instead of `instanceof` for submenu detection
+- `UMenuItem` now uses tag name check instead of `instanceof` for submenu detection
+
+## [0.1.9] - 2025-12-19
 
-## 0.1.9 (2025-12-19)
-- Added `Tree`, `TreeItem` components for hierarchical data display
+### Added
+- `Tree` and `TreeItem` components for hierarchical data display
 - Updated React wrapper plugin to support new file structure
+
+### Removed
 - Removed `CopyButton` component
-- Changed React wrapper output directory to `react-components`
-
-## 0.1.8 (2025-12-18)
-- **Breaking Change**: Added `U` prefix to all component class names (e.g., `Alert` → `UAlert`)
-- **Breaking Change**: Changed file naming convention
-  - `{Name}.ts` → `U{Name}.component.ts` (class implementation)
-  - `{Name}.styles.ts` → `U{Name}.styles.ts` (styles)
-  - `index.ts` → `U{Name}.ts` (element definition)
-
-## 0.1.7 (2025-12-13)
-- Added `FloatingElement` base class for popover, tooltip common logic
-- Added `ModalElement` base class for dialog, drawer common logic
-- Added `Drawer` component
-- Added `Skeleton` component
-- Improved `Menu` component with dropdown, contextmenu, submenu support
-- Refactored `Dialog` component based on `ModalElement`
-- Removed `ContextMenu`, `DropdownMenu` (merged into `Menu`)
-
-## 0.1.5 (2025-12-10)
+
+### Changed
+- React wrapper output directory changed to `react-components`
+
+## [0.1.8] - 2025-12-18
+
+### Changed
+- **Breaking:** Added `U` prefix to all component class names (e.g., `Alert` → `UAlert`)
+- **Breaking:** File naming convention changed: `{Name}.ts` → `U{Name}.component.ts`, `{Name}.styles.ts` → `U{Name}.styles.ts`, `index.ts` → `U{Name}.ts`
+
+## [0.1.7] - 2025-12-12
+
+### Added
+- `FloatingElement` base class for shared popover and tooltip logic
+- `ModalElement` base class for shared dialog and drawer logic
+- `Drawer` component
+- `Skeleton` component
+
+### Changed
+- `Menu`: improved with dropdown, context menu, and submenu support
+- `Dialog`: refactored to extend `ModalElement`
+
+### Removed
+- Removed `ContextMenu` and `DropdownMenu` — functionality merged into `Menu`
+
+## [0.1.5] - 2025-12-10
+
+### Changed
 - Improved `Icon` component and refactored icon utilities
 - Improved `Input` component styles and validation
 - Improved `Tooltip`, `Divider`, `SplitPanel` components
 - Improved `notifier` utility
-- Removed `Panel` component
 - Updated theme styles (light/dark)
 
-## 0.1.4 (2025-12-05)
-- Fixes some issues
+### Removed
+- Removed `Panel` component
+
+## [0.1.4] - 2025-12-05
+
+### Fixed
+- Fixed miscellaneous issues
+
+## [0.1.3] - 2025-11-17
+
+### Added
+- `ProgressBar` component for displaying top-of-page loading progress
+
+### Fixed
+- Fixed theme `useBuiltIn` option not working as expected
+
+## [0.1.2] - 2025-11-13
+
+### Fixed
+- Fixed a type issue in `theme` utility
+
+## [0.1.1] - 2025-11-13
+
+### Added
+- `BrowserStorage` utility supporting `localStorage` and `cookie` with async get/set/remove methods
 
-## 0.1.3 (2025-11-17)
-- fixed a theme `useBuiltIn` Option, now it works as expected.
-- added `ProgressBar` component to show loading progress at the top of the page.
+### Changed
+- Theme `persist` option renamed to `store`
 
-## 0.1.2 (2025-11-13)
-- fixed a type issue in `theme` utility.
+### Removed
+- Removed `toggle` method from theme utility
 
-## 0.1.1 (2025-11-13)
-- added `BrowserStorage` which supports `localStorage` and `cookie` with async methods for getting, setting, and removing items.
-- changed theme `persist` option to `store` option, and fixed some issues.
-- removed `toggle` method from theme utility.
+## [0.1.0] - 2025-11-12
 
-## 0.1.0 (2025-11-12)
-- Initial library version release
+### Added
+- Initial release

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) => {
@@ -108,7 +108,7 @@ var Dialog = class {
 			(options.target || document.body).appendChild(dialog);
 			await dialog.updateComplete;
 			dialog.show();
-			dialog.addEventListener("u-hide", (e) => {
+			dialog.addEventListener("hide", (e) => {
 				if (e.target !== dialog) return;
 				setTimeout(() => dialog.remove(), 300);
 				resolve(closeValue);

package/dist/utilities/Toast.js

@@ -52,7 +52,7 @@ var Toast = class {
 		container.appendChild(el);
 		await el.updateComplete;
 		el.show();
-		el.addEventListener("u-hide", async () => {
+		el.addEventListener("hide", async () => {
 			await new Promise((resolve) => setTimeout(resolve, 200));
 			el.remove();
 			this.elements.delete(el);

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.2",
   "keywords": [
     "iyulab",
     "components",
@@ -17,13 +17,13 @@
   },
   "files": [
     "dist",
+    "skills",
     "plugins/**/*.js",
     "plugins/**/*.d.ts",
-    "skills",
-    "LICENSE",
+    "package.json",
     "README.md",
     "CHANGELOG.md",
-    "package.json"
+    "LICENSE"
   ],
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -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