@vaadin/react-components 24.4.0-alpha10

package/index.js

@@ -0,0 +1,68 @@
+export * from "./AccordionHeading.js";
+export * from "./AccordionPanel.js";
+export * from "./Accordion.js";
+export * from "./AppLayout.js";
+export * from "./DrawerToggle.js";
+export * from "./Avatar.js";
+export * from "./AvatarGroup.js";
+export * from "./Button.js";
+export * from "./Checkbox.js";
+export * from "./CheckboxGroup.js";
+export * from "./ComboBoxLight.js";
+export * from "./ComboBox.js";
+export * from "./ConfirmDialog.js";
+export * from "./ContextMenu.js";
+export * from "./CustomField.js";
+export * from "./DatePickerLight.js";
+export * from "./DatePicker.js";
+export * from "./DateTimePicker.js";
+export * from "./DetailsSummary.js";
+export * from "./Details.js";
+export * from "./Dialog.js";
+export * from "./EmailField.js";
+export * from "./FormItem.js";
+export * from "./FormLayout.js";
+export * from "./GridColumnGroup.js";
+export * from "./GridColumn.js";
+export * from "./GridFilter.js";
+export * from "./GridFilterColumn.js";
+export * from "./GridSelectionColumn.js";
+export * from "./GridSorter.js";
+export * from "./GridSortColumn.js";
+export * from "./GridTreeToggle.js";
+export * from "./GridTreeColumn.js";
+export * from "./Grid.js";
+export * from "./HorizontalLayout.js";
+export * from "./Iconset.js";
+export * from "./Icon.js";
+export * from "./IntegerField.js";
+export * from "./Item.js";
+export * from "./ListBox.js";
+export * from "./LoginForm.js";
+export * from "./LoginOverlay.js";
+export * from "./MenuBar.js";
+export * from "./MessageInput.js";
+export * from "./Message.js";
+export * from "./MessageList.js";
+export * from "./MultiSelectComboBox.js";
+export * from "./Notification.js";
+export * from "./NumberField.js";
+export * from "./PasswordField.js";
+export * from "./ProgressBar.js";
+export * from "./RadioButton.js";
+export * from "./RadioGroup.js";
+export * from "./Scroller.js";
+export * from "./Select.js";
+export * from "./SideNavItem.js";
+export * from "./SideNav.js";
+export * from "./SplitLayout.js";
+export * from "./Tab.js";
+export * from "./Tabs.js";
+export * from "./TabSheet.js";
+export * from "./TextArea.js";
+export * from "./TextField.js";
+export * from "./TimePicker.js";
+export * from "./Tooltip.js";
+export * from "./Upload.js";
+export * from "./VerticalLayout.js";
+export * from "./VirtualList.js";

package/package.json

