@iyulab/modern-app 0.3.0 → 0.3.2

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # Changelog
 
+## 0.3.2 (2026-04-01)
+
+### Breaking Changes
+- **`@iyulab/components` major upgrade**: `^0.4.0` → `^1.0.0`
+  - `Notifier` → `Toast` API migration
+  - `AlertType` → `AlertStatus`, `ScreenPosition` → `ToastPosition` type rename
+  - `IconRegistry` import path: `utilities/IconRegistry.js` → `utilities/icons.js`
+  - Component import style: `.component.js` → side-effect import (`UIcon.js`, `UButton.js`, etc.)
+
+### Refactor
+- **Component registration migration**: Removed `static dependencies` pattern → `@customElement` decorator + side-effect import
+- **Simplified Toast API**: Removed `private notify()` method from `App` class, each notification method now calls `Toast.notice()`, etc. directly
+
+### Fixes
+- Changed `updated()` → `willUpdate()` in `SidebarLayout` to resolve update-in-update anti-pattern
+- Switched `SidebarLayout` icon library from inline `sidebar-app` to `bootstrap`, removed inline SVG registration code
+
+### Dependencies
+- `@iyulab/components` ^0.4.0 → ^1.0.0
+- `i18next` ^25.8.13 → ^25.10.10
+- `vite` ^7.3.1 → ^8.0.3
+- `@types/node` ^25.3.2 → ^25.5.0
+
+## 0.3.1 (2026-03-05)
+
+### Breaking Changes
+- **Slot-based Outlet structure**: Replaced `<u-outlet>` inside `SidebarLayout` with `<slot>`, and moved `<u-outlet>` to Light DOM in `App`. This allows external CSS to apply correctly during React routing
+
+### Changes
+- **BaseElement → UElement migration**: Changed base class of all components from `BaseElement` to `UElement`
+- **SidebarLinkConfig**: Changed `type` property from optional to required
+- **Fixed import paths**: Corrected casing for `Theme.js`, `Notifier.js`, etc.
+
+### Fixes
+- Removed duplicate `color` property in `SidebarButton.styles.ts`
+- Cleaned up unused callback parameters in `repeat` directive
+
+### Dependencies
+- `@iyulab/components` ^0.2.0 → ^0.4.0
+- `@iyulab/router` ^0.6.2 → ^0.7.2
+- `i18next` ^25.8.0 → ^25.8.13
+- `@types/node` ^25.0.9 → ^25.3.2
+
 ## 0.3.0 (2026-01-21)
 
 ### Breaking Changes

package/README.md

