@getufy/flint-ui-react 0.2.1 → 0.3.0

package/dist/tabs.d.ts

@@ -0,0 +1,7 @@
+export { FlintTab, type FlintTabProps } from './components/FlintTab.js';
+export { FlintTabPanel, type FlintTabPanelProps } from './components/FlintTabPanel.js';
+export { FlintTabList, type FlintTabListProps } from './components/FlintTabList.js';
+export { FlintTabs, type FlintTabsProps } from './components/FlintTabs.js';
+export { FlintTabEvents } from './events/flint-tab.js';
+export { FlintTabListEvents } from './events/flint-tab-list.js';
+export { FlintTabsEvents } from './events/flint-tabs.js';

package/dist/tabs.js

@@ -0,0 +1,72 @@
+// 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"
+  }
+});
+
+// src/components/FlintTabPanel.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintTabPanel as FlintTabPanelElement } from "@getufy/flint-ui/tabs/flint-tabs";
+var FlintTabPanel = createComponent2({
+  tagName: "flint-tab-panel",
+  elementClass: FlintTabPanelElement,
+  react: React2
+});
+
+// src/components/FlintTabList.tsx
+import React3 from "react";
+import { createComponent as createComponent3 } from "@lit/react";
+import { FlintTabList as FlintTabListElement } from "@getufy/flint-ui/tabs/flint-tabs";
+var FlintTabList = createComponent3({
+  tagName: "flint-tab-list",
+  elementClass: FlintTabListElement,
+  react: React3,
+  events: {
+    onFlintTabClick: "flint-tab-click"
+  }
+});
+
+// src/components/FlintTabs.tsx
+import React4 from "react";
+import { createComponent as createComponent4 } from "@lit/react";
+import { FlintTabs as FlintTabsElement } from "@getufy/flint-ui/tabs/flint-tabs";
+var FlintTabs = createComponent4({
+  tagName: "flint-tabs",
+  elementClass: FlintTabsElement,
+  react: React4,
+  events: {
+    onFlintTabChange: "flint-tab-change"
+  }
+});
+
+// src/events/flint-tab.ts
+var FlintTabEvents = {
+  CLICK: "flint-tab-click"
+};
+
+// src/events/flint-tab-list.ts
+var FlintTabListEvents = {
+  TAB_CLICK: "flint-tab-click"
+};
+
+// src/events/flint-tabs.ts
+var FlintTabsEvents = {
+  TAB_CHANGE: "flint-tab-change"
+};
+export {
+  FlintTab,
+  FlintTabEvents,
+  FlintTabList,
+  FlintTabListEvents,
+  FlintTabPanel,
+  FlintTabs,
+  FlintTabsEvents
+};

package/dist/text-field.d.ts

@@ -0,0 +1,2 @@
+export { FlintTextField, type FlintTextFieldProps } from './components/FlintTextField.js';
+export { FlintTextFieldEvents } from './events/flint-text-field.js';

package/dist/text-field.js

@@ -0,0 +1,23 @@
+// 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: {
+    onInput: "input",
+    onChange: "change"
+  }
+});
+
+// src/events/flint-text-field.ts
+var FlintTextFieldEvents = {
+  INPUT: "input",
+  CHANGE: "change"
+};
+export {
+  FlintTextField,
+  FlintTextFieldEvents
+};

package/dist/textarea.d.ts

@@ -0,0 +1,2 @@
+export { FlintTextarea, type FlintTextareaProps } from './components/FlintTextarea.js';
+export { FlintTextareaEvents } from './events/flint-textarea.js';

package/dist/textarea.js

@@ -0,0 +1,23 @@
+// 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"
+  }
+});
+
+// src/events/flint-textarea.ts
+var FlintTextareaEvents = {
+  INPUT: "flint-textarea-input",
+  CHANGE: "flint-textarea-change"
+};
+export {
+  FlintTextarea,
+  FlintTextareaEvents
+};

package/dist/time-picker.d.ts

