@iyulab/components 1.42.3 → 1.43.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # Changelog
 
+## [1.43.0] - 2026-09-22
+
+### Added
+
+- **`menu-2` and `layout-sidebar` join the built-in icon set.** An app shell draws its own
+  chrome — a mobile menu toggle, a sidebar toggle, an overlay close button — and two of those
+  three names existed only in a CDN-backed library. A deployment without internet access
+  rendered them blank no matter how thoroughly the app had baked its own icons into the bundle,
+  because the shell was not resolving them through that registration at all. The names now
+  exist here, so a shell can resolve all of its chrome from the bundled set.
+- Both glyphs follow what the set already contains: the same 24px grid, the same stroke weight
+  and the same caps.
+
+### Documentation
+
+- **`docs/icons.md` now says which built-in names are load-bearing outside this package.**
+  Removing one of them blanks a control in every app built on a shell that draws itself from
+  the bundle, and nothing in the type system would say so before the screen went empty.
+
+## [1.42.4] - 2026-09-21
+
+### Changed
+
+- **`u-icon` no longer documents an `svg` CSS part.** It was declared and published but
+  **never implemented** — the SVG markup comes from the icon registry or a URL and is injected
+  as-is, so there is no element the component owns to carry a part. If you have a rule like
+  `u-icon::part(svg) { … }`, it has been matching nothing and raising no error the whole time;
+  that is why the claim survived. Style `u-icon` itself instead — it inherits `font-size` and
+  `color`, which is what sizes and colors the glyph. This removes a documented name, but
+  nothing can have depended on behavior that never existed.
+
+### Documentation
+
+- **Every CSS part a component emits is now declared and listed.** Nine parts were emitted
+  without a `@csspart` declaration (`base` on card, divider, tag and tab; `base`,
+  `radio-marker` and `check-marker` on option; `calendar-week` and `time-input` on the date
+  picker), and seven were emitted without appearing in their reference page. The badge and
+  tooltip pages had no `CSS Parts` section at all, and the breadcrumb page was missing the
+  `link` part its items expose.
+- Aiming `::part()` at a name no element carries matches nothing and raises no error, so this
+  class of drift is invisible from the outside — which is why it is now checked rather than
+  maintained by hand.
+
 ## [1.42.3] - 2026-09-20
 
 ### Fixed

package/dist/_virtual/_glob-assets_raw/layout-sidebar.svg.3fe5a68f.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/layout-sidebar.svg.3fe5a68f
+var layout_sidebar_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12\" />\n  <path d=\"M9 4l0 16\" />\n</svg>";
+//#endregion
+export { layout_sidebar_svg_default as default };

package/dist/_virtual/_glob-assets_raw/menu-2.svg.d6c83cc4.js

@@ -0,0 +1,4 @@
+//#region \0glob-assets_raw/menu-2.svg.d6c83cc4
+var menu_2_svg_default = "<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  stroke=\"currentColor\"\n  stroke-width=\"2\"\n  stroke-linecap=\"round\"\n  stroke-linejoin=\"round\"\n>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M4 6l16 0\" />\n  <path d=\"M4 12l16 0\" />\n  <path d=\"M4 18l16 0\" />\n</svg>";
+//#endregion
+export { menu_2_svg_default as default };

package/dist/components/card/UCard.d.ts

@@ -8,6 +8,7 @@ export type CardOrientation = 'vertical' | 'horizontal';
  * @slot footer - 카드 하단 푸터 영역
  * @slot media - 카드의 미디어 영역 (이미지, 동영상 등)
  *
+ * @csspart base - 카드 바깥 상자
  * @csspart media - 미디어 영역 컨테이너
  * @csspart content - 콘텐츠 영역 컨테이너
  * @csspart header - 헤더 영역 컨테이너

package/dist/components/date-picker/UDatePicker.d.ts

@@ -29,6 +29,8 @@ export type DatePickerMode = 'date' | 'datetime';
  * @csspart calendar-title - the "Month Year" title
  * @csspart calendar-weekdays - the weekday header row
  * @csspart calendar-grid - the date grid
+ * @csspart calendar-week - one week row inside the date grid
+ * @csspart time-input - the time-of-day input (datetime mode only)
  * @csspart day - a date cell button
  * @csspart calendar-footer - the row holding the "today"/"clear" quick-action buttons
  * @csspart calendar-time - the row holding the time-of-day input (datetime mode only)

package/dist/components/divider/UDivider.d.ts

@@ -6,6 +6,7 @@ export type DividerAlign = 'start' | 'center' | 'end';
  *
  * @slot - 구분선 위에 오버레이하는 콘텐츠 (텍스트, 아이콘)
  *