@@ -0,0 +1,525 @@
+{
+  "name": "@vaadin/react-components",
+  "version": "24.4.0-alpha10",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "React wrappers for Vaadin components",
+  "type": "module",
+  "module": "index.js",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "github.com/vaadin/react-components"
+  },
+  "scripts": {
+    "build": "npm run build:dev && npm run build:code && npm run build:update-packagejson",
+    "build:dev": "npm run build:generate && npm run build:generate-css",
+    "build:generate": "tsx ../../scripts/generator.ts",
+    "build:generate-css": "tsx --experimental-vm-modules ../../scripts/css-generator.ts",
+    "build:update-packagejson": "tsx ../../scripts/package-json-update.ts",
+    "build:code": "concurrently npm:build:code:*",
+    "build:code:ts": "tsx ../../scripts/build.ts",
+    "build:code:dts": "tsc -p tsconfig.build.json",
+    "build:code:copy-dts": "tsx ../../scripts/copy-dts.ts",
+    "version": "tsx ../../scripts/package-json-version.ts"
+  },
+  "dependencies": {
+    "@lit/react": "^1.0.0",
+    "@vaadin/a11y-base": "24.4.0-alpha10",
+    "@vaadin/accordion": "24.4.0-alpha10",
+    "@vaadin/app-layout": "24.4.0-alpha10",
+    "@vaadin/avatar": "24.4.0-alpha10",
+    "@vaadin/avatar-group": "24.4.0-alpha10",
+    "@vaadin/button": "24.4.0-alpha10",
+    "@vaadin/checkbox": "24.4.0-alpha10",
+    "@vaadin/checkbox-group": "24.4.0-alpha10",
+    "@vaadin/combo-box": "24.4.0-alpha10",
+    "@vaadin/component-base": "24.4.0-alpha10",
+    "@vaadin/confirm-dialog": "24.4.0-alpha10",
+    "@vaadin/context-menu": "24.4.0-alpha10",
+    "@vaadin/custom-field": "24.4.0-alpha10",
+    "@vaadin/date-picker": "24.4.0-alpha10",
+    "@vaadin/date-time-picker": "24.4.0-alpha10",
+    "@vaadin/details": "24.4.0-alpha10",
+    "@vaadin/dialog": "24.4.0-alpha10",
+    "@vaadin/email-field": "24.4.0-alpha10",
+    "@vaadin/field-base": "24.4.0-alpha10",
+    "@vaadin/field-highlighter": "24.4.0-alpha10",
+    "@vaadin/form-layout": "24.4.0-alpha10",
+    "@vaadin/grid": "24.4.0-alpha10",
+    "@vaadin/horizontal-layout": "24.4.0-alpha10",
+    "@vaadin/icon": "24.4.0-alpha10",
+    "@vaadin/icons": "24.4.0-alpha10",
+    "@vaadin/input-container": "24.4.0-alpha10",
+    "@vaadin/integer-field": "24.4.0-alpha10",
+    "@vaadin/item": "24.4.0-alpha10",
+    "@vaadin/list-box": "24.4.0-alpha10",
+    "@vaadin/lit-renderer": "24.4.0-alpha10",
+    "@vaadin/login": "24.4.0-alpha10",
+    "@vaadin/menu-bar": "24.4.0-alpha10",
+    "@vaadin/message-input": "24.4.0-alpha10",
+    "@vaadin/message-list": "24.4.0-alpha10",
+    "@vaadin/multi-select-combo-box": "24.4.0-alpha10",
+    "@vaadin/notification": "24.4.0-alpha10",
+    "@vaadin/number-field": "24.4.0-alpha10",
+    "@vaadin/overlay": "24.4.0-alpha10",
+    "@vaadin/password-field": "24.4.0-alpha10",
+    "@vaadin/progress-bar": "24.4.0-alpha10",
+    "@vaadin/radio-group": "24.4.0-alpha10",
+    "@vaadin/scroller": "24.4.0-alpha10",
+    "@vaadin/select": "24.4.0-alpha10",
+    "@vaadin/side-nav": "24.4.0-alpha10",
+    "@vaadin/split-layout": "24.4.0-alpha10",
+    "@vaadin/tabs": "24.4.0-alpha10",
+    "@vaadin/tabsheet": "24.4.0-alpha10",
+    "@vaadin/text-area": "24.4.0-alpha10",
+    "@vaadin/text-field": "24.4.0-alpha10",
+    "@vaadin/time-picker": "24.4.0-alpha10",
+    "@vaadin/tooltip": "24.4.0-alpha10",
+    "@vaadin/upload": "24.4.0-alpha10",
+    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha10",
+    "@vaadin/vaadin-material-styles": "24.4.0-alpha10",
+    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha10",
+    "@vaadin/vertical-layout": "24.4.0-alpha10",
+    "@vaadin/virtual-list": "24.4.0-alpha10"
+  },
+  "author": "Vaadin Ltd.",
+  "license": "Apache-2.0",
+  "peerDependencies": {
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "css",
+    "generated",
+    "renderers",
+    "utils",
+    "*.d.ts",
+    "*.d.ts.map",
+    "*.js",
+    "*.js.map"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./package.json": "./package.json",
+    "./Accordion.js": {
+      "types": "./Accordion.d.ts",
+      "default": "./Accordion.js"
+    },
+    "./AccordionHeading.js": {
+      "types": "./AccordionHeading.d.ts",
+      "default": "./AccordionHeading.js"
+    },
+    "./AccordionPanel.js": {
+      "types": "./AccordionPanel.d.ts",
+      "default": "./AccordionPanel.js"
+    },
+    "./AppLayout.js": {
+      "types": "./AppLayout.d.ts",
+      "default": "./AppLayout.js"
+    },
+    "./Avatar.js": {
+      "types": "./Avatar.d.ts",
+      "default": "./Avatar.js"
+    },
+    "./AvatarGroup.js": {
+      "types": "./AvatarGroup.d.ts",
+      "default": "./AvatarGroup.js"
+    },
+    "./Button.js": {
+      "types": "./Button.d.ts",
+      "default": "./Button.js"
+    },
+    "./Checkbox.js": {
+      "types": "./Checkbox.d.ts",
+      "default": "./Checkbox.js"
+    },
+    "./CheckboxGroup.js": {
+      "types": "./CheckboxGroup.d.ts",
+      "default": "./CheckboxGroup.js"
+    },
+    "./ComboBox.js": {
+      "types": "./ComboBox.d.ts",
+      "default": "./ComboBox.js"
+    },
+    "./ComboBoxLight.js": {
+      "types": "./ComboBoxLight.d.ts",
+      "default": "./ComboBoxLight.js"
+    },
+    "./ConfirmDialog.js": {
+      "types": "./ConfirmDialog.d.ts",
+      "default": "./ConfirmDialog.js"
+    },
+    "./ContextMenu.js": {
+      "types": "./ContextMenu.d.ts",
+      "default": "./ContextMenu.js"
+    },
+    "./CustomField.js": {
+      "types": "./CustomField.d.ts",
+      "default": "./CustomField.js"
+    },
+    "./DatePicker.js": {
+      "types": "./DatePicker.d.ts",
+      "default": "./DatePicker.js"
+    },
+    "./DatePickerLight.js": {
+      "types": "./DatePickerLight.d.ts",
+      "default": "./DatePickerLight.js"
+    },
+    "./DateTimePicker.js": {
+      "types": "./DateTimePicker.d.ts",
+      "default": "./DateTimePicker.js"
+    },
+    "./Details.js": {
+      "types": "./Details.d.ts",
+      "default": "./Details.js"
+    },
+    "./DetailsSummary.js": {
+      "types": "./DetailsSummary.d.ts",
+      "default": "./DetailsSummary.js"
+    },
+    "./Dialog.js": {
+      "types": "./Dialog.d.ts",
+      "default": "./Dialog.js"
+    },
+    "./DrawerToggle.js": {
+      "types": "./DrawerToggle.d.ts",
+      "default": "./DrawerToggle.js"
+    },
+    "./EmailField.js": {
+      "types": "./EmailField.d.ts",
+      "default": "./EmailField.js"
+    },
+    "./FormItem.js": {
+      "types": "./FormItem.d.ts",
+      "default": "./FormItem.js"
+    },
+    "./FormLayout.js": {
+      "types": "./FormLayout.d.ts",
+      "default": "./FormLayout.js"
+    },
+    "./Grid.js": {
+      "types": "./Grid.d.ts",
+      "default": "./Grid.js"
+    },
+    "./GridColumn.js": {
+      "types": "./GridColumn.d.ts",
+      "default": "./GridColumn.js"
+    },
+    "./GridColumnGroup.js": {
+      "types": "./GridColumnGroup.d.ts",
+      "default": "./GridColumnGroup.js"
+    },
+    "./GridFilter.js": {
+      "types": "./GridFilter.d.ts",
+      "default": "./GridFilter.js"
+    },
+    "./GridFilterColumn.js": {
+      "types": "./GridFilterColumn.d.ts",
+      "default": "./GridFilterColumn.js"
+    },
+    "./GridSelectionColumn.js": {
+      "types": "./GridSelectionColumn.d.ts",
+      "default": "./GridSelectionColumn.js"
+    },
+    "./GridSortColumn.js": {
+      "types": "./GridSortColumn.d.ts",
+      "default": "./GridSortColumn.js"
+    },
+    "./GridSorter.js": {
+      "types": "./GridSorter.d.ts",
+      "default": "./GridSorter.js"
+    },
+    "./GridTreeColumn.js": {
+      "types": "./GridTreeColumn.d.ts",
+      "default": "./GridTreeColumn.js"
+    },
+    "./GridTreeToggle.js": {
+      "types": "./GridTreeToggle.d.ts",
+      "default": "./GridTreeToggle.js"
+    },
+    "./HorizontalLayout.js": {
+      "types": "./HorizontalLayout.d.ts",
+      "default": "./HorizontalLayout.js"
+    },
+    "./Icon.js": {
+      "types": "./Icon.d.ts",
+      "default": "./Icon.js"
+    },
+    "./Iconset.js": {
+      "types": "./Iconset.d.ts",
+      "default": "./Iconset.js"
+    },
+    "./IntegerField.js": {
+      "types": "./IntegerField.d.ts",
+      "default": "./IntegerField.js"
+    },
+    "./Item.js": {
+      "types": "./Item.d.ts",
+      "default": "./Item.js"
+    },
+    "./ListBox.js": {
+      "types": "./ListBox.d.ts",
+      "default": "./ListBox.js"
+    },
+    "./LoginForm.js": {
+      "types": "./LoginForm.d.ts",
+      "default": "./LoginForm.js"
+    },
+    "./LoginOverlay.js": {
+      "types": "./LoginOverlay.d.ts",
+      "default": "./LoginOverlay.js"
+    },
+    "./MenuBar.js": {
+      "types": "./MenuBar.d.ts",
+      "default": "./MenuBar.js"
+    },
+    "./Message.js": {
+      "types": "./Message.d.ts",
+      "default": "./Message.js"
+    },
+    "./MessageInput.js": {
+      "types": "./MessageInput.d.ts",
+      "default": "./MessageInput.js"
+    },
+    "./MessageList.js": {
+      "types": "./MessageList.d.ts",
+      "default": "./MessageList.js"
+    },
+    "./MultiSelectComboBox.js": {
+      "types": "./MultiSelectComboBox.d.ts",
+      "default": "./MultiSelectComboBox.js"
+    },
+    "./Notification.js": {
+      "types": "./Notification.d.ts",
+      "default": "./Notification.js"
+    },
+    "./NumberField.js": {
+      "types": "./NumberField.d.ts",
+      "default": "./NumberField.js"
+    },
+    "./PasswordField.js": {
+      "types": "./PasswordField.d.ts",
+      "default": "./PasswordField.js"
+    },
+    "./ProgressBar.js": {
+      "types": "./ProgressBar.d.ts",
+      "default": "./ProgressBar.js"
+    },
+    "./RadioButton.js": {
+      "types": "./RadioButton.d.ts",
+      "default": "./RadioButton.js"
+    },
+    "./RadioGroup.js": {
+      "types": "./RadioGroup.d.ts",
+      "default": "./RadioGroup.js"
+    },
+    "./Scroller.js": {
+      "types": "./Scroller.d.ts",
+      "default": "./Scroller.js"
+    },
+    "./Select.js": {
+      "types": "./Select.d.ts",
+      "default": "./Select.js"
+    },
+    "./SideNav.js": {
+      "types": "./SideNav.d.ts",
+      "default": "./SideNav.js"
+    },
+    "./SideNavItem.js": {
+      "types": "./SideNavItem.d.ts",
+      "default": "./SideNavItem.js"
+    },
+    "./SplitLayout.js": {
+      "types": "./SplitLayout.d.ts",
+      "default": "./SplitLayout.js"
+    },
+    "./Tab.js": {
+      "types": "./Tab.d.ts",
+      "default": "./Tab.js"
+    },
+    "./Tabs.js": {
+      "types": "./Tabs.d.ts",
+      "default": "./Tabs.js"
+    },
+    "./TabSheet.js": {
+      "types": "./TabSheet.d.ts",
+      "default": "./TabSheet.js"
+    },
+    "./TextArea.js": {
+      "types": "./TextArea.d.ts",
+      "default": "./TextArea.js"
+    },
+    "./TextField.js": {
+      "types": "./TextField.d.ts",
+      "default": "./TextField.js"
+    },
+    "./TimePicker.js": {
+      "types": "./TimePicker.d.ts",
+      "default": "./TimePicker.js"
+    },
+    "./Tooltip.js": {
+      "types": "./Tooltip.d.ts",
+      "default": "./Tooltip.js"
+    },
+    "./Upload.js": {
+      "types": "./Upload.d.ts",
+      "default": "./Upload.js"
+    },
+    "./VerticalLayout.js": {
+      "types": "./VerticalLayout.d.ts",
+      "default": "./VerticalLayout.js"
+    },
+    "./VirtualList.js": {
+      "types": "./VirtualList.d.ts",
+      "default": "./VirtualList.js"
+    },
+    "./Accordion": "./Accordion.js",
+    "./AccordionHeading": "./AccordionHeading.js",
+    "./AccordionPanel": "./AccordionPanel.js",
+    "./AppLayout": "./AppLayout.js",
+    "./Avatar": "./Avatar.js",
+    "./AvatarGroup": "./AvatarGroup.js",
+    "./Button": "./Button.js",
+    "./Checkbox": "./Checkbox.js",
+    "./CheckboxGroup": "./CheckboxGroup.js",
+    "./ComboBox": "./ComboBox.js",
+    "./ComboBoxLight": "./ComboBoxLight.js",
+    "./ConfirmDialog": "./ConfirmDialog.js",
+    "./ContextMenu": "./ContextMenu.js",
+    "./CustomField": "./CustomField.js",
+    "./DatePicker": "./DatePicker.js",
+    "./DatePickerLight": "./DatePickerLight.js",
+    "./DateTimePicker": "./DateTimePicker.js",
+    "./Details": "./Details.js",
+    "./DetailsSummary": "./DetailsSummary.js",
+    "./Dialog": "./Dialog.js",
+    "./DrawerToggle": "./DrawerToggle.js",
+    "./EmailField": "./EmailField.js",
+    "./FormItem": "./FormItem.js",
+    "./FormLayout": "./FormLayout.js",
+    "./Grid": "./Grid.js",
+    "./GridColumn": "./GridColumn.js",
+    "./GridColumnGroup": "./GridColumnGroup.js",
+    "./GridFilter": "./GridFilter.js",
+    "./GridFilterColumn": "./GridFilterColumn.js",
+    "./GridSelectionColumn": "./GridSelectionColumn.js",
+    "./GridSortColumn": "./GridSortColumn.js",
+    "./GridSorter": "./GridSorter.js",
+    "./GridTreeColumn": "./GridTreeColumn.js",
+    "./GridTreeToggle": "./GridTreeToggle.js",
+    "./HorizontalLayout": "./HorizontalLayout.js",
+    "./Icon": "./Icon.js",
+    "./Iconset": "./Iconset.js",
+    "./IntegerField": "./IntegerField.js",
+    "./Item": "./Item.js",
+    "./ListBox": "./ListBox.js",
+    "./LoginForm": "./LoginForm.js",
+    "./LoginOverlay": "./LoginOverlay.js",
+    "./MenuBar": "./MenuBar.js",
+    "./Message": "./Message.js",
+    "./MessageInput": "./MessageInput.js",
+    "./MessageList": "./MessageList.js",
+    "./MultiSelectComboBox": "./MultiSelectComboBox.js",
+    "./Notification": "./Notification.js",
+    "./NumberField": "./NumberField.js",
+    "./PasswordField": "./PasswordField.js",
+    "./ProgressBar": "./ProgressBar.js",
+    "./RadioButton": "./RadioButton.js",
+    "./RadioGroup": "./RadioGroup.js",
+    "./Scroller": "./Scroller.js",
+    "./Select": "./Select.js",
+    "./SideNav": "./SideNav.js",
+    "./SideNavItem": "./SideNavItem.js",
+    "./SplitLayout": "./SplitLayout.js",
+    "./Tab": "./Tab.js",
+    "./Tabs": "./Tabs.js",
+    "./TabSheet": "./TabSheet.js",
+    "./TextArea": "./TextArea.js",
+    "./TextField": "./TextField.js",
+    "./TimePicker": "./TimePicker.js",
+    "./Tooltip": "./Tooltip.js",
+    "./Upload": "./Upload.js",
+    "./VerticalLayout": "./VerticalLayout.js",
+    "./VirtualList": "./VirtualList.js",
+    "./css/Lumo.css": "./css/Lumo.css",
+    "./css/lumo/Badge.css": "./css/lumo/Badge.css",
+    "./css/lumo/Color.css": "./css/lumo/Color.css",
+    "./css/lumo/ColorBase.css": "./css/lumo/ColorBase.css",
+    "./css/lumo/Font.css": "./css/lumo/Font.css",
+    "./css/lumo/FontIcons.css": "./css/lumo/FontIcons.css",
+    "./css/lumo/Globals.css": "./css/lumo/Globals.css",
+    "./css/lumo/Sizing.css": "./css/lumo/Sizing.css",
+    "./css/lumo/Spacing.css": "./css/lumo/Spacing.css",
+    "./css/lumo/Style.css": "./css/lumo/Style.css",
+    "./css/lumo/Typography.css": "./css/lumo/Typography.css",
+    "./css/lumo/UserColors.css": "./css/lumo/UserColors.css",
+    "./css/lumo/Utility.module.css": "./css/lumo/Utility.module.css",
+    "./css/Material.css": "./css/Material.css",
+    "./css/material/Color.css": "./css/material/Color.css",
+    "./css/material/ColorBase.css": "./css/material/ColorBase.css",
+    "./css/material/ColorDark.css": "./css/material/ColorDark.css",
+    "./css/material/ColorLight.css": "./css/material/ColorLight.css",
+    "./css/material/Font.css": "./css/material/Font.css",
+    "./css/material/FontIcons.css": "./css/material/FontIcons.css",
+    "./css/material/Shadow.css": "./css/material/Shadow.css",
+    "./css/material/Typography.css": "./css/material/Typography.css",
+    "./css/material/UserColors.css": "./css/material/UserColors.css",
+    "./utils/createComponent.d.ts": "./utils/createComponent.d.ts",
+    "./utils/createComponent.d.ts.map": "./utils/createComponent.d.ts.map",
+    "./utils/createComponent.js": "./utils/createComponent.js",
+    "./utils/createComponent.js.map": "./utils/createComponent.js.map",
+    "./utils/createComponentWithOrderedProps.d.ts": "./utils/createComponentWithOrderedProps.d.ts",
+    "./utils/createComponentWithOrderedProps.d.ts.map": "./utils/createComponentWithOrderedProps.d.ts.map",
+    "./utils/createComponentWithOrderedProps.js": "./utils/createComponentWithOrderedProps.js",
+    "./utils/createComponentWithOrderedProps.js.map": "./utils/createComponentWithOrderedProps.js.map",
+    "./utils/mapItemsWithComponents.d.ts": "./utils/mapItemsWithComponents.d.ts",
+    "./utils/mapItemsWithComponents.d.ts.map": "./utils/mapItemsWithComponents.d.ts.map",
+    "./utils/mapItemsWithComponents.js": "./utils/mapItemsWithComponents.js",
+    "./utils/mapItemsWithComponents.js.map": "./utils/mapItemsWithComponents.js.map",
+    "./utils/useMergedRefs.d.ts": "./utils/useMergedRefs.d.ts",
+    "./utils/useMergedRefs.d.ts.map": "./utils/useMergedRefs.d.ts.map",
+    "./utils/useMergedRefs.js": "./utils/useMergedRefs.js",
+    "./utils/useMergedRefs.js.map": "./utils/useMergedRefs.js.map",
+    "./renderers/combobox.d.ts": "./renderers/combobox.d.ts",
+    "./renderers/grid.d.ts": "./renderers/grid.d.ts",
+    "./renderers/multiSelectCombobox.d.ts": "./renderers/multiSelectCombobox.d.ts",
+    "./renderers/renderer.d.ts": "./renderers/renderer.d.ts",
+    "./renderers/useContextRenderer.d.ts": "./renderers/useContextRenderer.d.ts",
+    "./renderers/useContextRenderer.d.ts.map": "./renderers/useContextRenderer.d.ts.map",
+    "./renderers/useContextRenderer.js": "./renderers/useContextRenderer.js",
+    "./renderers/useContextRenderer.js.map": "./renderers/useContextRenderer.js.map",
+    "./renderers/useModelRenderer.d.ts": "./renderers/useModelRenderer.d.ts",
+    "./renderers/useModelRenderer.d.ts.map": "./renderers/useModelRenderer.d.ts.map",
+    "./renderers/useModelRenderer.js": "./renderers/useModelRenderer.js",
+    "./renderers/useModelRenderer.js.map": "./renderers/useModelRenderer.js.map",
+    "./renderers/useRenderer.d.ts": "./renderers/useRenderer.d.ts",
+    "./renderers/useRenderer.d.ts.map": "./renderers/useRenderer.d.ts.map",
+    "./renderers/useRenderer.js": "./renderers/useRenderer.js",
+    "./renderers/useRenderer.js.map": "./renderers/useRenderer.js.map",
+    "./renderers/useSimpleOrChildrenRenderer.d.ts": "./renderers/useSimpleOrChildrenRenderer.d.ts",
+    "./renderers/useSimpleOrChildrenRenderer.d.ts.map": "./renderers/useSimpleOrChildrenRenderer.d.ts.map",
+    "./renderers/useSimpleOrChildrenRenderer.js": "./renderers/useSimpleOrChildrenRenderer.js",
+    "./renderers/useSimpleOrChildrenRenderer.js.map": "./renderers/useSimpleOrChildrenRenderer.js.map",
+    "./renderers/useSimpleRenderer.d.ts": "./renderers/useSimpleRenderer.d.ts",
+    "./renderers/useSimpleRenderer.d.ts.map": "./renderers/useSimpleRenderer.d.ts.map",
+    "./renderers/useSimpleRenderer.js": "./renderers/useSimpleRenderer.js",
+    "./renderers/useSimpleRenderer.js.map": "./renderers/useSimpleRenderer.js.map"
+  }
+}

