@iyulab/components 1.8.1 → 1.10.0

package/dist/react/UButtonGroup.d.ts

@@ -4,6 +4,7 @@ import { UButtonGroup as UButtonGroupElement } from '../components/button-group/
 export declare const UButtonGroup: React.ForwardRefExoticComponent<
   Omit<Partial<UButtonGroupElement>, keyof React.HTMLAttributes<UButtonGroupElement>>
     & Omit<React.HTMLAttributes<UButtonGroupElement>, never>
+    & React.RefAttributes<UButtonGroupElement>
     & {
   }
 >;

package/dist/react/UCard.d.ts

@@ -4,6 +4,7 @@ import { UCard as UCardElement } from '../components/card/UCard';
 export declare const UCard: React.ForwardRefExoticComponent<
   Omit<Partial<UCardElement>, keyof React.HTMLAttributes<UCardElement>>
     & Omit<React.HTMLAttributes<UCardElement>, never>
+    & React.RefAttributes<UCardElement>
     & {
   }
 >;

package/dist/react/UCarousel.d.ts

@@ -4,6 +4,7 @@ import { UCarousel as UCarouselElement } from '../components/carousel/UCarousel'
 export declare const UCarousel: React.ForwardRefExoticComponent<
   Omit<Partial<UCarouselElement>, keyof React.HTMLAttributes<UCarouselElement>>
     & Omit<React.HTMLAttributes<UCarouselElement>, never>
+    & React.RefAttributes<UCarouselElement>
     & {
   }
 >;

package/dist/react/UCheckbox.d.ts

@@ -4,6 +4,7 @@ import { UCheckbox as UCheckboxElement } from '../components/checkbox/UCheckbox'
 export declare const UCheckbox: React.ForwardRefExoticComponent<
   Omit<Partial<UCheckboxElement>, keyof React.HTMLAttributes<UCheckboxElement>>
     & Omit<React.HTMLAttributes<UCheckboxElement>, 'onChange'>
+    & React.RefAttributes<UCheckboxElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/UChip.d.ts

@@ -6,6 +6,7 @@ import { type RemoveEventDetail } from '../events/RemoveEvent';
 export declare const UChip: React.ForwardRefExoticComponent<
   Omit<Partial<UChipElement>, keyof React.HTMLAttributes<UChipElement>>
     & Omit<React.HTMLAttributes<UChipElement>, 'onPick' | 'onRemove'>
