@getufy/flint-ui-react 0.1.0 → 0.1.1

package/README.md

@@ -0,0 +1,38 @@
+# @getufy/flint-ui-react
+
+[![npm](https://img.shields.io/npm/v/@getufy/flint-ui-react)](https://www.npmjs.com/package/@getufy/flint-ui-react)
+[![license](https://img.shields.io/npm/l/@getufy/flint-ui-react)](https://github.com/getufy/flint-ui/blob/main/LICENSE)
+
+React wrappers for [`@getufy/flint-ui`](https://www.npmjs.com/package/@getufy/flint-ui) web components, built with [`@lit/react`](https://www.npmjs.com/package/@lit/react).
+
+## Installation
+
+```bash
+npm install @getufy/flint-ui-react @getufy/flint-ui lit react
+```
+
+## Usage
+
+```jsx
+import { FlintButton, FlintTabs, FlintDialog } from '@getufy/flint-ui-react';
+
+function App() {
+  return (
+    <FlintButton variant="contained" color="primary" onClick={() => console.log('clicked')}>
+      Click me
+    </FlintButton>
+  );
+}
+```
+
+All components from `@getufy/flint-ui` are available as React components with proper event handling and type definitions.
+
+## Peer Dependencies
+
+- `react` ^18.0.0 || ^19.0.0
+- `@getufy/flint-ui` ^0.1.0
+- `lit` ^3.0.0
+
+## License
+
+[MIT](https://github.com/getufy/flint-ui/blob/main/LICENSE)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getufy/flint-ui-react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "types": "./dist/index.d.ts",
   "module": "./dist/index.js",

package/dist/components/UiAccordion.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type EventName } from '@lit/react';
-import { UiAccordion as UiAccordionElement } from 'storybook-lit/accordion/ui-accordion';
-export declare const UiAccordion: import("@lit/react").ReactWebComponent<UiAccordionElement, {
-    onUiAccordionChange: EventName<CustomEvent>;
-}>;
-export type UiAccordionProps = React.ComponentProps<typeof UiAccordion>;

package/dist/components/UiAccordion.js

@@ -1,13 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/accordion/ui-accordion.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiAccordion as UiAccordionElement } from 'storybook-lit/accordion/ui-accordion';
-export const UiAccordion = createComponent({
-    tagName: 'ui-accordion',
-    elementClass: UiAccordionElement,
-    react: React,
-    events: {
-        onUiAccordionChange: 'ui-accordion-change',
-    },
-});

package/dist/components/UiAccordionActions.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiAccordionActions as UiAccordionActionsElement } from 'storybook-lit/accordion/ui-accordion';
-export declare const UiAccordionActions: import("@lit/react").ReactWebComponent<UiAccordionActionsElement, {}>;
-export type UiAccordionActionsProps = React.ComponentProps<typeof UiAccordionActions>;

package/dist/components/UiAccordionActions.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/accordion/ui-accordion.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiAccordionActions as UiAccordionActionsElement } from 'storybook-lit/accordion/ui-accordion';
-export const UiAccordionActions = createComponent({
-    tagName: 'ui-accordion-actions',
-    elementClass: UiAccordionActionsElement,
-    react: React,
-});

package/dist/components/UiAccordionDetails.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiAccordionDetails as UiAccordionDetailsElement } from 'storybook-lit/accordion/ui-accordion';
-export declare const UiAccordionDetails: import("@lit/react").ReactWebComponent<UiAccordionDetailsElement, {}>;
-export type UiAccordionDetailsProps = React.ComponentProps<typeof UiAccordionDetails>;

package/dist/components/UiAccordionDetails.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/accordion/ui-accordion.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiAccordionDetails as UiAccordionDetailsElement } from 'storybook-lit/accordion/ui-accordion';
-export const UiAccordionDetails = createComponent({
-    tagName: 'ui-accordion-details',
-    elementClass: UiAccordionDetailsElement,
-    react: React,
-});

package/dist/components/UiAccordionSummary.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type EventName } from '@lit/react';
-import { UiAccordionSummary as UiAccordionSummaryElement } from 'storybook-lit/accordion/ui-accordion';
-export declare const UiAccordionSummary: import("@lit/react").ReactWebComponent<UiAccordionSummaryElement, {
-    onUiAccordionToggle: EventName<CustomEvent>;
-}>;
-export type UiAccordionSummaryProps = React.ComponentProps<typeof UiAccordionSummary>;

package/dist/components/UiAccordionSummary.js

