@getufy/flint-ui-react 0.1.2 → 0.2.2

package/dist/grid.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/hover-card.d.ts

@@ -0,0 +1,3 @@
+export { FlintHoverCardTrigger, type FlintHoverCardTriggerProps } from './components/FlintHoverCardTrigger.js';
+export { FlintHoverCardContent, type FlintHoverCardContentProps } from './components/FlintHoverCardContent.js';
+export { FlintHoverCard, type FlintHoverCardProps } from './components/FlintHoverCard.js';

package/dist/hover-card.js

@@ -0,0 +1,34 @@
+// src/components/FlintHoverCardTrigger.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintHoverCardTrigger as FlintHoverCardTriggerElement } from "@getufy/flint-ui/hover-card/flint-hover-card";
+var FlintHoverCardTrigger = createComponent({
+  tagName: "flint-hover-card-trigger",
+  elementClass: FlintHoverCardTriggerElement,
+  react: React
+});
+
+// src/components/FlintHoverCardContent.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintHoverCardContent as FlintHoverCardContentElement } from "@getufy/flint-ui/hover-card/flint-hover-card";
+var FlintHoverCardContent = createComponent2({
+  tagName: "flint-hover-card-content",
+  elementClass: FlintHoverCardContentElement,
+  react: React2
+});
+
+// src/components/FlintHoverCard.tsx
+import React3 from "react";
+import { createComponent as createComponent3 } from "@lit/react";
+import { FlintHoverCard as FlintHoverCardElement } from "@getufy/flint-ui/hover-card/flint-hover-card";
+var FlintHoverCard = createComponent3({
+  tagName: "flint-hover-card",
+  elementClass: FlintHoverCardElement,
+  react: React3
+});
+export {
+  FlintHoverCard,
+  FlintHoverCardContent,
+  FlintHoverCardTrigger
+};

package/dist/image-comparer.d.ts

@@ -0,0 +1,2 @@
+export { FlintImageComparer, type FlintImageComparerProps } from './components/FlintImageComparer.js';
+export { FlintImageComparerEvents } from './events/flint-image-comparer.js';

package/dist/image-comparer.js

@@ -0,0 +1,21 @@
+// src/components/FlintImageComparer.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintImageComparer as FlintImageComparerElement } from "@getufy/flint-ui/image-comparer/flint-image-comparer";
+var FlintImageComparer = createComponent({
+  tagName: "flint-image-comparer",
+  elementClass: FlintImageComparerElement,
+  react: React,
+  events: {
+    onFlintImageComparerChange: "flint-image-comparer-change"
+  }
+});
+
+// src/events/flint-image-comparer.ts
+var FlintImageComparerEvents = {
+  CHANGE: "flint-image-comparer-change"
+};
+export {
+  FlintImageComparer,
+  FlintImageComparerEvents
+};

package/dist/image-list.d.ts

@@ -0,0 +1,3 @@
+export { FlintImageListItemBar, type FlintImageListItemBarProps } from './components/FlintImageListItemBar.js';
+export { FlintImageListItem, type FlintImageListItemProps } from './components/FlintImageListItem.js';
+export { FlintImageList, type FlintImageListProps } from './components/FlintImageList.js';

package/dist/image-list.js

@@ -0,0 +1,34 @@
+// src/components/FlintImageListItemBar.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintImageListItemBar as FlintImageListItemBarElement } from "@getufy/flint-ui/image-list/flint-image-list-item-bar";
+var FlintImageListItemBar = createComponent({
+  tagName: "flint-image-list-item-bar",
+  elementClass: FlintImageListItemBarElement,
+  react: React
+});
+
+// src/components/FlintImageListItem.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintImageListItem as FlintImageListItemElement } from "@getufy/flint-ui/image-list/flint-image-list-item";
+var FlintImageListItem = createComponent2({
+  tagName: "flint-image-list-item",
+  elementClass: FlintImageListItemElement,
+  react: React2
+});
+
+// src/components/FlintImageList.tsx
+import React3 from "react";
+import { createComponent as createComponent3 } from "@lit/react";
+import { FlintImageList as FlintImageListElement } from "@getufy/flint-ui/image-list/flint-image-list";
+var FlintImageList = createComponent3({
+  tagName: "flint-image-list",
+  elementClass: FlintImageListElement,
+  react: React3
+});
+export {
+  FlintImageList,
+  FlintImageListItem,
+  FlintImageListItemBar
+};

package/dist/input-otp.d.ts