@@ -10,6 +10,24 @@ For complete examples and documentation, visit our demo site: [https://modern-ap
 npm install @iyulab/modern-app
 ```
 
+## Architecture
+
+`@iyulab/modern-app` is a **client-side SPA framework** built on Lit Element. It is designed for:
+
+✅ **Suitable for:**
+- Single Page Applications (SPA)
+- Admin dashboards and internal tools
+- Progressive Web Apps (PWA)
+- Projects where SEO is not a primary concern
+
+❌ **Not suitable for:**
+- Server-Side Rendering (SSR) frameworks (Next.js, Nuxt, SvelteKit, etc.)
+- Static Site Generation (SSG)
+- SEO-critical public-facing pages
+- Projects requiring initial HTML content for search engines
+
+This is by design — Lit components render on the client side. If you need SSR capabilities, consider using Lit's experimental SSR support separately or choose a framework designed for SSR from the start.
+
 ## Quick Start
 
 ```typescript

package/dist/App.d.ts

@@ -41,8 +41,6 @@ declare class App {
     success(message: string, options?: NotificationOptions): Promise<void>;
     /** 에러 메시지 */
     error(message: string, options?: NotificationOptions): Promise<void>;
-    /** 알림 표시 */
-    private notify;
     /** 레이아웃 생성 */
     private createLayout;
 }

package/dist/App.js

@@ -1,106 +1,77 @@
-import r from "i18next";
-import { Router as u } from "@iyulab/router";
-import { setDefaultBaseUrl as h } from "@iyulab/components/dist/utilities/IconRegistry.js";
-import { Theme as s } from "@iyulab/components/dist/utilities/Theme.js";
-import { Notifier as y } from "@iyulab/components/dist/utilities/Notifier.js";
-import { ScreenObserver as c } from "./internals/ScreenObserver.js";
-class o {
-  // private 생성자로 외부에서 인스턴스 생성 방지
-  constructor() {
-  }
-  /** 싱글톤 인스턴스 반환 */
-  static get instance() {
-    return o._instance || (o._instance = new o()), o._instance;
-  }
-  /** 현재 앱 설정 반환 */
-  get config() {
-    return this._config;
-  }
-  /** 라우터 인스턴스 반환 */
-  get router() {
-    return this._router;
-  }
-  /** 화면 크기 반환 */
-  get screen() {
-    return this._screen?.get();
-  }
-  /** 스타일 테마 관리 유틸리티 객체 반환 */
-  get theme() {
-    return s;
-  }
-  /** 다국어 로컬라이저(i18next) 반환 */
-  get i18n() {
-    return r;
-  }
-  /** 앱 로드 및 초기화 */
-  async load(t) {
-    if (this.unload(), this._config = t, await s.init(t.theme), t.iconBasepath && h(t.iconBasepath), t.i18n) {
-      for (const i of t.i18n.plugins || [])
-        r.use(i);
-      await r.init(t.i18n);
-    }
-    const e = t.root || document.body;
-    this._layout = await this.createLayout(e, t.layout), this._screen = new c({
-      element: e,
-      breakpoints: t.layout.breakpoints || [768, 1024]
-    }), this._router = new u({
-      root: this._layout,
-      basepath: t.basepath,
-      routes: t.routes,
-      fallback: t.fallback
-    });
-  }
-  /** 앱 언로드 */
-  unload() {
-    this._screen && (this._screen.destroy(), this._screen = void 0), this._layout && (this._layout.remove(), this._layout = void 0), this._router && (this._router.destroy(), this._router = void 0), this._config && (this._config = void 0);
-  }
-  /** 페이지 이동 */
-  navigate(t) {
-    this._router?.go(t);
-  }
-  /** 공지 메시지 */
-  async notice(t, e) {
-    await this.notify("notice", t, e);
-  }
-  /** 정보 메시지 */
-  async info(t, e) {
-    await this.notify("info", t, e);
-  }
-  /** 경고 메시지 */
-  async warning(t, e) {
-    await this.notify("warning", t, e);
-  }
-  /** 성공 메시지 */
-  async success(t, e) {
-    await this.notify("success", t, e);
-  }
-  /** 에러 메시지 */
-  async error(t, e) {
-    await this.notify("error", t, e);
-  }
-  /** 알림 표시 */
-  async notify(t, e, i) {
-    await y.toast({
-      type: t,
-      content: e,
-      heading: i?.title,
-      duration: i?.duration || 3e3,
-      position: i?.position || "top-right"
-    });
-  }
-  /** 레이아웃 생성 */
-  async createLayout(t, e) {
-    t === document.body && (document.body.style.margin = "0", document.body.style.width = "100vw", document.body.style.height = "100vh");
-    let i;
-    if (e.type === "sidebar") {
-      const { SidebarLayout: n } = await import("./layouts/SidebarLayout.js"), a = new n();
-      a.config = e, i = a;
-    } else
-      throw new Error(`Unsupported layout type: ${e.type}`);
-    return t.appendChild(i), "updateComplete" in i && await i.updateComplete, i;
-  }
-}
-const _ = o.instance;
-export {
-  _ as app
-};
+import { ScreenObserver as e } from "./internals/ScreenObserver.js";
+import t from "i18next";
+import { Router as n } from "@iyulab/router";
+import { setDefaultBaseUrl as r } from "@iyulab/components/dist/utilities/icons.js";
+import { Theme as i } from "@iyulab/components/dist/utilities/Theme.js";
+import { Toast as a } from "@iyulab/components/dist/utilities/Toast.js";
+var o = class o {
+	constructor() {}
+	static get instance() {
+		return o._instance ||= new o(), o._instance;
+	}
+	get config() {
+		return this._config;
+	}
+	get router() {
+		return this._router;
+	}
+	get screen() {
+		return this._screen?.get();
+	}
+	get theme() {
+		return i;
+	}
+	get i18n() {
+		return t;
+	}
+	async load(a) {
+		if (this.unload(), this._config = a, await i.init(a.theme), a.iconBasepath && r(a.iconBasepath), a.i18n) {
+			for (let e of a.i18n.plugins || []) t.use(e);
+			await t.init(a.i18n);
+		}
+		let o = a.root || document.body;
+		this._layout = await this.createLayout(o, a.layout), this._screen = new e({
+			element: o,
+			breakpoints: a.layout.breakpoints || [768, 1024]
+		});
+		let s = document.createElement("u-outlet");
+		this._layout.appendChild(s), this._router = new n({
+			root: this._layout,
+			basepath: a.basepath,
+			routes: a.routes,
+			fallback: a.fallback
+		});
+	}
+	unload() {
+		this._screen &&= (this._screen.destroy(), void 0), this._layout &&= (this._layout.remove(), void 0), this._router &&= (this._router.destroy(), void 0), this._config &&= void 0;
+	}
+	navigate(e) {
+		this._router?.go(e);
+	}
+	async notice(e, t) {
+		await a.notice(e, { ...t });
+	}
+	async info(e, t) {
+		await a.info(e, { ...t });
+	}
+	async warning(e, t) {
+		await a.warning(e, { ...t });
+	}
+	async success(e, t) {
+		await a.success(e, { ...t });
+	}
+	async error(e, t) {
+		await a.error(e, { ...t });
+	}
+	async createLayout(e, t) {
+		e === document.body && (document.body.style.margin = "0", document.body.style.width = "100vw", document.body.style.height = "100vh");
+		let n;
+		if (t.type === "sidebar") {
+			let { SidebarLayout: e } = await import("./layouts/SidebarLayout.js"), r = new e();
+			r.config = t, n = r;
+		} else throw Error(`Unsupported layout type: ${t.type}`);
+		return e.appendChild(n), "updateComplete" in n && await n.updateComplete, n;
+	}
+}.instance;
+//#endregion
+export { o as app };

package/dist/_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js

@@ -0,0 +1,9 @@
+//#region \0@oxc-project+runtime@0.122.0/helpers/decorate.js
+function e(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}
+//#endregion
+export { e as __decorate };

package/dist/_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js

@@ -0,0 +1,6 @@
+//#region \0@oxc-project+runtime@0.122.0/helpers/decorateMetadata.js
+function e(e, t) {
+	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
+}
+//#endregion
+export { e as __decorateMetadata };

package/dist/components/SidebarButton.d.ts

@@ -1,5 +1,4 @@
 import { DirectiveResult } from 'lit/directive.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
 import { StyledElement, StyleMap } from '../internals/StyledElement.js';
 /** 버튼 항목 부분 */
 type ElementParts = 'host' | 'base' | 'icon' | 'label';
@@ -16,7 +15,6 @@ export interface SidebarButtonConfig {
  */
 export declare class SidebarButton extends StyledElement<ElementParts> {
     static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
     /** 콤팩트 모드 여부 */
     compact: boolean;
     /** 기본 u-icon 경로의 아이콘 이름 */

package/dist/components/SidebarButton.js

@@ -1,27 +1,20 @@
-import { html as c } from "lit";
-import { property as o } from "lit/decorators.js";
-import { UIcon as l } from "@iyulab/components/dist/components/icon/UIcon.component.js";
-import { StyledElement as m } from "../internals/StyledElement.js";
-import { styles as u } from "./SidebarButton.styles.js";
-var d = Object.defineProperty, p = (e, n, s, f) => {
-  for (var t = void 0, r = e.length - 1, a; r >= 0; r--)
-    (a = e[r]) && (t = a(n, s, t) || t);
-  return t && d(n, s, t), t;
-};
-class i extends m {
-  constructor() {
-    super(...arguments), this.compact = !1;
-  }
-  static {
-    this.styles = [super.styles, u];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": l
-    };
-  }
-  render() {
-    return c`
+import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { StyledElement as n } from "../internals/StyledElement.js";
+import { styles as r } from "./SidebarButton.styles.js";
+import { html as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import "@iyulab/components/dist/components/icon/UIcon.js";
+//#region src/components/SidebarButton.ts
+var s = class extends n {
+	constructor(...e) {
+		super(...e), this.compact = !1;
+	}
+	static {
+		this.styles = [super.styles, r];
+	}
+	render() {
+		return i`
       <button part="base" ?compact=${this.compact}>
         <u-icon part="icon" ?hidden=${!this.icon}
           .name=${this.icon}
@@ -31,17 +24,10 @@ class i extends m {
         </span>
       </button>
     `;
-  }
-}
-p([
-  o({ type: Boolean, reflect: !0 })
-], i.prototype, "compact");
-p([
-  o({ type: String })
-], i.prototype, "icon");
-p([
-  o({ type: String })
-], i.prototype, "label");
-export {
-  i as SidebarButton
+	}
 };
+t([o({
+	type: Boolean,
+	reflect: !0
+}), e("design:type", Object)], s.prototype, "compact", void 0), t([o({ type: String }), e("design:type", String)], s.prototype, "icon", void 0), t([o({ type: String }), e("design:type", Object)], s.prototype, "label", void 0), s = t([a("sidebar-button")], s);
+//#endregion

package/dist/components/SidebarButton.styles.js

@@ -1,10 +1,10 @@
-import { css as o } from "lit";
-const r = o`
+import { css as e } from "lit";
+//#region src/components/SidebarButton.styles.ts
+var t = e`
   :host {
     display: block;
     width: 100%;
     color: var(--u-txt-color);
-    color: var(--u-neutral-800);
     background-color: transparent;
     border: none;
     border-radius: 8px;
@@ -55,6 +55,5 @@ const r = o`
     text-overflow: ellipsis;
   }
 `;
-export {
-  r as styles
-};
+//#endregion
+export { t as styles };

package/dist/components/SidebarGroup.d.ts

@@ -1,5 +1,4 @@
 import { DirectiveResult } from 'lit/directive.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
 import { StyledElement, StyleMap } from '../internals/StyledElement.js';
 import { SidebarLinkConfig } from './SidebarLink.js';
 type ElementParts = 'host' | 'header' | 'icon' | 'label' | 'caret' | 'items';
@@ -18,7 +17,6 @@ export interface SidebarGroupConfig {
  */
 export declare class SidebarGroup extends StyledElement<ElementParts> {
     static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
     /** 콤팩트 모드 여부 */
     compact: boolean;
     /** 선택된 상태 */

package/dist/components/SidebarGroup.js

@@ -1,30 +1,23 @@
-import { html as p } from "lit";
-import { property as e } from "lit/decorators.js";
-import { UIcon as d } from "@iyulab/components/dist/components/icon/UIcon.component.js";
-import { StyledElement as h } from "../internals/StyledElement.js";
-import { SidebarLink as m } from "./SidebarLink.js";
-import { styles as u } from "./SidebarGroup.styles.js";
-var f = Object.defineProperty, o = (i, l, c, a) => {
-  for (var t = void 0, r = i.length - 1, n; r >= 0; r--)
-    (n = i[r]) && (t = n(l, c, t) || t);
-  return t && f(l, c, t), t;
-};
-class s extends h {
-  constructor() {
-    super(...arguments), this.compact = !1, this.selected = !1, this.collapsed = !0, this.handleButtonClick = (l) => {
-      this.compact ? this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: !0 }).find((t) => t instanceof m)?.renderRoot.querySelector("u-link")?.click() : this.collapsed = !this.collapsed;
-    };
-  }
-  static {
-    this.styles = [super.styles, u];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": d
-    };
-  }
-  render() {
-    return p`
+import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { StyledElement as n } from "../internals/StyledElement.js";
+import { SidebarLink as r } from "./SidebarLink.js";
+import { styles as i } from "./SidebarGroup.styles.js";
+import { html as a } from "lit";
+import { customElement as o, property as s } from "lit/decorators.js";
+import "@iyulab/components/dist/components/icon/UIcon.js";
+//#region src/components/SidebarGroup.ts
+var c = class extends n {
+	constructor(...e) {
+		super(...e), this.compact = !1, this.selected = !1, this.collapsed = !0, this.handleButtonClick = (e) => {
+			this.compact ? ((this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: !0 }).find((e) => e instanceof r))?.renderRoot.querySelector("u-link"))?.click() : this.collapsed = !this.collapsed;
+		};
+	}
+	static {
+		this.styles = [super.styles, i];
+	}
+	render() {
+		return a`
       <button part="header"
         ?compact=${this.compact}
         ?selected=${this.selected}
@@ -47,23 +40,16 @@ class s extends h {
         <slot></slot>
       </div>
     `;
-  }
-}
-o([
-  e({ type: Boolean, reflect: !0 })
-], s.prototype, "compact");
-o([
-  e({ type: Boolean, reflect: !0 })
-], s.prototype, "selected");
-o([
-  e({ type: Boolean, reflect: !0 })
-], s.prototype, "collapsed");
-o([
-  e({ type: String })
-], s.prototype, "icon");
-o([
-  e({ type: String })
-], s.prototype, "label");
-export {
-  s as SidebarGroup
+	}
 };
+t([s({
+	type: Boolean,
+	reflect: !0
+}), e("design:type", Boolean)], c.prototype, "compact", void 0), t([s({
+	type: Boolean,
+	reflect: !0
+}), e("design:type", Boolean)], c.prototype, "selected", void 0), t([s({
+	type: Boolean,
+	reflect: !0
+}), e("design:type", Boolean)], c.prototype, "collapsed", void 0), t([s({ type: String }), e("design:type", String)], c.prototype, "icon", void 0), t([s({ type: String }), e("design:type", Object)], c.prototype, "label", void 0), c = t([o("sidebar-group")], c);
+//#endregion

package/dist/components/SidebarGroup.styles.js

@@ -1,5 +1,6 @@
-import { css as o } from "lit";
-const t = o`
+import { css as e } from "lit";
+//#region src/components/SidebarGroup.styles.ts
+var t = e`
   :host {
     display: flex;
     flex-direction: column;
@@ -83,6 +84,5 @@ const t = o`
     opacity: 0;
   }
 `;
-export {
-  t as styles
-};
+//#endregion
+export { t as styles };

package/dist/components/SidebarLink.d.ts

@@ -1,10 +1,9 @@
 import { DirectiveResult } from 'lit/directive.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
 import { StyledElement, StyleMap } from '../internals/StyledElement.js';
 type ElementParts = 'host' | 'base' | 'icon' | 'label';
 /** 링크 항목 디폴트 타입 */
 export interface SidebarLinkConfig {
-    type?: 'link';
+    type: 'link';
     icon?: string;
     label: string | DirectiveResult;
     href: string;
@@ -17,7 +16,6 @@ export interface SidebarLinkConfig {
  */
 export declare class SidebarLink extends StyledElement<ElementParts> {
     static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
     /** selected 상태 */
     selected: boolean;
     /** 콤팩트 모드 여부 */

package/dist/components/SidebarLink.js

@@ -1,27 +1,20 @@
-import { html as c } from "lit";
-import { property as e } from "lit/decorators.js";
-import { UIcon as l } from "@iyulab/components/dist/components/icon/UIcon.component.js";
-import { StyledElement as m } from "../internals/StyledElement.js";
-import { styles as d } from "./SidebarLink.styles.js";
-var h = Object.defineProperty, r = (p, n, s, y) => {
-  for (var t = void 0, i = p.length - 1, a; i >= 0; i--)
-    (a = p[i]) && (t = a(n, s, t) || t);
-  return t && h(n, s, t), t;
-};
-class o extends m {
-  constructor() {
-    super(...arguments), this.selected = !1, this.compact = !1;
-  }
-  static {
-    this.styles = [super.styles, d];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": l
-    };
-  }
-  render() {
-    return c`
+import { __decorateMetadata as e } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorateMetadata.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { StyledElement as n } from "../internals/StyledElement.js";
+import { styles as r } from "./SidebarLink.styles.js";
+import { html as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import "@iyulab/components/dist/components/icon/UIcon.js";
+//#region src/components/SidebarLink.ts
+var s = class extends n {
+	constructor(...e) {
+		super(...e), this.selected = !1, this.compact = !1;
+	}
+	static {
+		this.styles = [super.styles, r];
+	}
+	render() {
+		return i`
       <u-link .href=${this.href || "#"}>
         <div class="container" part="base" ?compact=${this.compact}>
           <u-icon part="icon" ?hidden=${!this.icon}
@@ -33,26 +26,11 @@ class o extends m {
         </div>
       </u-link>
     `;
-  }
-}
-r([
-  e({ type: Boolean, reflect: !0 })
-], o.prototype, "selected");
-r([
-  e({ type: Boolean })
-], o.prototype, "compact");
-r([
-  e({ type: String })
-], o.prototype, "icon");
-r([
-  e({ type: String })
-], o.prototype, "label");
-r([
-  e({ type: String })
-], o.prototype, "href");
-r([
-  e({ type: String })
-], o.prototype, "pattern");
-export {
-  o as SidebarLink
+	}
 };
+t([o({
+	type: Boolean,
+	reflect: !0
+}), e("design:type", Object)], s.prototype, "selected", void 0), t([o({ type: Boolean }), e("design:type", Object)], s.prototype, "compact", void 0), t([o({ type: String }), e("design:type", String)], s.prototype, "icon", void 0), t([o({ type: String }), e("design:type", Object)], s.prototype, "label", void 0), t([o({ type: String }), e("design:type", String)], s.prototype, "href", void 0), t([o({ type: String }), e("design:type", Object)], s.prototype, "pattern", void 0), s = t([a("sidebar-link")], s);
+//#endregion
+export { s as SidebarLink };

package/dist/components/SidebarLink.styles.js

@@ -1,5 +1,6 @@
-import { css as o } from "lit";
-const e = o`
+import { css as e } from "lit";
+//#region src/components/SidebarLink.styles.ts
+var t = e`
   :host {
     display: block;
     color: var(--u-neutral-800);
@@ -53,6 +54,5 @@ const e = o`
     text-overflow: ellipsis;
   }
 `;
-export {
-  e as styles
-};
+//#endregion
+export { t as styles };

package/dist/components/SidebarSection.d.ts

@@ -1,5 +1,4 @@
 import { DirectiveResult } from 'lit/directive.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
 import { StyledElement, StyleMap } from '../internals/StyledElement.js';
 import { SidebarLinkConfig } from './SidebarLink.js';
 import { SidebarGroupConfig } from './SidebarGroup.js';
@@ -17,7 +16,6 @@ export interface SidebarSectionConfig {
  */
 export declare class SidebarSection extends StyledElement<ElementParts> {
     static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
     /** 콤팩트 모드 여부 */
     compact: boolean;
     /** 네비게이션 아이템 데이터 */