@iyulab/components 0.3.0 → 1.0.0

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

@@ -1,71 +1,130 @@
-import { css } from 'lit';
-
-const styles = css`
+import { css } from "lit";
+//#region src/components/tree-item/UTreeItem.styles.ts
+var styles = css`
   :host {
-    --indent-level: 0;
-    --indent-size: 20px;
+    --tree-item-depth: 0;
   }
 
   :host {
     display: block;
   }
+  :host(:focus-visible) {
+    outline: none;
+  }
   :host([disabled]) {
     opacity: 0.5;
     pointer-events: none;
-    cursor: not-allowed;
-  }
-  :host([disabled]) .header {
-    cursor: not-allowed;
-    pointer-events: none;
   }
 
+  /* ── header ── */
   .header {
     display: flex;
     flex-direction: row;
     align-items: center;
-    gap: 6px;
-    padding: 6px 8px;
-    padding-left: calc(var(--indent-level, 0) * var(--indent-size));
-    line-height: 1.5;
-    border-radius: 4px;
-    background-color: transparent;
-    transition: background-color 0.2s ease;
+    padding: 4px 8px;
+    padding-left: calc(
+      var(--tree-indent-size) * var(--tree-item-depth)
+      + var(--tree-indent-guide-offset)
+    );
+    transition: background-color 0.15s ease, color 0.15s ease;
     user-select: none;
     cursor: pointer;
   }
-  :host(:not([disabled])) .header:hover {
-    background-color: var(--u-bg-color-hover, #f5f5f5);
+  :host(:not([disabled])[trigger="item"]) .header:hover,
+  :host(:not([disabled])[trigger="item"]:focus-visible) .header {
+    background-color: var(--u-bg-color-hover);
   }
-  :host([selected]) .header {
-    color: var(--u-blue-600, #0066cc);
-    background-color: var(--u-blue-0, #e8f4f8);
+  .header[selected] {
+    color: var(--u-blue-700);
+    font-weight: 600;
+    background-color: var(--u-blue-100);
   }
 
-  .expand-icon {
-    transition: transform 0.2s ease, color 0.2s ease;
-    cursor: pointer;
+  ::slotted([slot="prefix"]) {
+    margin-right: 0.2em;
   }
-  
-  slot[name="prefix"],
-  slot[name="suffix"] {
+  ::slotted([slot="suffix"]) {
+    margin-left: 0.2em;
+  }
+
+  /* ── content ── */
+  .content {
+    flex: 1;
+    min-width: 0;
+    line-height: 1.5;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* ── toggler ── */
+  .prefix-toggler {
+    flex-shrink: 0;
+    margin-right: 4px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    width: 18px;
+    height: 18px;
+    border-radius: 3px;
   }
-  
-  .label {
-    flex: 1;
+  .prefix-toggler u-icon {
+    font-size: 12px;
+  }
+  :host(:not([disabled])[trigger="icon"]) .prefix-toggler:hover,
+  :host(:not([disabled])[trigger="icon"]:focus-visible) .prefix-toggler {
+    background-color: var(--u-bg-color-hover);
+  }
+
+  /* ── checkbox ── */
+  .prefix-checkbox {
+    flex-shrink: 0;
+    margin-right: 4px;
     display: inline-flex;
     align-items: center;
-    justify-content: flex-start;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    border-radius: 3px;
+    border: 1.5px solid var(--u-input-border-color);
+    background-color: transparent;
+    transition: background-color 0.15s ease, border-color 0.15s ease;
+    cursor: pointer;
+  }
+  .prefix-checkbox u-icon {
+    visibility: hidden;
+    font-size: 12px;
+    color: #fff;
+  }
+  .prefix-checkbox[checked],
+  .prefix-checkbox[indeterminate] {
+    border-color: var(--u-blue-600);
+    background-color: var(--u-blue-600);
+  }
+  .prefix-checkbox[checked] u-icon,
+  .prefix-checkbox[indeterminate] u-icon {
+    visibility: visible;
   }
 
-  .children {
+  /* ── children ── */
+  .subtree {
     display: block;
+    position: relative;
   }
-`;
 
+  .subtree::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: calc(
+      var(--tree-indent-size) * (var(--tree-item-depth) + 1)
+    );
+    border-left: var(--tree-indent-guide-width)
+                 var(--tree-indent-guide-style)
+                 var(--tree-indent-guide-color);
+    pointer-events: none;
+  }
+`;
+//#endregion
 export { styles };

package/dist/events/CheckEvent.d.ts

@@ -0,0 +1,7 @@
+export type CheckEventDetail = unknown;
+export type CheckEvent = CustomEvent<CheckEventDetail>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'check': CheckEvent;
+    }
+}

package/dist/events/CollapseEvent.d.ts

@@ -0,0 +1,7 @@
+export type CollapseEventDetail = unknown;
+export type CollapseEvent = CustomEvent<CollapseEventDetail>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'collapse': CollapseEvent;
+    }
+}

package/dist/events/ExpandEvent.d.ts

@@ -0,0 +1,7 @@
+export type ExpandEventDetail = unknown;
+export type ExpandEvent = CustomEvent<ExpandEventDetail>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'expand': ExpandEvent;
+    }
+}

package/dist/events/HideEvent.d.ts

@@ -0,0 +1,7 @@
+export type HideEventDetail = unknown;
+export type HideEvent = CustomEvent<HideEventDetail>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'hide': HideEvent;
+    }
+}

package/dist/events/NavigateEvent.d.ts

@@ -0,0 +1,7 @@
+export type NavigateEventDetail = unknown;
+export type NavigateEvent = CustomEvent<NavigateEventDetail>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'navigate': NavigateEvent;
+    }
+}