@@ -1,13 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/accordion/ui-accordion.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiAccordionSummary as UiAccordionSummaryElement } from 'storybook-lit/accordion/ui-accordion';
-export const UiAccordionSummary = createComponent({
-    tagName: 'ui-accordion-summary',
-    elementClass: UiAccordionSummaryElement,
-    react: React,
-    events: {
-        onUiAccordionToggle: 'ui-accordion-toggle',
-    },
-});

package/dist/components/UiAlert.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type EventName } from '@lit/react';
-import { UiAlert as UiAlertElement } from 'storybook-lit/alert/ui-alert';
-export declare const UiAlert: import("@lit/react").ReactWebComponent<UiAlertElement, {
-    onUiAlertClose: EventName<CustomEvent>;
-}>;
-export type UiAlertProps = React.ComponentProps<typeof UiAlert>;

package/dist/components/UiAlert.js

@@ -1,13 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/alert/ui-alert.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiAlert as UiAlertElement } from 'storybook-lit/alert/ui-alert';
-export const UiAlert = createComponent({
-    tagName: 'ui-alert',
-    elementClass: UiAlertElement,
-    react: React,
-    events: {
-        onUiAlertClose: 'ui-alert-close',
-    },
-});

package/dist/components/UiAppBar.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiAppBar as UiAppBarElement } from 'storybook-lit/app-bar/ui-app-bar';
-export declare const UiAppBar: import("@lit/react").ReactWebComponent<UiAppBarElement, {}>;
-export type UiAppBarProps = React.ComponentProps<typeof UiAppBar>;

package/dist/components/UiAppBar.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/app-bar/ui-app-bar.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiAppBar as UiAppBarElement } from 'storybook-lit/app-bar/ui-app-bar';
-export const UiAppBar = createComponent({
-    tagName: 'ui-app-bar',
-    elementClass: UiAppBarElement,
-    react: React,
-});

package/dist/components/UiAutocomplete.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type EventName } from '@lit/react';
-import { UiAutocomplete as UiAutocompleteElement } from 'storybook-lit/autocomplete/ui-autocomplete';
-export declare const UiAutocomplete: import("@lit/react").ReactWebComponent<UiAutocompleteElement, {
-    onChange: EventName<CustomEvent>;
-}>;
-export type UiAutocompleteProps = React.ComponentProps<typeof UiAutocomplete>;

package/dist/components/UiAutocomplete.js

@@ -1,13 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/autocomplete/ui-autocomplete.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiAutocomplete as UiAutocompleteElement } from 'storybook-lit/autocomplete/ui-autocomplete';
-export const UiAutocomplete = createComponent({
-    tagName: 'ui-autocomplete',
-    elementClass: UiAutocompleteElement,
-    react: React,
-    events: {
-        onChange: 'change',
-    },
-});

package/dist/components/UiAvatar.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiAvatar as UiAvatarElement } from 'storybook-lit/avatar/ui-avatar';
-export declare const UiAvatar: import("@lit/react").ReactWebComponent<UiAvatarElement, {}>;
-export type UiAvatarProps = React.ComponentProps<typeof UiAvatar>;

package/dist/components/UiAvatar.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/avatar/ui-avatar.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiAvatar as UiAvatarElement } from 'storybook-lit/avatar/ui-avatar';
-export const UiAvatar = createComponent({
-    tagName: 'ui-avatar',
-    elementClass: UiAvatarElement,
-    react: React,
-});

package/dist/components/UiBackdrop.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type EventName } from '@lit/react';
-import { UiBackdrop as UiBackdropElement } from 'storybook-lit/backdrop/ui-backdrop';
-export declare const UiBackdrop: import("@lit/react").ReactWebComponent<UiBackdropElement, {
-    onClose: EventName<CustomEvent>;
-}>;
-export type UiBackdropProps = React.ComponentProps<typeof UiBackdrop>;

package/dist/components/UiBackdrop.js

@@ -1,13 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/backdrop/ui-backdrop.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiBackdrop as UiBackdropElement } from 'storybook-lit/backdrop/ui-backdrop';
-export const UiBackdrop = createComponent({
-    tagName: 'ui-backdrop',
-    elementClass: UiBackdropElement,
-    react: React,
-    events: {
-        onClose: 'close',
-    },
-});

package/dist/components/UiBadge.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiBadge as UiBadgeElement } from 'storybook-lit/badge/ui-badge';
-export declare const UiBadge: import("@lit/react").ReactWebComponent<UiBadgeElement, {}>;
-export type UiBadgeProps = React.ComponentProps<typeof UiBadge>;

