@getufy/flint-ui-react 0.3.0 → 0.4.0

package/dist/components/FlintSpeedDial.d.ts

@@ -1,5 +1,11 @@
 import React from 'react';
 import { FlintSpeedDial as FlintSpeedDialElement } from '@getufy/flint-ui/speed-dial/flint-speed-dial';
+export interface FlintSpeedDialOpenDetail {
+    open: true;
+}
+export interface FlintSpeedDialCloseDetail {
+    open: false;
+}
 /**
  * Speed Dial — a FAB that reveals 3-6 related actions when pressed.
  *
@@ -26,5 +32,9 @@ export interface FlintSpeedDialProps extends Omit<React.HTMLAttributes<FlintSpee
     ariaLabel?: string;
     /** True on touch-only devices (auto-detected unless explicitly set). */
     isTouch?: boolean;
+    /** Fired when the dial opens. detail: `{ open: true }` */
+    onFlintSpeedDialOpen?: (event: CustomEvent<FlintSpeedDialOpenDetail>) => void;
+    /** Fired when the dial closes. detail: `{ open: false }` */
+    onFlintSpeedDialClose?: (event: CustomEvent<FlintSpeedDialCloseDetail>) => void;
 }
 export declare const FlintSpeedDial: React.ForwardRefExoticComponent<FlintSpeedDialProps & React.RefAttributes<FlintSpeedDialElement>>;

package/dist/components/FlintSpeedDial.js

@@ -0,0 +1,16 @@
+// src/components/FlintSpeedDial.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintSpeedDial as FlintSpeedDialElement } from "@getufy/flint-ui/speed-dial/flint-speed-dial";
+var FlintSpeedDial = createComponent({
+  tagName: "flint-speed-dial",
+  elementClass: FlintSpeedDialElement,
+  react: React,
+  events: {
+    onFlintSpeedDialOpen: "flint-speed-dial-open",
+    onFlintSpeedDialClose: "flint-speed-dial-close"
+  }
+});
+export {
+  FlintSpeedDial
+};

package/dist/components/FlintSpeedDialAction.js

@@ -0,0 +1,15 @@
+// src/components/FlintSpeedDialAction.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintSpeedDialAction as FlintSpeedDialActionElement } from "@getufy/flint-ui/speed-dial/flint-speed-dial";
+var FlintSpeedDialAction = createComponent({
+  tagName: "flint-speed-dial-action",
+  elementClass: FlintSpeedDialActionElement,
+  react: React,
+  events: {
+    onFlintSpeedDialActionClick: "flint-speed-dial-action-click"
+  }
+});
+export {
+  FlintSpeedDialAction
+};

package/dist/components/FlintSplitPanel.js

@@ -0,0 +1,15 @@
+// src/components/FlintSplitPanel.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintSplitPanel as FlintSplitPanelElement } from "@getufy/flint-ui/split-panel/flint-split-panel";
+var FlintSplitPanel = createComponent({
+  tagName: "flint-split-panel",
+  elementClass: FlintSplitPanelElement,
+  react: React,
+  events: {
+    onFlintSplitPanelReposition: "flint-split-panel-reposition"
+  }
+});
+export {
+  FlintSplitPanel
+};

package/dist/components/FlintStack.js

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

package/dist/components/FlintStaticTimePicker.d.ts

@@ -3,14 +3,14 @@ import { FlintStaticTimePicker as FlintStaticTimePickerElement } from '@getufy/f
 /**
  * Static Time Picker: an always-visible inline clock.
  */
