@vaadin/react-components 25.1.0-alpha9 → 25.1.0-beta1

package/Message.js

@@ -1,2 +1,2 @@
-export*from"@vaadin/message-list/vaadin-message.js";import{Message as e}from"@vaadin/message-list/vaadin-message.js";import*as t from"react";import{createComponent as s}from"./utils/createComponent.js";var o={},r=s({elementClass:e,events:o,react:t,tagName:"vaadin-message"});export{r as Message,e as MessageElement};
+export*from"@vaadin/message-list/vaadin-message.js";import{Message as e}from"@vaadin/message-list/vaadin-message.js";import*as t from"react";import{createComponent as a}from"./utils/createComponent.js";var s={onAttachmentClick:"attachment-click"},p=a({elementClass:e,events:s,react:t,tagName:"vaadin-message"});export{p as Message,e as MessageElement};
 //# sourceMappingURL=Message.js.map

package/Message.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/Message.ts", "src/generated/Message.ts"],
-  "sourcesContent": ["export * from \"@vaadin/message-list/vaadin-message.js\";\nexport * from './generated/Message.js';\n", "import type {} from \"@lit/react\";\nimport { Message as MessageElement, } from \"@vaadin/message-list/vaadin-message.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MessageElement, };\nexport type MessageEventMap = Readonly<{}>;\nconst events = {} as MessageEventMap;\nexport type MessageProps = WebComponentProps<MessageElement, MessageEventMap>;\nexport const Message = createComponent({\n    elementClass: MessageElement, events, react: React, tagName: \"vaadin-message\"\n});\n"],
-  "mappings": "AAAA,WAAc,yCCCd,OAAS,WAAWA,MAAuB,yCAC3C,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC",
+  "sourcesContent": ["export * from \"@vaadin/message-list/vaadin-message.js\";\nexport * from './generated/Message.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Message as MessageElement, type MessageEventMap as _MessageEventMap, } from \"@vaadin/message-list/vaadin-message.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MessageElement, };\nexport type MessageEventMap = Readonly<{\n    onAttachmentClick: EventName<_MessageEventMap[\"attachment-click\"]>;\n}>;\nconst events = { onAttachmentClick: \"attachment-click\" } as MessageEventMap;\nexport type MessageProps = WebComponentProps<MessageElement, MessageEventMap>;\nexport const Message = createComponent({\n    elementClass: MessageElement, events, react: React, tagName: \"vaadin-message\"\n});\n"],
+  "mappings": "AAAA,WAAc,yCCCd,OAAS,WAAWA,MAAiE,yCACrF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAKxD,IAAMC,EAAS,CAAE,kBAAmB,kBAAmB,EAE1CC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC",
   "names": ["MessageElement", "React", "createComponent", "events", "Message", "createComponent", "MessageElement", "React"]
 }

package/MessageList.js

@@ -1,2 +1,2 @@
-export*from"@vaadin/message-list/vaadin-message-list.js";import{MessageList as e}from"@vaadin/message-list/vaadin-message-list.js";import*as t from"react";import{createComponent as s}from"./utils/createComponent.js";var o={},r=s({elementClass:e,events:o,react:t,tagName:"vaadin-message-list"});export{r as MessageList,e as MessageListElement};
+export*from"@vaadin/message-list/vaadin-message-list.js";import{MessageList as e}from"@vaadin/message-list/vaadin-message-list.js";import*as t from"react";import{createComponent as s}from"./utils/createComponent.js";var a={onAttachmentClick:"attachment-click"},p=s({elementClass:e,events:a,react:t,tagName:"vaadin-message-list"});export{p as MessageList,e as MessageListElement};
 //# sourceMappingURL=MessageList.js.map

