@iyulab/components 1.47.1 → 1.48.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [1.48.0] - 2026-09-28
+
+### Changed
+
+- **`glob` is now an optional peer dependency instead of a dependency.** Only the build plugin
+  `@iyulab/components/plugins/vite-plugin-react-wrapper` uses it, yet every app installing the
+  components also installed `glob` and its five transitive packages. Browser apps install none of
+  them now. If your build imports that plugin, add `glob` to your `devDependencies`.
+
 ## [1.47.1] - 2026-09-28
 
 ### Fixed

package/dist/components/UOverlayElement.d.ts

@@ -28,8 +28,8 @@ export declare abstract class UOverlayElement extends UElement {
     contained: boolean;
     /**
      * 오버레이 모드
-     * - `modal` — focus trap, scroll lock, 백드롭 차단 (기본값)
-     * - `non-modal` — 주변 UI와 자유 상호작용, 배경 투명, scroll lock 없음
+     * - `modal` — focus trap, 초기 포커스 배치, scroll lock, 백드롭 차단 (기본값)
+     * - `non-modal` — 주변 UI와 자유 상호작용, 배경 투명, scroll lock 없음, 열려도 포커스를 옮기지 않음
      *
      * @default 'modal'
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.47.1",
+  "version": "1.48.0",
   "keywords": [
     "iyulab",
     "components",
@@ -66,13 +66,13 @@
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
     "focus-trap": "^8.2.2",
-    "glob": "^13.0.6",
     "lit": "^3.3.3",
     "tabbable": "^6.5.0"
   },
   "peerDependencies": {
     "@lit/react": ">=1.0.8",
-    "react": ">=18.0.0"
+    "react": ">=18.0.0",
+    "glob": ">=13.0.0"
   },
   "peerDependenciesMeta": {
     "@lit/react": {
@@ -80,6 +80,9 @@
     },
     "react": {
       "optional": true
+    },
+    "glob": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -89,6 +92,7 @@
     "@vitest/browser-playwright": "^5.0.0",
     "eslint": "^10.1.0",
     "eslint-plugin-lit": "^2.3.1",
+    "glob": "^13.0.6",
     "globals": "^17.7.0",
     "happy-dom": "^20.10.6",
     "react": "^19.2.7",

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

@@ -60,7 +60,7 @@ panel of that size. A short dialog stays short.
 | `closable` | `boolean` | `false` | ✓ | Show close button |
 | `placement` | `'top-start'\|'top'\|'top-end'\|'start'\|'center'\|'end'\|'bottom-start'\|'bottom'\|'bottom-end'` | `'center'` | ✓ | Position on screen |
 | `offset` | `number` | `0` | ✓ | Distance from screen edge in px |
-| `mode` | `'modal'\|'non-modal'` | `'modal'` | ✓ | `modal` enables focus-trap |
+| `mode` | `'modal'\|'non-modal'` | `'modal'` | ✓ | `modal` traps focus and places initial focus (`[autofocus]` → first input control → first tabbable, through shadow roots); `non-modal` does neither |
 | `contained` | `boolean` | `false` | ✓ | Position relative to parent element |
 | `closeOn` | `string[]` | `['escape','backdrop','button']` | ✓ | Close triggers |
 

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

@@ -35,7 +35,7 @@ Side panel that slides in from any screen edge. Extends `UOverlayElement` (focus
 | `open` | `boolean` | `false` | ✓ | Show/hide state |
 | `closable` | `boolean` | `false` | ✓ | Show close button |
 | `placement` | `'left'\|'right'\|'top'\|'bottom'` | `'left'` | ✓ | Slide-in direction |
-| `mode` | `'modal'\|'non-modal'` | `'modal'` | ✓ | Focus-trap mode |
+| `mode` | `'modal'\|'non-modal'` | `'modal'` | ✓ | `modal` traps focus and places initial focus; `non-modal` does neither |
 | `contained` | `boolean` | `false` | ✓ | Contained to parent element |
 | `closeOn` | `string[]` | `['escape','backdrop','button']` | ✓ | Close triggers |
 
@@ -92,7 +92,7 @@ whole contract. Measured in a real browser
 
 | Requirement | How it is met |
 |---|---|
-| Focus the first input on open, restore the trigger on close | `[autofocus]` → first input control → first tabbable, searched through shadow roots (a form component slotted in works the same); focus is returned by the trap |
+| Focus the first input on open, restore the trigger on close | `mode="modal"` (default): `[autofocus]` → first input control → first tabbable, searched through shadow roots (a form component slotted in works the same); focus is returned by the trap. `mode="non-modal"` moves no focus on open — the page stays interactive, so where focus goes is yours to decide (`element.focus()` after `show`) |
 | Body scrolls, footer stays visible | `part="body"` is `flex: 1; overflow: auto`; the `footer` slot is `flex-shrink: 0` |
 | Focus cannot leave the panel | `mode="modal"` (default) activates the focus trap |
 | `Esc` closes, background scroll is locked | `closeOn` defaults to `['escape','backdrop','button']` |