-export interface FlintStaticTimePickerProps extends Omit<React.HTMLAttributes<FlintStaticTimePickerElement>, 'onChange'> {
+export interface FlintStaticTimePickerProps extends React.HTMLAttributes<FlintStaticTimePickerElement> {
     /** Time value in HH:MM:SS format. */
     value?: string;
     /** Whether to use 12-hour (AM/PM) format instead of 24-hour. */
     ampm?: boolean;
     /** Whether to show a seconds section. */
     seconds?: boolean;
-    /** Fired when the time value changes. */
-    onChange?: (event: CustomEvent) => void;
+    /** Fired when the time value changes. detail: `{ value: string }` */
+    onFlintStaticTimePickerChange?: (event: CustomEvent) => void;
 }
 export declare const FlintStaticTimePicker: React.ForwardRefExoticComponent<FlintStaticTimePickerProps & React.RefAttributes<FlintStaticTimePickerElement>>;

package/dist/components/FlintStaticTimePicker.js

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

package/dist/components/FlintStep.js

@@ -0,0 +1,15 @@
+// src/components/FlintStep.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintStep as FlintStepElement } from "@getufy/flint-ui/stepper/flint-stepper";
+var FlintStep = createComponent({
+  tagName: "flint-step",
+  elementClass: FlintStepElement,
+  react: React,
+  events: {
+    onFlintStepClick: "flint-step-click"
+  }
+});
+export {
+  FlintStep
+};

package/dist/components/FlintStepConnector.js

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

package/dist/components/FlintStepContent.js

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

package/dist/components/FlintStepLabel.js

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

package/dist/components/FlintStepper.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import { FlintStepper as FlintStepperElement } from '@getufy/flint-ui/stepper/flint-stepper';
+export interface FlintStepChangeDetail {
+    step: number;
+}
 /**
  * Stepper: a multi-step progress indicator.
  */
@@ -17,6 +20,6 @@ export interface FlintStepperProps extends React.HTMLAttributes<FlintStepperElem
     /** Accessible label for the stepper landmark (maps to aria-label on the list element). */
     label?: string;
     /** Fired when the active step changes via step click. */
-    onFlintStepChange?: (event: CustomEvent) => void;
+    onFlintStepChange?: (event: CustomEvent<FlintStepChangeDetail>) => void;
 }
 export declare const FlintStepper: React.ForwardRefExoticComponent<FlintStepperProps & React.RefAttributes<FlintStepperElement>>;

package/dist/components/FlintStepper.js

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

package/dist/components/FlintSwitch.js

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

package/dist/components/FlintTab.js

@@ -0,0 +1,15 @@
+// src/components/FlintTab.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintTab as FlintTabElement } from "@getufy/flint-ui/tabs/flint-tabs";
+var FlintTab = createComponent({
+  tagName: "flint-tab",
+  elementClass: FlintTabElement,
+  react: React,
+  events: {
+    onFlintTabClick: "flint-tab-click"
+  }
+});
+export {
+  FlintTab
+};

package/dist/components/FlintTabList.js

@@ -0,0 +1,15 @@
+// src/components/FlintTabList.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintTabList as FlintTabListElement } from "@getufy/flint-ui/tabs/flint-tabs";
+var FlintTabList = createComponent({
+  tagName: "flint-tab-list",
+  elementClass: FlintTabListElement,
+  react: React,
+  events: {
+    onFlintTabClick: "flint-tab-click"
+  }
+});
+export {
+  FlintTabList
+};

package/dist/components/FlintTabPanel.js

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

package/dist/components/FlintTable.js

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

package/dist/components/FlintTableBody.js

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

package/dist/components/FlintTableCell.js

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

package/dist/components/FlintTableContainer.js

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

package/dist/components/FlintTableFooter.js

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

package/dist/components/FlintTableHead.js

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

package/dist/components/FlintTablePagination.js

@@ -0,0 +1,16 @@
+// src/components/FlintTablePagination.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintTablePagination as FlintTablePaginationElement } from "@getufy/flint-ui/table/flint-table-pagination";
+var FlintTablePagination = createComponent({
+  tagName: "flint-table-pagination",
+  elementClass: FlintTablePaginationElement,
+  react: React,
+  events: {
+    onFlintPaginationPageChange: "flint-pagination-page-change",
+    onFlintPaginationRowsPerPageChange: "flint-pagination-rows-per-page-change"
+  }
+});
+export {
+  FlintTablePagination
+};

package/dist/components/FlintTableRow.js

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

package/dist/components/FlintTableSortLabel.js

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

package/dist/components/FlintTabs.js

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