package/MessageList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/MessageList.ts", "src/generated/MessageList.ts"],
-  "sourcesContent": ["export * from \"@vaadin/message-list/vaadin-message-list.js\";\nexport * from './generated/MessageList.js';\n", "import type {} from \"@lit/react\";\nimport { MessageList as MessageListElement, } from \"@vaadin/message-list/vaadin-message-list.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MessageListElement, };\nexport type MessageListEventMap = Readonly<{}>;\nconst events = {} as MessageListEventMap;\nexport type MessageListProps = WebComponentProps<MessageListElement, MessageListEventMap>;\nexport const MessageList = createComponent({\n    elementClass: MessageListElement, events, react: React, tagName: \"vaadin-message-list\"\n});\n"],
-  "mappings": "AAAA,WAAc,8CCCd,OAAS,eAAeA,MAA2B,8CACnD,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC",
+  "sourcesContent": ["export * from \"@vaadin/message-list/vaadin-message-list.js\";\nexport * from './generated/MessageList.js';\n", "import type { EventName } from \"@lit/react\";\nimport { MessageList as MessageListElement, type MessageListEventMap as _MessageListEventMap, } from \"@vaadin/message-list/vaadin-message-list.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MessageListElement, };\nexport type MessageListEventMap = Readonly<{\n    onAttachmentClick: EventName<_MessageListEventMap[\"attachment-click\"]>;\n}>;\nconst events = { onAttachmentClick: \"attachment-click\" } as MessageListEventMap;\nexport type MessageListProps = WebComponentProps<MessageListElement, MessageListEventMap>;\nexport const MessageList = createComponent({\n    elementClass: MessageListElement, events, react: React, tagName: \"vaadin-message-list\"\n});\n"],
+  "mappings": "AAAA,WAAc,8CCCd,OAAS,eAAeA,MAA6E,8CACrG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAKxD,IAAMC,EAAS,CAAE,kBAAmB,kBAAmB,EAE1CC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC",
   "names": ["MessageListElement", "React", "createComponent", "events", "MessageList", "createComponent", "MessageListElement", "React"]
 }

package/generated/Message.d.ts

@@ -1,9 +1,14 @@
-import { Message as MessageElement } from "@vaadin/message-list/vaadin-message.js";
+import type { EventName } from "@lit/react";
+import { Message as MessageElement, type MessageEventMap as _MessageEventMap } from "@vaadin/message-list/vaadin-message.js";
 import * as React from "react";
 import { type WebComponentProps } from "../utils/createComponent.js";
 export * from "@vaadin/message-list/vaadin-message.js";
 export { MessageElement, };
-export type MessageEventMap = Readonly<{}>;
+export type MessageEventMap = Readonly<{
+    onAttachmentClick: EventName<_MessageEventMap["attachment-click"]>;
+}>;
 export type MessageProps = WebComponentProps<MessageElement, MessageEventMap>;
-export declare const Message: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<MessageElement, Readonly<{}>>> & React.RefAttributes<MessageElement>) => React.ReactElement | null;
+export declare const Message: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<MessageElement, Readonly<{
+    onAttachmentClick: EventName<_MessageEventMap["attachment-click"]>;
+}>>> & React.RefAttributes<MessageElement>) => React.ReactElement | null;
 //# sourceMappingURL=Message.d.ts.map

package/generated/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../src/generated/Message.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAG,MAAM,wCAAwC,CAAC;AACpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,wCAAwC,CAAC;AACvD,OAAO,EAAE,cAAc,GAAG,CAAC;AAC3B,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAC9E,eAAO,MAAM,OAAO,kLAElB,CAAC"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../src/generated/Message.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,KAAK,eAAe,IAAI,gBAAgB,EAAG,MAAM,wCAAwC,CAAC;AAC9H,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,wCAAwC,CAAC;AACvD,OAAO,EAAE,cAAc,GAAG,CAAC;AAC3B,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACnC,iBAAiB,EAAE,SAAS,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;CACtE,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAC9E,eAAO,MAAM,OAAO;uBAJG,SAAS,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;wEAMpE,CAAC"}

package/generated/MessageList.d.ts