package/dist/components/UiBadge.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/badge/ui-badge.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiBadge as UiBadgeElement } from 'storybook-lit/badge/ui-badge';
-export const UiBadge = createComponent({
-    tagName: 'ui-badge',
-    elementClass: UiBadgeElement,
-    react: React,
-});

package/dist/components/UiBottomNavigation.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type EventName } from '@lit/react';
-import { UiBottomNavigation as UiBottomNavigationElement } from 'storybook-lit/bottom-navigation/ui-bottom-navigation';
-export declare const UiBottomNavigation: import("@lit/react").ReactWebComponent<UiBottomNavigationElement, {
-    onUiBottomNavigationChange: EventName<CustomEvent>;
-}>;
-export type UiBottomNavigationProps = React.ComponentProps<typeof UiBottomNavigation>;

package/dist/components/UiBottomNavigation.js

@@ -1,13 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/bottom-navigation/ui-bottom-navigation.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiBottomNavigation as UiBottomNavigationElement } from 'storybook-lit/bottom-navigation/ui-bottom-navigation';
-export const UiBottomNavigation = createComponent({
-    tagName: 'ui-bottom-navigation',
-    elementClass: UiBottomNavigationElement,
-    react: React,
-    events: {
-        onUiBottomNavigationChange: 'ui-bottom-navigation-change',
-    },
-});

package/dist/components/UiBottomNavigationAction.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiBottomNavigationAction as UiBottomNavigationActionElement } from 'storybook-lit/bottom-navigation/ui-bottom-navigation-action';
-export declare const UiBottomNavigationAction: import("@lit/react").ReactWebComponent<UiBottomNavigationActionElement, {}>;
-export type UiBottomNavigationActionProps = React.ComponentProps<typeof UiBottomNavigationAction>;

package/dist/components/UiBottomNavigationAction.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/bottom-navigation/ui-bottom-navigation-action.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiBottomNavigationAction as UiBottomNavigationActionElement } from 'storybook-lit/bottom-navigation/ui-bottom-navigation-action';
-export const UiBottomNavigationAction = createComponent({
-    tagName: 'ui-bottom-navigation-action',
-    elementClass: UiBottomNavigationActionElement,
-    react: React,
-});

package/dist/components/UiBox.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiBox as UiBoxElement } from 'storybook-lit/box/ui-box';
-export declare const UiBox: import("@lit/react").ReactWebComponent<UiBoxElement, {}>;
-export type UiBoxProps = React.ComponentProps<typeof UiBox>;

package/dist/components/UiBox.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/box/ui-box.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiBox as UiBoxElement } from 'storybook-lit/box/ui-box';
-export const UiBox = createComponent({
-    tagName: 'ui-box',
-    elementClass: UiBoxElement,
-    react: React,
-});

package/dist/components/UiBreadcrumbs.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiBreadcrumbs as UiBreadcrumbsElement } from 'storybook-lit/breadcrumbs/ui-breadcrumbs';
-export declare const UiBreadcrumbs: import("@lit/react").ReactWebComponent<UiBreadcrumbsElement, {}>;
-export type UiBreadcrumbsProps = React.ComponentProps<typeof UiBreadcrumbs>;

package/dist/components/UiBreadcrumbs.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/breadcrumbs/ui-breadcrumbs.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiBreadcrumbs as UiBreadcrumbsElement } from 'storybook-lit/breadcrumbs/ui-breadcrumbs';
-export const UiBreadcrumbs = createComponent({
-    tagName: 'ui-breadcrumbs',
-    elementClass: UiBreadcrumbsElement,
-    react: React,
-});

package/dist/components/UiButton.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiButton as UiButtonElement } from 'storybook-lit/button/ui-button';
-export declare const UiButton: import("@lit/react").ReactWebComponent<UiButtonElement, {}>;
-export type UiButtonProps = React.ComponentProps<typeof UiButton>;

package/dist/components/UiButton.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/button/ui-button.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiButton as UiButtonElement } from 'storybook-lit/button/ui-button';
-export const UiButton = createComponent({
-    tagName: 'ui-button',
-    elementClass: UiButtonElement,
-    react: React,
-});

package/dist/components/UiButtonGroup.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiButtonGroup as UiButtonGroupElement } from 'storybook-lit/button/ui-button-group';
-export declare const UiButtonGroup: import("@lit/react").ReactWebComponent<UiButtonGroupElement, {}>;
-export type UiButtonGroupProps = React.ComponentProps<typeof UiButtonGroup>;

package/dist/components/UiButtonGroup.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/button/ui-button-group.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiButtonGroup as UiButtonGroupElement } from 'storybook-lit/button/ui-button-group';
-export const UiButtonGroup = createComponent({
-    tagName: 'ui-button-group',
-    elementClass: UiButtonGroupElement,
-    react: React,
-});