@@ -0,0 +1,16 @@
+export { FlintTimeField, type FlintTimeFieldProps } from './components/FlintTimeField.js';
+export { FlintDigitalClock, type FlintDigitalClockProps } from './components/FlintDigitalClock.js';
+export { FlintMultiSectionDigitalClock, type FlintMultiSectionDigitalClockProps } from './components/FlintMultiSectionDigitalClock.js';
+export { FlintTimeClock, type FlintTimeClockProps } from './components/FlintTimeClock.js';
+export { FlintDesktopTimePicker, type FlintDesktopTimePickerProps } from './components/FlintDesktopTimePicker.js';
+export { FlintMobileTimePicker, type FlintMobileTimePickerProps } from './components/FlintMobileTimePicker.js';
+export { FlintStaticTimePicker, type FlintStaticTimePickerProps } from './components/FlintStaticTimePicker.js';
+export { FlintTimePicker, type FlintTimePickerProps } from './components/FlintTimePicker.js';
+export { FlintTimeFieldEvents } from './events/flint-time-field.js';
+export { FlintDigitalClockEvents } from './events/flint-digital-clock.js';
+export { FlintMultiSectionDigitalClockEvents } from './events/flint-multi-section-digital-clock.js';
+export { FlintTimeClockEvents } from './events/flint-time-clock.js';
+export { FlintDesktopTimePickerEvents } from './events/flint-desktop-time-picker.js';
+export { FlintMobileTimePickerEvents } from './events/flint-mobile-time-picker.js';
+export { FlintStaticTimePickerEvents } from './events/flint-static-time-picker.js';
+export { FlintTimePickerEvents } from './events/flint-time-picker.js';

package/dist/time-picker.js