package/dist/events/PickEvent.d.ts

@@ -0,0 +1,18 @@
+export interface PickEventDetail {
+    /** 아이템의 고유값 */
+    value: string;
+    /** 클릭 후 선택 상태 */
+    selected: boolean;
+    /** Shift 키 누름 여부 (범위 선택) */
+    shiftKey: boolean;
+    /** Meta/Cmd 키 누름 여부 (Mac 다중 개별 선택) */
+    metaKey: boolean;
+    /** Ctrl 키 누름 여부 (Windows/Linux 다중 개별 선택) */
+    ctrlKey: boolean;
+}
+export type PickEvent = CustomEvent<PickEventDetail>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'pick': PickEvent;
+    }
+}

package/dist/events/RemoveEvent.d.ts

@@ -0,0 +1,7 @@
+export type RemoveEventDetail = unknown;
+export type RemoveEvent = CustomEvent<RemoveEventDetail>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'remove': RemoveEvent;
+    }
+}

package/dist/events/ShiftEvent.d.ts

@@ -0,0 +1,16 @@
+export interface ShiftEventDetail {
+    /** 이동된 구분선의 인덱스 */
+    index: number;
+    /** 현재 패널 크기 비율 배열 (퍼센트, 합계 100) */
+    ratio: number[];
+}
+export type UShiftEvent = CustomEvent<ShiftEventDetail>;
+export type UShiftStartEvent = CustomEvent<ShiftEventDetail>;
+export type UShiftEndEvent = CustomEvent<ShiftEventDetail>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'shift': UShiftEvent;
+        'shift-start': UShiftStartEvent;
+        'shift-end': UShiftEndEvent;
+    }
+}

package/dist/events/ShowEvent.d.ts

@@ -0,0 +1,7 @@
+export type ShowEventDetail = unknown;
+export type ShowEvent = CustomEvent<ShowEventDetail>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'show': ShowEvent;
+    }
+}

package/dist/index.d.ts

@@ -1,31 +1,64 @@
+export * from './components/UFormControlElement.js';
+export * from './components/UDataElement.js';
+export * from './components/UElement.js';
+export * from './components/UFloatingElement.js';
+export * from './components/UOverlayElement.js';
 export * from './components/alert/UAlert.js';
