@iyulab/components 0.1.8 → 0.1.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.1.9 (2025-12-19)
+- Added `Tree`, `TreeItem` components for hierarchical data display
+- Updated React wrapper plugin to support new file structure
+- Removed `CopyButton` component
+- Changed React wrapper output directory to `react-components`
+
 ## 0.1.8 (2025-12-18)
 - **Breaking Change**: Added `U` prefix to all component class names (e.g., `Alert` → `UAlert`)
 - **Breaking Change**: Changed file naming convention
@@ -40,4 +46,4 @@
 - removed `toggle` method from theme utility.
 
 ## 0.1.0 (2025-11-12)
-- Initial library version release
+- Initial library version release

package/README.md

@@ -2,6 +2,8 @@
 
 Modern web components library built with Lit-Element for building reactive user interfaces.
 
+Visit our [Demo Site](https://components.iyulab.com) to explore all components and their features.
+
 ## Installation
 
 ```bash
@@ -10,19 +12,10 @@ npm install @iyulab/components
 
 ## Usage
 
-### Basic Import
-
 ```js
 import "@iyulab/components";
 ```
 
-## Links
-
-- [GitHub Repository](https://github.com/iyulab/u-components)
-- [NPM Package](https://www.npmjs.com/package/@iyulab/components)
-
-> 📝 **Note**: Demo site is coming soon!
-
 ## Core Dependencies
 
 - [lit](https://www.npmjs.com/package/lit) - Fast web components framework

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

@@ -8,7 +8,7 @@ export declare class UTree extends BaseElement {
     static styles: import('lit').CSSResultGroup[];
     static dependencies: Record<string, typeof BaseElement>;
     private selectedItems;
-    treeItems: UTreeItem[];
+    items: UTreeItem[];
     /** 트리가 비활성화 상태인지 여부입니다. */
     disabled: boolean;
     /** 다중 선택을 허용할지 여부입니다. */

package/dist/components/tree/UTree.component.js

@@ -40,11 +40,6 @@ class UTree extends BaseElement {
       } else {
         this.selectedItems.delete(item);
       }
-      this.emit("u-tree-select", {
-        value: item.value,
-        item,
-        selectedItems: Array.from(this.selectedItems)
-      });
     };
     /** 트리 항목 확장/축소 이벤트를 처리합니다. */
     this.handleItemToggle = (e) => {
@@ -52,11 +47,6 @@ class UTree extends BaseElement {
         e.stopPropagation();
         return;
       }
-      const item = e.detail.item;
-      this.emit("u-tree-toggle", {
-        expanded: item.expanded,
-        item
-      });
     };
   }
   static {
@@ -69,7 +59,6 @@ class UTree extends BaseElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    this.setAttribute("role", "tree");
     this.addEventListener("u-select", this.handleItemSelect);
     this.addEventListener("u-toggle", this.handleItemToggle);
   }
@@ -103,7 +92,7 @@ class UTree extends BaseElement {
   /**
    * 재귀적으로 모든 TreeItem을 가져옵니다.
    */
-  getAllTreeItems(items = this.treeItems) {
+  getAllTreeItems(items = this.items) {
     let allItems = [];
     items.forEach((item) => {
       if (item instanceof UTreeItem) {
@@ -116,8 +105,8 @@ class UTree extends BaseElement {
   }
 }
 __decorateClass([
-  queryAssignedElements({ selector: "u-tree-item" })
-], UTree.prototype, "treeItems");
+  queryAssignedElements({ flatten: false, selector: "u-tree-item" })
+], UTree.prototype, "items");
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], UTree.prototype, "disabled");

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

@@ -65,23 +65,14 @@ const _UTreeItem = class _UTreeItem extends BaseElement {
   }
   connectedCallback() {
     super.connectedCallback();
-    this.setAttribute("role", "treeitem");
     this.setAttribute("tabindex", this.disabled ? "-1" : "0");
   }
   updated(changedProperties) {
     super.updated(changedProperties);
     if (changedProperties.has("disabled")) {
       this.setAttribute("tabindex", this.disabled ? "-1" : "0");
-      this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-    }
-    if (changedProperties.has("expanded")) {
-      this.setAttribute("aria-expanded", this.expanded ? "true" : "false");
-    }
-    if (changedProperties.has("selected")) {
-      this.setAttribute("aria-selected", this.selected ? "true" : "false");
     }
     if (changedProperties.has("level")) {
-      this.setAttribute("aria-level", String(this.level + 1));
       this.headerEl.style.paddingLeft = `calc(${this.level} * var(--indent-size, 20px))`;
     }
   }
@@ -90,6 +81,7 @@ const _UTreeItem = class _UTreeItem extends BaseElement {
       <div class="header" @click=${this.handleHeaderClick}>
         <u-icon class="expand-icon"
           ?hidden=${this.leaf}
+          lib="internal"
           name=${this.expanded ? "chevron-down" : "chevron-right"}
         ></u-icon>
         <slot name="prefix"></slot>

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 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';

package/dist/index.js

@@ -1,6 +1,5 @@
 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';
@@ -23,7 +22,6 @@ export { notifier } from './utilities/notifier.js';
 export { theme } from './utilities/theme.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';

package/dist/react-components/UAlert.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UAlert } from '../components/alert/UAlert';
+
+export declare const UAlert: React.ForwardRefExoticComponent<
+  Partial<UAlert> & React.HTMLAttributes<UAlert>
+>;
+
+export type UAlertProps = React.ComponentProps<typeof UAlert>;

package/dist/react-components/UAlert.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UAlert } from '../components/alert/UAlert';
+
+export const UAlert = createComponent({
+  react: React,
+  tagName: 'u-alert',
+  elementClass: UAlert,
+  events: {}
+});

package/dist/react-components/UButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UButton } from '../components/button/UButton';
+
+export declare const UButton: React.ForwardRefExoticComponent<
+  Partial<UButton> & React.HTMLAttributes<UButton>
+>;
+
+export type UButtonProps = React.ComponentProps<typeof UButton>;

package/dist/react-components/UButton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UButton } from '../components/button/UButton';
+
+export const UButton = createComponent({
+  react: React,
+  tagName: 'u-button',
+  elementClass: UButton,
+  events: {}
+});

package/dist/react-components/UDialog.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UDialog } from '../components/dialog/UDialog';
+
+export declare const UDialog: React.ForwardRefExoticComponent<
+  Partial<UDialog> & React.HTMLAttributes<UDialog>
+>;
+
+export type UDialogProps = React.ComponentProps<typeof UDialog>;

package/dist/react-components/UDialog.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UDialog } from '../components/dialog/UDialog';
+
+export const UDialog = createComponent({
+  react: React,
+  tagName: 'u-dialog',
+  elementClass: UDialog,
+  events: {}
+});

package/dist/react-components/UDivider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UDivider } from '../components/divider/UDivider';
+
+export declare const UDivider: React.ForwardRefExoticComponent<
+  Partial<UDivider> & React.HTMLAttributes<UDivider>
+>;
+
+export type UDividerProps = React.ComponentProps<typeof UDivider>;

package/dist/react-components/UDivider.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UDivider } from '../components/divider/UDivider';
+
+export const UDivider = createComponent({
+  react: React,
+  tagName: 'u-divider',
+  elementClass: UDivider,
+  events: {}
+});

package/dist/react-components/UDrawer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UDrawer } from '../components/drawer/UDrawer';
+
+export declare const UDrawer: React.ForwardRefExoticComponent<
+  Partial<UDrawer> & React.HTMLAttributes<UDrawer>
+>;
+
+export type UDrawerProps = React.ComponentProps<typeof UDrawer>;

package/dist/react-components/UDrawer.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UDrawer } from '../components/drawer/UDrawer';
+
+export const UDrawer = createComponent({
+  react: React,
+  tagName: 'u-drawer',
+  elementClass: UDrawer,
+  events: {}
+});

package/dist/react-components/UForm.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UForm } from '../components/form/UForm';
+
+export declare const UForm: React.ForwardRefExoticComponent<
+  Partial<UForm> & React.HTMLAttributes<UForm>
+>;
+
+export type UFormProps = React.ComponentProps<typeof UForm>;

package/dist/react-components/UForm.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UForm } from '../components/form/UForm';
+
+export const UForm = createComponent({
+  react: React,
+  tagName: 'u-form',
+  elementClass: UForm,
+  events: {}
+});

package/dist/react-components/UIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UIcon } from '../components/icon/UIcon';
+
+export declare const UIcon: React.ForwardRefExoticComponent<
+  Partial<UIcon> & React.HTMLAttributes<UIcon>
+>;
+
+export type UIconProps = React.ComponentProps<typeof UIcon>;

package/dist/react-components/UIcon.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UIcon } from '../components/icon/UIcon';
+
+export const UIcon = createComponent({
+  react: React,
+  tagName: 'u-icon',
+  elementClass: UIcon,
+  events: {}
+});

package/dist/react-components/UIconButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UIconButton } from '../components/icon-button/UIconButton';
+
+export declare const UIconButton: React.ForwardRefExoticComponent<
+  Partial<UIconButton> & React.HTMLAttributes<UIconButton>
+>;
+
+export type UIconButtonProps = React.ComponentProps<typeof UIconButton>;

package/dist/react-components/UIconButton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UIconButton } from '../components/icon-button/UIconButton';
+
+export const UIconButton = createComponent({
+  react: React,
+  tagName: 'u-icon-button',
+  elementClass: UIconButton,
+  events: {}
+});

package/dist/react-components/UInput.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UInput } from '../components/input/UInput';
+
+export declare const UInput: React.ForwardRefExoticComponent<
+  Partial<UInput> & React.HTMLAttributes<UInput>
+>;
+
+export type UInputProps = React.ComponentProps<typeof UInput>;

package/dist/react-components/UInput.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UInput } from '../components/input/UInput';
+
+export const UInput = createComponent({
+  react: React,
+  tagName: 'u-input',
+  elementClass: UInput,
+  events: {}
+});

package/dist/react-components/UMenu.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UMenu } from '../components/menu/UMenu';
+
+export declare const UMenu: React.ForwardRefExoticComponent<
+  Partial<UMenu> & React.HTMLAttributes<UMenu>
+>;
+
+export type UMenuProps = React.ComponentProps<typeof UMenu>;

package/dist/react-components/UMenu.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UMenu } from '../components/menu/UMenu';
+
+export const UMenu = createComponent({
+  react: React,
+  tagName: 'u-menu',
+  elementClass: UMenu,
+  events: {}
+});

package/dist/react-components/UMenuItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UMenuItem } from '../components/menu-item/UMenuItem';
+
+export declare const UMenuItem: React.ForwardRefExoticComponent<
+  Partial<UMenuItem> & React.HTMLAttributes<UMenuItem>
+>;
+
+export type UMenuItemProps = React.ComponentProps<typeof UMenuItem>;

package/dist/react-components/UMenuItem.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UMenuItem } from '../components/menu-item/UMenuItem';
+
+export const UMenuItem = createComponent({
+  react: React,
+  tagName: 'u-menu-item',
+  elementClass: UMenuItem,
+  events: {}
+});

package/dist/react-components/UProgressBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UProgressBar } from '../components/progress-bar/UProgressBar';
+
+export declare const UProgressBar: React.ForwardRefExoticComponent<
+  Partial<UProgressBar> & React.HTMLAttributes<UProgressBar>
+>;
+
+export type UProgressBarProps = React.ComponentProps<typeof UProgressBar>;

package/dist/react-components/UProgressBar.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UProgressBar } from '../components/progress-bar/UProgressBar';
+
+export const UProgressBar = createComponent({
+  react: React,
+  tagName: 'u-progress-bar',
+  elementClass: UProgressBar,
+  events: {}
+});

package/dist/react-components/UProgressRing.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UProgressRing } from '../components/progress-ring/UProgressRing';
+
+export declare const UProgressRing: React.ForwardRefExoticComponent<
+  Partial<UProgressRing> & React.HTMLAttributes<UProgressRing>
+>;
+
+export type UProgressRingProps = React.ComponentProps<typeof UProgressRing>;

package/dist/react-components/UProgressRing.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UProgressRing } from '../components/progress-ring/UProgressRing';
+
+export const UProgressRing = createComponent({
+  react: React,
+  tagName: 'u-progress-ring',
+  elementClass: UProgressRing,
+  events: {}
+});

package/dist/react-components/USkeleton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { USkeleton } from '../components/skeleton/USkeleton';
+
+export declare const USkeleton: React.ForwardRefExoticComponent<
+  Partial<USkeleton> & React.HTMLAttributes<USkeleton>
+>;
+
+export type USkeletonProps = React.ComponentProps<typeof USkeleton>;

package/dist/react-components/USkeleton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { USkeleton } from '../components/skeleton/USkeleton';
+
+export const USkeleton = createComponent({
+  react: React,
+  tagName: 'u-skeleton',
+  elementClass: USkeleton,
+  events: {}
+});

package/dist/react-components/USpinner.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { USpinner } from '../components/spinner/USpinner';
+
+export declare const USpinner: React.ForwardRefExoticComponent<
+  Partial<USpinner> & React.HTMLAttributes<USpinner>
+>;
+
+export type USpinnerProps = React.ComponentProps<typeof USpinner>;

package/dist/react-components/USpinner.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { USpinner } from '../components/spinner/USpinner';
+
+export const USpinner = createComponent({
+  react: React,
+  tagName: 'u-spinner',
+  elementClass: USpinner,
+  events: {}
+});

package/dist/react-components/USplitPanel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { USplitPanel } from '../components/split-panel/USplitPanel';
+
+export declare const USplitPanel: React.ForwardRefExoticComponent<
+  Partial<USplitPanel> & React.HTMLAttributes<USplitPanel>
+>;
+
+export type USplitPanelProps = React.ComponentProps<typeof USplitPanel>;

package/dist/react-components/USplitPanel.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { USplitPanel } from '../components/split-panel/USplitPanel';
+
+export const USplitPanel = createComponent({
+  react: React,
+  tagName: 'u-split-panel',
+  elementClass: USplitPanel,
+  events: {}
+});

package/dist/react-components/UTooltip.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UTooltip } from '../components/tooltip/UTooltip';
+
+export declare const UTooltip: React.ForwardRefExoticComponent<
+  Partial<UTooltip> & React.HTMLAttributes<UTooltip>
+>;
+
+export type UTooltipProps = React.ComponentProps<typeof UTooltip>;

package/dist/react-components/UTooltip.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UTooltip } from '../components/tooltip/UTooltip';
+
+export const UTooltip = createComponent({
+  react: React,
+  tagName: 'u-tooltip',
+  elementClass: UTooltip,
+  events: {}
+});

package/dist/react-components/UTree.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UTree } from '../components/tree/UTree';
+
+export declare const UTree: React.ForwardRefExoticComponent<
+  Partial<UTree> & React.HTMLAttributes<UTree>
+>;
+
+export type UTreeProps = React.ComponentProps<typeof UTree>;

package/dist/react-components/UTree.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UTree } from '../components/tree/UTree';
+
+export const UTree = createComponent({
+  react: React,
+  tagName: 'u-tree',
+  elementClass: UTree,
+  events: {}
+});

package/dist/react-components/UTreeItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { UTreeItem } from '../components/tree-item/UTreeItem';
+
+export declare const UTreeItem: React.ForwardRefExoticComponent<
+  Partial<UTreeItem> & React.HTMLAttributes<UTreeItem>
+>;
+
+export type UTreeItemProps = React.ComponentProps<typeof UTreeItem>;

package/dist/react-components/UTreeItem.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UTreeItem } from '../components/tree-item/UTreeItem';
+
+export const UTreeItem = createComponent({
+  react: React,
+  tagName: 'u-tree-item',
+  elementClass: UTreeItem,
+  events: {}
+});

package/dist/react-components/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * React wrapper components for @iyulab/components
+ * 
+ * This file is automatically generated.
+ * Each component is prefixed with 'U' (e.g., UButton, UInput, etc.)
+ */
+
+export { UAlert, UAlertProps } from './UAlert';
+export { UButton, UButtonProps } from './UButton';
+export { UDialog, UDialogProps } from './UDialog';
+export { UDivider, UDividerProps } from './UDivider';
+export { UDrawer, UDrawerProps } from './UDrawer';
+export { UForm, UFormProps } from './UForm';
+export { UIcon, UIconProps } from './UIcon';
+export { UIconButton, UIconButtonProps } from './UIconButton';
+export { UInput, UInputProps } from './UInput';
+export { UMenu, UMenuProps } from './UMenu';
+export { UMenuItem, UMenuItemProps } from './UMenuItem';
+export { UProgressBar, UProgressBarProps } from './UProgressBar';
+export { UProgressRing, UProgressRingProps } from './UProgressRing';
+export { USkeleton, USkeletonProps } from './USkeleton';
+export { USpinner, USpinnerProps } from './USpinner';
+export { USplitPanel, USplitPanelProps } from './USplitPanel';
+export { UTooltip, UTooltipProps } from './UTooltip';
+export { UTree, UTreeProps } from './UTree';
+export { UTreeItem, UTreeItemProps } from './UTreeItem';

package/dist/react-components/index.js

@@ -0,0 +1,19 @@
+export { UAlert } from './UAlert.js';
+export { UButton } from './UButton.js';
+export { UDialog } from './UDialog.js';
+export { UDivider } from './UDivider.js';
+export { UDrawer } from './UDrawer.js';
+export { UForm } from './UForm.js';
+export { UIcon } from './UIcon.js';
+export { UIconButton } from './UIconButton.js';
+export { UInput } from './UInput.js';
+export { UMenu } from './UMenu.js';
+export { UMenuItem } from './UMenuItem.js';
+export { UProgressBar } from './UProgressBar.js';
+export { UProgressRing } from './UProgressRing.js';
+export { USkeleton } from './USkeleton.js';
+export { USpinner } from './USpinner.js';
+export { USplitPanel } from './USplitPanel.js';
+export { UTooltip } from './UTooltip.js';
+export { UTree } from './UTree.js';
+export { UTreeItem } from './UTreeItem.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "keywords": [
     "iyulab",
     "components",
@@ -46,14 +46,14 @@
   },
   "devDependencies": {
     "@lit/react": "^1.0.8",
-    "@eslint/js": "^9.39.1",
-    "@types/node": "^25.0.1",
-    "eslint": "^9.39.1",
+    "@eslint/js": "^9.39.2",
+    "@types/node": "^25.0.3",
+    "eslint": "^9.39.2",
     "eslint-plugin-lit": "^2.1.1",
     "globals": "^16.5.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.49.0",
-    "vite": "^7.2.7",
+    "typescript-eslint": "^8.50.0",
+    "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-static-copy": "^3.1.4"
   }

package/dist/components/copy-button/UCopyButton.component.d.ts

@@ -1,19 +0,0 @@
-import { BaseElement } from '../BaseElement.js';
-/**
- * 복사 버튼 컴포넌트입니다.
- */
-export declare class UCopyButton extends BaseElement {
-    static styles: import('lit').CSSResultGroup[];
-    static dependencies: Record<string, typeof BaseElement>;
-    /** 버튼의 복사 상태를 설정합니다. 복사가 완료되면 true로 변경됩니다. */
-    copied: boolean;
-    /** 버튼의 테두리 유무를 설정합니다. 기본값은 false입니다. */
-    borderless: boolean;
-    /** 버튼이 비활성화 상태인지 여부를 설정합니다. 비활성화된 버튼은 클릭할 수 없습니다. */
-    disabled: boolean;
-    /** 복사할 텍스트를 설정합니다. */
-    value: string;
-    render(): import('lit-html').TemplateResult<1>;
-    /** 복사 버튼 클릭 핸들러 */
-    private handleButtonClick;
-}

package/dist/components/copy-button/UCopyButton.component.js

@@ -1,69 +0,0 @@
-import { html } from 'lit';
-import { state, property } from 'lit/decorators.js';
-import { BaseElement } from '../BaseElement.js';
-import { UIconButton } from '../icon-button/UIconButton.component.js';
-import { styles } from './UCopyButton.styles.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-class UCopyButton extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.copied = false;
-    this.borderless = false;
-    this.disabled = false;
-    this.value = "";
-    /** 복사 버튼 클릭 핸들러 */
-    this.handleButtonClick = async () => {
-      try {
-        await navigator.clipboard.writeText(this.value);
-        this.copied = true;
-        this.emit("u-copy", { value: this.value });
-        setTimeout(() => this.copied = false, 2e3);
-      } catch (error) {
-        console.error("Failed to copy text: ", error);
-      }
-    };
-  }
-  static {
-    this.styles = [super.styles, styles];
-  }
-  static {
-    this.dependencies = {
-      "u-icon-button": UIconButton
-    };
-  }
-  render() {
-    return html`
-      <u-icon-button part="base"
-        ?copied=${this.copied}
-        .borderless=${this.borderless}
-        .disabled=${this.disabled || this.copied}
-        .lib=${"internal"}
-        .name=${this.copied ? "check-lg" : "copy"}
-        @click=${this.handleButtonClick}>
-      </u-icon-button>
-    `;
-  }
-}
-__decorateClass([
-  state()
-], UCopyButton.prototype, "copied");
-__decorateClass([
-  property({ type: Boolean })
-], UCopyButton.prototype, "borderless");
-__decorateClass([
-  property({ type: Boolean })
-], UCopyButton.prototype, "disabled");
-__decorateClass([
-  property({ type: String })
-], UCopyButton.prototype, "value");
-
-export { UCopyButton };

package/dist/components/copy-button/UCopyButton.d.ts

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

package/dist/components/copy-button/UCopyButton.js

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

package/dist/components/copy-button/UCopyButton.styles.d.ts

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

package/dist/components/copy-button/UCopyButton.styles.js

@@ -1,17 +0,0 @@
-import { css } from 'lit';
-
-const styles = css`
-  :host {
-    display: inline-block;
-    font-size: 16px;
-  }
-
-  u-icon-button {
-    font-size: inherit;
-  }
-  u-icon-button[copied] {
-    color: var(--u-green-600, #16a34a);
-  }
-`;
-
-export { styles };