@iyulab/modern-app 0.2.5 → 0.3.1

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@iyulab/modern-app",
-  "description": "web-framework by iyulab based on react, lit-element",
-  "version": "0.2.5",
+  "description": "web-framework by iyulab based on lit-element",
+  "version": "0.3.1",
   "keywords": [
     "iyulab",
     "web-framework",
-    "react",
     "lit-element"
   ],
   "license": "MIT",
@@ -34,20 +33,19 @@
     }
   },
   "scripts": {
-    "start": "vite",
+    "test": "vite",
     "build": "vite build"
   },
   "dependencies": {
-    "@iyulab/components": "^0.1.11",
-    "@iyulab/router": "^0.5.3",
-    "lit": "^3.3.2",
-    "mobx": "^6.15.0",
-    "i18next": "^25.7.3"
+    "@iyulab/components": "^0.4.0",
+    "@iyulab/router": "^0.7.4",
+    "i18next": "^25.8.13",
+    "lit": "^3.3.2"
   },
   "devDependencies": {
-    "@types/node": "^25.0.3",
+    "@types/node": "^25.3.2",
     "typescript": "^5.9.3",
-    "vite": "^7.3.0",
+    "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"
   }
 }

package/dist/components/SidebarLogo.d.ts

@@ -1,33 +0,0 @@
-import { DirectiveResult } from 'lit/directive.js';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { ExtendedBaseElement } from '../internals/ExtendedBaseElement.js';
-import { StyleMap } from '../types/AppTypes.js';
-type ElementParts = 'host' | 'container' | 'image' | 'icon' | 'label';
-/** 로고  설정 */
-export interface SidebarLogoConfig {
-    type: 'image' | 'icon';
-    image?: string;
-    icon?: string;
-    label?: string | DirectiveResult;
-    styles?: StyleMap<ElementParts>;
-    onClick?: (e: MouseEvent) => void;
-}
-/**
- * SidebarLogo 컴포넌트는 사이드바에 표시되는 로고를 나타냅니다.
- */
-export declare class SidebarLogo extends ExtendedBaseElement<ElementParts> {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 콤팩트 모드 여부 */
-    compact: boolean;
-    /** 로고 타입 */
-    type: 'image' | 'icon';
-    /** 로고 이미지 URL */
-    image?: string;
-    /** 로고 아이콘 svg 이름 */
-    icon?: string;
-    /** 로고 아이콘 텍스트 */
-    label?: string | DirectiveResult;
-    render(): import('lit-html').TemplateResult<1>;
-}
-export {};

package/dist/components/SidebarLogo.js

@@ -1,60 +0,0 @@
-import { nothing as m, html as s } from "lit";
-import { property as e } from "lit/decorators.js";
-import { UIcon as l } from "@iyulab/components/dist/components/icon/UIcon.component.js";
-import { ExtendedBaseElement as h } from "../internals/ExtendedBaseElement.js";
-import { styles as y } from "./SidebarLogo.styles.js";
-var d = Object.defineProperty, i = (r, n, a, g) => {
-  for (var t = void 0, p = r.length - 1, c; p >= 0; p--)
-    (c = r[p]) && (t = c(n, a, t) || t);
-  return t && d(n, a, t), t;
-};
-class o extends h {
-  constructor() {
-    super(...arguments), this.compact = !1, this.type = "icon";
-  }
-  static {
-    this.styles = [super.styles, y];
-  }
-  static {
-    this.dependencies = {
-      "u-icon": l
-    };
-  }
-  render() {
-    return s`
-      <div class="container" part="container">
-        ${this.type === "image" && this.image ? s`
-          <img part="image"
-            ?compact=${this.compact}
-            src=${this.image}
-            alt="App Logo"
-          />` : this.type === "icon" && this.icon ? s`
-          <u-icon part="icon"
-            .name=${this.icon}
-          ></u-icon>` : m}
-        <span part="label"
-          ?hidden=${this.compact || !this.label}>
-          ${this.label}
-        </span>
-      </div>
-    `;
-  }
-}
-i([
-  e({ type: Boolean })
-], o.prototype, "compact");
-i([
-  e({ type: String })
-], o.prototype, "type");
-i([
-  e({ type: String })
-], o.prototype, "image");
-i([
-  e({ type: String })
-], o.prototype, "icon");
-i([
-  e({ type: String })
-], o.prototype, "label");
-export {
-  o as SidebarLogo
-};

package/dist/components/SidebarLogo.styles.d.ts

@@ -1 +0,0 @@
-export declare const styles: import('lit').CSSResult;

package/dist/components/SidebarLogo.styles.js

@@ -1,57 +0,0 @@
-import { css as o } from "lit";
-const e = o`
-  :host {
-    display: block;
-    min-width: 0;
-    font-size: 32px;
-    color: var(--u-txt-color);
-    user-select: none;
-    cursor: pointer;
-    transition: all 0.2s ease;
-  }
-  :host(:hover) {
-    color: var(--u-txt-color-hover);
-  }
-  :host(:active) {
-    color: var(--u-txt-color-active);
-  }
-
-  .container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    overflow: hidden;
-    gap: 8px;
-  }
-
-  img {
-    width: auto;
-    height: 1em;
-    object-fit: contain;
-    flex-shrink: 0;
-  }
-  img[compact] {
-    width: 1em;
-    height: auto;
-  }
-
-  u-icon {
-    font-size: 1em;
-    color: inherit;
-    flex-shrink: 0;
-  }
-
-  span {
-    font-size: 0.75em;
-    font-weight: 600;
-    line-height: inherit;
-    color: inherit;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-`;
-export {
-  e as styles
-};

package/dist/internals/ExtendedBaseElement.d.ts

@@ -1,22 +0,0 @@
-import { PropertyValues } from 'lit';
-import { BaseElement } from '@iyulab/components/dist/components/BaseElement.js';
-import { StyleMap } from '../types/AppTypes';
-/**
- * ExtendedBaseElement - BaseElement를 확장한 클래스
- * - 부분별 스타일링 지원
- */
-export declare class ExtendedBaseElement<T extends string> extends BaseElement {
-    static styles: import('lit').CSSResultGroup;
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 부분별 스타일 구성 */
-    styles?: StyleMap<T>;
-    protected updated(changedProperties: PropertyValues): void;
-    /**
-     * 현재 스타일 구성을 각 파트에 적용, host 포함
-     */
-    private applyToParts;
-    /**
-     * 스타일 객체를 개별 프로퍼티 단위로 적용 (camelCase / kebab-case / custom props 처리)
-     */
-    private assignToObject;
-}

package/dist/internals/observables.d.ts

@@ -1,7 +0,0 @@
-import { IObservableValue } from 'mobx';
-/** 화면 크기 타입 */
-export type ScreenSize = 'small' | 'medium' | 'large';
-/**
- * 현재 화면 크기 상태
- */
-export declare const screen: IObservableValue<ScreenSize>;

package/dist/internals/observables.js

@@ -1,5 +0,0 @@
-import { observable as e } from "mobx";
-const r = e.box("large");
-export {
-  r as screen
-};

package/dist/types/AppTypes.d.ts

@@ -1,4 +0,0 @@
-/** 스타일 값 타입 */
-export type StyleValue = Record<string, string> | Partial<CSSStyleDeclaration>;
-/** 스타일 맵 타입 */
-export type StyleMap<T extends string> = Partial<Record<T, StyleValue>>;