@iyulab/components 1.28.0 → 1.32.0

package/dist/components/switch/USwitch.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import { Locale } from "../../utilities/Locale.js";
 import { styles } from "./USwitch.styles.js";
@@ -78,6 +78,12 @@ var USwitch = class USwitch extends UFormControlElement {
 		this.checked = false;
 		this.invalid = false;
 	}
+	focus(options) {
+		this.inputEl?.focus(options);
+	}
+	blur() {
+		this.inputEl?.blur();
+	}
 };
 __decorate([property({
 	type: Boolean,

package/dist/components/tab/UTab.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";
 import { styles } from "./UTab.styles.js";
@@ -42,7 +42,6 @@ var UTab = class UTab extends UElement {
         <u-button class="remove-btn" part="remove-btn"
         ?hidden=${!this.removable}
         variant="ghost"
-        tabindex="-1"
         aria-label="Close tab"
         @click=${this.handleRemoveClick}
       >

package/dist/components/tab-panel/UTabPanel.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UPanel } from "../panel/UPanel.js";
 import { UTab } from "../tab/UTab.js";
 import { styles } from "./UTabPanel.styles.js";

package/dist/components/tag/UTag.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../icon/UIcon.js";
 import { statusIcon } from "../../utilities/statusIcon.js";
 import { styles } from "./UTag.styles.js";

package/dist/components/text/UText.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { styles } from "./UText.styles.js";
 import { customElement, property } from "lit/decorators.js";
 import { html, literal } from "lit/static-html.js";

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

@@ -53,6 +53,8 @@ export declare class UTextarea extends UFormControlElement<string> {
     render(): import('lit-html').TemplateResult<1>;
     protected setValidity(): void;
     reset(): void;
+    focus(options?: FocusOptions): void;
+    blur(): void;
     private resizeTextarea;
     private handleTextareaInput;
     private handleTextareaChange;

package/dist/components/textarea/UTextarea.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFormControlElement } from "../UFormControlElement.js";
 import { Locale } from "../../utilities/Locale.js";
 import "../field/UField.js";
@@ -106,6 +106,12 @@ var UTextarea = class UTextarea extends UFormControlElement {
 		this.value = void 0;
 		this.invalid = false;
 	}
+	focus(options) {
+		this.textareaEl?.focus(options);
+	}
+	blur() {
+		this.textareaEl?.blur();
+	}
 	resizeTextarea() {
 		const textarea = this.textareaEl;
 		if (!textarea) return;

package/dist/components/tooltip/UTooltip.js

@@ -1,5 +1,5 @@
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UFloatingElement } from "../UFloatingElement.js";
 import { styles } from "./UTooltip.styles.js";
 import { html } from "lit";

package/dist/components/tree/UTree.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import { UTreeItem } from "../tree-item/UTreeItem.js";
 import { styles } from "./UTree.styles.js";
 import { html } from "lit";

package/dist/components/tree-item/UTreeItem.js

@@ -1,6 +1,6 @@
 import { UElement } from "../UElement.js";
-import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorateMetadata.js";
-import __decorate from "../../_virtual/_@oxc-project_runtime@0.144.0/helpers/esm/decorate.js";
+import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorateMetadata.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/decorate.js";
 import "../spinner/USpinner.js";
 import "../icon/UIcon.js";
 import { styles } from "./UTreeItem.styles.js";

package/dist/utilities/Locale.d.ts

@@ -12,7 +12,7 @@ export type SupportedLocale = 'en' | 'ko' | 'ja' | 'zh-CN' | 'zh-TW' | 'es' | 'f
 /** 내장 로케일은 자동완성되지만, 임의의 BCP47 태그도 그대로 받는다. */
 export type LocaleTag = SupportedLocale | (string & {});
 /** 라이브러리가 제공하는 chrome 문자열 키. 지금은 검증 메시지뿐이지만 이후 다른 UI 문구도 추가될 수 있다. */
-export type LocaleMessageKey = 'valueMissing' | 'badInput' | 'typeMismatch' | 'patternMismatch' | 'rangeUnderflow' | 'rangeOverflow' | 'stepMismatch' | 'tooShort' | 'tooLong';
+export type LocaleMessageKey = 'valueMissing' | 'badInput' | 'typeMismatch' | 'patternMismatch' | 'rangeUnderflow' | 'rangeOverflow' | 'stepMismatch' | 'tooShort' | 'tooLong' | 'increment' | 'decrement' | 'clear' | 'showPassword' | 'hidePassword';
 type LocaleTable = Record<LocaleMessageKey, string>;
 /**
  * 한 패키지(또는 앱 영역)의 문자열 묶음.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.28.0",
+  "version": "1.32.0",
   "keywords": [
     "iyulab",
     "components",

package/skills/iyulab-components/references/components/checkbox.md

@@ -50,6 +50,8 @@ Checkbox with `indeterminate` state support. Form-associated (`formAssociated =
 |--------|---------|-------------|
 | `validate()` | `boolean` | Run validation; sets `invalid` |
 | `reset()` | `void` | Clear value and validation state |
+| `focus(options?)` | `void` | Focus the checkbox input |
+| `blur()` | `void` | Blur the checkbox input |
 
 ## CSS Parts
 

package/skills/iyulab-components/references/components/date-picker.md

@@ -49,6 +49,8 @@ Single-date selection with a popover calendar. The value follows the same conven
 |--------|--------------|
 | `validate()` | Validate; sets `invalid` |
 | `reset()` | Reset value |
+| `focus(options?)` | Focus the trigger |
+| `blur()` | Blur the trigger |
 
 ## CSS Parts
 

package/skills/iyulab-components/references/components/field.md

@@ -40,3 +40,9 @@ Layout wrapper for form controls. Renders label, required marker, description te
 | `required` | `boolean` | `false` | ✓ | Show required marker |
 | `invalid` | `boolean` | `false` | ✓ | Show validation error state |
 | `disabled` | `boolean` | `false` | ✓ | Disable state forwarding |
+
+## Methods
+
+| Method | Description |
+|--------|-------------|
+| `focus(options?)` | Focus the first focusable slotted child |

package/skills/iyulab-components/references/components/input.md

@@ -21,8 +21,16 @@ Text input field with prefix/suffix slots and label. Add `u-option` children for
   <u-option value="us">United States</u-option>
   <u-option value="kr">South Korea</u-option>
 </u-input>
+
+<!-- Number with a stepper — click +/- to adjust by `step` -->
+<u-input type="number" value="5000" step="1000" min="0"></u-input>
 ```
 
+`type="number"` replaces the browser's native spin buttons with `−`/`+` icons in the suffix
+area — clicking delegates to the native `stepUp()`/`stepDown()`, so `min`/`max`/`step` are
+respected exactly as they are for keyboard arrows. A field-specific step (e.g. `step="1000"`
+for a KRW amount) is the consumer's call — the library does not infer one from field meaning.
+
 ---
 
 ## Slots
@@ -45,7 +53,7 @@ Text input field with prefix/suffix slots and label. Add `u-option` children for
 | `maxlength` | `number` | — | — | Maximum character count |
 | `min` | `string` | — | — | Minimum value (number/date) |
 | `max` | `string` | — | — | Maximum value |
-| `step` | `number` | — | — | Step increment |
+| `step` | `number` | — | — | Step increment used by both keyboard arrows and the stepper buttons below. Unset behaves like the native default of `1` |
 | `pattern` | `string` | — | — | Regex validation pattern |
 | `autofocus` | `boolean` | `false` | — | Auto-focus on render |
 | `autocomplete` | `AutoFill` | — | — | Browser autocomplete |

package/skills/iyulab-components/references/components/select.md

@@ -66,6 +66,8 @@ Dropdown select with single or multiple selection, search, and clear support. Fo
 |--------|-------------|
 | `validate()` | Validate; sets `invalid` |
 | `reset()` | Reset value |
+| `focus(options?)` | Focus the trigger |
+| `blur()` | Blur the trigger |
 
 ## CSS Parts
 

package/skills/iyulab-components/references/components/slider.md

@@ -60,6 +60,8 @@ Range slider. Single-thumb or dual-thumb (range) mode. Supports marks, value dis
 |--------|-------------|
 | `validate()` | Validate; sets `invalid` |
 | `reset()` | Reset value |
+| `focus(options?)` | Focus the first (min) thumb |
+| `blur()` | Blur the first (min) thumb |
 
 ## CSS Parts
 

package/skills/iyulab-components/references/components/switch.md

@@ -55,6 +55,8 @@ Toggle switch (on/off). Supports custom track and thumb content via slots. Form-
 |--------|-------------|
 | `validate()` | Validate; sets `invalid` |
 | `reset()` | Reset state |
+| `focus(options?)` | Focus the switch input |
+| `blur()` | Blur the switch input |
 
 ## CSS Parts
 

package/skills/iyulab-components/references/components/textarea.md

@@ -61,6 +61,8 @@ Multi-line text input with auto-resize and optional character counter. Form-asso
 |--------|-------------|
 | `validate()` | Validate; sets `invalid` |
 | `reset()` | Reset value |
+| `focus(options?)` | Focus the textarea |
+| `blur()` | Blur the textarea |
 
 ## CSS Parts