package/dist/components/UiCard.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCard as UiCardElement } from 'storybook-lit/card/ui-card';
-export declare const UiCard: import("@lit/react").ReactWebComponent<UiCardElement, {}>;
-export type UiCardProps = React.ComponentProps<typeof UiCard>;

package/dist/components/UiCard.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/card/ui-card.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCard as UiCardElement } from 'storybook-lit/card/ui-card';
-export const UiCard = createComponent({
-    tagName: 'ui-card',
-    elementClass: UiCardElement,
-    react: React,
-});

package/dist/components/UiCardActionArea.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCardActionArea as UiCardActionAreaElement } from 'storybook-lit/card/ui-card-action-area';
-export declare const UiCardActionArea: import("@lit/react").ReactWebComponent<UiCardActionAreaElement, {}>;
-export type UiCardActionAreaProps = React.ComponentProps<typeof UiCardActionArea>;

package/dist/components/UiCardActionArea.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/card/ui-card-action-area.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCardActionArea as UiCardActionAreaElement } from 'storybook-lit/card/ui-card-action-area';
-export const UiCardActionArea = createComponent({
-    tagName: 'ui-card-action-area',
-    elementClass: UiCardActionAreaElement,
-    react: React,
-});

package/dist/components/UiCardActions.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCardActions as UiCardActionsElement } from 'storybook-lit/card/ui-card-actions';
-export declare const UiCardActions: import("@lit/react").ReactWebComponent<UiCardActionsElement, {}>;
-export type UiCardActionsProps = React.ComponentProps<typeof UiCardActions>;

package/dist/components/UiCardActions.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/card/ui-card-actions.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCardActions as UiCardActionsElement } from 'storybook-lit/card/ui-card-actions';
-export const UiCardActions = createComponent({
-    tagName: 'ui-card-actions',
-    elementClass: UiCardActionsElement,
-    react: React,
-});

package/dist/components/UiCardContent.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCardContent as UiCardContentElement } from 'storybook-lit/card/ui-card-content';
-export declare const UiCardContent: import("@lit/react").ReactWebComponent<UiCardContentElement, {}>;
-export type UiCardContentProps = React.ComponentProps<typeof UiCardContent>;

package/dist/components/UiCardContent.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/card/ui-card-content.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCardContent as UiCardContentElement } from 'storybook-lit/card/ui-card-content';
-export const UiCardContent = createComponent({
-    tagName: 'ui-card-content',
-    elementClass: UiCardContentElement,
-    react: React,
-});

package/dist/components/UiCardHeader.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCardHeader as UiCardHeaderElement } from 'storybook-lit/card/ui-card-header';
-export declare const UiCardHeader: import("@lit/react").ReactWebComponent<UiCardHeaderElement, {}>;
-export type UiCardHeaderProps = React.ComponentProps<typeof UiCardHeader>;

package/dist/components/UiCardHeader.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/card/ui-card-header.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCardHeader as UiCardHeaderElement } from 'storybook-lit/card/ui-card-header';
-export const UiCardHeader = createComponent({
-    tagName: 'ui-card-header',
-    elementClass: UiCardHeaderElement,
-    react: React,
-});

package/dist/components/UiCardMedia.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCardMedia as UiCardMediaElement } from 'storybook-lit/card/ui-card-media';
-export declare const UiCardMedia: import("@lit/react").ReactWebComponent<UiCardMediaElement, {}>;
-export type UiCardMediaProps = React.ComponentProps<typeof UiCardMedia>;

package/dist/components/UiCardMedia.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/card/ui-card-media.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCardMedia as UiCardMediaElement } from 'storybook-lit/card/ui-card-media';
-export const UiCardMedia = createComponent({
-    tagName: 'ui-card-media',
-    elementClass: UiCardMediaElement,
-    react: React,
-});

package/dist/components/UiCarousel.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type EventName } from '@lit/react';
-import { UiCarousel as UiCarouselElement } from 'storybook-lit/carousel/ui-carousel';
-export declare const UiCarousel: import("@lit/react").ReactWebComponent<UiCarouselElement, {
-    onUiCarouselChange: EventName<CustomEvent>;
-}>;
-export type UiCarouselProps = React.ComponentProps<typeof UiCarousel>;

package/dist/components/UiCarousel.js