+    & React.RefAttributes<UChipElement>
     & {
   onPick?: (event: CustomEvent<PickEventDetail>) => void;
   onRemove?: (event: CustomEvent<RemoveEventDetail>) => void;

package/dist/react/UCopyButton.d.ts

@@ -4,6 +4,7 @@ import { UCopyButton as UCopyButtonElement } from '../components/copy-button/UCo
 export declare const UCopyButton: React.ForwardRefExoticComponent<
   Omit<Partial<UCopyButtonElement>, keyof React.HTMLAttributes<UCopyButtonElement>>
     & Omit<React.HTMLAttributes<UCopyButtonElement>, 'onCopy'>
+    & React.RefAttributes<UCopyButtonElement>
     & {
   onCopy?: (event: CustomEvent) => void;
   }

package/dist/react/UDialog.d.ts

@@ -1,10 +1,15 @@
 import React from 'react';
 import { UDialog as UDialogElement } from '../components/dialog/UDialog';
+import { type ShowEventDetail } from '../events/ShowEvent';
+import { type HideEventDetail } from '../events/HideEvent';
 
 export declare const UDialog: React.ForwardRefExoticComponent<
   Omit<Partial<UDialogElement>, keyof React.HTMLAttributes<UDialogElement>>
-    & Omit<React.HTMLAttributes<UDialogElement>, never>
+    & Omit<React.HTMLAttributes<UDialogElement>, 'onShow' | 'onHide'>
+    & React.RefAttributes<UDialogElement>
     & {
+  onShow?: (event: CustomEvent<ShowEventDetail>) => void;
+  onHide?: (event: CustomEvent<HideEventDetail>) => void;
   }
 >;
 

package/dist/react/UDialog.js

@@ -6,5 +6,8 @@ export const UDialog = createComponent({
   react: React,
   tagName: 'u-dialog',
   elementClass: UDialogElement,
-  events: {},
+  events: {
+    onShow: 'show',
+    onHide: 'hide',
+  },
 });

package/dist/react/UDivider.d.ts

@@ -4,6 +4,7 @@ import { UDivider as UDividerElement } from '../components/divider/UDivider';
 export declare const UDivider: React.ForwardRefExoticComponent<
   Omit<Partial<UDividerElement>, keyof React.HTMLAttributes<UDividerElement>>
     & Omit<React.HTMLAttributes<UDividerElement>, never>
+    & React.RefAttributes<UDividerElement>
     & {
   }
 >;

package/dist/react/UDrawer.d.ts

@@ -1,10 +1,15 @@
 import React from 'react';
 import { UDrawer as UDrawerElement } from '../components/drawer/UDrawer';
+import { type ShowEventDetail } from '../events/ShowEvent';
+import { type HideEventDetail } from '../events/HideEvent';
 
 export declare const UDrawer: React.ForwardRefExoticComponent<
   Omit<Partial<UDrawerElement>, keyof React.HTMLAttributes<UDrawerElement>>
-    & Omit<React.HTMLAttributes<UDrawerElement>, never>
+    & Omit<React.HTMLAttributes<UDrawerElement>, 'onShow' | 'onHide'>
+    & React.RefAttributes<UDrawerElement>
     & {
+  onShow?: (event: CustomEvent<ShowEventDetail>) => void;
+  onHide?: (event: CustomEvent<HideEventDetail>) => void;
   }
 >;
 

package/dist/react/UDrawer.js

@@ -6,5 +6,8 @@ export const UDrawer = createComponent({
   react: React,
   tagName: 'u-drawer',
   elementClass: UDrawerElement,
-  events: {},
+  events: {
+    onShow: 'show',
+    onHide: 'hide',
+  },
 });

package/dist/react/UField.d.ts

@@ -4,6 +4,7 @@ import { UField as UFieldElement } from '../components/field/UField';
 export declare const UField: React.ForwardRefExoticComponent<
   Omit<Partial<UFieldElement>, keyof React.HTMLAttributes<UFieldElement>>
     & Omit<React.HTMLAttributes<UFieldElement>, never>
+    & React.RefAttributes<UFieldElement>
     & {
   }
 >;

package/dist/react/UForm.d.ts

@@ -4,6 +4,7 @@ import { UForm as UFormElement } from '../components/form/UForm';
 export declare const UForm: React.ForwardRefExoticComponent<
   Omit<Partial<UFormElement>, keyof React.HTMLAttributes<UFormElement>>
     & Omit<React.HTMLAttributes<UFormElement>, 'onChange'>
+    & React.RefAttributes<UFormElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/UIcon.d.ts

@@ -4,6 +4,7 @@ import { UIcon as UIconElement } from '../components/icon/UIcon';
 export declare const UIcon: React.ForwardRefExoticComponent<
   Omit<Partial<UIconElement>, keyof React.HTMLAttributes<UIconElement>>
     & Omit<React.HTMLAttributes<UIconElement>, never>
+    & React.RefAttributes<UIconElement>
     & {
   }
 >;

package/dist/react/UIconButton.d.ts

@@ -4,6 +4,7 @@ import { UIconButton as UIconButtonElement } from '../components/icon-button/UIc
 export declare const UIconButton: React.ForwardRefExoticComponent<
   Omit<Partial<UIconButtonElement>, keyof React.HTMLAttributes<UIconButtonElement>>
     & Omit<React.HTMLAttributes<UIconButtonElement>, never>
+    & React.RefAttributes<UIconButtonElement>
     & {
   }
 >;

package/dist/react/UInput.d.ts

@@ -4,6 +4,7 @@ import { UInput as UInputElement } from '../components/input/UInput';
 export declare const UInput: React.ForwardRefExoticComponent<
   Omit<Partial<UInputElement>, keyof React.HTMLAttributes<UInputElement>>
     & Omit<React.HTMLAttributes<UInputElement>, 'onInput' | 'onChange'>
+    & React.RefAttributes<UInputElement>
     & {
   onInput?: (event: CustomEvent) => void;
   onChange?: (event: CustomEvent) => void;

package/dist/react/UMenu.d.ts

@@ -4,6 +4,7 @@ import { UMenu as UMenuElement } from '../components/menu/UMenu';
 export declare const UMenu: React.ForwardRefExoticComponent<
   Omit<Partial<UMenuElement>, keyof React.HTMLAttributes<UMenuElement>>
     & Omit<React.HTMLAttributes<UMenuElement>, 'onChange'>
+    & React.RefAttributes<UMenuElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/UMenuItem.d.ts

@@ -5,6 +5,7 @@ import { type PickEventDetail } from '../events/PickEvent';
 export declare const UMenuItem: React.ForwardRefExoticComponent<
   Omit<Partial<UMenuItemElement>, keyof React.HTMLAttributes<UMenuItemElement>>
     & Omit<React.HTMLAttributes<UMenuItemElement>, 'onPick'>
+    & React.RefAttributes<UMenuItemElement>
     & {
   onPick?: (event: CustomEvent<PickEventDetail>) => void;
   }

package/dist/react/UOption.d.ts

@@ -4,6 +4,7 @@ import { UOption as UOptionElement } from '../components/option/UOption';
 export declare const UOption: React.ForwardRefExoticComponent<
   Omit<Partial<UOptionElement>, keyof React.HTMLAttributes<UOptionElement>>
     & Omit<React.HTMLAttributes<UOptionElement>, never>
+    & React.RefAttributes<UOptionElement>
     & {
   }
 >;

package/dist/react/UPanel.d.ts

@@ -4,6 +4,7 @@ import { UPanel as UPanelElement } from '../components/panel/UPanel';
 export declare const UPanel: React.ForwardRefExoticComponent<
   Omit<Partial<UPanelElement>, keyof React.HTMLAttributes<UPanelElement>>
     & Omit<React.HTMLAttributes<UPanelElement>, never>
+    & React.RefAttributes<UPanelElement>
     & {
   }
 >;

package/dist/react/UPopover.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
 import { UPopover as UPopoverElement } from '../components/popover/UPopover';
+import { type ShowEventDetail } from '../events/ShowEvent';
+import { type HideEventDetail } from '../events/HideEvent';
 
 export declare const UPopover: React.ForwardRefExoticComponent<
   Omit<Partial<UPopoverElement>, keyof React.HTMLAttributes<UPopoverElement>>
     & Omit<React.HTMLAttributes<UPopoverElement>, 'onShow' | 'onHide'>
+    & React.RefAttributes<UPopoverElement>
     & {
-  onShow?: (event: CustomEvent) => void;
-  onHide?: (event: CustomEvent) => void;
+  onShow?: (event: CustomEvent<ShowEventDetail>) => void;
+  onHide?: (event: CustomEvent<HideEventDetail>) => void;
   }
 >;
 

package/dist/react/UProgressBar.d.ts

@@ -4,6 +4,7 @@ import { UProgressBar as UProgressBarElement } from '../components/progress-bar/
 export declare const UProgressBar: React.ForwardRefExoticComponent<
   Omit<Partial<UProgressBarElement>, keyof React.HTMLAttributes<UProgressBarElement>>
     & Omit<React.HTMLAttributes<UProgressBarElement>, never>
+    & React.RefAttributes<UProgressBarElement>
     & {
   }
 >;

package/dist/react/UProgressRing.d.ts

@@ -4,6 +4,7 @@ import { UProgressRing as UProgressRingElement } from '../components/progress-ri
 export declare const UProgressRing: React.ForwardRefExoticComponent<
   Omit<Partial<UProgressRingElement>, keyof React.HTMLAttributes<UProgressRingElement>>
     & Omit<React.HTMLAttributes<UProgressRingElement>, never>
+    & React.RefAttributes<UProgressRingElement>
     & {
   }
 >;

package/dist/react/URadio.d.ts

@@ -4,6 +4,7 @@ import { URadio as URadioElement } from '../components/radio/URadio';
 export declare const URadio: React.ForwardRefExoticComponent<
   Omit<Partial<URadioElement>, keyof React.HTMLAttributes<URadioElement>>
     & Omit<React.HTMLAttributes<URadioElement>, 'onChange'>
+    & React.RefAttributes<URadioElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/URating.d.ts

@@ -4,6 +4,7 @@ import { URating as URatingElement } from '../components/rating/URating';
 export declare const URating: React.ForwardRefExoticComponent<
   Omit<Partial<URatingElement>, keyof React.HTMLAttributes<URatingElement>>
     & Omit<React.HTMLAttributes<URatingElement>, 'onChange'>
+    & React.RefAttributes<URatingElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/USelect.d.ts

@@ -4,6 +4,7 @@ import { USelect as USelectElement } from '../components/select/USelect';
 export declare const USelect: React.ForwardRefExoticComponent<
   Omit<Partial<USelectElement>, keyof React.HTMLAttributes<USelectElement>>
     & Omit<React.HTMLAttributes<USelectElement>, 'onChange'>
+    & React.RefAttributes<USelectElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/USkeleton.d.ts

@@ -4,6 +4,7 @@ import { USkeleton as USkeletonElement } from '../components/skeleton/USkeleton'
 export declare const USkeleton: React.ForwardRefExoticComponent<
   Omit<Partial<USkeletonElement>, keyof React.HTMLAttributes<USkeletonElement>>
     & Omit<React.HTMLAttributes<USkeletonElement>, never>
+    & React.RefAttributes<USkeletonElement>
     & {
   }
 >;

package/dist/react/USlider.d.ts

@@ -4,6 +4,7 @@ import { USlider as USliderElement } from '../components/slider/USlider';
 export declare const USlider: React.ForwardRefExoticComponent<
   Omit<Partial<USliderElement>, keyof React.HTMLAttributes<USliderElement>>
     & Omit<React.HTMLAttributes<USliderElement>, 'onChange'>
+    & React.RefAttributes<USliderElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/USpinner.d.ts

@@ -4,6 +4,7 @@ import { USpinner as USpinnerElement } from '../components/spinner/USpinner';
 export declare const USpinner: React.ForwardRefExoticComponent<
   Omit<Partial<USpinnerElement>, keyof React.HTMLAttributes<USpinnerElement>>
     & Omit<React.HTMLAttributes<USpinnerElement>, never>
+    & React.RefAttributes<USpinnerElement>
     & {
   }
 >;

package/dist/react/USplitPanel.d.ts

@@ -5,6 +5,7 @@ import { type ShiftEventDetail } from '../events/ShiftEvent';
 export declare const USplitPanel: React.ForwardRefExoticComponent<
   Omit<Partial<USplitPanelElement>, keyof React.HTMLAttributes<USplitPanelElement>>
     & Omit<React.HTMLAttributes<USplitPanelElement>, 'onShiftStart' | 'onShift' | 'onShiftEnd'>
+    & React.RefAttributes<USplitPanelElement>
     & {
   onShiftStart?: (event: CustomEvent<ShiftEventDetail>) => void;
   onShift?: (event: CustomEvent<ShiftEventDetail>) => void;

package/dist/react/USwitch.d.ts

@@ -4,6 +4,7 @@ import { USwitch as USwitchElement } from '../components/switch/USwitch';
 export declare const USwitch: React.ForwardRefExoticComponent<
   Omit<Partial<USwitchElement>, keyof React.HTMLAttributes<USwitchElement>>
     & Omit<React.HTMLAttributes<USwitchElement>, 'onChange'>
+    & React.RefAttributes<USwitchElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/UTab.d.ts

@@ -5,6 +5,7 @@ import { type RemoveEventDetail } from '../events/RemoveEvent';
 export declare const UTab: React.ForwardRefExoticComponent<
   Omit<Partial<UTabElement>, keyof React.HTMLAttributes<UTabElement>>
     & Omit<React.HTMLAttributes<UTabElement>, 'onRemove'>
+    & React.RefAttributes<UTabElement>
     & {
   onRemove?: (event: CustomEvent<RemoveEventDetail>) => void;
   }

package/dist/react/UTabPanel.d.ts

@@ -4,6 +4,7 @@ import { UTabPanel as UTabPanelElement } from '../components/tab-panel/UTabPanel
 export declare const UTabPanel: React.ForwardRefExoticComponent<
   Omit<Partial<UTabPanelElement>, keyof React.HTMLAttributes<UTabPanelElement>>
     & Omit<React.HTMLAttributes<UTabPanelElement>, 'onChange'>
+    & React.RefAttributes<UTabPanelElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/UTag.d.ts

@@ -4,6 +4,7 @@ import { UTag as UTagElement } from '../components/tag/UTag';
 export declare const UTag: React.ForwardRefExoticComponent<
   Omit<Partial<UTagElement>, keyof React.HTMLAttributes<UTagElement>>
     & Omit<React.HTMLAttributes<UTagElement>, never>
+    & React.RefAttributes<UTagElement>
     & {
   }
 >;

package/dist/react/UTextarea.d.ts

@@ -4,6 +4,7 @@ import { UTextarea as UTextareaElement } from '../components/textarea/UTextarea'
 export declare const UTextarea: React.ForwardRefExoticComponent<
   Omit<Partial<UTextareaElement>, keyof React.HTMLAttributes<UTextareaElement>>
     & Omit<React.HTMLAttributes<UTextareaElement>, 'onInput' | 'onChange'>
+    & React.RefAttributes<UTextareaElement>
     & {
   onInput?: (event: CustomEvent) => void;
   onChange?: (event: CustomEvent) => void;

package/dist/react/UTooltip.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
 import { UTooltip as UTooltipElement } from '../components/tooltip/UTooltip';
+import { type ShowEventDetail } from '../events/ShowEvent';
+import { type HideEventDetail } from '../events/HideEvent';
 
 export declare const UTooltip: React.ForwardRefExoticComponent<
   Omit<Partial<UTooltipElement>, keyof React.HTMLAttributes<UTooltipElement>>
     & Omit<React.HTMLAttributes<UTooltipElement>, 'onShow' | 'onHide'>
+    & React.RefAttributes<UTooltipElement>
     & {
-  onShow?: (event: CustomEvent) => void;
-  onHide?: (event: CustomEvent) => void;
+  onShow?: (event: CustomEvent<ShowEventDetail>) => void;
+  onHide?: (event: CustomEvent<HideEventDetail>) => void;
   }
 >;
 

package/dist/react/UTree.d.ts

@@ -4,6 +4,7 @@ import { UTree as UTreeElement } from '../components/tree/UTree';
 export declare const UTree: React.ForwardRefExoticComponent<
   Omit<Partial<UTreeElement>, keyof React.HTMLAttributes<UTreeElement>>
     & Omit<React.HTMLAttributes<UTreeElement>, 'onChange'>
+    & React.RefAttributes<UTreeElement>
     & {
   onChange?: (event: CustomEvent) => void;
   }

package/dist/react/UTreeItem.d.ts

@@ -8,6 +8,7 @@ import { type CheckEventDetail } from '../events/CheckEvent';
 export declare const UTreeItem: React.ForwardRefExoticComponent<
   Omit<Partial<UTreeItemElement>, keyof React.HTMLAttributes<UTreeItemElement>>
     & Omit<React.HTMLAttributes<UTreeItemElement>, 'onExpand' | 'onCollapse' | 'onPick' | 'onCheck'>
+    & React.RefAttributes<UTreeItemElement>
     & {
   onExpand?: (event: CustomEvent<ExpandEventDetail>) => void;
   onCollapse?: (event: CustomEvent<CollapseEventDetail>) => void;

package/dist/styles/dark.css

@@ -155,6 +155,7 @@
   --u-border-color:          var(--u-neutral-400);
   --u-border-color-weak:     var(--u-neutral-300);
   --u-border-color-strong:   var(--u-neutral-500);
+  --u-border-color-hover:    var(--u-neutral-500);
 
   --u-input-border-color:         var(--u-neutral-400);
   --u-input-border-color-hover:   var(--u-neutral-500);

package/dist/styles/light.css

@@ -155,6 +155,7 @@
   --u-border-color:          var(--u-neutral-300);
   --u-border-color-weak:     var(--u-neutral-200);
   --u-border-color-strong:   var(--u-neutral-400);
+  --u-border-color-hover:    var(--u-neutral-400);
 
   --u-input-border-color:         var(--u-neutral-300);
   --u-input-border-color-hover:   var(--u-neutral-400);

package/dist/styles/tokens.css

@@ -0,0 +1,17 @@
+/*
+ * 디자인 토큰 한 장 — 라이트 + 다크.
+ *
+ *   import '@iyulab/components/styles/tokens.css';
+ *
+ * `Theme.init()` 을 부르지 않는 소비자를 위한 **정적 진입점**이다. 토큰이 없으면 컴포넌트
+ * 시트의 `var(--u-…)` 가 전부 무효가 되어 테두리·배경이 에러 없이 사라진다.
+ *
+ * 다크는 `:root[theme="dark"]` 로 스코프돼 있어 두 시트가 안전하게 공존한다 —
+ * `<html theme="dark">` 일 때만 활성화된다. 테마 전환/저장/시스템 감지가 필요하면
+ * `Theme.init()` 을 쓰면 되고, 그 경우 이 파일은 필요 없다(중복 정의는 무해하다).
+ *
+ * ⚠ 이 파일은 `Theme.init()` 이 인라인하는 번들에서 제외된다(Theme.ts 의 glob 참조) —
+ *   인라인된 `<style>` 안에서는 아래 상대 `@import` 가 문서 기준으로 해석돼 깨진다.
+ */
+@import './light.css';
+@import './dark.css';

package/dist/utilities/Theme.js

@@ -5,6 +5,10 @@ import light_css_default from "../_virtual/_glob-assets_raw/light.css.637cb2f8.j
 /**
 * 스타일 시트 번들 로드, 내부 자산에서 CSS를 인라인으로 가져옵니다.
 * 빌드 시점에 정적 파일을 포함시키기 위해 vite의 `import.meta.glob`을 사용합니다.
+*
+* ⚠ 대상을 `{light,dark}` 로 **명시**한다. `*.css` 로 두면 정적 진입점용 `tokens.css`
+* (light/dark 를 `@import` 하는 한 장)까지 인라인돼, `<style>` 안의 상대 `@import` 가
+* 문서 기준으로 해석되면서 깨진다.
 */
 var internalStyleBundle = Object.entries(/* #__PURE__ */ Object.assign({
 	"../assets/styles/dark.css": dark_css_default,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.8.1",
+  "version": "1.10.0",
   "keywords": [
     "iyulab",
     "components",
@@ -44,8 +44,11 @@
     "test:browser": "vitest run --project=browser",
     "lint": "eslint src/",
     "lint:fix": "eslint src/ --fix",
-    "build:plugins": "tsc -p plugins/tsconfig.json",
-    "build": "eslint && vite build && npm run build:plugins"
+    "build": "eslint && npm run typecheck:plugins && vite build && npm run test:react-types",
+    "test:react-types": "tsc -p tsconfig.react-smoke.json",
+    "typecheck:plugins": "tsc -p plugins/tsconfig.json",
+    "docs:cssprops": "node scripts/cssprops-doc.mjs --write",
+    "docs:react-events": "node scripts/react-events-doc.mjs --write"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
@@ -67,6 +70,7 @@
   "devDependencies": {
     "@eslint/js": "^9.39.4",
     "@types/node": "^26.1.1",
+    "@types/react": "^19.2.14",
     "@vitest/browser-playwright": "^4.1.10",
     "eslint": "^9.39.4",
     "eslint-plugin-lit": "^2.3.1",

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

@@ -45,9 +45,25 @@ Inherits all `UFloatingElement` properties (see [floating.md](../extensions/floa
 | `showDelay` | `number` | `0` | — | Open delay in ms |
 | `hideDelay` | `number` | `0` | — | Close delay in ms |
 | `trigger` | `'click'\|'contextmenu'\|'hover'\|'focus'\|'manual'` | `'click'` | ✓ | Open trigger |
-| `dismiss` | `string[]` | `['click','escape','scroll','resize']` | ✓ | Close triggers |
+| `dismiss` | `string[]` | `['click','escape','scroll','resize']` | ✓ | Close triggers — see note below |
 | `autofocus` | `boolean` | `false` | ✓ | Focus first focusable element on open |
 
+### `dismiss` semantics
+
+`click` and `escape` express user intent and always close the popover.
+
+`scroll` and `resize` are viewport-geometry changes and **only close the popover when it is
+anchored to a coordinate** — i.e. the virtual anchor created by `trigger="contextmenu"`, whose
+`clientX`/`clientY` stop matching whatever they pointed at once the page reflows.
+
+A popover anchored to a **real element** is not closed by scrolling or resizing: `autoUpdate`
+keeps it pinned to its anchor. If the anchor scrolls out of its clipping area entirely, the
+popover is *hidden* rather than closed (see `anchor-hidden` in
+[extensions/floating.md](../extensions/floating.md)) and returns when the anchor comes back.
+
+> Before 1.8.2 `scroll`/`resize` closed unconditionally, which contradicted `autoUpdate` and
+> collapsed open `u-select`/`u-input` listboxes on any page scroll.
+
 ## Events
 
 | Event | Cancelable | Description |

package/skills/iyulab-components/references/extensions/floating.md

@@ -45,6 +45,17 @@ export class MyDropdown extends UFloatingElement {
 | `showDelay` | `number` | `0` | — | Open delay (ms) |
 | `hideDelay` | `number` | `0` | — | Close delay (ms) |
 
+## Derived state
+
+| Attribute | Description |
+|-----------|-------------|
+| `anchor-hidden` | **Read-only — do not set.** Applied automatically while the anchor is fully outside its clipping area (scroll container or viewport). The element is hidden but **not closed** (`open` stays `true`) and returns as soon as the anchor is visible again. Available as a style hook: `my-dropdown[anchor-hidden] { … }` |
+
+This matters most with `strategy="fixed"`, which is used precisely so the floating element
+escapes `overflow` ancestor clipping — without `anchor-hidden` the panel would keep covering
+unrelated content after its anchor scrolled out of the panel. Backed by the `hide` middleware
+of `@floating-ui/dom`. Added in 1.8.2.
+
 ## Methods
 
 | Method | Returns | Description |

package/plugins/vite-plugin-glob-resolve.d.ts

@@ -1,12 +0,0 @@
-import type { Plugin } from 'vite';
-/**
- * Rolldown의 preserveModules 모드에서 import.meta.glob의 query 옵션 사용 시
- * 빈 export가 생성되는 문제를 해결하는 플러그인.
- *
- * - `?raw`: 파일 내용을 문자열로 반환
- * - `?inline`: 파일 내용을 문자열로 반환
- * - `?url`: 파일을 asset으로 emit하고 URL을 반환
- *
- * 가상 모듈(\0 prefix)로 변환하여 파일명에 `?`가 포함되는 것을 방지합니다.
- */
-export default function globResolve(): Plugin;

package/plugins/vite-plugin-glob-resolve.js

@@ -1,66 +0,0 @@
-import { readFileSync } from 'fs';
-import { resolve, dirname, basename } from 'path';
-import { createHash } from 'crypto';
-const VIRTUAL_PREFIX = '\0glob-assets';
-const SUPPORTED_QUERIES = ['?raw', '?inline', '?url'];
-function shortHash(input) {
-    return createHash('md5').update(input).digest('hex').slice(0, 8);
-}
-/**
- * Rolldown의 preserveModules 모드에서 import.meta.glob의 query 옵션 사용 시
- * 빈 export가 생성되는 문제를 해결하는 플러그인.
- *
- * - `?raw`: 파일 내용을 문자열로 반환
- * - `?inline`: 파일 내용을 문자열로 반환
- * - `?url`: 파일을 asset으로 emit하고 URL을 반환
- *
- * 가상 모듈(\0 prefix)로 변환하여 파일명에 `?`가 포함되는 것을 방지합니다.
- */
-export default function globResolve() {
-    const idToAbsPath = new Map();
-    return {
-        name: 'vite:glob-resolve',
-        enforce: 'pre',
-        resolveId(source, importer) {
-            for (const query of SUPPORTED_QUERIES) {
-                if (source.endsWith(query)) {
-                    const rawPath = source.slice(0, -query.length);
-                    const absPath = importer
-                        ? resolve(dirname(importer), rawPath)
-                        : rawPath;
-                    const name = basename(absPath);
-                    const hash = shortHash(absPath);
-                    const queryName = query.slice(1);
-                    const virtualId = `${VIRTUAL_PREFIX}_${queryName}/${name}.${hash}`;
-                    idToAbsPath.set(virtualId, absPath);
-                    return virtualId;
-                }
-            }
-            return null;
-        },
-        load(id) {
-            if (!id.startsWith(VIRTUAL_PREFIX))
-                return null;
-            const absPath = idToAbsPath.get(id);
-            if (!absPath)
-                return null;
-            // virtualId에서 queryName 추출: "\0glob-assets_{queryName}/..."
-            const queryName = id.slice(VIRTUAL_PREFIX.length + 1).split('/')[0];
-            if (queryName === 'raw' || queryName === 'inline') {
-                const content = readFileSync(absPath, 'utf-8');
-                return `export default ${JSON.stringify(content)};`;
-            }
-            if (queryName === 'url') {
-                const source = readFileSync(absPath);
-                const fileName = basename(absPath);
-                const ref = this.emitFile({
-                    type: 'asset',
-                    name: fileName,
-                    source,
-                });
-                return `export default import.meta.ROLLUP_FILE_URL_${ref};`;
-            }
-            return null;
-        }
-    };
-}

package/plugins/vite-plugin-react-wrapper.d.ts

@@ -1,14 +0,0 @@
-import type { Plugin } from 'vite';
-interface PluginOptions {
-    /** 컴포넌트 소스 디렉토리 경로 (기본값: 'src/components') */
-    input?: string;
-    /** React 래퍼 출력 폴더 - 빌드 outDir 기준 상대 경로 (기본값: 'react') */
-    output?: string;
-    /** 래퍼 생성에서 제외할 glob 패턴 목록 (cwd: 프로젝트 루트) */
-    exclude?: string[];
-}
-/**
- * Lit Element 컴포넌트를 React 래퍼로 자동 생성하는 Vite 플러그인
- */
-export default function reactWrapperPlugin(options: PluginOptions): Plugin;
-export {};