@@ -0,0 +1,5 @@
+export { FlintInputOtpGroup, type FlintInputOtpGroupProps } from './components/FlintInputOtpGroup.js';
+export { FlintInputOtpSeparator, type FlintInputOtpSeparatorProps } from './components/FlintInputOtpSeparator.js';
+export { FlintInputOtpSlot, type FlintInputOtpSlotProps } from './components/FlintInputOtpSlot.js';
+export { FlintInputOtp, type FlintInputOtpProps } from './components/FlintInputOtp.js';
+export { FlintInputOtpEvents } from './events/flint-input-otp.js';

package/dist/input-otp.js

@@ -0,0 +1,56 @@
+// src/components/FlintInputOtpGroup.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintInputOtpGroup as FlintInputOtpGroupElement } from "@getufy/flint-ui/input-otp/flint-input-otp";
+var FlintInputOtpGroup = createComponent({
+  tagName: "flint-input-otp-group",
+  elementClass: FlintInputOtpGroupElement,
+  react: React
+});
+
+// src/components/FlintInputOtpSeparator.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintInputOtpSeparator as FlintInputOtpSeparatorElement } from "@getufy/flint-ui/input-otp/flint-input-otp";
+var FlintInputOtpSeparator = createComponent2({
+  tagName: "flint-input-otp-separator",
+  elementClass: FlintInputOtpSeparatorElement,
+  react: React2
+});
+
+// src/components/FlintInputOtpSlot.tsx
+import React3 from "react";
+import { createComponent as createComponent3 } from "@lit/react";
+import { FlintInputOtpSlot as FlintInputOtpSlotElement } from "@getufy/flint-ui/input-otp/flint-input-otp";
+var FlintInputOtpSlot = createComponent3({
+  tagName: "flint-input-otp-slot",
+  elementClass: FlintInputOtpSlotElement,
+  react: React3
+});
+
+// src/components/FlintInputOtp.tsx
+import React4 from "react";
+import { createComponent as createComponent4 } from "@lit/react";
+import { FlintInputOtp as FlintInputOtpElement } from "@getufy/flint-ui/input-otp/flint-input-otp";
+var FlintInputOtp = createComponent4({
+  tagName: "flint-input-otp",
+  elementClass: FlintInputOtpElement,
+  react: React4,
+  events: {
+    onFlintOtpChange: "flint-otp-change",
+    onFlintOtpComplete: "flint-otp-complete"
+  }
+});
+
+// src/events/flint-input-otp.ts
+var FlintInputOtpEvents = {
+  OTP_CHANGE: "flint-otp-change",
+  OTP_COMPLETE: "flint-otp-complete"
+};
+export {
+  FlintInputOtp,
+  FlintInputOtpEvents,
+  FlintInputOtpGroup,
+  FlintInputOtpSeparator,
+  FlintInputOtpSlot
+};

package/dist/input.d.ts

@@ -0,0 +1,2 @@
+export { FlintInput, type FlintInputProps } from './components/FlintInput.js';
+export { FlintInputEvents } from './events/flint-input.js';

package/dist/input.js

@@ -0,0 +1,23 @@
+// src/components/FlintInput.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintInput as FlintInputElement } from "@getufy/flint-ui/input/flint-input";
+var FlintInput = createComponent({
+  tagName: "flint-input",
+  elementClass: FlintInputElement,
+  react: React,
+  events: {
+    onFlintInputInput: "flint-input-input",
+    onFlintInputChange: "flint-input-change"
+  }
+});
+
+// src/events/flint-input.ts
+var FlintInputEvents = {
+  INPUT: "flint-input-input",
+  CHANGE: "flint-input-change"
+};
+export {
+  FlintInput,
+  FlintInputEvents
+};

package/dist/item.d.ts

@@ -0,0 +1,10 @@
+export { FlintItemTitle, type FlintItemTitleProps } from './components/FlintItemTitle.js';
+export { FlintItemDescription, type FlintItemDescriptionProps } from './components/FlintItemDescription.js';
+export { FlintItemMedia, type FlintItemMediaProps } from './components/FlintItemMedia.js';
+export { FlintItemContent, type FlintItemContentProps } from './components/FlintItemContent.js';
+export { FlintItemActions, type FlintItemActionsProps } from './components/FlintItemActions.js';
+export { FlintItemHeader, type FlintItemHeaderProps } from './components/FlintItemHeader.js';
+export { FlintItemFooter, type FlintItemFooterProps } from './components/FlintItemFooter.js';
+export { FlintItemSeparator, type FlintItemSeparatorProps } from './components/FlintItemSeparator.js';
+export { FlintItemGroup, type FlintItemGroupProps } from './components/FlintItemGroup.js';
+export { FlintItem, type FlintItemProps } from './components/FlintItem.js';

