@iyulab/components 0.3.0 → 1.0.0

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>;

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

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

package/dist/react/UMenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UMenuItem as UMenuItemElement } from '../components/menu-item/UMenuItem';
+import { type PickEventDetail } from '../events/PickEvent';
+
+export declare const UMenuItem: React.ForwardRefExoticComponent<
+  Partial<UMenuItemElement> & React.HTMLAttributes<UMenuItemElement> & {
+  onPick?: (event: CustomEvent<PickEventDetail>) => void;
+  }
+>;
+
+export type UMenuItemProps = React.ComponentProps<typeof UMenuItem>;

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

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

package/dist/react/UOption.d.ts

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

package/dist/react/UOption.js

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

package/dist/react/UPanel.d.ts

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

package/dist/react/UPanel.js

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

package/dist/react/UPopover.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { UPopover as UPopoverElement } from '../components/popover/UPopover';
+
+export declare const UPopover: React.ForwardRefExoticComponent<
+  Partial<UPopoverElement> & React.HTMLAttributes<UPopoverElement> & {
+  onShow?: (event: CustomEvent) => void;
+  onHide?: (event: CustomEvent) => void;
+  }
+>;
+
+export type UPopoverProps = React.ComponentProps<typeof UPopover>;

package/dist/react/UPopover.js

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

package/dist/react/UProgressBar.d.ts

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

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

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

package/dist/react/UProgressRing.d.ts

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

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

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

package/dist/react/URadio.d.ts

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

package/dist/react/URadio.js

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

package/dist/react/URating.d.ts

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

package/dist/react/URating.js

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

package/dist/react/USelect.d.ts

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

package/dist/react/USelect.js

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

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

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

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

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

package/dist/react/USlider.d.ts

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

package/dist/react/USlider.js

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

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

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

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

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