@iyulab/components 0.1.7 → 0.1.9

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,28 +60,19 @@ const _TreeItem = class _TreeItem extends BaseElement {
   }
   static {
     this.dependencies = {
-      "u-icon": Icon
+      "u-icon": UIcon
     };
   }
   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 _TreeItem = class _TreeItem 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>
@@ -104,28 +96,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,28 @@
-export * from './components';
-export * from './utilities';
+export * from './components/alert/UAlert.js';
+export * from './components/button/UButton.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,41 @@
-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/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 { 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/{integrations/react → react-components}/UAlert.d.ts

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

package/dist/{integrations/react → react-components}/UAlert.js

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

package/dist/{integrations/react → react-components}/UButton.d.ts

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

package/dist/{integrations/react → react-components}/UButton.js

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

package/dist/{integrations/react → react-components}/UDialog.d.ts

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

package/dist/{integrations/react → react-components}/UDialog.js

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

package/dist/{integrations/react → react-components}/UDivider.d.ts

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

package/dist/{integrations/react → react-components}/UDivider.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { Divider } from '../../components/divider/index';
+import { UDivider } from '../components/divider/UDivider';
 
 export const UDivider = createComponent({
   react: React,
   tagName: 'u-divider',
-  elementClass: 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/{integrations/react → react-components}/UForm.d.ts

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

package/dist/{integrations/react → react-components}/UForm.js

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

package/dist/{integrations/react → react-components}/UIcon.d.ts

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

package/dist/{integrations/react → react-components}/UIcon.js

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

package/dist/{integrations/react → react-components}/UIconButton.d.ts

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

package/dist/{integrations/react → react-components}/UIconButton.js

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

package/dist/{integrations/react → react-components}/UInput.d.ts

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

package/dist/{integrations/react → react-components}/UInput.js

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

package/dist/{integrations/react → react-components}/UMenu.d.ts

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

package/dist/{integrations/react → react-components}/UMenu.js

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

package/dist/{integrations/react → react-components}/UMenuItem.d.ts

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

package/dist/{integrations/react → react-components}/UMenuItem.js

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

package/dist/{integrations/react → react-components}/UProgressBar.d.ts

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

package/dist/{integrations/react → react-components}/UProgressBar.js

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

package/dist/{integrations/react → react-components}/UProgressRing.d.ts

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