package/renderers/combobox.d.ts

@@ -0,0 +1,8 @@
+import type { type ComboBoxElement, type ComboBoxItemModel } from '../generated/ComboBox.js';
+import type { ReactModelRendererProps } from './useModelRenderer.js';
+
+export type ComboBoxReactRendererProps<TItem> = ReactModelRendererProps<
+  TItem,
+  ComboBoxItemModel<TItem>,
+  ComboBoxElement<TItem>
+>;

package/renderers/grid.d.ts

@@ -0,0 +1,18 @@
+import type { GridItemModel, GridElement } from '../generated/Grid.js';
+import type { GridColumnElement } from '../generated/GridColumn.js';
+import type { ReactModelRendererProps } from './useModelRenderer.js';
+import type { ReactSimpleRendererProps } from './useSimpleRenderer.js';
+
+export type GridRowDetailsReactRendererProps<TItem> = ReactModelRendererProps<
+  TItem,
+  GridItemModel<TItem>,
+  GridElement<TItem>
+>;
+
+export type GridBodyReactRendererProps<TItem> = ReactModelRendererProps<
+  TItem,
+  GridItemModel<TItem>,
+  GridColumnElement<TItem>
+>;
+
+export type GridEdgeReactRendererProps<TItem> = ReactSimpleRendererProps<GridColumnElement<TItem>>;

