@iyulab/components 0.4.0 → 1.0.0

package/dist/index.js

@@ -1,52 +1,56 @@
-export { UElement } from './components/UElement.js';
-export { UFloatingElement } from './components/UFloatingElement.js';
-export { UJsonElement } from './components/UJsonElement.js';
-export { UModalElement } from './components/UModalElement.js';
-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 { buildElementHTML, getParentElement, querySelectorAllWithin, querySelectorWithin } from './utilities/elements.js';
-export { IconRegistry, getDefaultBaseUrl, setDefaultBaseUrl } from './utilities/IconRegistry.js';
-export { Notifier } from './utilities/Notifier.js';
-export { escapeHtmlAttr, escapeHtmlHref, escapeHtmlText, stripZeroWidth } from './utilities/sanitizers.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>;

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

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

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

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

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

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

package/dist/react/UCheckbox.d.ts

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

package/dist/react/UCheckbox.js

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

package/dist/react/UChip.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { UChip as UChipElement } from '../components/chip/UChip';
+import { type PickEventDetail } from '../events/PickEvent';
+import { type RemoveEventDetail } from '../events/RemoveEvent';
+
+export declare const UChip: React.ForwardRefExoticComponent<
+  Partial<UChipElement> & React.HTMLAttributes<UChipElement> & {
+  onPick?: (event: CustomEvent<PickEventDetail>) => void;
+  onRemove?: (event: CustomEvent<RemoveEventDetail>) => void;
+  }
+>;
+
+export type UChipProps = React.ComponentProps<typeof UChip>;

package/dist/react/UChip.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { UChip } from '../components/chip/UChip.js';
+
+export const UChip = createComponent({
+  react: React,
+  tagName: 'u-chip',
+  elementClass: UChip,
+  events: {
+    onPick: 'pick',
+    onRemove: 'remove',
+  },
+});

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/react/UField.d.ts

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

package/dist/react/UField.js

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

package/dist/react/UForm.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UForm as UFormElement } from '../components/form/UForm';
+
+export declare const UForm: React.ForwardRefExoticComponent<
+  Partial<UFormElement> & React.HTMLAttributes<UFormElement> & {
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type UFormProps = React.ComponentProps<typeof UForm>;

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

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

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

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

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

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

package/dist/react/UIconButton.d.ts

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

package/dist/react/UIconButton.js

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

package/dist/react/UInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UInput as UInputElement } from '../components/input/UInput';
+
+export declare const UInput: React.ForwardRefExoticComponent<
+  Partial<UInputElement> & React.HTMLAttributes<UInputElement> & {
+  onInput?: (event: CustomEvent) => void;
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type UInputProps = React.ComponentProps<typeof UInput>;

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

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

package/dist/react/UMenu.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UMenu as UMenuElement } from '../components/menu/UMenu';
+
+export declare const UMenu: React.ForwardRefExoticComponent<
+  Partial<UMenuElement> & React.HTMLAttributes<UMenuElement> & {
+  onChange?: (event: CustomEvent) => void;
+  }
+>;
+
+export type UMenuProps = React.ComponentProps<typeof UMenu>;