@getufy/flint-ui-react 0.3.0 → 0.4.0

package/dist/components/FlintMenubarRadioItem.js

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

package/dist/components/FlintMenubarSeparator.js

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

package/dist/components/FlintMenubarShortcut.js

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

package/dist/components/FlintMenubarSub.js

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

package/dist/components/FlintMenubarSubContent.js

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

package/dist/components/FlintMenubarSubTrigger.js

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

package/dist/components/FlintMenubarTrigger.js

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

package/dist/components/FlintMobileStepper.d.ts

@@ -19,5 +19,9 @@ export interface FlintMobileStepperProps extends React.HTMLAttributes<FlintMobil
     backLabel?: string;
     /** Label text for the Next navigation button (supports i18n). */
     nextLabel?: string;
+    /** Fired when the back button is clicked. */
+    onFlintMobileStepBack?: (event: CustomEvent) => void;
+    /** Fired when the next button is clicked. */
+    onFlintMobileStepNext?: (event: CustomEvent) => void;
 }
 export declare const FlintMobileStepper: React.ForwardRefExoticComponent<FlintMobileStepperProps & React.RefAttributes<FlintMobileStepperElement>>;

package/dist/components/FlintMobileStepper.js

@@ -0,0 +1,16 @@
+// src/components/FlintMobileStepper.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintMobileStepper as FlintMobileStepperElement } from "@getufy/flint-ui/stepper/flint-stepper";
+var FlintMobileStepper = createComponent({
+  tagName: "flint-mobile-stepper",
+  elementClass: FlintMobileStepperElement,
+  react: React,
+  events: {
+    onFlintMobileStepBack: "flint-mobile-step-back",
+    onFlintMobileStepNext: "flint-mobile-step-next"
+  }
+});
+export {
+  FlintMobileStepper
+};

package/dist/components/FlintMobileTimePicker.d.ts

@@ -3,7 +3,7 @@ import { FlintMobileTimePicker as FlintMobileTimePickerElement } from '@getufy/f
 /**
  * Mobile Time Picker: a time field with a modal clock dialog.
  */