+export * from './components/avatar/UAvatar.js';
+export * from './components/badge/UBadge.js';
+export * from './components/breadcrumb/UBreadcrumb.js';
+export * from './components/breadcrumb-item/UBreadcrumbItem.js';
 export * from './components/button/UButton.js';
+export * from './components/button-group/UButtonGroup.js';
 export * from './components/card/UCard.js';
 export * from './components/carousel/UCarousel.js';
+export * from './components/checkbox/UCheckbox.js';
+export * from './components/chip/UChip.js';
 export * from './components/dialog/UDialog.js';
 export * from './components/divider/UDivider.js';
 export * from './components/drawer/UDrawer.js';
+export * from './components/field/UField.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/option/UOption.js';
+export * from './components/panel/UPanel.js';
+export * from './components/popover/UPopover.js';
 export * from './components/progress-bar/UProgressBar.js';
 export * from './components/progress-ring/UProgressRing.js';
+export * from './components/radio/URadio.js';
+export * from './components/rating/URating.js';
+export * from './components/select/USelect.js';
 export * from './components/skeleton/USkeleton.js';
+export * from './components/slider/USlider.js';
 export * from './components/spinner/USpinner.js';
 export * from './components/split-panel/USplitPanel.js';
+export * from './components/switch/USwitch.js';
+export * from './components/tab/UTab.js';
+export * from './components/tab-panel/UTabPanel.js';
 export * from './components/tag/UTag.js';
+export * from './components/textarea/UTextarea.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 './events/CheckEvent';
+export * from './events/CollapseEvent';
+export * from './events/ExpandEvent';
+export * from './events/HideEvent';
+export * from './events/NavigateEvent';
+export * from './events/PickEvent';
+export * from './events/RemoveEvent';
+export * from './events/ShiftEvent';
+export * from './events/ShowEvent';
 export * from './utilities/BrowserStorage.js';
-export * from './utilities/IconRegistry.js';
-export * from './utilities/Notifier.js';
+export * from './utilities/converters.js';
+export * from './utilities/Dialog.js';
+export * from './utilities/elements.js';
+export * from './utilities/icons.js';
+export * from './utilities/OverlayManager.js';
+export * from './utilities/sanitizers.js';
 export * from './utilities/Theme.js';
+export * from './utilities/Toast.js';

package/dist/index.js