@@ -1,9 +1,14 @@
-import { MessageList as MessageListElement } from "@vaadin/message-list/vaadin-message-list.js";
+import type { EventName } from "@lit/react";
+import { MessageList as MessageListElement, type MessageListEventMap as _MessageListEventMap } from "@vaadin/message-list/vaadin-message-list.js";
 import * as React from "react";
 import { type WebComponentProps } from "../utils/createComponent.js";
 export * from "@vaadin/message-list/vaadin-message-list.js";
 export { MessageListElement, };
-export type MessageListEventMap = Readonly<{}>;
+export type MessageListEventMap = Readonly<{
+    onAttachmentClick: EventName<_MessageListEventMap["attachment-click"]>;
+}>;
 export type MessageListProps = WebComponentProps<MessageListElement, MessageListEventMap>;
-export declare const MessageList: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<MessageListElement, Readonly<{}>>> & React.RefAttributes<MessageListElement>) => React.ReactElement | null;
+export declare const MessageList: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<MessageListElement, Readonly<{
+    onAttachmentClick: EventName<_MessageListEventMap["attachment-click"]>;
+}>>> & React.RefAttributes<MessageListElement>) => React.ReactElement | null;
 //# sourceMappingURL=MessageList.d.ts.map

package/generated/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../src/generated/MessageList.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAG,MAAM,6CAA6C,CAAC;AACjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAC1F,eAAO,MAAM,WAAW,0LAEtB,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../src/generated/MessageList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,KAAK,mBAAmB,IAAI,oBAAoB,EAAG,MAAM,6CAA6C,CAAC;AACnJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACvC,iBAAiB,EAAE,SAAS,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC,CAAC;CAC1E,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAC1F,eAAO,MAAM,WAAW;uBAJD,SAAS,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;4EAMxE,CAAC"}

package/index.d.ts

@@ -44,8 +44,8 @@ export * from "./LoginOverlay.js";
 export * from "./Markdown.js";
 export * from "./MasterDetailLayout.js";
 export * from "./MenuBar.js";
-export * from "./Message.js";
 export * from "./MessageInput.js";
+export * from "./Message.js";
 export * from "./MessageList.js";
 export * from "./MultiSelectComboBox.js";
 export * from "./Notification.js";

package/index.js

@@ -44,8 +44,8 @@ export * from "./LoginOverlay.js";
 export * from "./Markdown.js";
 export * from "./MasterDetailLayout.js";
 export * from "./MenuBar.js";
-export * from "./Message.js";
 export * from "./MessageInput.js";
+export * from "./Message.js";
 export * from "./MessageList.js";
 export * from "./MultiSelectComboBox.js";
 export * from "./Notification.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/react-components",
-  "version": "25.1.0-alpha9",
+  "version": "25.1.0-beta1",
   "publishConfig": {
     "access": "public"
   },