+ * @csspart base - 구분선 바깥 상자
  * @csspart line-start - 구분선의 시작 부분
  * @csspart label - 슬롯 콘텐츠 부분
  * @csspart line-end - 구분선의 끝 부분

package/dist/components/icon/UIcon.d.ts

@@ -3,7 +3,12 @@ export type IconLibrary = (string & {}) | "internal" | "tabler" | "heroicons" |
 /**
  * SVG 아이콘을 이름으로 불러와 표시하는 아이콘 컴포넌트입니다.
  *
- * @csspart svg - 아이콘의 SVG 요소에 적용됩니다.
+ * ⚠**이 컴포넌트는 part 를 내보내지 않는다 — 호스트(u-icon) 자체가 스타일 대상이다.**
+ * svg part 선언이 오래 있었으나 **구현된 적이 없었다**. SVG 마크업은 레지스트리/URL 에서 받아 unsafeHTML 로 그대로 주입하므로, 그 안의 루트 요소에
+ * part 를 붙이려면 받아 온 문자열을 고쳐 쓰거나 래퍼 요소를 하나 더 끼워야 한다 — 둘 다 기존
+ * 선택자를 깨뜨린다. 없는 part 를 겨눈 선택자는 **아무것도 맞히지 못하고 오류도 내지 않으므로**,
+ * 지키지 못할 약속을 지우는 쪽이 소비자에게 정직하다.
+ * 크기·색은 u-icon 자신에 걸면 된다(font-size·color 를 상속한다).
  */
 export declare class UIcon extends UElement {
     static styles: import('lit').CSSResultGroup[];

package/dist/components/option/UOption.d.ts

@@ -9,7 +9,10 @@ export type OptionMarker = 'radio' | 'check';
  * @slot prefix - 라벨 앞에 표시되는 아이콘 등
  * @slot suffix - 라벨 뒤에 표시되는 추가 콘텐츠
  *
+ * @csspart base - 옵션 항목 바깥 상자
  * @csspart content - 콘텐츠 영역
+ * @csspart radio-marker - 단일 선택 모드의 라디오 표식
+ * @csspart check-marker - 다중 선택 모드의 체크 표식
  *
  * @cssprop --option-color-interactive - 호버/포커스 시 텍스트 색상
  * @cssprop --option-border-color-interactive - 호버/포커스 시 테두리 색상

package/dist/components/tab/UTab.d.ts

@@ -6,6 +6,7 @@ import { UElement } from '../UElement.js';
  * @slot prefix - 탭 레이블 앞에 표시되는 콘텐츠
  * @slot suffix - 탭 레이블 뒤에 표시되는 콘텐츠
  *
+ * @csspart base - 탭 바깥 상자
  * @csspart remove-btn - 탭 닫기 버튼
  *
  * @event remove - 탭이 닫힐 때 발생. 이벤트 리스너에서 preventDefault()를 호출하면 탭이 닫히지 않습니다.

package/dist/components/tag/UTag.d.ts

@@ -13,6 +13,7 @@ export type TagColor = "neutral" | "primary" | "info" | "success" | "warning" |
  * @slot prefix - 태그 앞에 표시할 콘텐츠
  * @slot suffix - 태그 뒤에 표시할 콘텐츠
  *
+ * @csspart base - 태그 바깥 상자
  * @csspart content - 콘텐츠 영역
  * @csspart icon - 상태 아이콘 (`icon` + 역할 색일 때만 렌더된다)
  *

package/dist/utilities/icons.js

@@ -12,6 +12,8 @@ import copy_svg_default from "../_virtual/_glob-assets_raw/copy.svg.6192f853.js"
 import eye_off_svg_default from "../_virtual/_glob-assets_raw/eye-off.svg.7aa25df0.js";
 import eye_svg_default from "../_virtual/_glob-assets_raw/eye.svg.2e5e9c4c.js";
 import info_circle_fill_svg_default from "../_virtual/_glob-assets_raw/info-circle-fill.svg.6580071d.js";
+import layout_sidebar_svg_default from "../_virtual/_glob-assets_raw/layout-sidebar.svg.3fe5a68f.js";
+import menu_2_svg_default from "../_virtual/_glob-assets_raw/menu-2.svg.d6c83cc4.js";
 import minus_svg_default from "../_virtual/_glob-assets_raw/minus.svg.4610de75.js";
 import plus_svg_default from "../_virtual/_glob-assets_raw/plus.svg.d83ead68.js";
 import search_svg_default from "../_virtual/_glob-assets_raw/search.svg.0ba2012d.js";
@@ -53,6 +55,8 @@ var InternalIconBundle = new Map(Object.entries(/* #__PURE__ */ Object.assign({
 	"../assets/icons/eye-off.svg": eye_off_svg_default,
 	"../assets/icons/eye.svg": eye_svg_default,
 	"../assets/icons/info-circle-fill.svg": info_circle_fill_svg_default,
+	"../assets/icons/layout-sidebar.svg": layout_sidebar_svg_default,
+	"../assets/icons/menu-2.svg": menu_2_svg_default,
 	"../assets/icons/minus.svg": minus_svg_default,
 	"../assets/icons/plus.svg": plus_svg_default,
 	"../assets/icons/search.svg": search_svg_default,

package/package.json

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

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

@@ -29,6 +29,13 @@ Status badge for numbers, labels, or dot indicators. Use `anchor` to position it
 | *(default)* | Badge label (text or icon) |
 | `suffix` | Content after the main label |
 
+## CSS Parts
+
+| Part | Description |
+|------|-------------|
+| `base` | Outer badge box |
+| `icon` | Status icon (rendered only with `icon` + a semantic `color`) |
+
 ## Properties
 
 | Property | Type | Default | Reflect | Description |

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

@@ -40,6 +40,7 @@ Hierarchical location indicator. Compose `u-breadcrumb-item` elements inside `u-
 | Part | Description |
 |------|-------------|
 | `nav` | `<nav>` wrapper element |
+| `link` | Each `u-breadcrumb-item`'s link element |
 
 ---
 

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

@@ -46,6 +46,7 @@ Content card with optional media, header, body, and footer sections.
 
 | Part | Description |
 |------|-------------|
+| `base` | Outer card box |
 | `media` | Media area wrapper |
 | `content` | Full content wrapper (header + body + footer) |
 | `header` | Header slot wrapper |

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

@@ -81,6 +81,8 @@ day preserves whatever time-of-day was already set; only the "Today" button over
 | `day` | A date cell button |
 | `calendar-footer` | The row holding the "Today"/"Clear" quick-action buttons |
 | `calendar-time` | The row holding the time-of-day input (`mode="datetime"` only) |
+| `calendar-week` | One week row inside the date grid |
+| `time-input` | Time-of-day input (datetime mode only) |
 
 ## CSS Custom Properties
 

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

@@ -43,6 +43,7 @@ Horizontal or vertical separator line. Slot content is overlaid as an inline lab
 
 | Part | Description |
 |------|-------------|
+| `base` | Outer divider box |
 | `line-start` | Line segment before the label |
 | `label` | Label wrapper |
 | `line-end` | Line segment after the label |

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

@@ -56,6 +56,10 @@ For registering custom libraries, see [icons.md](../utilities/icons.md).
 
 ## CSS Parts
 
-| Part | Description |
-|------|-------------|
-| `svg` | The rendered `<svg>` element |
+None. Style `u-icon` itself — it inherits `font-size` and `color`, which is what sizes
+and colors the glyph.
+
+⚠ A `svg` part was documented here for a long time and **never existed**: the markup comes
+from the registry or a URL and is injected as-is, so there is no element the component owns to
+put a `part` on. `::part(svg)` matched nothing and raised no error, which is exactly how that
+claim survived.

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

@@ -100,6 +100,7 @@ Keyboard-navigable menu. Supports single/multiple selection, highlight or checkm
 
 | Part | Description |
 |------|-------------|
+| `base` | Outer menu box (on `u-menu` itself; the rows below are `u-menu-item` parts) |
 | `header` | Item header row |
 | `content` | Label content area |
 | `submenu` | Inline sub-menu wrapper |

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

@@ -57,6 +57,9 @@ Selectable option item. Used inside `u-select`, `u-radio`, and `u-input` (combob
 
 | Part | Description |
 |------|-------------|
+| `base` | Outer option box |
+| `radio-marker` | Single-select marker |
+| `check-marker` | Multi-select marker |
 | `content` | Main content wrapper |
 
 ## CSS Custom Properties

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

@@ -45,6 +45,7 @@ For interactive chips (selectable/removable), use [`u-chip`](./chip.md) instead.
 
 | Part | Description |
 |------|-------------|
+| `base` | Outer tag box |
 | `content` | Inner content wrapper |
 | `icon` | Status icon (rendered only with `icon` + a semantic `color`) |
 

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

@@ -60,6 +60,12 @@ Inherits all `UFloatingElement` properties (see [floating.md](../extensions/floa
 > *within* whichever side ended up being used. Neither can be turned off independently.
 
 
+## CSS Parts
+
+| Part | Description |
+|------|-------------|
+| `base` | Outer tooltip box |
+
 ## Events
 
 | Event | Cancelable | Description |