@getufy/flint-ui-react 0.3.0 → 0.4.0

package/README.md

@@ -156,7 +156,7 @@ Custom events map to camelCase `on*` props:
 | `flint-change` | `onFlintChange` |
 | `flint-click` | `onFlintClick` |
 | `flint-menu-close` | `onFlintMenuClose` |
-| `close` | `onClose` |
+| `flint-dialog-close` | `onFlintDialogClose` |
 
 ```tsx
 <FlintSelect

package/dist/accordion.d.ts

@@ -1,4 +1,4 @@
-export { FlintAccordion, type FlintAccordionProps } from './components/FlintAccordion.js';
+export { FlintAccordion, type FlintAccordionProps, type FlintAccordionChangeDetail } from './components/FlintAccordion.js';
 export { FlintAccordionSummary, type FlintAccordionSummaryProps } from './components/FlintAccordionSummary.js';
 export { FlintAccordionDetails, type FlintAccordionDetailsProps } from './components/FlintAccordionDetails.js';
 export { FlintAccordionActions, type FlintAccordionActionsProps } from './components/FlintAccordionActions.js';

package/dist/alert.d.ts

@@ -1,2 +1,2 @@
-export { FlintAlert, type FlintAlertProps } from './components/FlintAlert.js';
+export { FlintAlert, type FlintAlertProps, type FlintAlertCloseDetail } from './components/FlintAlert.js';
 export { FlintAlertEvents } from './events/flint-alert.js';

package/dist/autocomplete.d.ts

@@ -1,2 +1,2 @@
-export { FlintAutocomplete, type FlintAutocompleteProps } from './components/FlintAutocomplete.js';
+export { FlintAutocomplete, type FlintAutocompleteProps, type FlintAutocompleteChangeDetail } from './components/FlintAutocomplete.js';
 export { FlintAutocompleteEvents } from './events/flint-autocomplete.js';

package/dist/backdrop.d.ts

@@ -1,2 +1,2 @@
-export { FlintBackdrop, type FlintBackdropProps } from './components/FlintBackdrop.js';
+export { FlintBackdrop, type FlintBackdropProps, type FlintBackdropCloseDetail } from './components/FlintBackdrop.js';
 export { FlintBackdropEvents } from './events/flint-backdrop.js';

package/dist/button.d.ts

@@ -1,6 +1,6 @@
 export { FlintButtonGroup, type FlintButtonGroupProps } from './components/FlintButtonGroup.js';
 export { FlintButton, type FlintButtonProps } from './components/FlintButton.js';
-export { FlintToggleButtonGroup, type FlintToggleButtonGroupProps } from './components/FlintToggleButtonGroup.js';
-export { FlintToggleButton, type FlintToggleButtonProps } from './components/FlintToggleButton.js';
+export { FlintToggleButtonGroup, type FlintToggleButtonGroupProps, type FlintToggleButtonGroupChangeDetail } from './components/FlintToggleButtonGroup.js';
+export { FlintToggleButton, type FlintToggleButtonProps, type FlintToggleButtonChangeDetail } from './components/FlintToggleButton.js';
 export { FlintToggleButtonGroupEvents } from './events/flint-toggle-button-group.js';
 export { FlintToggleButtonEvents } from './events/flint-toggle-button.js';

package/dist/carousel.d.ts

@@ -2,5 +2,5 @@ export { FlintCarouselContent, type FlintCarouselContentProps } from './componen
 export { FlintCarouselItem, type FlintCarouselItemProps } from './components/FlintCarouselItem.js';
 export { FlintCarouselPrevious, type FlintCarouselPreviousProps } from './components/FlintCarouselPrevious.js';
 export { FlintCarouselNext, type FlintCarouselNextProps } from './components/FlintCarouselNext.js';
-export { FlintCarousel, type FlintCarouselProps } from './components/FlintCarousel.js';
+export { FlintCarousel, type FlintCarouselProps, type FlintCarouselChangeDetail } from './components/FlintCarousel.js';
 export { FlintCarouselEvents } from './events/flint-carousel.js';

package/dist/checkbox.d.ts

@@ -1,2 +1,2 @@
-export { FlintCheckbox, type FlintCheckboxProps } from './components/FlintCheckbox.js';
+export { FlintCheckbox, type FlintCheckboxProps, type FlintCheckboxChangeDetail } from './components/FlintCheckbox.js';
 export { FlintCheckboxEvents } from './events/flint-checkbox.js';

package/dist/chip.d.ts

@@ -1,2 +1,2 @@
-export { FlintChip, type FlintChipProps } from './components/FlintChip.js';
+export { FlintChip, type FlintChipProps, type FlintChipDeleteDetail } from './components/FlintChip.js';
 export { FlintChipEvents } from './events/flint-chip.js';

package/dist/chip.js

@@ -7,14 +7,14 @@ var FlintChip = createComponent({
   elementClass: FlintChipElement,
   react: React,
   events: {
-    onClick: "click",
+    onFlintChipClick: "flint-chip-click",
     onFlintChipDelete: "flint-chip-delete"
   }
 });
 
 // src/events/flint-chip.ts
 var FlintChipEvents = {
-  CLICK: "click",
+  CLICK: "flint-chip-click",
   DELETE: "flint-chip-delete"
 };
 export {

package/dist/collapsible.d.ts

@@ -1,4 +1,4 @@
 export { FlintCollapsibleTrigger, type FlintCollapsibleTriggerProps } from './components/FlintCollapsibleTrigger.js';
 export { FlintCollapsibleContent, type FlintCollapsibleContentProps } from './components/FlintCollapsibleContent.js';
-export { FlintCollapsible, type FlintCollapsibleProps } from './components/FlintCollapsible.js';
+export { FlintCollapsible, type FlintCollapsibleProps, type FlintCollapsibleChangeDetail } from './components/FlintCollapsible.js';
 export { FlintCollapsibleEvents } from './events/flint-collapsible.js';

package/dist/command.d.ts

@@ -1,12 +1,12 @@
 export { FlintCommandShortcut, type FlintCommandShortcutProps } from './components/FlintCommandShortcut.js';
 export { FlintCommandSeparator, type FlintCommandSeparatorProps } from './components/FlintCommandSeparator.js';
-export { FlintCommandItem, type FlintCommandItemProps } from './components/FlintCommandItem.js';
+export { FlintCommandItem, type FlintCommandItemProps, type FlintCommandItemSelectDetail } from './components/FlintCommandItem.js';
 export { FlintCommandEmpty, type FlintCommandEmptyProps } from './components/FlintCommandEmpty.js';
 export { FlintCommandGroup, type FlintCommandGroupProps } from './components/FlintCommandGroup.js';
 export { FlintCommandList, type FlintCommandListProps } from './components/FlintCommandList.js';
 export { FlintCommandInput, type FlintCommandInputProps } from './components/FlintCommandInput.js';
 export { FlintCommand, type FlintCommandProps } from './components/FlintCommand.js';
-export { FlintCommandDialog, type FlintCommandDialogProps } from './components/FlintCommandDialog.js';
+export { FlintCommandDialog, type FlintCommandDialogProps, type FlintCommandDialogCloseDetail } from './components/FlintCommandDialog.js';
 export { FlintCommandItemEvents } from './events/flint-command-item.js';
 export { FlintCommandEvents } from './events/flint-command.js';
 export { FlintCommandDialogEvents } from './events/flint-command-dialog.js';

package/dist/components/FlintAccordion.js

@@ -0,0 +1,15 @@
+// src/components/FlintAccordion.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintAccordion as FlintAccordionElement } from "@getufy/flint-ui/accordion/flint-accordion";
+var FlintAccordion = createComponent({
+  tagName: "flint-accordion",
+  elementClass: FlintAccordionElement,
+  react: React,
+  events: {
+    onFlintAccordionChange: "flint-accordion-change"
+  }
+});
+export {
+  FlintAccordion
+};

package/dist/components/FlintAccordionActions.js

@@ -0,0 +1,12 @@
+// src/components/FlintAccordionActions.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintAccordionActions as FlintAccordionActionsElement } from "@getufy/flint-ui/accordion/flint-accordion";
+var FlintAccordionActions = createComponent({
+  tagName: "flint-accordion-actions",
+  elementClass: FlintAccordionActionsElement,
+  react: React
+});
+export {
+  FlintAccordionActions
+};

package/dist/components/FlintAccordionDetails.js

@@ -0,0 +1,12 @@
+// src/components/FlintAccordionDetails.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintAccordionDetails as FlintAccordionDetailsElement } from "@getufy/flint-ui/accordion/flint-accordion";
+var FlintAccordionDetails = createComponent({
+  tagName: "flint-accordion-details",
+  elementClass: FlintAccordionDetailsElement,
+  react: React
+});
+export {
+  FlintAccordionDetails
+};

package/dist/components/FlintAccordionSummary.js

@@ -0,0 +1,15 @@
+// src/components/FlintAccordionSummary.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintAccordionSummary as FlintAccordionSummaryElement } from "@getufy/flint-ui/accordion/flint-accordion";
+var FlintAccordionSummary = createComponent({
+  tagName: "flint-accordion-summary",
+  elementClass: FlintAccordionSummaryElement,
+  react: React,
+  events: {
+    onFlintAccordionToggle: "flint-accordion-toggle"
+  }
+});
+export {
+  FlintAccordionSummary
+};

package/dist/components/FlintAlert.js

@@ -0,0 +1,15 @@
+// src/components/FlintAlert.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintAlert as FlintAlertElement } from "@getufy/flint-ui/alert/flint-alert";
+var FlintAlert = createComponent({
+  tagName: "flint-alert",
+  elementClass: FlintAlertElement,
+  react: React,
+  events: {
+    onFlintAlertClose: "flint-alert-close"
+  }
+});
+export {
+  FlintAlert
+};

package/dist/components/FlintAppBar.js

@@ -0,0 +1,12 @@
+// src/components/FlintAppBar.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintAppBar as FlintAppBarElement } from "@getufy/flint-ui/app-bar/flint-app-bar";
+var FlintAppBar = createComponent({
+  tagName: "flint-app-bar",
+  elementClass: FlintAppBarElement,
+  react: React
+});
+export {
+  FlintAppBar
+};

package/dist/components/FlintAutocomplete.js

@@ -0,0 +1,15 @@
+// src/components/FlintAutocomplete.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintAutocomplete as FlintAutocompleteElement } from "@getufy/flint-ui/autocomplete/flint-autocomplete";
+var FlintAutocomplete = createComponent({
+  tagName: "flint-autocomplete",
+  elementClass: FlintAutocompleteElement,
+  react: React,
+  events: {
+    onFlintAutocompleteChange: "flint-autocomplete-change"
+  }
+});
+export {
+  FlintAutocomplete
+};

package/dist/components/FlintAvatar.js

@@ -0,0 +1,12 @@
+// src/components/FlintAvatar.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintAvatar as FlintAvatarElement } from "@getufy/flint-ui/avatar/flint-avatar";
+var FlintAvatar = createComponent({
+  tagName: "flint-avatar",
+  elementClass: FlintAvatarElement,
+  react: React
+});
+export {
+  FlintAvatar
+};

package/dist/components/FlintBackdrop.js

@@ -0,0 +1,15 @@
+// src/components/FlintBackdrop.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintBackdrop as FlintBackdropElement } from "@getufy/flint-ui/backdrop/flint-backdrop";
+var FlintBackdrop = createComponent({
+  tagName: "flint-backdrop",
+  elementClass: FlintBackdropElement,
+  react: React,
+  events: {
+    onFlintBackdropClose: "flint-backdrop-close"
+  }
+});
+export {
+  FlintBackdrop
+};

package/dist/components/FlintBadge.js

@@ -0,0 +1,12 @@
+// src/components/FlintBadge.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintBadge as FlintBadgeElement } from "@getufy/flint-ui/badge/flint-badge";
+var FlintBadge = createComponent({
+  tagName: "flint-badge",
+  elementClass: FlintBadgeElement,
+  react: React
+});
+export {
+  FlintBadge
+};

package/dist/components/FlintBottomNavigation.d.ts

@@ -12,7 +12,7 @@ export interface FlintBottomNavigationProps extends Omit<React.HTMLAttributes<Fl
     defaultValue?: unknown;
     /** If true, all labels are shown at all times. */
     showLabels?: boolean;
-    /** Dispatched when the selected value changes. */
+    /** Dispatched when the selected value changes. detail: `{ value: number | string }` */
     onFlintBottomNavigationChange?: (event: CustomEvent) => void;
 }
 export declare const FlintBottomNavigation: React.ForwardRefExoticComponent<FlintBottomNavigationProps & React.RefAttributes<FlintBottomNavigationElement>>;

package/dist/components/FlintBottomNavigation.js

@@ -0,0 +1,15 @@
+// src/components/FlintBottomNavigation.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintBottomNavigation as FlintBottomNavigationElement } from "@getufy/flint-ui/bottom-navigation/flint-bottom-navigation";
+var FlintBottomNavigation = createComponent({
+  tagName: "flint-bottom-navigation",
+  elementClass: FlintBottomNavigationElement,
+  react: React,
+  events: {
+    onFlintBottomNavigationChange: "flint-bottom-navigation-change"
+  }
+});
+export {
+  FlintBottomNavigation
+};

package/dist/components/FlintBottomNavigationAction.js

@@ -0,0 +1,12 @@
+// src/components/FlintBottomNavigationAction.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintBottomNavigationAction as FlintBottomNavigationActionElement } from "@getufy/flint-ui/bottom-navigation/flint-bottom-navigation-action";
+var FlintBottomNavigationAction = createComponent({
+  tagName: "flint-bottom-navigation-action",
+  elementClass: FlintBottomNavigationActionElement,
+  react: React
+});
+export {
+  FlintBottomNavigationAction
+};

package/dist/components/FlintBox.js

@@ -0,0 +1,15 @@
+// src/components/FlintBox.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintBox as FlintBoxElement } from "@getufy/flint-ui/box/flint-box";
+var FlintBox = createComponent({
+  tagName: "flint-box",
+  elementClass: FlintBoxElement,
+  react: React,
+  events: {
+    onFlintBoxWarning: "flint-box-warning"
+  }
+});
+export {
+  FlintBox
+};

package/dist/components/FlintBreadcrumbs.js

@@ -0,0 +1,12 @@
+// src/components/FlintBreadcrumbs.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintBreadcrumbs as FlintBreadcrumbsElement } from "@getufy/flint-ui/breadcrumbs/flint-breadcrumbs";
+var FlintBreadcrumbs = createComponent({
+  tagName: "flint-breadcrumbs",
+  elementClass: FlintBreadcrumbsElement,
+  react: React
+});
+export {
+  FlintBreadcrumbs
+};

package/dist/components/FlintButton.js

@@ -0,0 +1,12 @@
+// src/components/FlintButton.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintButton as FlintButtonElement } from "@getufy/flint-ui/button/flint-button";
+var FlintButton = createComponent({
+  tagName: "flint-button",
+  elementClass: FlintButtonElement,
+  react: React
+});
+export {
+  FlintButton
+};

package/dist/components/FlintButtonGroup.js

@@ -0,0 +1,12 @@
+// src/components/FlintButtonGroup.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintButtonGroup as FlintButtonGroupElement } from "@getufy/flint-ui/button/flint-button-group";
+var FlintButtonGroup = createComponent({
+  tagName: "flint-button-group",
+  elementClass: FlintButtonGroupElement,
+  react: React
+});
+export {
+  FlintButtonGroup
+};

package/dist/components/FlintCard.js

@@ -0,0 +1,12 @@
+// src/components/FlintCard.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCard as FlintCardElement } from "@getufy/flint-ui/card/flint-card";
+var FlintCard = createComponent({
+  tagName: "flint-card",
+  elementClass: FlintCardElement,
+  react: React
+});
+export {
+  FlintCard
+};

package/dist/components/FlintCardActionArea.js

@@ -0,0 +1,12 @@
+// src/components/FlintCardActionArea.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCardActionArea as FlintCardActionAreaElement } from "@getufy/flint-ui/card/flint-card-action-area";
+var FlintCardActionArea = createComponent({
+  tagName: "flint-card-action-area",
+  elementClass: FlintCardActionAreaElement,
+  react: React
+});
+export {
+  FlintCardActionArea
+};

package/dist/components/FlintCardActions.js

@@ -0,0 +1,12 @@
+// src/components/FlintCardActions.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCardActions as FlintCardActionsElement } from "@getufy/flint-ui/card/flint-card-actions";
+var FlintCardActions = createComponent({
+  tagName: "flint-card-actions",
+  elementClass: FlintCardActionsElement,
+  react: React
+});
+export {
+  FlintCardActions
+};

package/dist/components/FlintCardContent.js

@@ -0,0 +1,12 @@
+// src/components/FlintCardContent.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCardContent as FlintCardContentElement } from "@getufy/flint-ui/card/flint-card-content";
+var FlintCardContent = createComponent({
+  tagName: "flint-card-content",
+  elementClass: FlintCardContentElement,
+  react: React
+});
+export {
+  FlintCardContent
+};

package/dist/components/FlintCardHeader.js

@@ -0,0 +1,12 @@
+// src/components/FlintCardHeader.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCardHeader as FlintCardHeaderElement } from "@getufy/flint-ui/card/flint-card-header";
+var FlintCardHeader = createComponent({
+  tagName: "flint-card-header",
+  elementClass: FlintCardHeaderElement,
+  react: React
+});
+export {
+  FlintCardHeader
+};

package/dist/components/FlintCardMedia.js

@@ -0,0 +1,12 @@
+// src/components/FlintCardMedia.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCardMedia as FlintCardMediaElement } from "@getufy/flint-ui/card/flint-card-media";
+var FlintCardMedia = createComponent({
+  tagName: "flint-card-media",
+  elementClass: FlintCardMediaElement,
+  react: React
+});
+export {
+  FlintCardMedia
+};

package/dist/components/FlintCarousel.js

@@ -0,0 +1,15 @@
+// src/components/FlintCarousel.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCarousel as FlintCarouselElement } from "@getufy/flint-ui/carousel/flint-carousel";
+var FlintCarousel = createComponent({
+  tagName: "flint-carousel",
+  elementClass: FlintCarouselElement,
+  react: React,
+  events: {
+    onFlintCarouselChange: "flint-carousel-change"
+  }
+});
+export {
+  FlintCarousel
+};

package/dist/components/FlintCarouselContent.js

@@ -0,0 +1,12 @@
+// src/components/FlintCarouselContent.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCarouselContent as FlintCarouselContentElement } from "@getufy/flint-ui/carousel/flint-carousel";
+var FlintCarouselContent = createComponent({
+  tagName: "flint-carousel-content",
+  elementClass: FlintCarouselContentElement,
+  react: React
+});
+export {
+  FlintCarouselContent
+};

package/dist/components/FlintCarouselItem.js

@@ -0,0 +1,12 @@
+// src/components/FlintCarouselItem.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCarouselItem as FlintCarouselItemElement } from "@getufy/flint-ui/carousel/flint-carousel";
+var FlintCarouselItem = createComponent({
+  tagName: "flint-carousel-item",
+  elementClass: FlintCarouselItemElement,
+  react: React
+});
+export {
+  FlintCarouselItem
+};

package/dist/components/FlintCarouselNext.js

@@ -0,0 +1,12 @@
+// src/components/FlintCarouselNext.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCarouselNext as FlintCarouselNextElement } from "@getufy/flint-ui/carousel/flint-carousel";
+var FlintCarouselNext = createComponent({
+  tagName: "flint-carousel-next",
+  elementClass: FlintCarouselNextElement,
+  react: React
+});
+export {
+  FlintCarouselNext
+};

package/dist/components/FlintCarouselPrevious.js

@@ -0,0 +1,12 @@
+// src/components/FlintCarouselPrevious.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCarouselPrevious as FlintCarouselPreviousElement } from "@getufy/flint-ui/carousel/flint-carousel";
+var FlintCarouselPrevious = createComponent({
+  tagName: "flint-carousel-previous",
+  elementClass: FlintCarouselPreviousElement,
+  react: React
+});
+export {
+  FlintCarouselPrevious
+};

package/dist/components/FlintCheckbox.js

@@ -0,0 +1,15 @@
+// src/components/FlintCheckbox.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCheckbox as FlintCheckboxElement } from "@getufy/flint-ui/checkbox/flint-checkbox";
+var FlintCheckbox = createComponent({
+  tagName: "flint-checkbox",
+  elementClass: FlintCheckboxElement,
+  react: React,
+  events: {
+    onFlintCheckboxChange: "flint-checkbox-change"
+  }
+});
+export {
+  FlintCheckbox
+};

package/dist/components/FlintChip.d.ts

@@ -9,7 +9,7 @@ export interface FlintChipDeleteDetail {
  * @slot avatar - Avatar element shown at start.
  * @slot icon - Icon shown at start when no avatar.
  */
-export interface FlintChipProps extends Omit<React.HTMLAttributes<FlintChipElement>, 'onClick' | 'color'> {
+export interface FlintChipProps extends Omit<React.HTMLAttributes<FlintChipElement>, 'color'> {
     /** Text content displayed inside the chip. */
     label?: string;
     /** Visual style variant of the chip. */
@@ -24,7 +24,8 @@ export interface FlintChipProps extends Omit<React.HTMLAttributes<FlintChipEleme
     deletable?: boolean;
     /** Disables the chip and prevents interaction. */
     disabled?: boolean;
-    onClick?: (event: CustomEvent) => void;
+    /** Fired when a clickable chip is clicked. */
+    onFlintChipClick?: (event: CustomEvent) => void;
     /** Fired when the chip's delete icon is clicked. detail: `{ value: string }` */
     onFlintChipDelete?: (event: CustomEvent<FlintChipDeleteDetail>) => void;
 }

package/dist/components/FlintChip.js

@@ -0,0 +1,16 @@
+// src/components/FlintChip.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintChip as FlintChipElement } from "@getufy/flint-ui/chip/flint-chip";
+var FlintChip = createComponent({
+  tagName: "flint-chip",
+  elementClass: FlintChipElement,
+  react: React,
+  events: {
+    onFlintChipClick: "flint-chip-click",
+    onFlintChipDelete: "flint-chip-delete"
+  }
+});
+export {
+  FlintChip
+};

package/dist/components/FlintCircularProgress.js

@@ -0,0 +1,12 @@
+// src/components/FlintCircularProgress.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCircularProgress as FlintCircularProgressElement } from "@getufy/flint-ui/progress/flint-circular-progress";
+var FlintCircularProgress = createComponent({
+  tagName: "flint-circular-progress",
+  elementClass: FlintCircularProgressElement,
+  react: React
+});
+export {
+  FlintCircularProgress
+};

package/dist/components/FlintCollapsible.js

@@ -0,0 +1,15 @@
+// src/components/FlintCollapsible.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCollapsible as FlintCollapsibleElement } from "@getufy/flint-ui/collapsible/flint-collapsible";
+var FlintCollapsible = createComponent({
+  tagName: "flint-collapsible",
+  elementClass: FlintCollapsibleElement,
+  react: React,
+  events: {
+    onFlintCollapsibleChange: "flint-collapsible-change"
+  }
+});
+export {
+  FlintCollapsible
+};

package/dist/components/FlintCollapsibleContent.js

@@ -0,0 +1,12 @@
+// src/components/FlintCollapsibleContent.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCollapsibleContent as FlintCollapsibleContentElement } from "@getufy/flint-ui/collapsible/flint-collapsible";
+var FlintCollapsibleContent = createComponent({
+  tagName: "flint-collapsible-content",
+  elementClass: FlintCollapsibleContentElement,
+  react: React
+});
+export {
+  FlintCollapsibleContent
+};

package/dist/components/FlintCollapsibleTrigger.js

@@ -0,0 +1,12 @@
+// src/components/FlintCollapsibleTrigger.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCollapsibleTrigger as FlintCollapsibleTriggerElement } from "@getufy/flint-ui/collapsible/flint-collapsible";
+var FlintCollapsibleTrigger = createComponent({
+  tagName: "flint-collapsible-trigger",
+  elementClass: FlintCollapsibleTriggerElement,
+  react: React
+});
+export {
+  FlintCollapsibleTrigger
+};

package/dist/components/FlintCommand.js

@@ -0,0 +1,15 @@
+// src/components/FlintCommand.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCommand as FlintCommandElement } from "@getufy/flint-ui/command/flint-command";
+var FlintCommand = createComponent({
+  tagName: "flint-command",
+  elementClass: FlintCommandElement,
+  react: React,
+  events: {
+    onFlintCommandItemSelect: "flint-command-item-select"
+  }
+});
+export {
+  FlintCommand
+};