@@ -0,0 +1,165 @@
+// 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",
+    onChange: "change"
+  }
+});
+
+// src/components/FlintDigitalClock.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintDigitalClock as FlintDigitalClockElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintDigitalClock = createComponent2({
+  tagName: "flint-digital-clock",
+  elementClass: FlintDigitalClockElement,
+  react: React2,
+  events: {
+    onChange: "change"
+  }
+});
+
+// src/components/FlintMultiSectionDigitalClock.tsx
+import React3 from "react";
+import { createComponent as createComponent3 } from "@lit/react";
+import { FlintMultiSectionDigitalClock as FlintMultiSectionDigitalClockElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintMultiSectionDigitalClock = createComponent3({
+  tagName: "flint-multi-section-digital-clock",
+  elementClass: FlintMultiSectionDigitalClockElement,
+  react: React3,
+  events: {
+    onChange: "change"
+  }
+});
+
+// src/components/FlintTimeClock.tsx
+import React4 from "react";
+import { createComponent as createComponent4 } from "@lit/react";
+import { FlintTimeClock as FlintTimeClockElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintTimeClock = createComponent4({
+  tagName: "flint-time-clock",
+  elementClass: FlintTimeClockElement,
+  react: React4,
+  events: {
+    onChange: "change",
+    onFlintTimeClockViewChange: "flint-time-clock-view-change"
+  }
+});
+
+// src/components/FlintDesktopTimePicker.tsx
+import React5 from "react";
+import { createComponent as createComponent5 } from "@lit/react";
+import { FlintDesktopTimePicker as FlintDesktopTimePickerElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintDesktopTimePicker = createComponent5({
+  tagName: "flint-desktop-time-picker",
+  elementClass: FlintDesktopTimePickerElement,
+  react: React5,
+  events: {
+    onChange: "change"
+  }
+});
+
+// src/components/FlintMobileTimePicker.tsx
+import React6 from "react";
+import { createComponent as createComponent6 } from "@lit/react";
+import { FlintMobileTimePicker as FlintMobileTimePickerElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintMobileTimePicker = createComponent6({
+  tagName: "flint-mobile-time-picker",
+  elementClass: FlintMobileTimePickerElement,
+  react: React6,
+  events: {
+    onChange: "change"
+  }
+});
+
+// src/components/FlintStaticTimePicker.tsx
+import React7 from "react";
+import { createComponent as createComponent7 } from "@lit/react";
+import { FlintStaticTimePicker as FlintStaticTimePickerElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintStaticTimePicker = createComponent7({
+  tagName: "flint-static-time-picker",
+  elementClass: FlintStaticTimePickerElement,
+  react: React7,
+  events: {
+    onChange: "change"
+  }
+});
+
+// src/components/FlintTimePicker.tsx
+import React8 from "react";
+import { createComponent as createComponent8 } from "@lit/react";
+import { FlintTimePicker as FlintTimePickerElement } from "@getufy/flint-ui/time-picker/flint-time-picker";
+var FlintTimePicker = createComponent8({
+  tagName: "flint-time-picker",
+  elementClass: FlintTimePickerElement,
+  react: React8,
+  events: {
+    onChange: "change"
+  }
+});
+
+// src/events/flint-time-field.ts
+var FlintTimeFieldEvents = {
+  TIME_PICKER_CLEAR: "flint-time-picker-clear",
+  CHANGE: "change"
+};
+
+// src/events/flint-digital-clock.ts
+var FlintDigitalClockEvents = {
+  CHANGE: "change"
+};
+
+// src/events/flint-multi-section-digital-clock.ts
+var FlintMultiSectionDigitalClockEvents = {
+  CHANGE: "change"
+};
+
+// src/events/flint-time-clock.ts
+var FlintTimeClockEvents = {
+  CHANGE: "change",
+  VIEW_CHANGE: "flint-time-clock-view-change"
+};
+
+// src/events/flint-desktop-time-picker.ts
+var FlintDesktopTimePickerEvents = {
+  CHANGE: "change"
+};
+
+// src/events/flint-mobile-time-picker.ts
+var FlintMobileTimePickerEvents = {
+  CHANGE: "change"
+};
+
+// src/events/flint-static-time-picker.ts
+var FlintStaticTimePickerEvents = {
+  CHANGE: "change"
+};
+
+// src/events/flint-time-picker.ts
+var FlintTimePickerEvents = {
+  CHANGE: "change"
+};
+export {
+  FlintDesktopTimePicker,
+  FlintDesktopTimePickerEvents,
+  FlintDigitalClock,
+  FlintDigitalClockEvents,
+  FlintMobileTimePicker,
+  FlintMobileTimePickerEvents,
+  FlintMultiSectionDigitalClock,
+  FlintMultiSectionDigitalClockEvents,
+  FlintStaticTimePicker,
+  FlintStaticTimePickerEvents,
+  FlintTimeClock,
+  FlintTimeClockEvents,
+  FlintTimeField,
+  FlintTimeFieldEvents,
+  FlintTimePicker,
+  FlintTimePickerEvents
+};

package/dist/toggle.d.ts

@@ -0,0 +1,2 @@
+export { FlintToggle, type FlintToggleProps } from './components/FlintToggle.js';
+export { FlintToggleEvents } from './events/flint-toggle.js';

package/dist/toggle.js

@@ -0,0 +1,21 @@
+// 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"
+  }
+});
+
+// src/events/flint-toggle.ts
+var FlintToggleEvents = {
+  CHANGE: "flint-toggle-change"
+};
+export {
+  FlintToggle,
+  FlintToggleEvents
+};

package/dist/tooltip.d.ts

@@ -0,0 +1 @@
+export { FlintTooltip, type FlintTooltipProps } from './components/FlintTooltip.js';

package/dist/tooltip.js

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

package/dist/transfer-list.d.ts

@@ -0,0 +1,2 @@
+export { FlintTransferList, type FlintTransferListProps } from './components/FlintTransferList.js';
+export { FlintTransferListEvents } from './events/flint-transfer-list.js';

package/dist/transfer-list.js

@@ -0,0 +1,21 @@
+// src/components/FlintTransferList.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintTransferList as FlintTransferListElement } from "@getufy/flint-ui/transfer-list/flint-transfer-list";
+var FlintTransferList = createComponent({
+  tagName: "flint-transfer-list",
+  elementClass: FlintTransferListElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
+});
+
+// src/events/flint-transfer-list.ts
+var FlintTransferListEvents = {
+  CHANGE: "change"
+};
+export {
+  FlintTransferList,
+  FlintTransferListEvents
+};

package/dist/tree-view.d.ts

@@ -0,0 +1,6 @@
+export { FlintRichTreeView, type FlintRichTreeViewProps } from './components/FlintRichTreeView.js';
+export { FlintSimpleTreeView, type FlintSimpleTreeViewProps } from './components/FlintSimpleTreeView.js';
+export { FlintTreeItem, type FlintTreeItemProps } from './components/FlintTreeItem.js';
+export { FlintRichTreeViewEvents } from './events/flint-rich-tree-view.js';
+export { FlintSimpleTreeViewEvents } from './events/flint-simple-tree-view.js';
+export { FlintTreeItemEvents } from './events/flint-tree-item.js';

package/dist/tree-view.js

@@ -0,0 +1,71 @@
+// 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"
+  }
+});
+
+// src/components/FlintSimpleTreeView.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintSimpleTreeView as FlintSimpleTreeViewElement } from "@getufy/flint-ui/tree-view/flint-simple-tree-view";
+var FlintSimpleTreeView = createComponent2({
+  tagName: "flint-simple-tree-view",
+  elementClass: FlintSimpleTreeViewElement,
+  react: React2,
+  events: {
+    onFlintTreeViewExpandedItemsChange: "flint-tree-view-expanded-items-change",
+    onFlintTreeViewItemClick: "flint-tree-view-item-click"
+  }
+});
+
+// src/components/FlintTreeItem.tsx
+import React3 from "react";
+import { createComponent as createComponent3 } from "@lit/react";
+import { FlintTreeItem as FlintTreeItemElement } from "@getufy/flint-ui/tree-view/flint-tree-item";
+var FlintTreeItem = createComponent3({
+  tagName: "flint-tree-item",
+  elementClass: FlintTreeItemElement,
+  react: React3,
+  events: {
+    onFlintTreeItemToggle: "flint-tree-item-toggle",
+    onFlintTreeItemClick: "flint-tree-item-click"
+  }
+});
+
+// src/events/flint-rich-tree-view.ts
+var FlintRichTreeViewEvents = {
+  TREE_VIEW_ERROR: "flint-tree-view-error",
+  TREE_VIEW_EXPANDED_ITEMS_CHANGE: "flint-tree-view-expanded-items-change",
+  TREE_VIEW_ITEM_CLICK: "flint-tree-view-item-click",
+  TREE_VIEW_ITEM_POSITION_CHANGE: "flint-tree-view-item-position-change"
+};
+
+// src/events/flint-simple-tree-view.ts
+var FlintSimpleTreeViewEvents = {
+  TREE_VIEW_EXPANDED_ITEMS_CHANGE: "flint-tree-view-expanded-items-change",
+  TREE_VIEW_ITEM_CLICK: "flint-tree-view-item-click"
+};
+
+// src/events/flint-tree-item.ts
+var FlintTreeItemEvents = {
+  TOGGLE: "flint-tree-item-toggle",
+  CLICK: "flint-tree-item-click"
+};
+export {
+  FlintRichTreeView,
+  FlintRichTreeViewEvents,
+  FlintSimpleTreeView,
+  FlintSimpleTreeViewEvents,
+  FlintTreeItem,
+  FlintTreeItemEvents
+};

package/dist/typography.d.ts

@@ -0,0 +1 @@
+export { FlintTypography, type FlintTypographyProps } from './components/FlintTypography.js';

package/dist/typography.js

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

package/dist/visually-hidden.d.ts

@@ -0,0 +1 @@
+export { FlintVisuallyHidden, type FlintVisuallyHiddenProps } from './components/FlintVisuallyHidden.js';

package/dist/visually-hidden.js

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