@@ -1,13 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/carousel/ui-carousel.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCarousel as UiCarouselElement } from 'storybook-lit/carousel/ui-carousel';
-export const UiCarousel = createComponent({
-    tagName: 'ui-carousel',
-    elementClass: UiCarouselElement,
-    react: React,
-    events: {
-        onUiCarouselChange: 'ui-carousel-change',
-    },
-});

package/dist/components/UiCarouselContent.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCarouselContent as UiCarouselContentElement } from 'storybook-lit/carousel/ui-carousel';
-export declare const UiCarouselContent: import("@lit/react").ReactWebComponent<UiCarouselContentElement, {}>;
-export type UiCarouselContentProps = React.ComponentProps<typeof UiCarouselContent>;

package/dist/components/UiCarouselContent.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/carousel/ui-carousel.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCarouselContent as UiCarouselContentElement } from 'storybook-lit/carousel/ui-carousel';
-export const UiCarouselContent = createComponent({
-    tagName: 'ui-carousel-content',
-    elementClass: UiCarouselContentElement,
-    react: React,
-});

package/dist/components/UiCarouselItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCarouselItem as UiCarouselItemElement } from 'storybook-lit/carousel/ui-carousel';
-export declare const UiCarouselItem: import("@lit/react").ReactWebComponent<UiCarouselItemElement, {}>;
-export type UiCarouselItemProps = React.ComponentProps<typeof UiCarouselItem>;

package/dist/components/UiCarouselItem.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/carousel/ui-carousel.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCarouselItem as UiCarouselItemElement } from 'storybook-lit/carousel/ui-carousel';
-export const UiCarouselItem = createComponent({
-    tagName: 'ui-carousel-item',
-    elementClass: UiCarouselItemElement,
-    react: React,
-});

package/dist/components/UiCarouselNext.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCarouselNext as UiCarouselNextElement } from 'storybook-lit/carousel/ui-carousel';
-export declare const UiCarouselNext: import("@lit/react").ReactWebComponent<UiCarouselNextElement, {}>;
-export type UiCarouselNextProps = React.ComponentProps<typeof UiCarouselNext>;

package/dist/components/UiCarouselNext.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/carousel/ui-carousel.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCarouselNext as UiCarouselNextElement } from 'storybook-lit/carousel/ui-carousel';
-export const UiCarouselNext = createComponent({
-    tagName: 'ui-carousel-next',
-    elementClass: UiCarouselNextElement,
-    react: React,
-});

package/dist/components/UiCarouselPrevious.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { UiCarouselPrevious as UiCarouselPreviousElement } from 'storybook-lit/carousel/ui-carousel';
-export declare const UiCarouselPrevious: import("@lit/react").ReactWebComponent<UiCarouselPreviousElement, {}>;
-export type UiCarouselPreviousProps = React.ComponentProps<typeof UiCarouselPrevious>;

package/dist/components/UiCarouselPrevious.js

@@ -1,10 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/carousel/ui-carousel.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCarouselPrevious as UiCarouselPreviousElement } from 'storybook-lit/carousel/ui-carousel';
-export const UiCarouselPrevious = createComponent({
-    tagName: 'ui-carousel-previous',
-    elementClass: UiCarouselPreviousElement,
-    react: React,
-});

package/dist/components/UiCheckbox.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type EventName } from '@lit/react';
-import { UiCheckbox as UiCheckboxElement } from 'storybook-lit/checkbox/ui-checkbox';
-export declare const UiCheckbox: import("@lit/react").ReactWebComponent<UiCheckboxElement, {
-    onChange: EventName<CustomEvent>;
-}>;
-export type UiCheckboxProps = React.ComponentProps<typeof UiCheckbox>;

package/dist/components/UiCheckbox.js

@@ -1,13 +0,0 @@
-// Auto-generated by scripts/generate-react-wrappers.ts — do not edit
-// Source: src/checkbox/ui-checkbox.ts
-import React from 'react';
-import { createComponent } from '@lit/react';
-import { UiCheckbox as UiCheckboxElement } from 'storybook-lit/checkbox/ui-checkbox';
-export const UiCheckbox = createComponent({
-    tagName: 'ui-checkbox',
-    elementClass: UiCheckboxElement,
-    react: React,
-    events: {
-        onChange: 'change',
-    },
-});

package/dist/components/UiChip.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type EventName } from '@lit/react';
-import { UiChip as UiChipElement } from 'storybook-lit/chip/ui-chip';
-export declare const UiChip: import("@lit/react").ReactWebComponent<UiChipElement, {
-    onClick: EventName<CustomEvent>;
-    onDelete: EventName<CustomEvent>;
-}>;
-export type UiChipProps = React.ComponentProps<typeof UiChip>;