@getufy/flint-ui-react 0.1.2 → 0.2.2

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
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getufy/flint-ui-react",
-  "version": "0.1.2",
+  "version": "0.2.2",
   "type": "module",
   "types": "./dist/index.d.ts",
   "module": "./dist/index.js",
@@ -8,6 +8,294 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
+    },
+    "./accordion": {
+      "types": "./dist/accordion.d.ts",
+      "import": "./dist/accordion.js"
+    },
+    "./alert": {
+      "types": "./dist/alert.d.ts",
+      "import": "./dist/alert.js"
+    },
+    "./app-bar": {
+      "types": "./dist/app-bar.d.ts",
+      "import": "./dist/app-bar.js"
+    },
+    "./autocomplete": {
+      "types": "./dist/autocomplete.d.ts",
+      "import": "./dist/autocomplete.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar.d.ts",
+      "import": "./dist/avatar.js"
+    },
+    "./backdrop": {
+      "types": "./dist/backdrop.d.ts",
+      "import": "./dist/backdrop.js"
+    },
+    "./badge": {
+      "types": "./dist/badge.d.ts",
+      "import": "./dist/badge.js"
+    },
+    "./bottom-navigation": {
+      "types": "./dist/bottom-navigation.d.ts",
+      "import": "./dist/bottom-navigation.js"
+    },
+    "./box": {
+      "types": "./dist/box.d.ts",
+      "import": "./dist/box.js"
+    },
+    "./breadcrumbs": {
+      "types": "./dist/breadcrumbs.d.ts",
+      "import": "./dist/breadcrumbs.js"
+    },
+    "./button": {
+      "types": "./dist/button.d.ts",
+      "import": "./dist/button.js"
+    },
+    "./card": {
+      "types": "./dist/card.d.ts",
+      "import": "./dist/card.js"
+    },
+    "./carousel": {
+      "types": "./dist/carousel.d.ts",
+      "import": "./dist/carousel.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox.d.ts",
+      "import": "./dist/checkbox.js"
+    },
+    "./chip": {
+      "types": "./dist/chip.d.ts",
+      "import": "./dist/chip.js"
+    },
+    "./collapsible": {
+      "types": "./dist/collapsible.d.ts",
+      "import": "./dist/collapsible.js"
+    },
+    "./command": {
+      "types": "./dist/command.d.ts",
+      "import": "./dist/command.js"
+    },
+    "./container": {
+      "types": "./dist/container.d.ts",
+      "import": "./dist/container.js"
+    },
+    "./copy-button": {
+      "types": "./dist/copy-button.d.ts",
+      "import": "./dist/copy-button.js"
+    },
+    "./date-field": {
+      "types": "./dist/date-field.d.ts",
+      "import": "./dist/date-field.js"
+    },
+    "./date-picker": {
+      "types": "./dist/date-picker.d.ts",
+      "import": "./dist/date-picker.js"
+    },
+    "./date-range-picker": {
+      "types": "./dist/date-range-picker.d.ts",
+      "import": "./dist/date-range-picker.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog.d.ts",
+      "import": "./dist/dialog.js"
+    },
+    "./divider": {
+      "types": "./dist/divider.d.ts",
+      "import": "./dist/divider.js"
+    },
+    "./drawer": {
+      "types": "./dist/drawer.d.ts",
+      "import": "./dist/drawer.js"
+    },
+    "./empty": {
+      "types": "./dist/empty.d.ts",
+      "import": "./dist/empty.js"
+    },
+    "./fab": {
+      "types": "./dist/fab.d.ts",
+      "import": "./dist/fab.js"
+    },
+    "./flint-range-slider": {
+      "types": "./dist/flint-range-slider.d.ts",
+      "import": "./dist/flint-range-slider.js"
+    },
+    "./format-date": {
+      "types": "./dist/format-date.d.ts",
+      "import": "./dist/format-date.js"
+    },
+    "./format-number": {
+      "types": "./dist/format-number.d.ts",
+      "import": "./dist/format-number.js"
+    },
+    "./grid": {
+      "types": "./dist/grid.d.ts",
+      "import": "./dist/grid.js"
+    },
+    "./hover-card": {
+      "types": "./dist/hover-card.d.ts",
+      "import": "./dist/hover-card.js"
+    },
+    "./image-comparer": {
+      "types": "./dist/image-comparer.d.ts",
+      "import": "./dist/image-comparer.js"
+    },
+    "./image-list": {
+      "types": "./dist/image-list.d.ts",
+      "import": "./dist/image-list.js"
+    },
+    "./input": {
+      "types": "./dist/input.d.ts",
+      "import": "./dist/input.js"
+    },
+    "./input-otp": {
+      "types": "./dist/input-otp.d.ts",
+      "import": "./dist/input-otp.js"
+    },
+    "./item": {
+      "types": "./dist/item.d.ts",
+      "import": "./dist/item.js"
+    },
+    "./kbd": {
+      "types": "./dist/kbd.d.ts",
+      "import": "./dist/kbd.js"
+    },
+    "./link": {
+      "types": "./dist/link.d.ts",
+      "import": "./dist/link.js"
+    },
+    "./list": {
+      "types": "./dist/list.d.ts",
+      "import": "./dist/list.js"
+    },
+    "./menu": {
+      "types": "./dist/menu.d.ts",
+      "import": "./dist/menu.js"
+    },
+    "./menubar": {
+      "types": "./dist/menubar.d.ts",
+      "import": "./dist/menubar.js"
+    },
+    "./navigation-menu": {
+      "types": "./dist/navigation-menu.d.ts",
+      "import": "./dist/navigation-menu.js"
+    },
+    "./pagination": {
+      "types": "./dist/pagination.d.ts",
+      "import": "./dist/pagination.js"
+    },
+    "./paper": {
+      "types": "./dist/paper.d.ts",
+      "import": "./dist/paper.js"
+    },
+    "./progress": {
+      "types": "./dist/progress.d.ts",
+      "import": "./dist/progress.js"
+    },
+    "./radio": {
+      "types": "./dist/radio.d.ts",
+      "import": "./dist/radio.js"
+    },
+    "./rating": {
+      "types": "./dist/rating.d.ts",
+      "import": "./dist/rating.js"
+    },
+    "./relative-time": {
+      "types": "./dist/relative-time.d.ts",
+      "import": "./dist/relative-time.js"
+    },
+    "./resizable": {
+      "types": "./dist/resizable.d.ts",
+      "import": "./dist/resizable.js"
+    },
+    "./scroll-area": {
+      "types": "./dist/scroll-area.d.ts",
+      "import": "./dist/scroll-area.js"
+    },
+    "./select": {
+      "types": "./dist/select.d.ts",
+      "import": "./dist/select.js"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton.d.ts",
+      "import": "./dist/skeleton.js"
+    },
+    "./slider": {
+      "types": "./dist/slider.d.ts",
+      "import": "./dist/slider.js"
+    },
+    "./snackbar": {
+      "types": "./dist/snackbar.d.ts",
+      "import": "./dist/snackbar.js"
+    },
+    "./sonner": {
+      "types": "./dist/sonner.d.ts",
+      "import": "./dist/sonner.js"
+    },
+    "./speed-dial": {
+      "types": "./dist/speed-dial.d.ts",
+      "import": "./dist/speed-dial.js"
+    },
+    "./split-panel": {
+      "types": "./dist/split-panel.d.ts",
+      "import": "./dist/split-panel.js"
+    },
+    "./stack": {
+      "types": "./dist/stack.d.ts",
+      "import": "./dist/stack.js"
+    },
+    "./stepper": {
+      "types": "./dist/stepper.d.ts",
+      "import": "./dist/stepper.js"
+    },
+    "./switch": {
+      "types": "./dist/switch.d.ts",
+      "import": "./dist/switch.js"
+    },
+    "./table": {
+      "types": "./dist/table.d.ts",
+      "import": "./dist/table.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs.d.ts",
+      "import": "./dist/tabs.js"
+    },
+    "./text-field": {
+      "types": "./dist/text-field.d.ts",
+      "import": "./dist/text-field.js"
+    },
+    "./textarea": {
+      "types": "./dist/textarea.d.ts",
+      "import": "./dist/textarea.js"
+    },
+    "./time-picker": {
+      "types": "./dist/time-picker.d.ts",
+      "import": "./dist/time-picker.js"
+    },
+    "./toggle": {
+      "types": "./dist/toggle.d.ts",
+      "import": "./dist/toggle.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip.d.ts",
+      "import": "./dist/tooltip.js"
+    },
+    "./transfer-list": {
+      "types": "./dist/transfer-list.d.ts",
+      "import": "./dist/transfer-list.js"
+    },
+    "./tree-view": {
+      "types": "./dist/tree-view.d.ts",
+      "import": "./dist/tree-view.js"
+    },
+    "./typography": {
+      "types": "./dist/typography.d.ts",
+      "import": "./dist/typography.js"
+    },
+    "./visually-hidden": {
+      "types": "./dist/visually-hidden.d.ts",
+      "import": "./dist/visually-hidden.js"
     }
   },
   "scripts": {
@@ -17,10 +305,18 @@
   },
   "keywords": [
     "react",
+    "react-components",
     "lit",
+    "lit-element",
     "web-components",
+    "custom-elements",
     "ui",
-    "design-system"
+    "ui-components",
+    "design-system",
+    "component-library",
+    "typescript",
+    "accessible",
+    "wrapper"
   ],
   "license": "MIT",
   "sideEffects": false,
@@ -41,7 +337,7 @@
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "@getufy/flint-ui": "^0.1.0"
+    "@getufy/flint-ui": "^0.2.2"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",