@getufy/flint-ui-react 0.3.0 → 0.4.0

package/dist/components/FlintCommandDialog.js

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

package/dist/components/FlintCommandEmpty.js

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

package/dist/components/FlintCommandGroup.js

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

package/dist/components/FlintCommandInput.js

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

package/dist/components/FlintCommandItem.js

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

package/dist/components/FlintCommandList.js

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

package/dist/components/FlintCommandSeparator.js

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

package/dist/components/FlintCommandShortcut.js

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

package/dist/components/FlintContainer.js

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

package/dist/components/FlintCopyButton.js

@@ -0,0 +1,16 @@
+// src/components/FlintCopyButton.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintCopyButton as FlintCopyButtonElement } from "@getufy/flint-ui/copy-button/flint-copy-button";
+var FlintCopyButton = createComponent({
+  tagName: "flint-copy-button",
+  elementClass: FlintCopyButtonElement,
+  react: React,
+  events: {
+    onFlintCopyError: "flint-copy-error",
+    onFlintCopy: "flint-copy"
+  }
+});
+export {
+  FlintCopyButton
+};

package/dist/components/FlintDateField.js

@@ -0,0 +1,16 @@
+// src/components/FlintDateField.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintDateField as FlintDateFieldElement } from "@getufy/flint-ui/date-field/flint-date-field";
+var FlintDateField = createComponent({
+  tagName: "flint-date-field",
+  elementClass: FlintDateFieldElement,
+  react: React,
+  events: {
+    onFlintDateFieldClear: "flint-date-field-clear",
+    onFlintDateFieldChange: "flint-date-field-change"
+  }
+});
+export {
+  FlintDateField
+};