@@ -1,46 +1,56 @@
-import './components/alert/UAlert.js';
-import './components/button/UButton.js';
-import './components/card/UCard.js';
-import './components/carousel/UCarousel.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/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/tag/UTag.js';
-import './components/tooltip/UTooltip.js';
-import './components/tree/UTree.js';
-import './components/tree-item/UTreeItem.js';
-export { BrowserStorage } from './utilities/BrowserStorage.js';
-export { IconRegistry, getDefaultBaseUrl, setDefaultBaseUrl } from './utilities/IconRegistry.js';
-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 { UCard } from './components/card/UCard.component.js';
-export { UCarousel } from './components/carousel/UCarousel.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 { 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 { UTag } from './components/tag/UTag.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';
+import { UElement } from "./components/UElement.js";
+import { UFormControlElement } from "./components/UFormControlElement.js";
+import { IconCache, IconRegistry, getDefaultBaseUrl, setDefaultBaseUrl } from "./utilities/icons.js";
+import { UIcon } from "./components/icon/UIcon.js";
+import { escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, stripZeroWidth } from "./utilities/sanitizers.js";
+import { buildElementHTML, getParentElement, querySelectorAllWithin, querySelectorWithin } from "./utilities/elements.js";
+import { UDataElement } from "./components/UDataElement.js";
+import { UFloatingElement } from "./components/UFloatingElement.js";
+import { OverlayManager } from "./utilities/OverlayManager.js";
+import { arrayAttrConverter, booleanAttrConverter, dateAttrConverter, jsonAttrConverter, urlAttrConverter } from "./utilities/converters.js";
+import { UOverlayElement } from "./components/UOverlayElement.js";
+import { USpinner } from "./components/spinner/USpinner.js";
+import { UButton } from "./components/button/UButton.js";
+import { UAlert } from "./components/alert/UAlert.js";
+import { UAvatar } from "./components/avatar/UAvatar.js";
+import { UBadge } from "./components/badge/UBadge.js";
+import { UBreadcrumb } from "./components/breadcrumb/UBreadcrumb.js";
+import { UBreadcrumbItem } from "./components/breadcrumb-item/UBreadcrumbItem.js";
+import { UTooltip } from "./components/tooltip/UTooltip.js";
+import { UIconButton } from "./components/icon-button/UIconButton.js";
+import { UButtonGroup } from "./components/button-group/UButtonGroup.js";
+import { UCard } from "./components/card/UCard.js";
+import { UCarousel } from "./components/carousel/UCarousel.js";
+import { UCheckbox } from "./components/checkbox/UCheckbox.js";
+import { UTag } from "./components/tag/UTag.js";
+import { UChip } from "./components/chip/UChip.js";
+import { UDialog } from "./components/dialog/UDialog.js";
+import { UDivider } from "./components/divider/UDivider.js";
+import { UDrawer } from "./components/drawer/UDrawer.js";
+import { UField } from "./components/field/UField.js";
+import { UForm } from "./components/form/UForm.js";
+import { UOption } from "./components/option/UOption.js";
+import { UPopover } from "./components/popover/UPopover.js";
+import { UInput } from "./components/input/UInput.js";
+import { UMenuItem } from "./components/menu-item/UMenuItem.js";
+import { UMenu } from "./components/menu/UMenu.js";
+import { UPanel } from "./components/panel/UPanel.js";
+import { UProgressBar } from "./components/progress-bar/UProgressBar.js";
+import { UProgressRing } from "./components/progress-ring/UProgressRing.js";
+import { URadio } from "./components/radio/URadio.js";
+import { URating } from "./components/rating/URating.js";
+import { USelect } from "./components/select/USelect.js";
+import { USkeleton } from "./components/skeleton/USkeleton.js";
+import { USlider } from "./components/slider/USlider.js";
+import { USplitPanel } from "./components/split-panel/USplitPanel.js";
+import { USwitch } from "./components/switch/USwitch.js";
+import { UTab } from "./components/tab/UTab.js";
+import { UTabPanel } from "./components/tab-panel/UTabPanel.js";
+import { UTextarea } from "./components/textarea/UTextarea.js";
+import { UTreeItem } from "./components/tree-item/UTreeItem.js";
+import { UTree } from "./components/tree/UTree.js";
+import { BrowserStorage } from "./utilities/BrowserStorage.js";
+import { Dialog } from "./utilities/Dialog.js";
+import { Theme } from "./utilities/Theme.js";
+import { Toast } from "./utilities/Toast.js";
+export { BrowserStorage, Dialog, IconCache, IconRegistry, OverlayManager, Theme, Toast, UAlert, UAvatar, UBadge, UBreadcrumb, UBreadcrumbItem, UButton, UButtonGroup, UCard, UCarousel, UCheckbox, UChip, UDataElement, UDialog, UDivider, UDrawer, UElement, UField, UFloatingElement, UForm, UFormControlElement, UIcon, UIconButton, UInput, UMenu, UMenuItem, UOption, UOverlayElement, UPanel, UPopover, UProgressBar, UProgressRing, URadio, URating, USelect, USkeleton, USlider, USpinner, USplitPanel, USwitch, UTab, UTabPanel, UTag, UTextarea, UTooltip, UTree, UTreeItem, arrayAttrConverter, booleanAttrConverter, buildElementHTML, dateAttrConverter, escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, getDefaultBaseUrl, getParentElement, jsonAttrConverter, querySelectorAllWithin, querySelectorWithin, setDefaultBaseUrl, stripZeroWidth, urlAttrConverter };

