@iyulab/components 0.1.6 → 0.1.8

package/dist/components/tree/UTree.d.ts

@@ -0,0 +1,7 @@
+import { UTree } from './UTree.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-tree': UTree;
+    }
+}
+export { UTree };

package/dist/components/tree/UTree.js

@@ -0,0 +1,5 @@
+import { UTree } from './UTree.component.js';
+
+UTree.define("u-tree");
+
+export { UTree };

package/dist/components/tree/UTree.styles.d.ts

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

package/dist/components/tree/{Tree.styles.js → UTree.styles.js}

@@ -9,7 +9,6 @@ const styles = css`
     background-color: transparent;
     border-radius: 4px;
   }
-
   :host([disabled]) {
     opacity: 0.5;
     pointer-events: none;

package/dist/components/tree-item/{TreeItem.d.ts → UTreeItem.component.d.ts}

@@ -4,11 +4,11 @@ import { BaseElement } from '../BaseElement.js';
  * TreeItem 컴포넌트는 트리의 개별 노드를 나타냅니다.
  * u-tree 컴포넌트와 함께 사용되며, 중첩된 구조를 지원합니다.
  */
-export declare class TreeItem extends BaseElement {
+export declare class UTreeItem extends BaseElement {
     static styles: import('lit').CSSResultGroup[];
     static dependencies: Record<string, typeof BaseElement>;
     headerEl: HTMLElement;
-    childrenItems: TreeItem[];
+    childrenItems: UTreeItem[];
     /** 트리 항목이 리프 노드인지 여부입니다. */
     leaf: boolean;
     /** 트리 항목의 들여쓰기 레벨입니다. */

package/dist/components/tree-item/{TreeItem.js → UTreeItem.component.js}

@@ -1,8 +1,8 @@
 import { html } from 'lit';
 import { query, queryAssignedElements, state, property } from 'lit/decorators.js';
 import { BaseElement } from '../BaseElement.js';
-import { Icon } from '../icon/Icon.js';
-import { styles } from './TreeItem.styles.js';
+import { UIcon } from '../icon/UIcon.component.js';
+import { styles } from './UTreeItem.styles.js';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -13,7 +13,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (result) __defProp(target, key, result);
   return result;
 };
-const _TreeItem = class _TreeItem extends BaseElement {
+const _UTreeItem = class _UTreeItem extends BaseElement {
   constructor() {
     super(...arguments);
     this.leaf = true;
@@ -27,7 +27,7 @@ const _TreeItem = class _TreeItem extends BaseElement {
       const slot = e.target;
       const nodes = slot.assignedNodes({ flatten: true });
       nodes.forEach((node) => {
-        if (node instanceof _TreeItem) {
+        if (node instanceof _UTreeItem) {
           node.setAttribute("slot", "children");
         }
       });
@@ -60,7 +60,7 @@ const _TreeItem = class _TreeItem extends BaseElement {
   }
   static {
     this.dependencies = {
-      "u-icon": Icon
+      "u-icon": UIcon
     };
   }
   connectedCallback() {
@@ -104,28 +104,28 @@ const _TreeItem = class _TreeItem extends BaseElement {
 };
 __decorateClass([
   query(".header")
-], _TreeItem.prototype, "headerEl");
+], _UTreeItem.prototype, "headerEl");
 __decorateClass([
   queryAssignedElements({ slot: "children", selector: "u-tree-item", flatten: true })
-], _TreeItem.prototype, "childrenItems");
+], _UTreeItem.prototype, "childrenItems");
 __decorateClass([
   state()
-], _TreeItem.prototype, "leaf");
+], _UTreeItem.prototype, "leaf");
 __decorateClass([
   state()
-], _TreeItem.prototype, "level");
+], _UTreeItem.prototype, "level");
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], _TreeItem.prototype, "disabled");
+], _UTreeItem.prototype, "disabled");
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], _TreeItem.prototype, "selected");
+], _UTreeItem.prototype, "selected");
 __decorateClass([
   property({ type: Boolean, reflect: true })
-], _TreeItem.prototype, "expanded");
+], _UTreeItem.prototype, "expanded");
 __decorateClass([
   property({ type: String })
-], _TreeItem.prototype, "value");
-let TreeItem = _TreeItem;
+], _UTreeItem.prototype, "value");
+let UTreeItem = _UTreeItem;
 
-export { TreeItem };
+export { UTreeItem };

package/dist/components/tree-item/UTreeItem.d.ts

@@ -0,0 +1,7 @@
+import { UTreeItem } from './UTreeItem.component.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-tree-item': UTreeItem;
+    }
+}
+export { UTreeItem };

package/dist/components/tree-item/UTreeItem.js

@@ -0,0 +1,5 @@
+import { UTreeItem } from './UTreeItem.component.js';
+
+UTreeItem.define("u-tree-item");
+
+export { UTreeItem };

package/dist/index.d.ts

@@ -1,2 +1,29 @@
-export * from './components';
-export * from './utilities';
+export * from './components/alert/UAlert.js';
+export * from './components/button/UButton.js';
+export * from './components/copy-button/UCopyButton.js';
+export * from './components/dialog/UDialog.js';
+export * from './components/divider/UDivider.js';
+export * from './components/drawer/UDrawer.js';
+export * from './components/form/UForm.js';
+export * from './components/icon/UIcon.js';
+export * from './components/icon-button/UIconButton.js';
+export * from './components/input/UInput.js';
+export * from './components/menu/UMenu.js';
+export * from './components/menu-item/UMenuItem.js';
+export * from './components/progress-bar/UProgressBar.js';
+export * from './components/progress-ring/UProgressRing.js';
+export * from './components/skeleton/USkeleton.js';
+export * from './components/spinner/USpinner.js';
+export * from './components/split-panel/USplitPanel.js';
+export * from './components/tooltip/UTooltip.js';
+export * from './components/tree/UTree.js';
+export * from './components/tree-item/UTreeItem.js';
+export * from './events/UChangeEvent';
+export * from './events/UHideEvent';
+export * from './events/UInputEvent';
+export * from './events/UResizeEvent';
+export * from './events/USelectEvent';
+export * from './events/UShowEvent';
+export * from './utilities/BrowserStorage.js';
+export * from './utilities/notifier.js';
+export * from './utilities/theme.js';

package/dist/index.js

@@ -1,45 +1,43 @@
-import './components/alert/index.js';
-import './components/button/index.js';
-import './components/context-menu/index.js';
-import './components/copy-button/index.js';
-import './components/dialog/index.js';
-import './components/divider/index.js';
-import './components/dropdown-menu/index.js';
-import './components/form/index.js';
-import './components/icon/index.js';
-import './components/icon-button/index.js';
-import './components/input/index.js';
-import './components/menu/index.js';
-import './components/menu-item/index.js';
-import './components/progress-bar/index.js';
-import './components/progress-ring/index.js';
-import './components/spinner/index.js';
-import './components/split-panel/index.js';
-import './components/tooltip/index.js';
-import './components/tree/index.js';
-import './components/tree-item/index.js';
+import './components/alert/UAlert.js';
+import './components/button/UButton.js';
+import './components/copy-button/UCopyButton.js';
+import './components/dialog/UDialog.js';
+import './components/divider/UDivider.js';
+import './components/drawer/UDrawer.js';
+import './components/form/UForm.js';
+import './components/icon/UIcon.js';
+import './components/icon-button/UIconButton.js';
+import './components/input/UInput.js';
+import './components/menu/UMenu.js';
+import './components/menu-item/UMenuItem.js';
+import './components/progress-bar/UProgressBar.js';
+import './components/progress-ring/UProgressRing.js';
+import './components/skeleton/USkeleton.js';
+import './components/spinner/USpinner.js';
+import './components/split-panel/USplitPanel.js';
+import './components/tooltip/UTooltip.js';
+import './components/tree/UTree.js';
+import './components/tree-item/UTreeItem.js';
 export { BrowserStorage } from './utilities/BrowserStorage.js';
-export { getPropertyMeta, propertyMeta, setPropertyMeta } from './utilities/decorators.js';
-export { getDefaultBaseUrl, icons, setDefaultBaseUrl } from './utilities/icons.js';
 export { notifier } from './utilities/notifier.js';
 export { theme } from './utilities/theme.js';
-export { Alert } from './components/alert/Alert.js';
-export { Button } from './components/button/Button.js';
-export { ContextMenu } from './components/context-menu/ContextMenu.js';
-export { CopyButton } from './components/copy-button/CopyButton.js';
-export { Dialog } from './components/dialog/Dialog.js';
-export { Divider } from './components/divider/Divider.js';
-export { DropdownMenu } from './components/dropdown-menu/DropdownMenu.js';
-export { Form } from './components/form/Form.js';
-export { Icon } from './components/icon/Icon.js';
-export { IconButton } from './components/icon-button/IconButton.js';
-export { Input } from './components/input/Input.js';
-export { Menu } from './components/menu/Menu.js';
-export { MenuItem } from './components/menu-item/MenuItem.js';
-export { ProgressBar } from './components/progress-bar/ProgressBar.js';
-export { ProgressRing } from './components/progress-ring/ProgressRing.js';
-export { Spinner } from './components/spinner/Spinner.js';
-export { SplitPanel } from './components/split-panel/SplitPanel.js';
-export { Tooltip } from './components/tooltip/Tooltip.js';
-export { Tree } from './components/tree/Tree.js';
-export { TreeItem } from './components/tree-item/TreeItem.js';
+export { UAlert } from './components/alert/UAlert.component.js';
+export { UButton } from './components/button/UButton.component.js';
+export { UCopyButton } from './components/copy-button/UCopyButton.component.js';
+export { UDialog } from './components/dialog/UDialog.component.js';
+export { UDivider } from './components/divider/UDivider.component.js';
+export { UDrawer } from './components/drawer/UDrawer.component.js';
+export { UForm } from './components/form/UForm.component.js';
+export { UIcon } from './components/icon/UIcon.component.js';
+export { UIconButton } from './components/icon-button/UIconButton.component.js';
+export { UInput } from './components/input/UInput.component.js';
+export { UMenu } from './components/menu/UMenu.component.js';
+export { UMenuItem } from './components/menu-item/UMenuItem.component.js';
+export { UProgressBar } from './components/progress-bar/UProgressBar.component.js';
+export { UProgressRing } from './components/progress-ring/UProgressRing.component.js';
+export { USkeleton } from './components/skeleton/USkeleton.component.js';
+export { USpinner } from './components/spinner/USpinner.component.js';
+export { USplitPanel } from './components/split-panel/USplitPanel.component.js';
+export { UTooltip } from './components/tooltip/UTooltip.component.js';
+export { UTree } from './components/tree/UTree.component.js';
+export { UTreeItem } from './components/tree-item/UTreeItem.component.js';

package/dist/internals/attribute-converters.d.ts

@@ -1,8 +1,10 @@
 /**
  * 배열을 속성 문자열로, 속성 문자열을 배열로 변환하는 컨버터를 생성합니다.
- * @param parser - 문자열을 파싱하는 함수 (기본값: parseFloat)
- * @param separator - 구분자 (기본값: ',')
- * @returns Lit 속성 컨버터 객체
+ * `lit-element`의 `property` 데코레이터에서 사용할 수 있습니다.
+ *
+ * @param parser - 문자열을 파싱하는 함수
+ * @param separator - 구분자 문자열 (default: `,`)
+ * @returns lit 속성 컨버터 객체
  */
 export declare function arrayAttributeConverter<T>(parser: (value: string) => T, separator?: string): {
     fromAttribute: (value: string | null) => T[] | undefined;

package/dist/internals/node-helpers.d.ts

@@ -1,17 +1,17 @@
 /**
  * 엘리먼트의 부모 엘리먼트를 반환합니다.
- * Shadow DOM을 지원하는 경우, Shadow DOM의 호스트 엘리먼트를 반환합니다.
- * 일반 DOM 엘리먼트인 경우, 해당 엘리먼트를 반환합니다.
- * 찾을 수 없는 경우 undefined을 반환합니다.
+ * - Shadow DOM을 지원하는 경우, Shadow DOM의 호스트 엘리먼트를 반환합니다.
+ * - 일반 DOM 엘리먼트인 경우, 해당 엘리먼트를 반환합니다.
+ * - 찾을 수 없는 경우 undefined을 반환합니다.
  */
 export declare function getParentElement(element: Element): HTMLElement | undefined;
 /**
- * element 기준으로 selector와 매치되는 첫번째 HTMLElement를 반환합니다.
- * - 탐색은 element가 존재하는 shadow DOM 또는 document 루트 안에서 이루어집니다.
+ * element의 root를 기준으로 selector와 매치되는 첫번째 HTMLElement를 반환합니다.
+ * - 탐색은 element가 존재하는 shadow DOM 또는 document 루트 범위에서 이루어집니다.
  */
-export declare function querySelectorFrom(element: Element, selectors: string): HTMLElement | null;
+export declare function querySelectorWithin(element: Element, selectors: string): HTMLElement | null;
 /**
- * element 기준으로 selector와 매치되는 모든 HTMLElement를 반환합니다.
- * - 탐색은 element가 존재하는 shadow DOM 또는 document 루트 안에서 이루어집니다.
+ * element의 root를 기준으로 selector와 매치되는 모든 HTMLElement를 반환합니다.
+ * - 탐색은 element가 존재하는 shadow DOM 또는 document 루트 범위에서 이루어집니다.
  */
-export declare function querySelectorAllFrom(element: Element, selectors: string): HTMLElement[];
+export declare function querySelectorAllWithin(element: Element, selectors: string): HTMLElement[];

package/dist/internals/node-helpers.js

@@ -6,7 +6,7 @@ function getParentElement(element) {
     return root instanceof Document ? root.documentElement : root instanceof ShadowRoot ? root.host : root instanceof HTMLElement ? root : void 0;
   }
 }
-function querySelectorFrom(element, selectors) {
+function querySelectorWithin(element, selectors) {
   if (!selectors) return null;
   const rootNode = element.getRootNode({ composed: false });
   if (rootNode instanceof ShadowRoot || rootNode instanceof Document) {
@@ -16,4 +16,4 @@ function querySelectorFrom(element, selectors) {
   }
 }
 
-export { getParentElement, querySelectorFrom };
+export { getParentElement, querySelectorWithin };

package/dist/utilities/icons.js

@@ -107,8 +107,5 @@ const icons = IconRegistry.instance;
 function getDefaultBaseUrl() {
   return defaultIconBaseUrl;
 }
-function setDefaultBaseUrl(url) {
-  defaultIconBaseUrl = url;
-}
 
-export { getDefaultBaseUrl, icons, setDefaultBaseUrl };
+export { getDefaultBaseUrl, icons };

package/dist/utilities/notifier.d.ts

@@ -1,4 +1,4 @@
-import { AlertType } from '../components/alert/Alert.js';
+import { AlertType } from '../components/alert/UAlert.component.js';
 export type ScreenPosition = "top-left" | "top-center" | "top-right" | "middle-left" | "middle-center" | "middle-right" | "bottom-left" | "bottom-center" | "bottom-right";
 /** 토스트 알림 옵션 */
 export interface ToastOptions {

package/dist/utilities/notifier.js

@@ -1,6 +1,6 @@
-import { Alert } from '../components/alert/Alert.js';
+import { UAlert } from '../components/alert/UAlert.component.js';
 
-Alert.define("u-alert");
+UAlert.define("u-alert");
 class Notifier {
   constructor() {
     this.containers = /* @__PURE__ */ new Map();
@@ -16,7 +16,7 @@ class Notifier {
    * 토스트 알림을 생성합니다.
    */
   async toast(options) {
-    const el = new Alert();
+    const el = new UAlert();
     el.type = options.type;
     el.heading = options.heading;
     el.content = options.content;

package/package.json

@@ -1,59 +1,60 @@
-{
-  "name": "@iyulab/components",
-  "description": "web-components library based on lit-element made by iyulab",
-  "version": "0.1.6",
-  "keywords": [
-    "iyulab",
-    "components",
-    "web-components",
-    "lit-element"
-  ],
-  "license": "MIT",
-  "author": "iyulab",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/iyulab/node-components.git"
-  },
-  "files": [
-    "dist",
-    "LICENSE",
-    "README.md",
-    "CHANGELOG.md",
-    "package.json"
-  ],
-  "type": "module",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./src/index.d.ts",
-      "import": "./src/index.js"
-    },
-    "./dist/*": {
-      "types": "./src/*.d.ts",
-      "import": "./src/*"
-    }
-  },
-  "scripts": {
-    "start": "vite --force",
-    "build": "eslint && vite build"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "^1.7.4",
-    "lit": "^3.3.1",
-    "react": "^19.2.3",
-    "reflect-metadata": "^0.2.2"
-  },
-  "devDependencies": {
-    "@lit/react": "^1.0.8",
-    "@eslint/js": "^9.39.1",
-    "@types/node": "^25.0.1",
-    "eslint": "^9.39.1",
-    "eslint-plugin-lit": "^2.1.1",
-    "globals": "^16.5.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.49.0",
-    "vite": "^7.2.7",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-static-copy": "^3.1.4"
-  }
-}
+{
+  "name": "@iyulab/components",
+  "description": "web-components library based on lit-element made by iyulab",
+  "version": "0.1.8",
+  "keywords": [
+    "iyulab",
+    "components",
+    "web-components",
+    "lit",
+    "lit-element"
+  ],
+  "license": "MIT",
+  "author": "iyulab",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/iyulab/node-components.git"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md",
+    "CHANGELOG.md",
+    "package.json"
+  ],
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./dist/*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*"
+    }
+  },
+  "scripts": {
+    "start": "vite --force",
+    "build": "eslint && vite build"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.4",
+    "lit": "^3.3.1",
+    "react": "^19.2.3",
+    "reflect-metadata": "^0.2.2"
+  },
+  "devDependencies": {
+    "@lit/react": "^1.0.8",
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^25.0.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-lit": "^2.1.1",
+    "globals": "^16.5.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.49.0",
+    "vite": "^7.2.7",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.1.4"
+  }
+}

package/dist/components/alert/index.d.ts

@@ -1,7 +0,0 @@
-import { Alert } from './Alert.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'u-alert': Alert;
-    }
-}
-export { Alert };

package/dist/components/alert/index.js

@@ -1,5 +0,0 @@
-import { Alert } from './Alert.js';
-
-Alert.define("u-alert");
-
-export { Alert };

package/dist/components/button/index.d.ts

@@ -1,7 +0,0 @@
-import { Button } from './Button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        "u-button": Button;
-    }
-}
-export { Button };

package/dist/components/button/index.js

@@ -1,5 +0,0 @@
-import { Button } from './Button.js';
-
-Button.define("u-button");
-
-export { Button };

package/dist/components/context-menu/ContextMenu.d.ts

@@ -1,29 +0,0 @@
-import { PropertyValues } from 'lit';
-import { BaseElement } from '../BaseElement.js';
-import { FloatingElement } from '../FloatingElement.js';
-export declare class ContextMenu extends FloatingElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    preventNative: boolean;
-    closeOnSelect: boolean;
-    closeOnCheck: boolean;
-    private get menu();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected updated(changed: PropertyValues): void;
-    render(): import('lit-html').TemplateResult<1>;
-    /** 컨텍스트 메뉴는 Virtual anchor를 쓰므로 autoUpdate는 꺼버림 */
-    protected autoPosition(_enable: boolean): void;
-    private attachAnchor;
-    private detachAnchor;
-    private onContextMenu;
-    hide: () => Promise<void>;
-    private onDocPointerDown;
-    private onWindowBlur;
-    private onWindowScrollOrResize;
-    private attachDismiss;
-    private detachDismiss;
-    private onSelect;
-    private onCheck;
-    private onRequestClose;
-}