-export interface FlintMobileTimePickerProps extends Omit<React.HTMLAttributes<FlintMobileTimePickerElement>, 'onChange'> {
+export interface FlintMobileTimePickerProps extends React.HTMLAttributes<FlintMobileTimePickerElement> {
     /** Time value in HH:MM:SS format. */
     value?: string;
     /** Field label text. */
@@ -20,7 +20,7 @@ export interface FlintMobileTimePickerProps extends Omit<React.HTMLAttributes<Fl
     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 }` */
+    onFlintMobileTimePickerChange?: (event: CustomEvent) => void;
 }
 export declare const FlintMobileTimePicker: React.ForwardRefExoticComponent<FlintMobileTimePickerProps & React.RefAttributes<FlintMobileTimePickerElement>>;

package/dist/components/FlintMobileTimePicker.js

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

package/dist/components/FlintMultiSectionDigitalClock.d.ts

@@ -1,19 +1,19 @@
 import React from 'react';
 import { FlintMultiSectionDigitalClock as FlintMultiSectionDigitalClockElement } from '@getufy/flint-ui/time-picker/flint-time-picker';
-export interface ChangeDetail {
+export interface FlintMultiSectionDigitalClockChangeDetail {
     value: string;
 }
 /**
  * Multi Section Digital Clock: hours, minutes, and optional seconds columns.
  */
-export interface FlintMultiSectionDigitalClockProps extends Omit<React.HTMLAttributes<FlintMultiSectionDigitalClockElement>, 'onChange'> {
+export interface FlintMultiSectionDigitalClockProps extends React.HTMLAttributes<FlintMultiSectionDigitalClockElement> {
     /** 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 column. */
     seconds?: boolean;
-    /** Fired when the time value changes. */
-    onChange?: (event: CustomEvent<ChangeDetail>) => void;
+    /** Fired when the time value changes. detail: `{ value: string }` */
+    onFlintMultiSectionDigitalClockChange?: (event: CustomEvent<FlintMultiSectionDigitalClockChangeDetail>) => void;
 }
 export declare const FlintMultiSectionDigitalClock: React.ForwardRefExoticComponent<FlintMultiSectionDigitalClockProps & React.RefAttributes<FlintMultiSectionDigitalClockElement>>;

package/dist/components/FlintMultiSectionDigitalClock.js

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

package/dist/components/FlintNavigationMenu.js

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

package/dist/components/FlintNavigationMenuContent.js

@@ -0,0 +1,15 @@
+// src/components/FlintNavigationMenuContent.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintNavigationMenuContent as FlintNavigationMenuContentElement } from "@getufy/flint-ui/navigation-menu/flint-navigation-menu-content";
+var FlintNavigationMenuContent = createComponent({
+  tagName: "flint-navigation-menu-content",
+  elementClass: FlintNavigationMenuContentElement,
+  react: React,
+  events: {
+    onFlintNavigationMenuContentToggle: "flint-navigation-menu-content-toggle"
+  }
+});
+export {
+  FlintNavigationMenuContent
+};

package/dist/components/FlintNavigationMenuItem.js

@@ -0,0 +1,16 @@
+// src/components/FlintNavigationMenuItem.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintNavigationMenuItem as FlintNavigationMenuItemElement } from "@getufy/flint-ui/navigation-menu/flint-navigation-menu-item";
+var FlintNavigationMenuItem = createComponent({
+  tagName: "flint-navigation-menu-item",
+  elementClass: FlintNavigationMenuItemElement,
+  react: React,
+  events: {
+    onFlintNavigationMenuTriggerClick: "flint-navigation-menu-trigger-click",
+    onFlintNavigationMenuContentToggle: "flint-navigation-menu-content-toggle"
+  }
+});
+export {
+  FlintNavigationMenuItem
+};

package/dist/components/FlintNavigationMenuLink.js

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

package/dist/components/FlintNavigationMenuList.js

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

package/dist/components/FlintNavigationMenuTrigger.js

@@ -0,0 +1,15 @@
+// src/components/FlintNavigationMenuTrigger.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintNavigationMenuTrigger as FlintNavigationMenuTriggerElement } from "@getufy/flint-ui/navigation-menu/flint-navigation-menu-trigger";
+var FlintNavigationMenuTrigger = createComponent({
+  tagName: "flint-navigation-menu-trigger",
+  elementClass: FlintNavigationMenuTriggerElement,
+  react: React,
+  events: {
+    onFlintNavigationMenuTriggerClick: "flint-navigation-menu-trigger-click"
+  }
+});
+export {
+  FlintNavigationMenuTrigger
+};

package/dist/components/FlintPagination.js

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

package/dist/components/FlintPaper.js

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

package/dist/components/FlintRadio.js

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

package/dist/components/FlintRadioGroup.js

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

package/dist/components/FlintRangeSlider.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
 import { FlintRangeSlider as FlintRangeSliderElement } from '@getufy/flint-ui/flint-range-slider/flint-range-slider';
+export interface FlintRangeSliderChangeDetail {
+    value: [number, number];
+}
 /**
  * A range slider that lets users select a start and end value within a range.
  */
 export interface FlintRangeSliderProps extends React.HTMLAttributes<FlintRangeSliderElement> {
-    value?: FlintRangeSliderElement['value'];
+    value?: [number, number];
     /** Minimum allowed value. */
     min?: number;
     /** Maximum allowed value. */
@@ -20,6 +23,6 @@ export interface FlintRangeSliderProps extends React.HTMLAttributes<FlintRangeSl
     /** Whether to display the current start and end values. */
     showValue?: boolean;
     /** When either thumb moves. detail: { value: [number, number] } */
-    onFlintRangeSliderChange?: (event: CustomEvent) => void;
+    onFlintRangeSliderChange?: (event: CustomEvent<FlintRangeSliderChangeDetail>) => void;
 }
 export declare const FlintRangeSlider: React.ForwardRefExoticComponent<FlintRangeSliderProps & React.RefAttributes<FlintRangeSliderElement>>;

package/dist/components/FlintRangeSlider.js

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

package/dist/components/FlintRating.js

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

package/dist/components/FlintRelativeTime.js

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

package/dist/components/FlintResizableGroup.js

@@ -0,0 +1,17 @@
+// src/components/FlintResizableGroup.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintResizableGroup as FlintResizableGroupElement } from "@getufy/flint-ui/resizable/flint-resizable";
+var FlintResizableGroup = createComponent({
+  tagName: "flint-resizable-group",
+  elementClass: FlintResizableGroupElement,
+  react: React,
+  events: {
+    onFlintResizableCollapse: "flint-resizable-collapse",
+    onFlintResizableExpand: "flint-resizable-expand",
+    onFlintResizableChange: "flint-resizable-change"
+  }
+});
+export {
+  FlintResizableGroup
+};

package/dist/components/FlintResizableHandle.js

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

package/dist/components/FlintResizablePanel.js

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

package/dist/components/FlintRichTreeView.js

@@ -0,0 +1,18 @@
+// src/components/FlintRichTreeView.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintRichTreeView as FlintRichTreeViewElement } from "@getufy/flint-ui/tree-view/flint-rich-tree-view";
+var FlintRichTreeView = createComponent({
+  tagName: "flint-rich-tree-view",
+  elementClass: FlintRichTreeViewElement,
+  react: React,
+  events: {
+    onFlintTreeViewError: "flint-tree-view-error",
+    onFlintTreeViewExpandedItemsChange: "flint-tree-view-expanded-items-change",
+    onFlintTreeViewItemClick: "flint-tree-view-item-click",
+    onFlintTreeViewItemPositionChange: "flint-tree-view-item-position-change"
+  }
+});
+export {
+  FlintRichTreeView
+};

package/dist/components/FlintScrollArea.js

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

package/dist/components/FlintScrollBar.js

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

package/dist/components/FlintSelect.d.ts

@@ -36,7 +36,7 @@ export interface FlintSelectProps extends Omit<React.HTMLAttributes<FlintSelectE
     size?: FlintSelectElement['size'];
     /** Sets the initial value in uncontrolled mode (single-select only). */
     defaultValue?: string;
-    /** Dispatched when the selection changes. detail: { value: string | null } (single) or { value: string[] } (multiple) */
+    /** Dispatched when the selection changes. detail: `{ value: string[] }` */
     onFlintSelectChange?: (event: CustomEvent<FlintSelectChangeDetail>) => void;
 }
 export declare const FlintSelect: React.ForwardRefExoticComponent<FlintSelectProps & React.RefAttributes<FlintSelectElement>>;

package/dist/components/FlintSelect.js

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

package/dist/components/FlintSimpleTreeView.js

@@ -0,0 +1,16 @@
+// src/components/FlintSimpleTreeView.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintSimpleTreeView as FlintSimpleTreeViewElement } from "@getufy/flint-ui/tree-view/flint-simple-tree-view";
+var FlintSimpleTreeView = createComponent({
+  tagName: "flint-simple-tree-view",
+  elementClass: FlintSimpleTreeViewElement,
+  react: React,
+  events: {
+    onFlintTreeViewExpandedItemsChange: "flint-tree-view-expanded-items-change",
+    onFlintTreeViewItemClick: "flint-tree-view-item-click"
+  }
+});
+export {
+  FlintSimpleTreeView
+};

package/dist/components/FlintSingleInputDateRangeField.js

@@ -0,0 +1,16 @@
+// src/components/FlintSingleInputDateRangeField.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintSingleInputDateRangeField as FlintSingleInputDateRangeFieldElement } from "@getufy/flint-ui/date-range-picker/flint-single-input-date-range-field";
+var FlintSingleInputDateRangeField = createComponent({
+  tagName: "flint-single-input-date-range-field",
+  elementClass: FlintSingleInputDateRangeFieldElement,
+  react: React,
+  events: {
+    onFlintDateRangePickerClear: "flint-date-range-picker-clear",
+    onFlintDateRangePickerChange: "flint-date-range-picker-change"
+  }
+});
+export {
+  FlintSingleInputDateRangeField
+};

package/dist/components/FlintSkeleton.js

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

package/dist/components/FlintSlider.js

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

package/dist/components/FlintSnackbar.js

@@ -0,0 +1,16 @@
+// src/components/FlintSnackbar.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintSnackbar as FlintSnackbarElement } from "@getufy/flint-ui/snackbar/flint-snackbar";
+var FlintSnackbar = createComponent({
+  tagName: "flint-snackbar",
+  elementClass: FlintSnackbarElement,
+  react: React,
+  events: {
+    onFlintSnackbarOpen: "flint-snackbar-open",
+    onFlintSnackbarClose: "flint-snackbar-close"
+  }
+});
+export {
+  FlintSnackbar
+};