package/dist/react/UAlert.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { UAlert as UAlertElement } from '../components/alert/UAlert';
+import { type ShowEventDetail } from '../events/ShowEvent';
+import { type HideEventDetail } from '../events/HideEvent';
+
+export declare const UAlert: React.ForwardRefExoticComponent<
+  Partial<UAlertElement> & React.HTMLAttributes<UAlertElement> & {
+  onShow?: (event: CustomEvent<ShowEventDetail>) => void;
+  onHide?: (event: CustomEvent<HideEventDetail>) => void;
+  }
+>;
+
+export type UAlertProps = React.ComponentProps<typeof UAlert>;

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

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

package/dist/react/UAvatar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UAvatar as UAvatarElement } from '../components/avatar/UAvatar';
+
+export declare const UAvatar: React.ForwardRefExoticComponent<
+  Partial<UAvatarElement> & React.HTMLAttributes<UAvatarElement> & {
+  }
+>;
+
+export type UAvatarProps = React.ComponentProps<typeof UAvatar>;

package/dist/react/UAvatar.js

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

package/dist/react/UBadge.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UBadge as UBadgeElement } from '../components/badge/UBadge';
+
+export declare const UBadge: React.ForwardRefExoticComponent<
+  Partial<UBadgeElement> & React.HTMLAttributes<UBadgeElement> & {
+  }
+>;
+
+export type UBadgeProps = React.ComponentProps<typeof UBadge>;

package/dist/react/UBadge.js

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

package/dist/react/UBreadcrumb.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UBreadcrumb as UBreadcrumbElement } from '../components/breadcrumb/UBreadcrumb';
+
+export declare const UBreadcrumb: React.ForwardRefExoticComponent<
+  Partial<UBreadcrumbElement> & React.HTMLAttributes<UBreadcrumbElement> & {
+  }
+>;
+
+export type UBreadcrumbProps = React.ComponentProps<typeof UBreadcrumb>;

package/dist/react/UBreadcrumb.js

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

package/dist/react/UBreadcrumbItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UBreadcrumbItem as UBreadcrumbItemElement } from '../components/breadcrumb-item/UBreadcrumbItem';
+import { type NavigateEventDetail } from '../events/NavigateEvent';
+
+export declare const UBreadcrumbItem: React.ForwardRefExoticComponent<
+  Partial<UBreadcrumbItemElement> & React.HTMLAttributes<UBreadcrumbItemElement> & {
+  onNavigate?: (event: CustomEvent<NavigateEventDetail>) => void;
+  }
+>;
+
+export type UBreadcrumbItemProps = React.ComponentProps<typeof UBreadcrumbItem>;

package/dist/react/UBreadcrumbItem.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UBreadcrumbItem } from '../components/breadcrumb-item/UBreadcrumbItem.js';
+
+export const UBreadcrumbItem = createComponent({
+  react: React,
+  tagName: 'u-breadcrumb-item',
+  elementClass: UBreadcrumbItem,
+  events: {
+    onNavigate: 'navigate',
+  },
+});

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

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

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

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

package/dist/react/UButtonGroup.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { UButtonGroup as UButtonGroupElement } from '../components/button-group/UButtonGroup';
+
+export declare const UButtonGroup: React.ForwardRefExoticComponent<
+  Partial<UButtonGroupElement> & React.HTMLAttributes<UButtonGroupElement> & {
+  }
+>;
+
+export type UButtonGroupProps = React.ComponentProps<typeof UButtonGroup>;

package/dist/react/UButtonGroup.js

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

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import { UCard } from '../components/card/UCard';
+import { UCard as UCardElement } from '../components/card/UCard';
 
 export declare const UCard: React.ForwardRefExoticComponent<
-  Partial<UCard> & React.HTMLAttributes<UCard>
+  Partial<UCardElement> & React.HTMLAttributes<UCardElement> & {
+  }
 >;
 
 export type UCardProps = React.ComponentProps<typeof UCard>;