@@ -27,68 +27,68 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.7",
-    "@vaadin/a11y-base": "25.1.0-alpha9",
-    "@vaadin/accordion": "25.1.0-alpha9",
-    "@vaadin/app-layout": "25.1.0-alpha9",
-    "@vaadin/avatar": "25.1.0-alpha9",
-    "@vaadin/avatar-group": "25.1.0-alpha9",
-    "@vaadin/badge": "25.1.0-alpha9",
-    "@vaadin/button": "25.1.0-alpha9",
-    "@vaadin/card": "25.1.0-alpha9",
-    "@vaadin/checkbox": "25.1.0-alpha9",
-    "@vaadin/checkbox-group": "25.1.0-alpha9",
-    "@vaadin/combo-box": "25.1.0-alpha9",
-    "@vaadin/component-base": "25.1.0-alpha9",
-    "@vaadin/confirm-dialog": "25.1.0-alpha9",
-    "@vaadin/context-menu": "25.1.0-alpha9",
-    "@vaadin/custom-field": "25.1.0-alpha9",
-    "@vaadin/date-picker": "25.1.0-alpha9",
-    "@vaadin/date-time-picker": "25.1.0-alpha9",
-    "@vaadin/details": "25.1.0-alpha9",
-    "@vaadin/dialog": "25.1.0-alpha9",
-    "@vaadin/email-field": "25.1.0-alpha9",
-    "@vaadin/field-base": "25.1.0-alpha9",
-    "@vaadin/field-highlighter": "25.1.0-alpha9",
-    "@vaadin/form-layout": "25.1.0-alpha9",
-    "@vaadin/grid": "25.1.0-alpha9",
-    "@vaadin/horizontal-layout": "25.1.0-alpha9",
-    "@vaadin/icon": "25.1.0-alpha9",
-    "@vaadin/icons": "25.1.0-alpha9",
-    "@vaadin/input-container": "25.1.0-alpha9",
-    "@vaadin/integer-field": "25.1.0-alpha9",
-    "@vaadin/item": "25.1.0-alpha9",
-    "@vaadin/list-box": "25.1.0-alpha9",
-    "@vaadin/lit-renderer": "25.1.0-alpha9",
-    "@vaadin/login": "25.1.0-alpha9",
-    "@vaadin/markdown": "25.1.0-alpha9",
-    "@vaadin/master-detail-layout": "25.1.0-alpha9",
-    "@vaadin/menu-bar": "25.1.0-alpha9",
-    "@vaadin/message-input": "25.1.0-alpha9",
-    "@vaadin/message-list": "25.1.0-alpha9",
-    "@vaadin/multi-select-combo-box": "25.1.0-alpha9",
-    "@vaadin/notification": "25.1.0-alpha9",
-    "@vaadin/number-field": "25.1.0-alpha9",
-    "@vaadin/overlay": "25.1.0-alpha9",
-    "@vaadin/password-field": "25.1.0-alpha9",
-    "@vaadin/popover": "25.1.0-alpha9",
-    "@vaadin/progress-bar": "25.1.0-alpha9",
-    "@vaadin/radio-group": "25.1.0-alpha9",
-    "@vaadin/scroller": "25.1.0-alpha9",
-    "@vaadin/select": "25.1.0-alpha9",
-    "@vaadin/side-nav": "25.1.0-alpha9",
-    "@vaadin/slider": "25.1.0-alpha9",
-    "@vaadin/split-layout": "25.1.0-alpha9",
-    "@vaadin/tabs": "25.1.0-alpha9",
-    "@vaadin/tabsheet": "25.1.0-alpha9",
-    "@vaadin/text-area": "25.1.0-alpha9",
-    "@vaadin/text-field": "25.1.0-alpha9",
-    "@vaadin/time-picker": "25.1.0-alpha9",
-    "@vaadin/tooltip": "25.1.0-alpha9",
-    "@vaadin/upload": "25.1.0-alpha9",
-    "@vaadin/vaadin-lumo-styles": "25.1.0-alpha9",
-    "@vaadin/vaadin-themable-mixin": "25.1.0-alpha9",
-    "@vaadin/vertical-layout": "25.1.0-alpha9",
-    "@vaadin/virtual-list": "25.1.0-alpha9"
+    "@vaadin/a11y-base": "25.1.0-beta1",
+    "@vaadin/accordion": "25.1.0-beta1",
+    "@vaadin/app-layout": "25.1.0-beta1",
+    "@vaadin/avatar": "25.1.0-beta1",
+    "@vaadin/avatar-group": "25.1.0-beta1",
+    "@vaadin/badge": "25.1.0-beta1",
+    "@vaadin/button": "25.1.0-beta1",
+    "@vaadin/card": "25.1.0-beta1",
+    "@vaadin/checkbox": "25.1.0-beta1",
+    "@vaadin/checkbox-group": "25.1.0-beta1",
+    "@vaadin/combo-box": "25.1.0-beta1",
+    "@vaadin/component-base": "25.1.0-beta1",
+    "@vaadin/confirm-dialog": "25.1.0-beta1",
+    "@vaadin/context-menu": "25.1.0-beta1",
+    "@vaadin/custom-field": "25.1.0-beta1",
+    "@vaadin/date-picker": "25.1.0-beta1",
+    "@vaadin/date-time-picker": "25.1.0-beta1",
+    "@vaadin/details": "25.1.0-beta1",
+    "@vaadin/dialog": "25.1.0-beta1",
+    "@vaadin/email-field": "25.1.0-beta1",
+    "@vaadin/field-base": "25.1.0-beta1",
+    "@vaadin/field-highlighter": "25.1.0-beta1",
+    "@vaadin/form-layout": "25.1.0-beta1",
+    "@vaadin/grid": "25.1.0-beta1",
+    "@vaadin/horizontal-layout": "25.1.0-beta1",
+    "@vaadin/icon": "25.1.0-beta1",
+    "@vaadin/icons": "25.1.0-beta1",
+    "@vaadin/input-container": "25.1.0-beta1",
+    "@vaadin/integer-field": "25.1.0-beta1",
+    "@vaadin/item": "25.1.0-beta1",
+    "@vaadin/list-box": "25.1.0-beta1",
+    "@vaadin/lit-renderer": "25.1.0-beta1",
+    "@vaadin/login": "25.1.0-beta1",
+    "@vaadin/markdown": "25.1.0-beta1",
+    "@vaadin/master-detail-layout": "25.1.0-beta1",
+    "@vaadin/menu-bar": "25.1.0-beta1",
+    "@vaadin/message-input": "25.1.0-beta1",
+    "@vaadin/message-list": "25.1.0-beta1",
+    "@vaadin/multi-select-combo-box": "25.1.0-beta1",
+    "@vaadin/notification": "25.1.0-beta1",
+    "@vaadin/number-field": "25.1.0-beta1",
+    "@vaadin/overlay": "25.1.0-beta1",
+    "@vaadin/password-field": "25.1.0-beta1",
+    "@vaadin/popover": "25.1.0-beta1",
+    "@vaadin/progress-bar": "25.1.0-beta1",
+    "@vaadin/radio-group": "25.1.0-beta1",
+    "@vaadin/scroller": "25.1.0-beta1",
+    "@vaadin/select": "25.1.0-beta1",
+    "@vaadin/side-nav": "25.1.0-beta1",
+    "@vaadin/slider": "25.1.0-beta1",
+    "@vaadin/split-layout": "25.1.0-beta1",
+    "@vaadin/tabs": "25.1.0-beta1",
+    "@vaadin/tabsheet": "25.1.0-beta1",
+    "@vaadin/text-area": "25.1.0-beta1",
+    "@vaadin/text-field": "25.1.0-beta1",
+    "@vaadin/time-picker": "25.1.0-beta1",
+    "@vaadin/tooltip": "25.1.0-beta1",
+    "@vaadin/upload": "25.1.0-beta1",
+    "@vaadin/vaadin-lumo-styles": "25.1.0-beta1",
+    "@vaadin/vaadin-themable-mixin": "25.1.0-beta1",
+    "@vaadin/vertical-layout": "25.1.0-beta1",
+    "@vaadin/virtual-list": "25.1.0-beta1"
   },
   "author": "Vaadin Ltd.",
   "license": "Apache-2.0",