package/dist/components/FlintDatePicker.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { FlintDatePicker as FlintDatePickerElement } from '@getufy/flint-ui/date-picker/flint-date-picker';
-export interface ChangeDetail {
+export interface FlintDatePickerChangeDetail {
     value: string;
 }
 /**
  * A date picker with a text field and a calendar popover/modal.
  */
-export interface FlintDatePickerProps extends Omit<React.HTMLAttributes<FlintDatePickerElement>, 'onChange'> {
+export interface FlintDatePickerProps extends React.HTMLAttributes<FlintDatePickerElement> {
     /** Selected date as ISO string (YYYY-MM-DD). */
     value?: string;
     /** Label shown above the field. */
@@ -31,7 +31,7 @@ export interface FlintDatePickerProps extends Omit<React.HTMLAttributes<FlintDat
     helperText?: string;
     /** Error message displayed below the field when in error state. */
     errorMessage?: string;
-    /** { detail: { value: string } } when the date changes */
-    onChange?: (event: CustomEvent<ChangeDetail>) => void;
+    /** Fired when the date changes. detail: `{ value: string }` */
+    onFlintDatePickerChange?: (event: CustomEvent<FlintDatePickerChangeDetail>) => void;
 }
 export declare const FlintDatePicker: React.ForwardRefExoticComponent<FlintDatePickerProps & React.RefAttributes<FlintDatePickerElement>>;

package/dist/components/FlintDatePicker.js

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

package/dist/components/FlintDatePickerCalendar.js

@@ -0,0 +1,15 @@
+// src/components/FlintDatePickerCalendar.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintDatePickerCalendar as FlintDatePickerCalendarElement } from "@getufy/flint-ui/date-picker/flint-date-picker";
+var FlintDatePickerCalendar = createComponent({
+  tagName: "flint-date-picker-calendar",
+  elementClass: FlintDatePickerCalendarElement,
+  react: React,
+  events: {
+    onFlintDatePickerSelect: "flint-date-picker-select"
+  }
+});
+export {
+  FlintDatePickerCalendar
+};

package/dist/components/FlintDateRangeCalendar.js

@@ -0,0 +1,15 @@
+// src/components/FlintDateRangeCalendar.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintDateRangeCalendar as FlintDateRangeCalendarElement } from "@getufy/flint-ui/date-range-picker/flint-date-range-calendar";
+var FlintDateRangeCalendar = createComponent({
+  tagName: "flint-date-range-calendar",
+  elementClass: FlintDateRangeCalendarElement,
+  react: React,
+  events: {
+    onFlintDateRangePickerSelect: "flint-date-range-picker-select"
+  }
+});
+export {
+  FlintDateRangeCalendar
+};

package/dist/components/FlintDateRangePicker.js

@@ -0,0 +1,15 @@
+// src/components/FlintDateRangePicker.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintDateRangePicker as FlintDateRangePickerElement } from "@getufy/flint-ui/date-range-picker/flint-date-range-picker";
+var FlintDateRangePicker = createComponent({
+  tagName: "flint-date-range-picker",
+  elementClass: FlintDateRangePickerElement,
+  react: React,
+  events: {
+    onFlintDateRangePickerChange: "flint-date-range-picker-change"
+  }
+});
+export {
+  FlintDateRangePicker
+};

package/dist/components/FlintDesktopTimePicker.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { FlintDesktopTimePicker as FlintDesktopTimePickerElement } from '@getufy/flint-ui/time-picker/flint-time-picker';
-export interface ChangeDetail {
+export interface FlintDesktopTimePickerChangeDetail {
     value: string;
 }
 /**
  * Desktop Time Picker: a time field with a dropdown clock.
  */
-export interface FlintDesktopTimePickerProps extends Omit<React.HTMLAttributes<FlintDesktopTimePickerElement>, 'onChange'> {
+export interface FlintDesktopTimePickerProps extends React.HTMLAttributes<FlintDesktopTimePickerElement> {
     /** Time value in HH:MM:SS format. */
     value?: string;
     /** Field label text. */
@@ -25,7 +25,7 @@ export interface FlintDesktopTimePickerProps extends Omit<React.HTMLAttributes<F
     helperText?: string;
     /** Error message displayed below the field when in error state. */
     errorMessage?: string;
-    /** Fired when the time value changes. */
-    onChange?: (event: CustomEvent<ChangeDetail>) => void;
+    /** Fired when the time value changes. detail: `{ value: string }` */
+    onFlintDesktopTimePickerChange?: (event: CustomEvent<FlintDesktopTimePickerChangeDetail>) => void;
 }
 export declare const FlintDesktopTimePicker: React.ForwardRefExoticComponent<FlintDesktopTimePickerProps & React.RefAttributes<FlintDesktopTimePickerElement>>;

package/dist/components/FlintDesktopTimePicker.js

@@ -0,0 +1,15 @@
+// src/components/FlintDesktopTimePicker.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintDesktopTimePicker as FlintDesktopTimePickerElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintDesktopTimePicker = createComponent({
+  tagName: "flint-desktop-time-picker",
+  elementClass: FlintDesktopTimePickerElement,
+  react: React,
+  events: {
+    onFlintDesktopTimePickerChange: "flint-desktop-time-picker-change"
+  }
+});
+export {
+  FlintDesktopTimePicker
+};

package/dist/components/FlintDialog.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FlintDialog as FlintDialogElement } from '@getufy/flint-ui/dialog/flint-dialog';
-export interface CloseDetail {
+export interface FlintDialogCloseDetail {
     open: boolean;
 }
 /**
@@ -20,6 +20,6 @@ export interface FlintDialogProps extends React.HTMLAttributes<FlintDialogElemen
     /** Dispatched when the dialog requests to be closed (backdrop click or
        an explicit call to `requestClose()`). The host is responsible for
        setting `open = false` in response. detail: `{ open: false }` */
-    onClose?: (event: CustomEvent<CloseDetail>) => void;
+    onFlintDialogClose?: (event: CustomEvent<FlintDialogCloseDetail>) => void;
 }
 export declare const FlintDialog: React.ForwardRefExoticComponent<FlintDialogProps & React.RefAttributes<FlintDialogElement>>;

package/dist/components/FlintDialog.js

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

package/dist/components/FlintDialogActions.js

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

package/dist/components/FlintDialogContent.js

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

package/dist/components/FlintDialogContentText.js

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

package/dist/components/FlintDialogTitle.js

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

package/dist/components/FlintDigitalClock.d.ts

@@ -1,19 +1,19 @@
 import React from 'react';
 import { FlintDigitalClock as FlintDigitalClockElement } from '@getufy/flint-ui/time-picker/flint-time-picker';
-export interface ChangeDetail {
+export interface FlintDigitalClockChangeDetail {
     value: string;
 }
 /**
  * Digital Clock: a scrollable time-slot picker.
  */
-export interface FlintDigitalClockProps extends Omit<React.HTMLAttributes<FlintDigitalClockElement>, 'onChange'> {
+export interface FlintDigitalClockProps extends React.HTMLAttributes<FlintDigitalClockElement> {
     /** Time value in HH:MM:SS format. */
     value?: string;
     /** Step interval in minutes between selectable times. */
     step?: number;
     /** Whether to use 12-hour (AM/PM) format instead of 24-hour. */
     ampm?: boolean;
-    /** Fired when a time slot is selected. */
-    onChange?: (event: CustomEvent<ChangeDetail>) => void;
+    /** Fired when a time slot is selected. detail: `{ value: string }` */
+    onFlintDigitalClockChange?: (event: CustomEvent<FlintDigitalClockChangeDetail>) => void;
 }
 export declare const FlintDigitalClock: React.ForwardRefExoticComponent<FlintDigitalClockProps & React.RefAttributes<FlintDigitalClockElement>>;

package/dist/components/FlintDigitalClock.js

@@ -0,0 +1,15 @@
+// src/components/FlintDigitalClock.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintDigitalClock as FlintDigitalClockElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintDigitalClock = createComponent({
+  tagName: "flint-digital-clock",
+  elementClass: FlintDigitalClockElement,
+  react: React,
+  events: {
+    onFlintDigitalClockChange: "flint-digital-clock-change"
+  }
+});
+export {
+  FlintDigitalClock
+};

package/dist/components/FlintDivider.js

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

package/dist/components/FlintDrawer.js

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

package/dist/components/FlintEmpty.js

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

package/dist/components/FlintEmptyContent.js

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

package/dist/components/FlintEmptyDescription.js

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

package/dist/components/FlintEmptyHeader.js

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

package/dist/components/FlintEmptyMedia.js

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

package/dist/components/FlintEmptyTitle.js

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

package/dist/components/FlintFab.js

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

package/dist/components/FlintFormatDate.js

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

package/dist/components/FlintFormatNumber.js

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

package/dist/components/FlintGrid.js

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

package/dist/components/FlintHoverCard.d.ts

@@ -1,5 +1,11 @@
 import React from 'react';
 import { FlintHoverCard as FlintHoverCardElement } from '@getufy/flint-ui/hover-card/flint-hover-card';
+export interface FlintHoverCardOpenDetail {
+    open: true;
+}
+export interface FlintHoverCardCloseDetail {
+    open: false;
+}
 /**
  * Root container for a hover card.
 Manages open/closed state with configurable open and close delays.
@@ -11,5 +17,9 @@ export interface FlintHoverCardProps extends React.HTMLAttributes<FlintHoverCard
     openDelay?: number;
     /** Delay in milliseconds before the hover card closes. */
     closeDelay?: number;
+    /** Fired when the card becomes visible. detail: `{ open: true }` */
+    onFlintHoverCardOpen?: (event: CustomEvent<FlintHoverCardOpenDetail>) => void;
+    /** Fired when the card is dismissed. detail: `{ open: false }` */
+    onFlintHoverCardClose?: (event: CustomEvent<FlintHoverCardCloseDetail>) => void;
 }
 export declare const FlintHoverCard: React.ForwardRefExoticComponent<FlintHoverCardProps & React.RefAttributes<FlintHoverCardElement>>;

package/dist/components/FlintHoverCard.js

@@ -0,0 +1,16 @@
+// src/components/FlintHoverCard.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintHoverCard as FlintHoverCardElement } from "@getufy/flint-ui/hover-card/flint-hover-card";
+var FlintHoverCard = createComponent({
+  tagName: "flint-hover-card",
+  elementClass: FlintHoverCardElement,
+  react: React,
+  events: {
+    onFlintHoverCardOpen: "flint-hover-card-open",
+    onFlintHoverCardClose: "flint-hover-card-close"
+  }
+});
+export {
+  FlintHoverCard
+};

package/dist/components/FlintHoverCardContent.js

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