package/renderers/multiSelectCombobox.d.ts

@@ -0,0 +1,9 @@
+import type { type ComboBoxItemModel } from '../generated/ComboBox.js';
+import type { type MultiSelectComboBoxElement } from '../generated/MultiSelectComboBox.js';
+import type { ReactModelRendererProps } from './useModelRenderer.js';
+
+export type MultiSelectComboBoxReactRendererProps<TItem> = ReactModelRendererProps<
+  TItem,
+  ComboBoxItemModel<TItem>,
+  MultiSelectComboBoxElement<TItem>
+>;

package/renderers/renderer.d.ts

@@ -0,0 +1,7 @@
+type Slice<T, N extends number, O extends any[] = []> = O['length'] extends N
+  ? T
+  : T extends [infer F, ...infer R]
+  ? Slice<[...R], N, [...O, F]>
+  : never;
+
+export type WebComponentRenderer = (root: HTMLElement, ...args: any[]) => void;

package/renderers/useContextRenderer.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentType } from 'react';
+import type { Slice } from './renderer.js';
+import { type UseRendererResult } from './useRenderer.js';
+export type ReactContextRendererProps<C, O extends HTMLElement> = Readonly<{
+    context: C;
+    original: O;
+}>;
+export type WebComponentContextRenderer<C, O extends HTMLElement> = (root: HTMLElement, original: O, context: C) => void;
+export declare function convertContextRendererArgs<C, O extends HTMLElement>([original, context]: Slice<Parameters<WebComponentContextRenderer<C, O>>, 1>): ReactContextRendererProps<C, O>;
+export declare function useContextRenderer<C, O extends HTMLElement>(reactRenderer?: ComponentType<ReactContextRendererProps<C, O>> | null): UseRendererResult<WebComponentContextRenderer<C, O>>;
+//# sourceMappingURL=useContextRenderer.d.ts.map

package/renderers/useContextRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextRenderer.d.ts","sourceRoot":"","sources":["../src/renderers/useContextRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEvE,MAAM,MAAM,yBAAyB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,QAAQ,CAAC;IACzE,OAAO,EAAE,CAAC,CAAC;IACX,QAAQ,EAAE,CAAC,CAAC;CACb,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CAClE,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,KACP,IAAI,CAAC;AAEV,wBAAgB,0BAA0B,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,KAAK,CAC7F,UAAU,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAC7C,CAAC,CACF,GAAG,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAElC;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,EACzD,aAAa,CAAC,EAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,GACpE,iBAAiB,CAAC,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAEtD"}

package/renderers/useContextRenderer.js

@@ -0,0 +1,2 @@
+import{useRenderer as n}from"./useRenderer.js";function r([e,t]){return{context:t,original:e}}function C(e){return n(e,r)}export{r as convertContextRendererArgs,C as useContextRenderer};
+//# sourceMappingURL=useContextRenderer.js.map