package/dist/item.js

@@ -0,0 +1,111 @@
+// src/components/FlintItemTitle.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintItemTitle as FlintItemTitleElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItemTitle = createComponent({
+  tagName: "flint-item-title",
+  elementClass: FlintItemTitleElement,
+  react: React
+});
+
+// src/components/FlintItemDescription.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintItemDescription as FlintItemDescriptionElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItemDescription = createComponent2({
+  tagName: "flint-item-description",
+  elementClass: FlintItemDescriptionElement,
+  react: React2
+});
+
+// src/components/FlintItemMedia.tsx
+import React3 from "react";
+import { createComponent as createComponent3 } from "@lit/react";
+import { FlintItemMedia as FlintItemMediaElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItemMedia = createComponent3({
+  tagName: "flint-item-media",
+  elementClass: FlintItemMediaElement,
+  react: React3
+});
+
+// src/components/FlintItemContent.tsx
+import React4 from "react";
+import { createComponent as createComponent4 } from "@lit/react";
+import { FlintItemContent as FlintItemContentElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItemContent = createComponent4({
+  tagName: "flint-item-content",
+  elementClass: FlintItemContentElement,
+  react: React4
+});
+
+// src/components/FlintItemActions.tsx
+import React5 from "react";
+import { createComponent as createComponent5 } from "@lit/react";
+import { FlintItemActions as FlintItemActionsElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItemActions = createComponent5({
+  tagName: "flint-item-actions",
+  elementClass: FlintItemActionsElement,
+  react: React5
+});
+
+// src/components/FlintItemHeader.tsx
+import React6 from "react";
+import { createComponent as createComponent6 } from "@lit/react";
+import { FlintItemHeader as FlintItemHeaderElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItemHeader = createComponent6({
+  tagName: "flint-item-header",
+  elementClass: FlintItemHeaderElement,
+  react: React6
+});
+
+// src/components/FlintItemFooter.tsx
+import React7 from "react";
+import { createComponent as createComponent7 } from "@lit/react";
+import { FlintItemFooter as FlintItemFooterElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItemFooter = createComponent7({
+  tagName: "flint-item-footer",
+  elementClass: FlintItemFooterElement,
+  react: React7
+});
+
+// src/components/FlintItemSeparator.tsx
+import React8 from "react";
+import { createComponent as createComponent8 } from "@lit/react";
+import { FlintItemSeparator as FlintItemSeparatorElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItemSeparator = createComponent8({
+  tagName: "flint-item-separator",
+  elementClass: FlintItemSeparatorElement,
+  react: React8
+});
+
+// src/components/FlintItemGroup.tsx
+import React9 from "react";
+import { createComponent as createComponent9 } from "@lit/react";
+import { FlintItemGroup as FlintItemGroupElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItemGroup = createComponent9({
+  tagName: "flint-item-group",
+  elementClass: FlintItemGroupElement,
+  react: React9
+});
+
+// src/components/FlintItem.tsx
+import React10 from "react";
+import { createComponent as createComponent10 } from "@lit/react";
+import { FlintItem as FlintItemElement } from "@getufy/flint-ui/item/flint-item";
+var FlintItem = createComponent10({
+  tagName: "flint-item",
+  elementClass: FlintItemElement,
+  react: React10
+});
+export {
+  FlintItem,
+  FlintItemActions,
+  FlintItemContent,
+  FlintItemDescription,
+  FlintItemFooter,
+  FlintItemGroup,
+  FlintItemHeader,
+  FlintItemMedia,
+  FlintItemSeparator,
+  FlintItemTitle
+};

package/dist/kbd.d.ts

@@ -0,0 +1,2 @@
+export { FlintKbd, type FlintKbdProps } from './components/FlintKbd.js';
+export { FlintKbdGroup, type FlintKbdGroupProps } from './components/FlintKbdGroup.js';

package/dist/kbd.js

@@ -0,0 +1,23 @@
+// src/components/FlintKbd.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintKbd as FlintKbdElement } from "@getufy/flint-ui/kbd/flint-kbd";
+var FlintKbd = createComponent({
+  tagName: "flint-kbd",
+  elementClass: FlintKbdElement,
+  react: React
+});
+
+// src/components/FlintKbdGroup.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintKbdGroup as FlintKbdGroupElement } from "@getufy/flint-ui/kbd/flint-kbd";
+var FlintKbdGroup = createComponent2({
+  tagName: "flint-kbd-group",
+  elementClass: FlintKbdGroupElement,
+  react: React2
+});
+export {
+  FlintKbd,
+  FlintKbdGroup
+};

package/dist/link.d.ts

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

package/dist/link.js

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

package/dist/list.d.ts

@@ -0,0 +1,7 @@
+export { FlintList, type FlintListProps } from './components/FlintList.js';
+export { FlintListItem, type FlintListItemProps } from './components/FlintListItem.js';
+export { FlintListItemButton, type FlintListItemButtonProps } from './components/FlintListItemButton.js';
+export { FlintListItemIcon, type FlintListItemIconProps } from './components/FlintListItemIcon.js';
+export { FlintListItemAvatar, type FlintListItemAvatarProps } from './components/FlintListItemAvatar.js';
+export { FlintListItemText, type FlintListItemTextProps } from './components/FlintListItemText.js';
+export { FlintListSubheader, type FlintListSubheaderProps } from './components/FlintListSubheader.js';

package/dist/list.js

@@ -0,0 +1,78 @@
+// src/components/FlintList.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintList as FlintListElement } from "@getufy/flint-ui/list/flint-list";
+var FlintList = createComponent({
+  tagName: "flint-list",
+  elementClass: FlintListElement,
+  react: React
+});
+
+// src/components/FlintListItem.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintListItem as FlintListItemElement } from "@getufy/flint-ui/list/flint-list";
+var FlintListItem = createComponent2({
+  tagName: "flint-list-item",
+  elementClass: FlintListItemElement,
+  react: React2
+});
+
+// src/components/FlintListItemButton.tsx
+import React3 from "react";
+import { createComponent as createComponent3 } from "@lit/react";
+import { FlintListItemButton as FlintListItemButtonElement } from "@getufy/flint-ui/list/flint-list";
+var FlintListItemButton = createComponent3({
+  tagName: "flint-list-item-button",
+  elementClass: FlintListItemButtonElement,
+  react: React3
+});
+
+// src/components/FlintListItemIcon.tsx
+import React4 from "react";
+import { createComponent as createComponent4 } from "@lit/react";
+import { FlintListItemIcon as FlintListItemIconElement } from "@getufy/flint-ui/list/flint-list";
+var FlintListItemIcon = createComponent4({
+  tagName: "flint-list-item-icon",
+  elementClass: FlintListItemIconElement,
+  react: React4
+});
+
+// src/components/FlintListItemAvatar.tsx
+import React5 from "react";
+import { createComponent as createComponent5 } from "@lit/react";
+import { FlintListItemAvatar as FlintListItemAvatarElement } from "@getufy/flint-ui/list/flint-list";
+var FlintListItemAvatar = createComponent5({
+  tagName: "flint-list-item-avatar",
+  elementClass: FlintListItemAvatarElement,
+  react: React5
+});
+
+// src/components/FlintListItemText.tsx
+import React6 from "react";
+import { createComponent as createComponent6 } from "@lit/react";
+import { FlintListItemText as FlintListItemTextElement } from "@getufy/flint-ui/list/flint-list";
+var FlintListItemText = createComponent6({
+  tagName: "flint-list-item-text",
+  elementClass: FlintListItemTextElement,
+  react: React6
+});
+
+// src/components/FlintListSubheader.tsx
+import React7 from "react";
+import { createComponent as createComponent7 } from "@lit/react";
+import { FlintListSubheader as FlintListSubheaderElement } from "@getufy/flint-ui/list/flint-list";
+var FlintListSubheader = createComponent7({
+  tagName: "flint-list-subheader",
+  elementClass: FlintListSubheaderElement,
+  react: React7
+});
+export {
+  FlintList,
+  FlintListItem,
+  FlintListItemAvatar,
+  FlintListItemButton,
+  FlintListItemIcon,
+  FlintListItemText,
+  FlintListSubheader
+};

package/dist/menu.d.ts

@@ -0,0 +1,6 @@
+export { FlintMenuItem, type FlintMenuItemProps } from './components/FlintMenuItem.js';
+export { FlintMenuDivider, type FlintMenuDividerProps } from './components/FlintMenuDivider.js';
+export { FlintMenuGroup, type FlintMenuGroupProps } from './components/FlintMenuGroup.js';
+export { FlintMenu, type FlintMenuProps } from './components/FlintMenu.js';
+export { FlintMenuItemEvents } from './events/flint-menu-item.js';
+export { FlintMenuEvents } from './events/flint-menu.js';

package/dist/menu.js

@@ -0,0 +1,63 @@
+// src/components/FlintMenuItem.tsx
+import React from "react";
+import { createComponent } from "@lit/react";
+import { FlintMenuItem as FlintMenuItemElement } from "@getufy/flint-ui/menu/flint-menu";
+var FlintMenuItem = createComponent({
+  tagName: "flint-menu-item",
+  elementClass: FlintMenuItemElement,
+  react: React,
+  events: {
+    onFlintMenuItemSelect: "flint-menu-item-select"
+  }
+});
+
+// src/components/FlintMenuDivider.tsx
+import React2 from "react";
+import { createComponent as createComponent2 } from "@lit/react";
+import { FlintMenuDivider as FlintMenuDividerElement } from "@getufy/flint-ui/menu/flint-menu";
+var FlintMenuDivider = createComponent2({
+  tagName: "flint-menu-divider",
+  elementClass: FlintMenuDividerElement,
+  react: React2
+});
+
+// src/components/FlintMenuGroup.tsx
+import React3 from "react";
+import { createComponent as createComponent3 } from "@lit/react";
+import { FlintMenuGroup as FlintMenuGroupElement } from "@getufy/flint-ui/menu/flint-menu";
+var FlintMenuGroup = createComponent3({
+  tagName: "flint-menu-group",
+  elementClass: FlintMenuGroupElement,
+  react: React3
+});
+
+// src/components/FlintMenu.tsx
+import React4 from "react";
+import { createComponent as createComponent4 } from "@lit/react";
+import { FlintMenu as FlintMenuElement } from "@getufy/flint-ui/menu/flint-menu";
+var FlintMenu = createComponent4({
+  tagName: "flint-menu",
+  elementClass: FlintMenuElement,
+  react: React4,
+  events: {
+    onFlintMenuClose: "flint-menu-close"
+  }
+});
+
+// src/events/flint-menu-item.ts
+var FlintMenuItemEvents = {
+  SELECT: "flint-menu-item-select"
+};
+
+// src/events/flint-menu.ts
+var FlintMenuEvents = {
+  CLOSE: "flint-menu-close"
+};
+export {
+  FlintMenu,
+  FlintMenuDivider,
+  FlintMenuEvents,
+  FlintMenuGroup,
+  FlintMenuItem,
+  FlintMenuItemEvents
+};

package/dist/menubar.d.ts

@@ -0,0 +1,19 @@
+export { FlintMenubarShortcut, type FlintMenubarShortcutProps } from './components/FlintMenubarShortcut.js';
+export { FlintMenubarSeparator, type FlintMenubarSeparatorProps } from './components/FlintMenubarSeparator.js';
+export { FlintMenubarGroup, type FlintMenubarGroupProps } from './components/FlintMenubarGroup.js';
+export { FlintMenubarItem, type FlintMenubarItemProps } from './components/FlintMenubarItem.js';
+export { FlintMenubarCheckboxItem, type FlintMenubarCheckboxItemProps } from './components/FlintMenubarCheckboxItem.js';
+export { FlintMenubarRadioItem, type FlintMenubarRadioItemProps } from './components/FlintMenubarRadioItem.js';
+export { FlintMenubarRadioGroup, type FlintMenubarRadioGroupProps } from './components/FlintMenubarRadioGroup.js';
+export { FlintMenubarSubContent, type FlintMenubarSubContentProps } from './components/FlintMenubarSubContent.js';
+export { FlintMenubarSubTrigger, type FlintMenubarSubTriggerProps } from './components/FlintMenubarSubTrigger.js';
+export { FlintMenubarSub, type FlintMenubarSubProps } from './components/FlintMenubarSub.js';
+export { FlintMenubarContent, type FlintMenubarContentProps } from './components/FlintMenubarContent.js';
+export { FlintMenubarTrigger, type FlintMenubarTriggerProps } from './components/FlintMenubarTrigger.js';
+export { FlintMenubarMenu, type FlintMenubarMenuProps } from './components/FlintMenubarMenu.js';
+export { FlintMenubar, type FlintMenubarProps } from './components/FlintMenubar.js';
+export { FlintMenubarItemEvents } from './events/flint-menubar-item.js';
+export { FlintMenubarCheckboxItemEvents } from './events/flint-menubar-checkbox-item.js';
+export { FlintMenubarRadioItemEvents } from './events/flint-menubar-radio-item.js';
+export { FlintMenubarRadioGroupEvents } from './events/flint-menubar-radio-group.js';
+export { FlintMenubarContentEvents } from './events/flint-menubar-content.js';