package/dist/components/FlintTextField.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import { FlintTextField as FlintTextFieldElement } from '@getufy/flint-ui/text-field/flint-text-field';
-export interface InputDetail {
+export interface FlintTextFieldInputDetail {
     value: string;
 }
-export interface ChangeDetail {
+export interface FlintTextFieldChangeDetail {
     value: string;
 }
 /**
  * Text Field: a styled text input with outlined/filled variants.
  */
-export interface FlintTextFieldProps extends Omit<React.HTMLAttributes<FlintTextFieldElement>, 'onInput' | 'onChange' | 'defaultValue'> {
+export interface FlintTextFieldProps extends Omit<React.HTMLAttributes<FlintTextFieldElement>, 'defaultValue'> {
     /** Label text displayed above the input. */
     label?: string;
     /** Current value of the text field. */
@@ -30,9 +30,9 @@ export interface FlintTextFieldProps extends Omit<React.HTMLAttributes<FlintText
     errorMessage?: string;
     /** Initial value for uncontrolled usage. */
     defaultValue?: string;
-    /** Fired on each keystroke as the value changes. */
-    onInput?: (event: CustomEvent<InputDetail>) => void;
-    /** Fired when the input loses focus after the value has changed. */
-    onChange?: (event: CustomEvent<ChangeDetail>) => void;
+    /** Fired on each keystroke as the value changes. detail: `{ value: string }` */
+    onFlintTextFieldInput?: (event: CustomEvent<FlintTextFieldInputDetail>) => void;
+    /** Fired when the input loses focus after the value has changed. detail: `{ value: string }` */
+    onFlintTextFieldChange?: (event: CustomEvent<FlintTextFieldChangeDetail>) => void;
 }
 export declare const FlintTextField: React.ForwardRefExoticComponent<FlintTextFieldProps & React.RefAttributes<FlintTextFieldElement>>;

package/dist/components/FlintTextField.js

@@ -0,0 +1,16 @@
+// src/components/FlintTextField.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintTextField as FlintTextFieldElement } from "@getufy/flint-ui/text-field/flint-text-field";
+var FlintTextField = createComponent({
+  tagName: "flint-text-field",
+  elementClass: FlintTextFieldElement,
+  react: React,
+  events: {
+    onFlintTextFieldInput: "flint-text-field-input",
+    onFlintTextFieldChange: "flint-text-field-change"
+  }
+});
+export {
+  FlintTextField
+};

package/dist/components/FlintTextarea.js

@@ -0,0 +1,16 @@
+// src/components/FlintTextarea.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintTextarea as FlintTextareaElement } from "@getufy/flint-ui/textarea/flint-textarea";
+var FlintTextarea = createComponent({
+  tagName: "flint-textarea",
+  elementClass: FlintTextareaElement,
+  react: React,
+  events: {
+    onFlintTextareaInput: "flint-textarea-input",
+    onFlintTextareaChange: "flint-textarea-change"
+  }
+});
+export {
+  FlintTextarea
+};

package/dist/components/FlintTimeClock.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { FlintTimeClock as FlintTimeClockElement } from '@getufy/flint-ui/time-picker/flint-time-picker';
-export interface ChangeDetail {
+export interface FlintTimeClockChangeDetail {
     value: string;
 }
 /**
  * Time Clock: an analog clock face for selecting hours, minutes, and seconds.
  */
-export interface FlintTimeClockProps extends Omit<React.HTMLAttributes<FlintTimeClockElement>, 'onChange'> {
+export interface FlintTimeClockProps extends React.HTMLAttributes<FlintTimeClockElement> {
     /** Time value in HH:MM:SS format. */
     value?: string;
     /** Whether to use 12-hour (AM/PM) format instead of 24-hour. */
@@ -15,8 +15,8 @@ export interface FlintTimeClockProps extends Omit<React.HTMLAttributes<FlintTime
     seconds?: boolean;
     /** Currently active clock face view. */
     view?: FlintTimeClockElement['view'];
-    /** Fired when the time value changes. */
-    onChange?: (event: CustomEvent<ChangeDetail>) => void;
+    /** Fired when the time value changes. detail: `{ value: string }` */
+    onFlintTimeClockChange?: (event: CustomEvent<FlintTimeClockChangeDetail>) => void;
     /** Fired when the clock face view switches. */
     onFlintTimeClockViewChange?: (event: CustomEvent) => void;
 }

package/dist/components/FlintTimeClock.js

@@ -0,0 +1,16 @@
+// src/components/FlintTimeClock.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintTimeClock as FlintTimeClockElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintTimeClock = createComponent({
+  tagName: "flint-time-clock",
+  elementClass: FlintTimeClockElement,
+  react: React,
+  events: {
+    onFlintTimeClockChange: "flint-time-clock-change",
+    onFlintTimeClockViewChange: "flint-time-clock-view-change"
+  }
+});
+export {
+  FlintTimeClock
+};

package/dist/components/FlintTimeField.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { FlintTimeField as FlintTimeFieldElement } from '@getufy/flint-ui/time-picker/flint-time-picker';
-export interface ChangeDetail {
+export interface FlintTimeFieldChangeDetail {
     value: string;
 }
 /**
  * Time Field: a segmented time input with keyboard navigation.
  */
-export interface FlintTimeFieldProps extends Omit<React.HTMLAttributes<FlintTimeFieldElement>, 'onChange'> {
+export interface FlintTimeFieldProps extends React.HTMLAttributes<FlintTimeFieldElement> {
     /** Time value in HH:MM:SS format. */
     value?: string;
     /** Field label text. */
@@ -27,7 +27,7 @@ export interface FlintTimeFieldProps extends Omit<React.HTMLAttributes<FlintTime
     errorMessage?: string;
     /** Fired when the clear button is clicked. */
     onFlintTimePickerClear?: (event: CustomEvent) => void;
-    /** Fired when the time value changes. */
-    onChange?: (event: CustomEvent<ChangeDetail>) => void;
+    /** Fired when the time value changes. detail: `{ value: string }` */
+    onFlintTimeFieldChange?: (event: CustomEvent<FlintTimeFieldChangeDetail>) => void;
 }
 export declare const FlintTimeField: React.ForwardRefExoticComponent<FlintTimeFieldProps & React.RefAttributes<FlintTimeFieldElement>>;

package/dist/components/FlintTimeField.js

@@ -0,0 +1,16 @@
+// src/components/FlintTimeField.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintTimeField as FlintTimeFieldElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintTimeField = createComponent({
+  tagName: "flint-time-field",
+  elementClass: FlintTimeFieldElement,
+  react: React,
+  events: {
+    onFlintTimePickerClear: "flint-time-picker-clear",
+    onFlintTimeFieldChange: "flint-time-field-change"
+  }
+});
+export {
+  FlintTimeField
+};

package/dist/components/FlintTimePicker.d.ts

@@ -3,7 +3,7 @@ import { FlintTimePicker as FlintTimePickerElement } from '@getufy/flint-ui/time
 /**
  * Time Picker: a configurable time input supporting desktop, mobile, and static variants.
  */
-export interface FlintTimePickerProps extends Omit<React.HTMLAttributes<FlintTimePickerElement>, 'onChange'> {
+export interface FlintTimePickerProps extends React.HTMLAttributes<FlintTimePickerElement> {
     /** Time value in HH:MM:SS format. */
     value?: string;
     /** Field label text. */
@@ -22,7 +22,7 @@ export interface FlintTimePickerProps extends Omit<React.HTMLAttributes<FlintTim
     helperText?: string;
     /** Error message displayed below the field when in error state. */
     errorMessage?: string;
-    /** Fired when the time value changes. */
-    onChange?: (event: CustomEvent) => void;
+    /** Fired when the time value changes. detail: `{ value: string }` */
+    onFlintTimePickerChange?: (event: CustomEvent) => void;
 }
 export declare const FlintTimePicker: React.ForwardRefExoticComponent<FlintTimePickerProps & React.RefAttributes<FlintTimePickerElement>>;

package/dist/components/FlintTimePicker.js

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

package/dist/components/FlintToaster.js

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

package/dist/components/FlintToggle.js

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