package/utils/createComponent.js

@@ -1,2 +1,2 @@
-import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.1.0-alpha9"});function s(e){const{elementClass:t}=e;return n("_properties"in t?{...e,elementClass:{name:t.name,prototype:{...t._properties,hidden:Boolean}}}:e)}export{s as createComponent};
+import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.1.0-beta1"});function s(e){const{elementClass:t}=e;return n("_properties"in t?{...e,elementClass:{name:t.name,prototype:{...t._properties,hidden:Boolean}}}:e)}export{s as createComponent};
 //# sourceMappingURL=createComponent.js.map

package/utils/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/utils/createComponent.ts"],
-  "sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n  interface VaadinRegistration {\n    is: string;\n    version: string;\n  }\n\n  interface Vaadin {\n    registrations?: VaadinRegistration[];\n  }\n\n  interface Window {\n    // @ts-expect-error: Different declaration from one of the dependencies.\n    Vaadin?: Vaadin;\n  }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n  is: '@vaadin/react-components',\n  version: /* updated-by-script */ '25.1.0-alpha9',\n});\n\n// TODO: Remove when types from @lit-labs/react are exported\nexport type EventNames = Record<string, EventName | string>;\ntype Constructor<T> = { new (): T; name: string };\ntype PolymerConstructor<T> = Constructor<T> & { _properties: Record<string, unknown> };\ntype Options<I extends HTMLElement, E extends EventNames = {}> = Readonly<{\n  displayName?: string;\n  elementClass: Constructor<I> | PolymerConstructor<I>;\n  events?: E;\n  react: typeof window.React;\n  tagName: string;\n}>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n  [K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;\n};\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO: LoginOverlay has \"autofocus\" property, so we add it back manually.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>> & { autofocus?: boolean };\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n  React.HTMLAttributes<I>,\n  // Prefer type of provided event handler props or those on element over\n  // built-in HTMLAttributes\n  keyof E | keyof ElementProps<I>\n> &\n  EventListeners<E> &\n  ElementProps<I>;\n\nexport type ThemedWebComponentProps<\n  I extends ThemePropertyMixinClass & HTMLElement,\n  E extends EventNames = {},\n> = ComponentProps<I, E> & {\n  /**\n   * Attribute that can be used by the component to apply built-in style variants,\n   * or to propagate its value to the sub-components in Shadow DOM.\n   *\n   * @see ThemePropertyMixinClass#_theme\n   */\n  theme?: string;\n};\n\ntype AllWebComponentProps<I extends HTMLElement, E extends EventNames = {}> = I extends ThemePropertyMixinClass\n  ? ThemedWebComponentProps<I, E>\n  : ComponentProps<I, E>;\n\nexport type WebComponentProps<I extends HTMLElement, E extends EventNames = {}> = Partial<AllWebComponentProps<I, E>>;\n\n// We need a separate declaration here; otherwise, the TypeScript fails into the\n// endless loop trying to resolve the typings.\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(\n  options: Options<I, E>,\n): (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;\n\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): any {\n  const { elementClass } = options;\n\n  return _createComponent(\n    '_properties' in elementClass\n      ? {\n          ...options,\n          // TODO: improve or remove the Polymer workaround\n          // 'createComponent' relies on key presence on the custom element class,\n          // but Polymer defines properties on the prototype when the first element\n          // is created. Workaround: pass a mock object with properties in\n          // the prototype.\n          elementClass: {\n            // @ts-expect-error: it is a specific workaround for Polymer classes.\n            name: elementClass.name,\n            prototype: { ...elementClass._properties, hidden: Boolean },\n          },\n        }\n      : options,\n  );\n}\n"],
-  "mappings": "AAAA,OAAS,mBAAmBA,MAAwC,aAuBpE,OAAO,SAAW,CAAC,EACnB,OAAO,OAAO,gBAAkB,CAAC,EACjC,OAAO,OAAO,cAAc,KAAK,CAC/B,GAAI,2BACJ,QAAiC,eACnC,CAAC,EA2DM,SAASC,EAAkEC,EAA6B,CAC7G,KAAM,CAAE,aAAAC,CAAa,EAAID,EAEzB,OAAOF,EACL,gBAAiBG,EACb,CACE,GAAGD,EAMH,aAAc,CAEZ,KAAMC,EAAa,KACnB,UAAW,CAAE,GAAGA,EAAa,YAAa,OAAQ,OAAQ,CAC5D,CACF,EACAD,CACN,CACF",
+  "sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n  interface VaadinRegistration {\n    is: string;\n    version: string;\n  }\n\n  interface Vaadin {\n    registrations?: VaadinRegistration[];\n  }\n\n  interface Window {\n    // @ts-expect-error: Different declaration from one of the dependencies.\n    Vaadin?: Vaadin;\n  }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n  is: '@vaadin/react-components',\n  version: /* updated-by-script */ '25.1.0-beta1',\n});\n\n// TODO: Remove when types from @lit-labs/react are exported\nexport type EventNames = Record<string, EventName | string>;\ntype Constructor<T> = { new (): T; name: string };\ntype PolymerConstructor<T> = Constructor<T> & { _properties: Record<string, unknown> };\ntype Options<I extends HTMLElement, E extends EventNames = {}> = Readonly<{\n  displayName?: string;\n  elementClass: Constructor<I> | PolymerConstructor<I>;\n  events?: E;\n  react: typeof window.React;\n  tagName: string;\n}>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n  [K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;\n};\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO: LoginOverlay has \"autofocus\" property, so we add it back manually.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>> & { autofocus?: boolean };\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n  React.HTMLAttributes<I>,\n  // Prefer type of provided event handler props or those on element over\n  // built-in HTMLAttributes\n  keyof E | keyof ElementProps<I>\n> &\n  EventListeners<E> &\n  ElementProps<I>;\n\nexport type ThemedWebComponentProps<\n  I extends ThemePropertyMixinClass & HTMLElement,\n  E extends EventNames = {},\n> = ComponentProps<I, E> & {\n  /**\n   * Attribute that can be used by the component to apply built-in style variants,\n   * or to propagate its value to the sub-components in Shadow DOM.\n   *\n   * @see ThemePropertyMixinClass#_theme\n   */\n  theme?: string;\n};\n\ntype AllWebComponentProps<I extends HTMLElement, E extends EventNames = {}> = I extends ThemePropertyMixinClass\n  ? ThemedWebComponentProps<I, E>\n  : ComponentProps<I, E>;\n\nexport type WebComponentProps<I extends HTMLElement, E extends EventNames = {}> = Partial<AllWebComponentProps<I, E>>;\n\n// We need a separate declaration here; otherwise, the TypeScript fails into the\n// endless loop trying to resolve the typings.\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(\n  options: Options<I, E>,\n): (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;\n\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): any {\n  const { elementClass } = options;\n\n  return _createComponent(\n    '_properties' in elementClass\n      ? {\n          ...options,\n          // TODO: improve or remove the Polymer workaround\n          // 'createComponent' relies on key presence on the custom element class,\n          // but Polymer defines properties on the prototype when the first element\n          // is created. Workaround: pass a mock object with properties in\n          // the prototype.\n          elementClass: {\n            // @ts-expect-error: it is a specific workaround for Polymer classes.\n            name: elementClass.name,\n            prototype: { ...elementClass._properties, hidden: Boolean },\n          },\n        }\n      : options,\n  );\n}\n"],
+  "mappings": "AAAA,OAAS,mBAAmBA,MAAwC,aAuBpE,OAAO,SAAW,CAAC,EACnB,OAAO,OAAO,gBAAkB,CAAC,EACjC,OAAO,OAAO,cAAc,KAAK,CAC/B,GAAI,2BACJ,QAAiC,cACnC,CAAC,EA2DM,SAASC,EAAkEC,EAA6B,CAC7G,KAAM,CAAE,aAAAC,CAAa,EAAID,EAEzB,OAAOF,EACL,gBAAiBG,EACb,CACE,GAAGD,EAMH,aAAc,CAEZ,KAAMC,EAAa,KACnB,UAAW,CAAE,GAAGA,EAAa,YAAa,OAAQ,OAAQ,CAC5D,CACF,EACAD,CACN,CACF",
   "names": ["_createComponent", "createComponent", "options", "elementClass"]
 }