@vaadin/react-components 24.5.0-alpha4 → 24.5.0-alpha5

package/ConfirmDialog.js

@@ -1,2 +1,2 @@
-export*from"@vaadin/confirm-dialog/vaadin-confirm-dialog.js";import{ConfirmDialog as e}from"@vaadin/confirm-dialog/vaadin-confirm-dialog.js";import*as t from"react";import{createComponent as n}from"./utils/createComponent.js";var i={onCancel:"cancel",onConfirm:"confirm",onReject:"reject",onOpenedChanged:"opened-changed"},o=n({elementClass:e,events:i,react:t,tagName:"vaadin-confirm-dialog"});var f=o;export{f as ConfirmDialog,e as ConfirmDialogElement};
+export*from"@vaadin/confirm-dialog/vaadin-confirm-dialog.js";import{ConfirmDialog as e}from"@vaadin/confirm-dialog/vaadin-confirm-dialog.js";import*as n from"react";import{createComponent as t}from"./utils/createComponent.js";var i={onClosed:"closed",onCancel:"cancel",onConfirm:"confirm",onReject:"reject",onOpenedChanged:"opened-changed"},o=t({elementClass:e,events:i,react:n,tagName:"vaadin-confirm-dialog"});var f=o;export{f as ConfirmDialog,e as ConfirmDialogElement};
 //# sourceMappingURL=ConfirmDialog.js.map

package/ConfirmDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/ConfirmDialog.ts", "src/generated/ConfirmDialog.ts"],
-  "sourcesContent": ["export * from \"@vaadin/confirm-dialog/vaadin-confirm-dialog.js\";\nimport type { HTMLAttributes, ReactElement, RefAttributes } from 'react';\nimport {\n  ConfirmDialogElement,\n  ConfirmDialog as _ConfirmDialog,\n  type ConfirmDialogProps as _ConfirmDialogProps,\n} from './generated/ConfirmDialog.js';\n\nexport * from './generated/ConfirmDialog.js';\n\ntype OmittedConfirmDialogHTMLAttributes = Omit<\n  HTMLAttributes<ConfirmDialogElement>,\n  'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'children' | 'aria-label'\n>;\n\nexport type ConfirmDialogProps = Partial<Omit<_ConfirmDialogProps, keyof OmittedConfirmDialogHTMLAttributes>>;\n\nexport const ConfirmDialog = _ConfirmDialog as (\n  props: ConfirmDialogProps & RefAttributes<ConfirmDialogElement>,\n) => ReactElement | null;\n", "import type { EventName } from \"@lit/react\";\nimport { ConfirmDialog as ConfirmDialogElement, type ConfirmDialogEventMap as _ConfirmDialogEventMap, } from \"@vaadin/confirm-dialog/vaadin-confirm-dialog.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ConfirmDialogElement, };\nexport type ConfirmDialogEventMap = Readonly<{\n    onCancel: EventName<_ConfirmDialogEventMap[\"cancel\"]>;\n    onConfirm: EventName<_ConfirmDialogEventMap[\"confirm\"]>;\n    onReject: EventName<_ConfirmDialogEventMap[\"reject\"]>;\n    onOpenedChanged: EventName<_ConfirmDialogEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onCancel: \"cancel\", onConfirm: \"confirm\", onReject: \"reject\", onOpenedChanged: \"opened-changed\" } as ConfirmDialogEventMap;\nexport type ConfirmDialogProps = WebComponentProps<ConfirmDialogElement, ConfirmDialogEventMap>;\nexport const ConfirmDialog = createComponent({\n    elementClass: ConfirmDialogElement, events, react: React, tagName: \"vaadin-confirm-dialog\"\n});\n"],
-  "mappings": "AAAA,WAAc,kDCCd,OAAS,iBAAiBA,MAAmF,kDAC7G,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAQxD,IAAMC,EAAS,CAAE,SAAU,SAAU,UAAW,UAAW,SAAU,SAAU,gBAAiB,gBAAiB,EAEpGC,EAAgBC,EAAgB,CACzC,aAAcC,EAAsB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,uBACvE,CAAC,EDEM,IAAMC,EAAgBA",
+  "sourcesContent": ["export * from \"@vaadin/confirm-dialog/vaadin-confirm-dialog.js\";\nimport type { HTMLAttributes, ReactElement, RefAttributes } from 'react';\nimport {\n  ConfirmDialogElement,\n  ConfirmDialog as _ConfirmDialog,\n  type ConfirmDialogProps as _ConfirmDialogProps,\n} from './generated/ConfirmDialog.js';\n\nexport * from './generated/ConfirmDialog.js';\n\ntype OmittedConfirmDialogHTMLAttributes = Omit<\n  HTMLAttributes<ConfirmDialogElement>,\n  'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'children' | 'aria-label'\n>;\n\nexport type ConfirmDialogProps = Partial<Omit<_ConfirmDialogProps, keyof OmittedConfirmDialogHTMLAttributes>>;\n\nexport const ConfirmDialog = _ConfirmDialog as (\n  props: ConfirmDialogProps & RefAttributes<ConfirmDialogElement>,\n) => ReactElement | null;\n", "import type { EventName } from \"@lit/react\";\nimport { ConfirmDialog as ConfirmDialogElement, type ConfirmDialogEventMap as _ConfirmDialogEventMap, } from \"@vaadin/confirm-dialog/vaadin-confirm-dialog.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ConfirmDialogElement, };\nexport type ConfirmDialogEventMap = Readonly<{\n    onClosed: EventName<_ConfirmDialogEventMap[\"closed\"]>;\n    onCancel: EventName<_ConfirmDialogEventMap[\"cancel\"]>;\n    onConfirm: EventName<_ConfirmDialogEventMap[\"confirm\"]>;\n    onReject: EventName<_ConfirmDialogEventMap[\"reject\"]>;\n    onOpenedChanged: EventName<_ConfirmDialogEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onCancel: \"cancel\", onConfirm: \"confirm\", onReject: \"reject\", onOpenedChanged: \"opened-changed\" } as ConfirmDialogEventMap;\nexport type ConfirmDialogProps = WebComponentProps<ConfirmDialogElement, ConfirmDialogEventMap>;\nexport const ConfirmDialog = createComponent({\n    elementClass: ConfirmDialogElement, events, react: React, tagName: \"vaadin-confirm-dialog\"\n});\n"],
+  "mappings": "AAAA,WAAc,kDCCd,OAAS,iBAAiBA,MAAmF,kDAC7G,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,SAAU,SAAU,SAAU,SAAU,UAAW,UAAW,SAAU,SAAU,gBAAiB,gBAAiB,EAExHC,EAAgBC,EAAgB,CACzC,aAAcC,EAAsB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,uBACvE,CAAC,EDCM,IAAMC,EAAgBA",
   "names": ["ConfirmDialogElement", "React", "createComponent", "events", "ConfirmDialog", "createComponent", "ConfirmDialogElement", "React", "ConfirmDialog"]
 }

package/Dialog.d.ts

@@ -13,6 +13,8 @@ export type DialogProps = Partial<Omit<_DialogProps, 'children' | 'footerRendere
     renderer?: ComponentType<DialogReactRendererProps> | null;
 }>;
 declare const ForwardedDialog: import("react").ForwardRefExoticComponent<Partial<Omit<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<DialogElement, Readonly<{
+    onClosed: import("@lit/react").EventName<import("@vaadin/dialog").DialogEventMap["closed"]>;
+    onResize: import("@lit/react").EventName<import("@vaadin/dialog").DialogEventMap["resize"]>;
     onOpenedChanged: import("@lit/react").EventName<import("@vaadin/dialog").DialogEventMap["opened-changed"]>;
 }>>>, "accessKey" | "dir" | "hidden" | "lang" | "title" | "translate" | "prefix" | "role" | "children" | "style" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "renderer" | "headerRenderer" | "footerRenderer">> & Readonly<{
     children?: ReactNode | ComponentType<DialogReactRendererProps>;

package/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAqB,KAAK,aAAa,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,cAAc,uBAAuB,CAAC;AAEtC,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC,aAAa,CAAC,CAAC;AAE/E,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,aAAa,CAAC,EAC7B,IAAI,GAAG,WAAW,GAAG,yBAAyB,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,CACrF,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,CAC/B,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,2BAA2B,CAAC,CACtH,GACC,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;CAC3D,CAAC,CAAC;AAmBL,QAAA,MAAM,eAAe;;;eAzBN,SAAS,GAAG,aAAa,CAAC,wBAAwB,CAAC;aACrD,SAAS;qBACD,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI;aACtD,SAAS;qBACD,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI;eACpD,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI;kDAoBnB,CAAC;AAE3C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAqB,KAAK,aAAa,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,cAAc,uBAAuB,CAAC;AAEtC,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC,aAAa,CAAC,CAAC;AAE/E,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,aAAa,CAAC,EAC7B,IAAI,GAAG,WAAW,GAAG,yBAAyB,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,CACrF,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,CAC/B,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,2BAA2B,CAAC,CACtH,GACC,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;CAC3D,CAAC,CAAC;AAmBL,QAAA,MAAM,eAAe;;;;;eAzBN,SAAS,GAAG,aAAa,CAAC,wBAAwB,CAAC;aACrD,SAAS;qBACD,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI;aACtD,SAAS;qBACD,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI;eACpD,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI;kDAoBnB,CAAC;AAE3C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,CAAC"}

package/Dialog.js

@@ -1,2 +1,2 @@
-export*from"@vaadin/dialog/vaadin-dialog.js";import{forwardRef as f}from"react";import{Dialog as R}from"@vaadin/dialog/vaadin-dialog.js";import*as D from"react";import{createComponent as c}from"./utils/createComponent.js";var y={onOpenedChanged:"opened-changed"},o=c({elementClass:R,events:y,react:D,tagName:"vaadin-dialog"});import{useSimpleOrChildrenRenderer as r}from"./renderers/useSimpleOrChildrenRenderer.js";import{jsxs as E}from"react/jsx-runtime";function P({children:t,footer:a,header:n,...e},l){let[p,d]=r(e.footerRenderer,a),[i,m]=r(e.headerRenderer,n),[g,s]=r(e.renderer,t);return E(o,{...e,ref:l,footerRenderer:d,headerRenderer:m,renderer:s,children:[i,p,g]})}var b=f(P);export{b as Dialog,R as DialogElement};
+export*from"@vaadin/dialog/vaadin-dialog.js";import{forwardRef as f}from"react";import{Dialog as R}from"@vaadin/dialog/vaadin-dialog.js";import*as D from"react";import{createComponent as c}from"./utils/createComponent.js";var y={onClosed:"closed",onResize:"resize",onOpenedChanged:"opened-changed"},r=c({elementClass:R,events:y,react:D,tagName:"vaadin-dialog"});import{useSimpleOrChildrenRenderer as o}from"./renderers/useSimpleOrChildrenRenderer.js";import{jsxs as P}from"react/jsx-runtime";function E({children:t,footer:a,header:n,...e},l){let[p,i]=o(e.footerRenderer,a),[d,s]=o(e.headerRenderer,n),[m,g]=o(e.renderer,t);return P(r,{...e,ref:l,footerRenderer:i,headerRenderer:s,renderer:g,children:[d,p,m]})}var T=f(E);export{T as Dialog,R as DialogElement};
 //# sourceMappingURL=Dialog.js.map

package/Dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/Dialog.tsx", "src/generated/Dialog.ts"],
-  "sourcesContent": ["export * from \"@vaadin/dialog/vaadin-dialog.js\";\nimport {\n  type ComponentType,\n  type ForwardedRef,\n  type HTMLAttributes,\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Dialog as _Dialog, type DialogElement, type DialogProps as _DialogProps } from './generated/Dialog.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\n\nexport * from './generated/Dialog.js';\n\nexport type DialogReactRendererProps = ReactSimpleRendererProps<DialogElement>;\n\ntype OmittedDialogHTMLAttributes = Omit<\n  HTMLAttributes<DialogElement>,\n  'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'aria-label' | 'draggable'\n>;\n\nexport type DialogProps = Partial<\n  Omit<_DialogProps, 'children' | 'footerRenderer' | 'headerRenderer' | 'renderer' | keyof OmittedDialogHTMLAttributes>\n> &\n  Readonly<{\n    children?: ReactNode | ComponentType<DialogReactRendererProps>;\n    footer?: ReactNode;\n    footerRenderer?: ComponentType<DialogReactRendererProps> | null;\n    header?: ReactNode;\n    headerRenderer?: ComponentType<DialogReactRendererProps> | null;\n    renderer?: ComponentType<DialogReactRendererProps> | null;\n  }>;\n\nfunction Dialog(\n  { children, footer, header, ...props }: DialogProps,\n  ref: ForwardedRef<DialogElement>,\n): ReactElement | null {\n  const [footerPortals, footerRenderer] = useSimpleOrChildrenRenderer(props.footerRenderer, footer);\n  const [headerPortals, headerRenderer] = useSimpleOrChildrenRenderer(props.headerRenderer, header);\n  const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n  return (\n    <_Dialog {...props} ref={ref} footerRenderer={footerRenderer} headerRenderer={headerRenderer} renderer={renderer}>\n      {headerPortals}\n      {footerPortals}\n      {portals}\n    </_Dialog>\n  );\n}\n\nconst ForwardedDialog = forwardRef(Dialog);\n\nexport { ForwardedDialog as Dialog };\n", "import type { EventName } from \"@lit/react\";\nimport { Dialog as DialogElement, type DialogEventMap as _DialogEventMap, } from \"@vaadin/dialog/vaadin-dialog.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DialogElement, };\nexport type DialogEventMap = Readonly<{\n    onOpenedChanged: EventName<_DialogEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onOpenedChanged: \"opened-changed\" } as DialogEventMap;\nexport type DialogProps = WebComponentProps<DialogElement, DialogEventMap>;\nexport const Dialog = createComponent({\n    elementClass: DialogElement, events, react: React, tagName: \"vaadin-dialog\"\n});\n"],
-  "mappings": "AAAA,WAAc,kCACd,OAIE,cAAAA,MAGK,QCPP,OAAS,UAAUC,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAKxD,IAAMC,EAAS,CAAE,gBAAiB,gBAAiB,EAEtCC,EAASC,EAAgB,CAClC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC,EDFD,OAAS,+BAAAC,MAAmC,6CAiCxC,eAAAC,MAAA,oBATJ,SAASC,EACP,CAAE,SAAAC,EAAU,OAAAC,EAAQ,OAAAC,EAAQ,GAAGC,CAAM,EACrCC,EACqB,CACrB,GAAM,CAACC,EAAeC,CAAc,EAAIT,EAA4BM,EAAM,eAAgBF,CAAM,EAC1F,CAACM,EAAeC,CAAc,EAAIX,EAA4BM,EAAM,eAAgBD,CAAM,EAC1F,CAACO,EAASC,CAAQ,EAAIb,EAA4BM,EAAM,SAAUH,CAAQ,EAEhF,OACEF,EAACC,EAAA,CAAS,GAAGI,EAAO,IAAKC,EAAK,eAAgBE,EAAgB,eAAgBE,EAAgB,SAAUE,EACrG,UAAAH,EACAF,EACAI,GACH,CAEJ,CAEA,IAAME,EAAkBC,EAAWb,CAAM",
+  "sourcesContent": ["export * from \"@vaadin/dialog/vaadin-dialog.js\";\nimport {\n  type ComponentType,\n  type ForwardedRef,\n  type HTMLAttributes,\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Dialog as _Dialog, type DialogElement, type DialogProps as _DialogProps } from './generated/Dialog.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\n\nexport * from './generated/Dialog.js';\n\nexport type DialogReactRendererProps = ReactSimpleRendererProps<DialogElement>;\n\ntype OmittedDialogHTMLAttributes = Omit<\n  HTMLAttributes<DialogElement>,\n  'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'aria-label' | 'draggable'\n>;\n\nexport type DialogProps = Partial<\n  Omit<_DialogProps, 'children' | 'footerRenderer' | 'headerRenderer' | 'renderer' | keyof OmittedDialogHTMLAttributes>\n> &\n  Readonly<{\n    children?: ReactNode | ComponentType<DialogReactRendererProps>;\n    footer?: ReactNode;\n    footerRenderer?: ComponentType<DialogReactRendererProps> | null;\n    header?: ReactNode;\n    headerRenderer?: ComponentType<DialogReactRendererProps> | null;\n    renderer?: ComponentType<DialogReactRendererProps> | null;\n  }>;\n\nfunction Dialog(\n  { children, footer, header, ...props }: DialogProps,\n  ref: ForwardedRef<DialogElement>,\n): ReactElement | null {\n  const [footerPortals, footerRenderer] = useSimpleOrChildrenRenderer(props.footerRenderer, footer);\n  const [headerPortals, headerRenderer] = useSimpleOrChildrenRenderer(props.headerRenderer, header);\n  const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n  return (\n    <_Dialog {...props} ref={ref} footerRenderer={footerRenderer} headerRenderer={headerRenderer} renderer={renderer}>\n      {headerPortals}\n      {footerPortals}\n      {portals}\n    </_Dialog>\n  );\n}\n\nconst ForwardedDialog = forwardRef(Dialog);\n\nexport { ForwardedDialog as Dialog };\n", "import type { EventName } from \"@lit/react\";\nimport { Dialog as DialogElement, type DialogEventMap as _DialogEventMap, } from \"@vaadin/dialog/vaadin-dialog.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DialogElement, };\nexport type DialogEventMap = Readonly<{\n    onClosed: EventName<_DialogEventMap[\"closed\"]>;\n    onResize: EventName<_DialogEventMap[\"resize\"]>;\n    onOpenedChanged: EventName<_DialogEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onResize: \"resize\", onOpenedChanged: \"opened-changed\" } as DialogEventMap;\nexport type DialogProps = WebComponentProps<DialogElement, DialogEventMap>;\nexport const Dialog = createComponent({\n    elementClass: DialogElement, events, react: React, tagName: \"vaadin-dialog\"\n});\n"],
+  "mappings": "AAAA,WAAc,kCACd,OAIE,cAAAA,MAGK,QCPP,OAAS,UAAUC,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAOxD,IAAMC,EAAS,CAAE,SAAU,SAAU,SAAU,SAAU,gBAAiB,gBAAiB,EAE9EC,EAASC,EAAgB,CAClC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC,EDJD,OAAS,+BAAAC,MAAmC,6CAiCxC,eAAAC,MAAA,oBATJ,SAASC,EACP,CAAE,SAAAC,EAAU,OAAAC,EAAQ,OAAAC,EAAQ,GAAGC,CAAM,EACrCC,EACqB,CACrB,GAAM,CAACC,EAAeC,CAAc,EAAIT,EAA4BM,EAAM,eAAgBF,CAAM,EAC1F,CAACM,EAAeC,CAAc,EAAIX,EAA4BM,EAAM,eAAgBD,CAAM,EAC1F,CAACO,EAASC,CAAQ,EAAIb,EAA4BM,EAAM,SAAUH,CAAQ,EAEhF,OACEF,EAACC,EAAA,CAAS,GAAGI,EAAO,IAAKC,EAAK,eAAgBE,EAAgB,eAAgBE,EAAgB,SAAUE,EACrG,UAAAH,EACAF,EACAI,GACH,CAEJ,CAEA,IAAME,EAAkBC,EAAWb,CAAM",
   "names": ["forwardRef", "DialogElement", "React", "createComponent", "events", "Dialog", "createComponent", "DialogElement", "React", "useSimpleOrChildrenRenderer", "jsxs", "Dialog", "children", "footer", "header", "props", "ref", "footerPortals", "footerRenderer", "headerPortals", "headerRenderer", "portals", "renderer", "ForwardedDialog", "forwardRef"]
 }

package/Notification.js

@@ -1,2 +1,2 @@
-export*from"@vaadin/notification/vaadin-notification.js";import{forwardRef as s}from"react";import{Notification as t}from"@vaadin/notification/vaadin-notification.js";import*as p from"react";import{createComponent as c}from"./utils/createComponent.js";var f={onOpenedChanged:"opened-changed"},o=c({elementClass:t,events:f,react:p,tagName:"vaadin-notification"});import{useSimpleOrChildrenRenderer as m}from"./renderers/useSimpleOrChildrenRenderer.js";import{jsx as l}from"react/jsx-runtime";function d({children:i,...e},n){let[r,a]=m(e.renderer,i);return l(o,{...e,ref:n,renderer:a,children:r})}var N=s(d);N.show=t.show;export{N as Notification,t as NotificationElement};
+export*from"@vaadin/notification/vaadin-notification.js";import{forwardRef as s}from"react";import{Notification as t}from"@vaadin/notification/vaadin-notification.js";import*as p from"react";import{createComponent as c}from"./utils/createComponent.js";var f={onClosed:"closed",onOpenedChanged:"opened-changed"},o=c({elementClass:t,events:f,react:p,tagName:"vaadin-notification"});import{useSimpleOrChildrenRenderer as m}from"./renderers/useSimpleOrChildrenRenderer.js";import{jsx as l}from"react/jsx-runtime";function d({children:i,...e},n){let[r,a]=m(e.renderer,i);return l(o,{...e,ref:n,renderer:a,children:r})}var N=s(d);N.show=t.show;export{N as Notification,t as NotificationElement};
 //# sourceMappingURL=Notification.js.map

package/Notification.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/Notification.tsx", "src/generated/Notification.ts"],
-  "sourcesContent": ["export * from \"@vaadin/notification/vaadin-notification.js\";\nimport {\n  type ComponentType,\n  type ForwardedRef,\n  forwardRef,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n} from 'react';\nimport {\n  Notification as _Notification,\n  NotificationElement,\n  type NotificationProps as _NotificationProps,\n  type ShowOptions,\n} from './generated/Notification.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\n\nexport * from './generated/Notification.js';\n\nexport type NotificationReactRendererProps = ReactSimpleRendererProps<NotificationElement>;\n\ntype OmittedNotificationHTMLAttributes = Omit<\n  HTMLAttributes<NotificationElement>,\n  'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot'\n>;\n\nexport type NotificationProps = Partial<\n  Omit<_NotificationProps, 'children' | 'renderer' | keyof OmittedNotificationHTMLAttributes>\n> &\n  Readonly<{\n    children?: ReactNode | ComponentType<NotificationReactRendererProps>;\n    renderer?: ComponentType<NotificationReactRendererProps>;\n  }>;\n\nfunction Notification(\n  { children, ...props }: NotificationProps,\n  ref: ForwardedRef<NotificationElement>,\n): ReactElement | null {\n  const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n  return (\n    <_Notification {...props} ref={ref} renderer={renderer}>\n      {portals}\n    </_Notification>\n  );\n}\n\nexport type NotificationFunction = ForwardRefExoticComponent<NotificationProps & RefAttributes<NotificationElement>> & {\n  show(contents: string, options?: ShowOptions): NotificationElement;\n};\n\nconst ForwardedNotification = forwardRef(Notification) as NotificationFunction;\nForwardedNotification.show = NotificationElement.show;\n\nexport { ForwardedNotification as Notification };\n", "import type { EventName } from \"@lit/react\";\nimport { Notification as NotificationElement, type NotificationEventMap as _NotificationEventMap, } from \"@vaadin/notification/vaadin-notification.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { NotificationElement, };\nexport type NotificationEventMap = Readonly<{\n    onOpenedChanged: EventName<_NotificationEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onOpenedChanged: \"opened-changed\" } as NotificationEventMap;\nexport type NotificationProps = WebComponentProps<NotificationElement, NotificationEventMap>;\nexport const Notification = createComponent({\n    elementClass: NotificationElement, events, react: React, tagName: \"vaadin-notification\"\n});\n"],
-  "mappings": "AAAA,WAAc,8CACd,OAGE,cAAAA,MAMK,QCTP,OAAS,gBAAgBC,MAAgF,8CACzG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAKxD,IAAMC,EAAS,CAAE,gBAAiB,gBAAiB,EAEtCC,EAAeC,EAAgB,CACxC,aAAcC,EAAqB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACtE,CAAC,EDKD,OAAS,+BAAAC,MAAmC,6CA2BxC,cAAAC,MAAA,oBAPJ,SAASC,EACP,CAAE,SAAAC,EAAU,GAAGC,CAAM,EACrBC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIP,EAA4BI,EAAM,SAAUD,CAAQ,EAEhF,OACEF,EAACC,EAAA,CAAe,GAAGE,EAAO,IAAKC,EAAK,SAAUE,EAC3C,SAAAD,EACH,CAEJ,CAMA,IAAME,EAAwBC,EAAWP,CAAY,EACrDM,EAAsB,KAAOE,EAAoB",
+  "sourcesContent": ["export * from \"@vaadin/notification/vaadin-notification.js\";\nimport {\n  type ComponentType,\n  type ForwardedRef,\n  forwardRef,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type RefAttributes,\n} from 'react';\nimport {\n  Notification as _Notification,\n  NotificationElement,\n  type NotificationProps as _NotificationProps,\n  type ShowOptions,\n} from './generated/Notification.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\n\nexport * from './generated/Notification.js';\n\nexport type NotificationReactRendererProps = ReactSimpleRendererProps<NotificationElement>;\n\ntype OmittedNotificationHTMLAttributes = Omit<\n  HTMLAttributes<NotificationElement>,\n  'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot'\n>;\n\nexport type NotificationProps = Partial<\n  Omit<_NotificationProps, 'children' | 'renderer' | keyof OmittedNotificationHTMLAttributes>\n> &\n  Readonly<{\n    children?: ReactNode | ComponentType<NotificationReactRendererProps>;\n    renderer?: ComponentType<NotificationReactRendererProps>;\n  }>;\n\nfunction Notification(\n  { children, ...props }: NotificationProps,\n  ref: ForwardedRef<NotificationElement>,\n): ReactElement | null {\n  const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n  return (\n    <_Notification {...props} ref={ref} renderer={renderer}>\n      {portals}\n    </_Notification>\n  );\n}\n\nexport type NotificationFunction = ForwardRefExoticComponent<NotificationProps & RefAttributes<NotificationElement>> & {\n  show(contents: string, options?: ShowOptions): NotificationElement;\n};\n\nconst ForwardedNotification = forwardRef(Notification) as NotificationFunction;\nForwardedNotification.show = NotificationElement.show;\n\nexport { ForwardedNotification as Notification };\n", "import type { EventName } from \"@lit/react\";\nimport { Notification as NotificationElement, type NotificationEventMap as _NotificationEventMap, } from \"@vaadin/notification/vaadin-notification.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { NotificationElement, };\nexport type NotificationEventMap = Readonly<{\n    onClosed: EventName<_NotificationEventMap[\"closed\"]>;\n    onOpenedChanged: EventName<_NotificationEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onOpenedChanged: \"opened-changed\" } as NotificationEventMap;\nexport type NotificationProps = WebComponentProps<NotificationElement, NotificationEventMap>;\nexport const Notification = createComponent({\n    elementClass: NotificationElement, events, react: React, tagName: \"vaadin-notification\"\n});\n"],
+  "mappings": "AAAA,WAAc,8CACd,OAGE,cAAAA,MAMK,QCTP,OAAS,gBAAgBC,MAAgF,8CACzG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,SAAU,SAAU,gBAAiB,gBAAiB,EAE1DC,EAAeC,EAAgB,CACxC,aAAcC,EAAqB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACtE,CAAC,EDID,OAAS,+BAAAC,MAAmC,6CA2BxC,cAAAC,MAAA,oBAPJ,SAASC,EACP,CAAE,SAAAC,EAAU,GAAGC,CAAM,EACrBC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIP,EAA4BI,EAAM,SAAUD,CAAQ,EAEhF,OACEF,EAACC,EAAA,CAAe,GAAGE,EAAO,IAAKC,EAAK,SAAUE,EAC3C,SAAAD,EACH,CAEJ,CAMA,IAAME,EAAwBC,EAAWP,CAAY,EACrDM,EAAsB,KAAOE,EAAoB",
   "names": ["forwardRef", "NotificationElement", "React", "createComponent", "events", "Notification", "createComponent", "NotificationElement", "React", "useSimpleOrChildrenRenderer", "jsx", "Notification", "children", "props", "ref", "portals", "renderer", "ForwardedNotification", "forwardRef", "NotificationElement"]
 }

package/Popover.d.ts

@@ -9,6 +9,7 @@ export type PopoverProps = Partial<Omit<_PopoverProps, 'children' | 'renderer' |
     renderer?: ComponentType<PopoverReactRendererProps> | null;
 }>;
 declare const ForwardedPopover: import("react").ForwardRefExoticComponent<Partial<Omit<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<PopoverElement, Readonly<{
+    onClosed: import("@lit/react").EventName<import("@vaadin/popover").PopoverEventMap["closed"]>;
     onOpenedChanged: import("@lit/react").EventName<import("@vaadin/popover").PopoverEventMap["opened-changed"]>;
 }>>>, "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "title" | "translate" | "prefix" | "role" | "children" | "style" | "contentEditable" | "inputMode" | "nonce" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "renderer">> & Readonly<{
     children?: ReactNode | ComponentType<PopoverReactRendererProps>;

package/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["src/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEtH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,cAAc,wBAAwB,CAAC;AAEvC,MAAM,MAAM,yBAAyB,GAAG,wBAAwB,CAAC,cAAc,CAAC,CAAC;AAEjF,KAAK,4BAA4B,GAAG,IAAI,CACtC,cAAc,CAAC,cAAc,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,yBAAyB,GAAG,MAAM,CACxD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,4BAA4B,CAAC,CAAC,GACnH,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CAC5D,CAAC,CAAC;AAYL,QAAA,MAAM,gBAAgB;;;eAdP,SAAS,GAAG,aAAa,CAAC,yBAAyB,CAAC;eACpD,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI;mDAalB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["src/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEtH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,cAAc,wBAAwB,CAAC;AAEvC,MAAM,MAAM,yBAAyB,GAAG,wBAAwB,CAAC,cAAc,CAAC,CAAC;AAEjF,KAAK,4BAA4B,GAAG,IAAI,CACtC,cAAc,CAAC,cAAc,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,yBAAyB,GAAG,MAAM,CACxD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,4BAA4B,CAAC,CAAC,GACnH,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CAC5D,CAAC,CAAC;AAYL,QAAA,MAAM,gBAAgB;;;;eAdP,SAAS,GAAG,aAAa,CAAC,yBAAyB,CAAC;eACpD,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI;mDAalB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC"}

package/Popover.js

@@ -1,2 +1,2 @@
-export*from"@vaadin/popover/vaadin-popover.js";import{forwardRef as d}from"react";import{Popover as a}from"@vaadin/popover/vaadin-popover.js";import*as P from"react";import{createComponent as m}from"./utils/createComponent.js";var v={onOpenedChanged:"opened-changed"},o=m({elementClass:a,events:v,react:P,tagName:"vaadin-popover"});import{useSimpleOrChildrenRenderer as s}from"./renderers/useSimpleOrChildrenRenderer.js";import{jsx as i}from"react/jsx-runtime";function l({children:r,...e},p){let[t,n]=s(e.renderer,r);return i(o,{...e,ref:p,renderer:n,children:t})}var u=d(l);export{u as Popover,a as PopoverElement};
+export*from"@vaadin/popover/vaadin-popover.js";import{forwardRef as d}from"react";import{Popover as a}from"@vaadin/popover/vaadin-popover.js";import*as P from"react";import{createComponent as m}from"./utils/createComponent.js";var v={onClosed:"closed",onOpenedChanged:"opened-changed"},o=m({elementClass:a,events:v,react:P,tagName:"vaadin-popover"});import{useSimpleOrChildrenRenderer as s}from"./renderers/useSimpleOrChildrenRenderer.js";import{jsx as i}from"react/jsx-runtime";function l({children:r,...e},p){let[t,n]=s(e.renderer,r);return i(o,{...e,ref:p,renderer:n,children:t})}var M=d(l);export{M as Popover,a as PopoverElement};
 //# sourceMappingURL=Popover.js.map

package/Popover.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/Popover.tsx", "src/generated/Popover.ts"],
-  "sourcesContent": ["export * from \"@vaadin/popover/vaadin-popover.js\";\nimport {\n  type ComponentType,\n  type ForwardedRef,\n  type HTMLAttributes,\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Popover as _Popover, type PopoverElement, type PopoverProps as _PopoverProps } from './generated/Popover.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\n\nexport * from './generated/Popover.js';\n\nexport type PopoverReactRendererProps = ReactSimpleRendererProps<PopoverElement>;\n\ntype OmittedPopoverHTMLAttributes = Omit<\n  HTMLAttributes<PopoverElement>,\n  'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot'\n>;\n\nexport type PopoverProps = Partial<Omit<_PopoverProps, 'children' | 'renderer' | keyof OmittedPopoverHTMLAttributes>> &\n  Readonly<{\n    children?: ReactNode | ComponentType<PopoverReactRendererProps>;\n    renderer?: ComponentType<PopoverReactRendererProps> | null;\n  }>;\n\nfunction Popover({ children, ...props }: PopoverProps, ref: ForwardedRef<PopoverElement>): ReactElement | null {\n  const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n  return (\n    <_Popover {...props} ref={ref} renderer={renderer}>\n      {portals}\n    </_Popover>\n  );\n}\n\nconst ForwardedPopover = forwardRef(Popover);\n\nexport { ForwardedPopover as Popover };\n", "import type { EventName } from \"@lit/react\";\nimport { Popover as PopoverElement, type PopoverEventMap as _PopoverEventMap, } from \"@vaadin/popover/vaadin-popover.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { PopoverElement, };\nexport type PopoverEventMap = Readonly<{\n    onOpenedChanged: EventName<_PopoverEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onOpenedChanged: \"opened-changed\" } as PopoverEventMap;\nexport type PopoverProps = WebComponentProps<PopoverElement, PopoverEventMap>;\nexport const Popover = createComponent({\n    elementClass: PopoverElement, events, react: React, tagName: \"vaadin-popover\"\n});\n"],
-  "mappings": "AAAA,WAAc,oCACd,OAIE,cAAAA,MAGK,QCPP,OAAS,WAAWC,MAAiE,oCACrF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAKxD,IAAMC,EAAS,CAAE,gBAAiB,gBAAiB,EAEtCC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC,EDFD,OAAS,+BAAAC,MAAmC,6CAsBxC,cAAAC,MAAA,oBAJJ,SAASC,EAAQ,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAiBC,EAAwD,CAC7G,GAAM,CAACC,EAASC,CAAQ,EAAIP,EAA4BI,EAAM,SAAUD,CAAQ,EAEhF,OACEF,EAACC,EAAA,CAAU,GAAGE,EAAO,IAAKC,EAAK,SAAUE,EACtC,SAAAD,EACH,CAEJ,CAEA,IAAME,EAAmBC,EAAWP,CAAO",
+  "sourcesContent": ["export * from \"@vaadin/popover/vaadin-popover.js\";\nimport {\n  type ComponentType,\n  type ForwardedRef,\n  type HTMLAttributes,\n  forwardRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Popover as _Popover, type PopoverElement, type PopoverProps as _PopoverProps } from './generated/Popover.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\n\nexport * from './generated/Popover.js';\n\nexport type PopoverReactRendererProps = ReactSimpleRendererProps<PopoverElement>;\n\ntype OmittedPopoverHTMLAttributes = Omit<\n  HTMLAttributes<PopoverElement>,\n  'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot'\n>;\n\nexport type PopoverProps = Partial<Omit<_PopoverProps, 'children' | 'renderer' | keyof OmittedPopoverHTMLAttributes>> &\n  Readonly<{\n    children?: ReactNode | ComponentType<PopoverReactRendererProps>;\n    renderer?: ComponentType<PopoverReactRendererProps> | null;\n  }>;\n\nfunction Popover({ children, ...props }: PopoverProps, ref: ForwardedRef<PopoverElement>): ReactElement | null {\n  const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n  return (\n    <_Popover {...props} ref={ref} renderer={renderer}>\n      {portals}\n    </_Popover>\n  );\n}\n\nconst ForwardedPopover = forwardRef(Popover);\n\nexport { ForwardedPopover as Popover };\n", "import type { EventName } from \"@lit/react\";\nimport { Popover as PopoverElement, type PopoverEventMap as _PopoverEventMap, } from \"@vaadin/popover/vaadin-popover.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { PopoverElement, };\nexport type PopoverEventMap = Readonly<{\n    onClosed: EventName<_PopoverEventMap[\"closed\"]>;\n    onOpenedChanged: EventName<_PopoverEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onOpenedChanged: \"opened-changed\" } as PopoverEventMap;\nexport type PopoverProps = WebComponentProps<PopoverElement, PopoverEventMap>;\nexport const Popover = createComponent({\n    elementClass: PopoverElement, events, react: React, tagName: \"vaadin-popover\"\n});\n"],
+  "mappings": "AAAA,WAAc,oCACd,OAIE,cAAAA,MAGK,QCPP,OAAS,WAAWC,MAAiE,oCACrF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,SAAU,SAAU,gBAAiB,gBAAiB,EAE1DC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC,EDHD,OAAS,+BAAAC,MAAmC,6CAsBxC,cAAAC,MAAA,oBAJJ,SAASC,EAAQ,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAiBC,EAAwD,CAC7G,GAAM,CAACC,EAASC,CAAQ,EAAIP,EAA4BI,EAAM,SAAUD,CAAQ,EAEhF,OACEF,EAACC,EAAA,CAAU,GAAGE,EAAO,IAAKC,EAAK,SAAUE,EACtC,SAAAD,EACH,CAEJ,CAEA,IAAME,EAAmBC,EAAWP,CAAO",
   "names": ["forwardRef", "PopoverElement", "React", "createComponent", "events", "Popover", "createComponent", "PopoverElement", "React", "useSimpleOrChildrenRenderer", "jsx", "Popover", "children", "props", "ref", "portals", "renderer", "ForwardedPopover", "forwardRef"]
 }

package/css/lumo/utilities/Background.module.css

@@ -10,106 +10,106 @@
     background-color: transparent;
   }
 
-  .bg-tint-5 {
-    background-color: var(--lumo-tint-5pct);
+  .bg-tint {
+    background-color: var(--lumo-tint);
   }
-  .bg-tint-10 {
-    background-color: var(--lumo-tint-10pct);
+  .bg-tint-90 {
+    background-color: var(--lumo-tint-90pct);
   }
-  .bg-tint-20 {
-    background-color: var(--lumo-tint-20pct);
+  .bg-tint-80 {
+    background-color: var(--lumo-tint-80pct);
   }
-  .bg-tint-30 {
-    background-color: var(--lumo-tint-30pct);
+  .bg-tint-70 {
+    background-color: var(--lumo-tint-70pct);
   }
-  .bg-tint-40 {
-    background-color: var(--lumo-tint-40pct);
+  .bg-tint-60 {
+    background-color: var(--lumo-tint-60pct);
   }
   .bg-tint-50 {
     background-color: var(--lumo-tint-50pct);
   }
-  .bg-tint-60 {
-    background-color: var(--lumo-tint-60pct);
+  .bg-tint-40 {
+    background-color: var(--lumo-tint-40pct);
   }
-  .bg-tint-70 {
-    background-color: var(--lumo-tint-70pct);
+  .bg-tint-30 {
+    background-color: var(--lumo-tint-30pct);
   }
-  .bg-tint-80 {
-    background-color: var(--lumo-tint-80pct);
+  .bg-tint-20 {
+    background-color: var(--lumo-tint-20pct);
   }
-  .bg-tint-90 {
-    background-color: var(--lumo-tint-90pct);
+  .bg-tint-10 {
+    background-color: var(--lumo-tint-10pct);
   }
-  .bg-tint {
-    background-color: var(--lumo-tint);
+  .bg-tint-5 {
+    background-color: var(--lumo-tint-5pct);
   }
 
-  .bg-shade-5 {
-    background-color: var(--lumo-shade-5pct);
+  .bg-shade {
+    background-color: var(--lumo-shade);
   }
-  .bg-shade-10 {
-    background-color: var(--lumo-shade-10pct);
+  .bg-shade-90 {
+    background-color: var(--lumo-shade-90pct);
   }
-  .bg-shade-20 {
-    background-color: var(--lumo-shade-20pct);
+  .bg-shade-80 {
+    background-color: var(--lumo-shade-80pct);
   }
-  .bg-shade-30 {
-    background-color: var(--lumo-shade-30pct);
+  .bg-shade-70 {
+    background-color: var(--lumo-shade-70pct);
   }
-  .bg-shade-40 {
-    background-color: var(--lumo-shade-40pct);
+  .bg-shade-60 {
+    background-color: var(--lumo-shade-60pct);
   }
   .bg-shade-50 {
     background-color: var(--lumo-shade-50pct);
   }
-  .bg-shade-60 {
-    background-color: var(--lumo-shade-60pct);
+  .bg-shade-40 {
+    background-color: var(--lumo-shade-40pct);
   }
-  .bg-shade-70 {
-    background-color: var(--lumo-shade-70pct);
+  .bg-shade-30 {
+    background-color: var(--lumo-shade-30pct);
   }
-  .bg-shade-80 {
-    background-color: var(--lumo-shade-80pct);
+  .bg-shade-20 {
+    background-color: var(--lumo-shade-20pct);
   }
-  .bg-shade-90 {
-    background-color: var(--lumo-shade-90pct);
+  .bg-shade-10 {
+    background-color: var(--lumo-shade-10pct);
   }
-  .bg-shade {
-    background-color: var(--lumo-shade);
+  .bg-shade-5 {
+    background-color: var(--lumo-shade-5pct);
   }
 
-  .bg-contrast-5 {
-    background-color: var(--lumo-contrast-5pct);
+  .bg-contrast {
+    background-color: var(--lumo-contrast);
   }
-  .bg-contrast-10 {
-    background-color: var(--lumo-contrast-10pct);
+  .bg-contrast-90 {
+    background-color: var(--lumo-contrast-90pct);
   }
-  .bg-contrast-20 {
-    background-color: var(--lumo-contrast-20pct);
+  .bg-contrast-80 {
+    background-color: var(--lumo-contrast-80pct);
   }
-  .bg-contrast-30 {
-    background-color: var(--lumo-contrast-30pct);
+  .bg-contrast-70 {
+    background-color: var(--lumo-contrast-70pct);
   }
-  .bg-contrast-40 {
-    background-color: var(--lumo-contrast-40pct);
+  .bg-contrast-60 {
+    background-color: var(--lumo-contrast-60pct);
   }
   .bg-contrast-50 {
     background-color: var(--lumo-contrast-50pct);
   }
-  .bg-contrast-60 {
-    background-color: var(--lumo-contrast-60pct);
+  .bg-contrast-40 {
+    background-color: var(--lumo-contrast-40pct);
   }
-  .bg-contrast-70 {
-    background-color: var(--lumo-contrast-70pct);
+  .bg-contrast-30 {
+    background-color: var(--lumo-contrast-30pct);
   }
-  .bg-contrast-80 {
-    background-color: var(--lumo-contrast-80pct);
+  .bg-contrast-20 {
+    background-color: var(--lumo-contrast-20pct);
   }
-  .bg-contrast-90 {
-    background-color: var(--lumo-contrast-90pct);
+  .bg-contrast-10 {
+    background-color: var(--lumo-contrast-10pct);
   }
-  .bg-contrast {
-    background-color: var(--lumo-contrast);
+  .bg-contrast-5 {
+    background-color: var(--lumo-contrast-5pct);
   }
 
   .bg-primary {

package/css/lumo/utilities/Border.module.css

@@ -5,6 +5,12 @@
   .border-0 {
     border: none;
   }
+  .border-dashed {
+    --lumo-utility-border-style: dashed;
+  }
+  .border-dotted {
+    --lumo-utility-border-style: dotted;
+  }
   .border {
     border: 1px var(--lumo-utility-border-style, solid) var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
   }
@@ -31,46 +37,40 @@
   .border-t {
     border-top: 1px var(--lumo-utility-border-style, solid) var(--lumo-utility-border-color, var(--lumo-contrast-10pct));
   }
-  .border-dashed {
-    --lumo-utility-border-style: dashed;
-  }
-  .border-dotted {
-    --lumo-utility-border-style: dotted;
-  }
 
   /* === Border color === */
-  .border-contrast-5 {
-    --lumo-utility-border-color: var(--lumo-contrast-5pct);
+  .border-contrast {
+    --lumo-utility-border-color: var(--lumo-contrast);
   }
-  .border-contrast-10 {
-    --lumo-utility-border-color: var(--lumo-contrast-10pct);
+  .border-contrast-90 {
+    --lumo-utility-border-color: var(--lumo-contrast-90pct);
   }
-  .border-contrast-20 {
-    --lumo-utility-border-color: var(--lumo-contrast-20pct);
+  .border-contrast-80 {
+    --lumo-utility-border-color: var(--lumo-contrast-80pct);
   }
-  .border-contrast-30 {
-    --lumo-utility-border-color: var(--lumo-contrast-30pct);
+  .border-contrast-70 {
+    --lumo-utility-border-color: var(--lumo-contrast-70pct);
   }
-  .border-contrast-40 {
-    --lumo-utility-border-color: var(--lumo-contrast-40pct);
+  .border-contrast-60 {
+    --lumo-utility-border-color: var(--lumo-contrast-60pct);
   }
   .border-contrast-50 {
     --lumo-utility-border-color: var(--lumo-contrast-50pct);
   }
-  .border-contrast-60 {
-    --lumo-utility-border-color: var(--lumo-contrast-60pct);
+  .border-contrast-40 {
+    --lumo-utility-border-color: var(--lumo-contrast-40pct);
   }
-  .border-contrast-70 {
-    --lumo-utility-border-color: var(--lumo-contrast-70pct);
+  .border-contrast-30 {
+    --lumo-utility-border-color: var(--lumo-contrast-30pct);
   }
-  .border-contrast-80 {
-    --lumo-utility-border-color: var(--lumo-contrast-80pct);
+  .border-contrast-20 {
+    --lumo-utility-border-color: var(--lumo-contrast-20pct);
   }
-  .border-contrast-90 {
-    --lumo-utility-border-color: var(--lumo-contrast-90pct);
+  .border-contrast-10 {
+    --lumo-utility-border-color: var(--lumo-contrast-10pct);
   }
-  .border-contrast {
-    --lumo-utility-border-color: var(--lumo-contrast);
+  .border-contrast-5 {
+    --lumo-utility-border-color: var(--lumo-contrast-5pct);
   }
 
   .border-primary {
@@ -106,12 +106,12 @@
   .border-warning {
     --lumo-utility-border-color: var(--lumo-warning-color);
   }
-  .border-warning-10 {
-    --lumo-utility-border-color: var(--lumo-warning-color-10pct);
-  }
   .border-warning-strong {
     --lumo-utility-border-color: var(--lumo-warning-text-color);
   }
+  .border-warning-10 {
+    --lumo-utility-border-color: var(--lumo-warning-color-10pct);
+  }
 
   /* === Border radius === */
   .rounded-none {

package/css/lumo/utilities/FlexboxAndGrid.module.css

@@ -62,8 +62,11 @@
   }
 
   /* === Flex === */
+  .flex-1 {
+    flex: 1 1 0%;
+  }
   .flex-auto {
-    flex: auto;
+    flex: 1 1 auto;
   }
   .flex-none {
     flex: none;
@@ -84,20 +87,20 @@
   }
 
   /* === Flex grow === */
-  .flex-grow-0 {
-    flex-grow: 0;
-  }
   .flex-grow {
     flex-grow: 1;
   }
+  .flex-grow-0 {
+    flex-grow: 0;
+  }
 
   /* === Flex shrink === */
-  .flex-shrink-0 {
-    flex-shrink: 0;
-  }
   .flex-shrink {
     flex-shrink: 1;
   }
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
 
   /* === Flex wrap === */
   .flex-nowrap {
@@ -313,6 +316,21 @@
 
   /* === Responsive design === */
   @media (min-width: 640px) {
+    .sm\\items-baseline {
+      align-items: baseline;
+    }
+    .sm\\items-center {
+      align-items: center;
+    }
+    .sm\\items-end {
+      align-items: flex-end;
+    }
+    .sm\\items-start {
+      align-items: flex-start;
+    }
+    .sm\\items-stretch {
+      align-items: stretch;
+    }
     .sm\\:flex-col {
       flex-direction: column;
     }
@@ -358,6 +376,21 @@
   }
 
   @media (min-width: 768px) {
+    .md\\items-baseline {
+      align-items: baseline;
+    }
+    .md\\items-center {
+      align-items: center;
+    }
+    .md\\items-end {
+      align-items: flex-end;
+    }
+    .md\\items-start {
+      align-items: flex-start;
+    }
+    .md\\items-stretch {
+      align-items: stretch;
+    }
     .md\\:flex-col {
       flex-direction: column;
     }
@@ -402,6 +435,21 @@
     }
   }
   @media (min-width: 1024px) {
+    .lg\\items-baseline {
+      align-items: baseline;
+    }
+    .lg\\items-center {
+      align-items: center;
+    }
+    .lg\\items-end {
+      align-items: flex-end;
+    }
+    .lg\\items-start {
+      align-items: flex-start;
+    }
+    .lg\\items-stretch {
+      align-items: stretch;
+    }
     .lg\\:flex-col {
       flex-direction: column;
     }
@@ -446,6 +494,21 @@
     }
   }
   @media (min-width: 1280px) {
+    .xl\\items-baseline {
+      align-items: baseline;
+    }
+    .xl\\items-center {
+      align-items: center;
+    }
+    .xl\\items-end {
+      align-items: flex-end;
+    }
+    .xl\\items-start {
+      align-items: flex-start;
+    }
+    .xl\\items-stretch {
+      align-items: stretch;
+    }
     .xl\\:flex-col {
       flex-direction: column;
     }
@@ -490,6 +553,21 @@
     }
   }
   @media (min-width: 1536px) {
+    .\\32xl\\items-baseline {
+      align-items: baseline;
+    }
+    .\\32xl\\items-center {
+      align-items: center;
+    }
+    .\\32xl\\items-end {
+      align-items: flex-end;
+    }
+    .\\32xl\\items-start {
+      align-items: flex-start;
+    }
+    .\\32xl\\items-stretch {
+      align-items: stretch;
+    }
     .\\32xl\\:flex-col {
       flex-direction: column;
     }

package/css/lumo/utilities/Layout.module.css

@@ -253,6 +253,9 @@
   }
 
   /* === Z-index === */
+  .z-0 {
+    z-index: 0;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -268,6 +271,9 @@
   .z-50 {
     z-index: 50;
   }
+  .z-auto {
+    z-index: auto;
+  }
 
   /* === Responsive design === */
   @media (min-width: 640px) {

package/css/lumo/utilities/Shadows.module.css

@@ -2,6 +2,9 @@
 
 
   /* === Box shadow === */
+  .shadow-none {
+    box-shadow: none;
+  }
   .shadow-xs {
     box-shadow: var(--lumo-box-shadow-xs);
   }

package/css/lumo/utilities/Transition.module.css

@@ -1,20 +1,20 @@
 /* Generated file, do not edit */
 
 
-  .transition {
-    transition: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
-      transform, filter, backdrop-filter 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  .transition-none {
+    transition: none;
   }
   .transition-all {
     transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
   }
+  .transition {
+    transition: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
+      transform, filter, backdrop-filter 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  }
   .transition-colors {
     transition: color, background-color, border-color, text-decoration-color, fill,
       stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
   }
-  .transition-none {
-    transition: none;
-  }
   .transition-opacity {
     transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
   }

package/generated/ConfirmDialog.d.ts

@@ -5,6 +5,7 @@ import { type WebComponentProps } from "../utils/createComponent.js";
 export * from "@vaadin/confirm-dialog/vaadin-confirm-dialog.js";
 export { ConfirmDialogElement, };
 export type ConfirmDialogEventMap = Readonly<{
+    onClosed: EventName<_ConfirmDialogEventMap["closed"]>;
     onCancel: EventName<_ConfirmDialogEventMap["cancel"]>;
     onConfirm: EventName<_ConfirmDialogEventMap["confirm"]>;
     onReject: EventName<_ConfirmDialogEventMap["reject"]>;
@@ -12,6 +13,7 @@ export type ConfirmDialogEventMap = Readonly<{
 }>;
 export type ConfirmDialogProps = WebComponentProps<ConfirmDialogElement, ConfirmDialogEventMap>;
 export declare const ConfirmDialog: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<ConfirmDialogElement, Readonly<{
+    onClosed: EventName<_ConfirmDialogEventMap["closed"]>;
     onCancel: EventName<_ConfirmDialogEventMap["cancel"]>;
     onConfirm: EventName<_ConfirmDialogEventMap["confirm"]>;
     onReject: EventName<_ConfirmDialogEventMap["reject"]>;

package/generated/ConfirmDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../src/generated/ConfirmDialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,KAAK,qBAAqB,IAAI,sBAAsB,EAAG,MAAM,iDAAiD,CAAC;AAC/J,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iDAAiD,CAAC;AAChE,OAAO,EAAE,oBAAoB,GAAG,CAAC;AACjC,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,SAAS,EAAE,SAAS,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,eAAe,EAAE,SAAS,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACxE,CAAC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,CAAC;AAChG,eAAO,MAAM,aAAa;cAPZ,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;eAC1C,SAAS,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC;cAC7C,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;qBACpC,SAAS,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;8EAMtE,CAAC"}
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../src/generated/ConfirmDialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,KAAK,qBAAqB,IAAI,sBAAsB,EAAG,MAAM,iDAAiD,CAAC;AAC/J,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iDAAiD,CAAC;AAChE,OAAO,EAAE,oBAAoB,GAAG,CAAC;AACjC,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,QAAQ,EAAE,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,SAAS,EAAE,SAAS,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACtD,eAAe,EAAE,SAAS,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACxE,CAAC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,CAAC;AAChG,eAAO,MAAM,aAAa;cARZ,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;cAC3C,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;eAC1C,SAAS,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC;cAC7C,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;qBACpC,SAAS,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;8EAMtE,CAAC"}

package/generated/Dialog.d.ts

@@ -5,10 +5,14 @@ import { type WebComponentProps } from "../utils/createComponent.js";
 export * from "@vaadin/dialog/vaadin-dialog.js";
 export { DialogElement, };
 export type DialogEventMap = Readonly<{
+    onClosed: EventName<_DialogEventMap["closed"]>;
+    onResize: EventName<_DialogEventMap["resize"]>;
     onOpenedChanged: EventName<_DialogEventMap["opened-changed"]>;
 }>;
 export type DialogProps = WebComponentProps<DialogElement, DialogEventMap>;
 export declare const Dialog: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<DialogElement, Readonly<{
+    onClosed: EventName<_DialogEventMap["closed"]>;
+    onResize: EventName<_DialogEventMap["resize"]>;
     onOpenedChanged: EventName<_DialogEventMap["opened-changed"]>;
 }>>> & React.RefAttributes<DialogElement>) => React.ReactElement | null;
 //# sourceMappingURL=Dialog.d.ts.map

package/generated/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../src/generated/Dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,KAAK,cAAc,IAAI,eAAe,EAAG,MAAM,iCAAiC,CAAC;AACnH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,GAAG,CAAC;AAC1B,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IAClC,eAAe,EAAE,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACjE,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAC3E,eAAO,MAAM,MAAM;qBAJE,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;uEAM/D,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../src/generated/Dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,KAAK,cAAc,IAAI,eAAe,EAAG,MAAM,iCAAiC,CAAC;AACnH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,GAAG,CAAC;AAC1B,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC/C,eAAe,EAAE,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACjE,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAC3E,eAAO,MAAM,MAAM;cANL,SAAS,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;cACpC,SAAS,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;qBAC7B,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;uEAM/D,CAAC"}

package/generated/Notification.d.ts

@@ -5,10 +5,12 @@ import { type WebComponentProps } from "../utils/createComponent.js";
 export * from "@vaadin/notification/vaadin-notification.js";
 export { NotificationElement, };
 export type NotificationEventMap = Readonly<{
+    onClosed: EventName<_NotificationEventMap["closed"]>;
     onOpenedChanged: EventName<_NotificationEventMap["opened-changed"]>;
 }>;
 export type NotificationProps = WebComponentProps<NotificationElement, NotificationEventMap>;
 export declare const Notification: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<NotificationElement, Readonly<{
+    onClosed: EventName<_NotificationEventMap["closed"]>;
     onOpenedChanged: EventName<_NotificationEventMap["opened-changed"]>;
 }>>> & React.RefAttributes<NotificationElement>) => React.ReactElement | null;
 //# sourceMappingURL=Notification.d.ts.map

package/generated/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../src/generated/Notification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,KAAK,oBAAoB,IAAI,qBAAqB,EAAG,MAAM,6CAA6C,CAAC;AACvJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,mBAAmB,GAAG,CAAC;AAChC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IACxC,eAAe,EAAE,SAAS,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACvE,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAC7F,eAAO,MAAM,YAAY;qBAJJ,SAAS,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;6EAMrE,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../src/generated/Notification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,KAAK,oBAAoB,IAAI,qBAAqB,EAAG,MAAM,6CAA6C,CAAC;AACvJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,mBAAmB,GAAG,CAAC;AAChC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD,eAAe,EAAE,SAAS,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACvE,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAC7F,eAAO,MAAM,YAAY;cALX,SAAS,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;qBACnC,SAAS,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;6EAMrE,CAAC"}

package/generated/Popover.d.ts

@@ -5,10 +5,12 @@ import { type WebComponentProps } from "../utils/createComponent.js";
 export * from "@vaadin/popover/vaadin-popover.js";
 export { PopoverElement, };
 export type PopoverEventMap = Readonly<{
+    onClosed: EventName<_PopoverEventMap["closed"]>;
     onOpenedChanged: EventName<_PopoverEventMap["opened-changed"]>;
 }>;
 export type PopoverProps = WebComponentProps<PopoverElement, PopoverEventMap>;
 export declare const Popover: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<PopoverElement, Readonly<{
+    onClosed: EventName<_PopoverEventMap["closed"]>;
     onOpenedChanged: EventName<_PopoverEventMap["opened-changed"]>;
 }>>> & React.RefAttributes<PopoverElement>) => React.ReactElement | null;
 //# sourceMappingURL=Popover.d.ts.map

package/generated/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/generated/Popover.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,mCAAmC,CAAC;AACzH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,cAAc,GAAG,CAAC;AAC3B,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACnC,eAAe,EAAE,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CAClE,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAC9E,eAAO,MAAM,OAAO;qBAJC,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;wEAMhE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/generated/Popover.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,mCAAmC,CAAC;AACzH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,cAAc,GAAG,CAAC;AAC3B,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,eAAe,EAAE,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CAClE,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAC9E,eAAO,MAAM,OAAO;cALN,SAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;qBAC9B,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;wEAMhE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/react-components",
-  "version": "24.5.0-alpha4",
+  "version": "24.5.0-alpha5",
   "publishConfig": {
     "access": "public"
   },
@@ -27,64 +27,64 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.5",
-    "@vaadin/a11y-base": "24.5.0-alpha4",
-    "@vaadin/accordion": "24.5.0-alpha4",
-    "@vaadin/app-layout": "24.5.0-alpha4",
-    "@vaadin/avatar": "24.5.0-alpha4",
-    "@vaadin/avatar-group": "24.5.0-alpha4",
-    "@vaadin/button": "24.5.0-alpha4",
-    "@vaadin/checkbox": "24.5.0-alpha4",
-    "@vaadin/checkbox-group": "24.5.0-alpha4",
-    "@vaadin/combo-box": "24.5.0-alpha4",
-    "@vaadin/component-base": "24.5.0-alpha4",
-    "@vaadin/confirm-dialog": "24.5.0-alpha4",
-    "@vaadin/context-menu": "24.5.0-alpha4",
-    "@vaadin/custom-field": "24.5.0-alpha4",
-    "@vaadin/date-picker": "24.5.0-alpha4",
-    "@vaadin/date-time-picker": "24.5.0-alpha4",
-    "@vaadin/details": "24.5.0-alpha4",
-    "@vaadin/dialog": "24.5.0-alpha4",
-    "@vaadin/email-field": "24.5.0-alpha4",
-    "@vaadin/field-base": "24.5.0-alpha4",
-    "@vaadin/field-highlighter": "24.5.0-alpha4",
-    "@vaadin/form-layout": "24.5.0-alpha4",
-    "@vaadin/grid": "24.5.0-alpha4",
-    "@vaadin/horizontal-layout": "24.5.0-alpha4",
-    "@vaadin/icon": "24.5.0-alpha4",
-    "@vaadin/icons": "24.5.0-alpha4",
-    "@vaadin/input-container": "24.5.0-alpha4",
-    "@vaadin/integer-field": "24.5.0-alpha4",
-    "@vaadin/item": "24.5.0-alpha4",
-    "@vaadin/list-box": "24.5.0-alpha4",
-    "@vaadin/lit-renderer": "24.5.0-alpha4",
-    "@vaadin/login": "24.5.0-alpha4",
-    "@vaadin/menu-bar": "24.5.0-alpha4",
-    "@vaadin/message-input": "24.5.0-alpha4",
-    "@vaadin/message-list": "24.5.0-alpha4",
-    "@vaadin/multi-select-combo-box": "24.5.0-alpha4",
-    "@vaadin/notification": "24.5.0-alpha4",
-    "@vaadin/number-field": "24.5.0-alpha4",
-    "@vaadin/overlay": "24.5.0-alpha4",
-    "@vaadin/password-field": "24.5.0-alpha4",
-    "@vaadin/popover": "24.5.0-alpha4",
-    "@vaadin/progress-bar": "24.5.0-alpha4",
-    "@vaadin/radio-group": "24.5.0-alpha4",
-    "@vaadin/scroller": "24.5.0-alpha4",
-    "@vaadin/select": "24.5.0-alpha4",
-    "@vaadin/side-nav": "24.5.0-alpha4",
-    "@vaadin/split-layout": "24.5.0-alpha4",
-    "@vaadin/tabs": "24.5.0-alpha4",
-    "@vaadin/tabsheet": "24.5.0-alpha4",
-    "@vaadin/text-area": "24.5.0-alpha4",
-    "@vaadin/text-field": "24.5.0-alpha4",
-    "@vaadin/time-picker": "24.5.0-alpha4",
-    "@vaadin/tooltip": "24.5.0-alpha4",
-    "@vaadin/upload": "24.5.0-alpha4",
-    "@vaadin/vaadin-lumo-styles": "24.5.0-alpha4",
-    "@vaadin/vaadin-material-styles": "24.5.0-alpha4",
-    "@vaadin/vaadin-themable-mixin": "24.5.0-alpha4",
-    "@vaadin/vertical-layout": "24.5.0-alpha4",
-    "@vaadin/virtual-list": "24.5.0-alpha4"
+    "@vaadin/a11y-base": "24.5.0-alpha5",
+    "@vaadin/accordion": "24.5.0-alpha5",
+    "@vaadin/app-layout": "24.5.0-alpha5",
+    "@vaadin/avatar": "24.5.0-alpha5",
+    "@vaadin/avatar-group": "24.5.0-alpha5",
+    "@vaadin/button": "24.5.0-alpha5",
+    "@vaadin/checkbox": "24.5.0-alpha5",
+    "@vaadin/checkbox-group": "24.5.0-alpha5",
+    "@vaadin/combo-box": "24.5.0-alpha5",
+    "@vaadin/component-base": "24.5.0-alpha5",
+    "@vaadin/confirm-dialog": "24.5.0-alpha5",
+    "@vaadin/context-menu": "24.5.0-alpha5",
+    "@vaadin/custom-field": "24.5.0-alpha5",
+    "@vaadin/date-picker": "24.5.0-alpha5",
+    "@vaadin/date-time-picker": "24.5.0-alpha5",
+    "@vaadin/details": "24.5.0-alpha5",
+    "@vaadin/dialog": "24.5.0-alpha5",
+    "@vaadin/email-field": "24.5.0-alpha5",
+    "@vaadin/field-base": "24.5.0-alpha5",
+    "@vaadin/field-highlighter": "24.5.0-alpha5",
+    "@vaadin/form-layout": "24.5.0-alpha5",
+    "@vaadin/grid": "24.5.0-alpha5",
+    "@vaadin/horizontal-layout": "24.5.0-alpha5",
+    "@vaadin/icon": "24.5.0-alpha5",
+    "@vaadin/icons": "24.5.0-alpha5",
+    "@vaadin/input-container": "24.5.0-alpha5",
+    "@vaadin/integer-field": "24.5.0-alpha5",
+    "@vaadin/item": "24.5.0-alpha5",
+    "@vaadin/list-box": "24.5.0-alpha5",
+    "@vaadin/lit-renderer": "24.5.0-alpha5",
+    "@vaadin/login": "24.5.0-alpha5",
+    "@vaadin/menu-bar": "24.5.0-alpha5",
+    "@vaadin/message-input": "24.5.0-alpha5",
+    "@vaadin/message-list": "24.5.0-alpha5",
+    "@vaadin/multi-select-combo-box": "24.5.0-alpha5",
+    "@vaadin/notification": "24.5.0-alpha5",
+    "@vaadin/number-field": "24.5.0-alpha5",
+    "@vaadin/overlay": "24.5.0-alpha5",
+    "@vaadin/password-field": "24.5.0-alpha5",
+    "@vaadin/popover": "24.5.0-alpha5",
+    "@vaadin/progress-bar": "24.5.0-alpha5",
+    "@vaadin/radio-group": "24.5.0-alpha5",
+    "@vaadin/scroller": "24.5.0-alpha5",
+    "@vaadin/select": "24.5.0-alpha5",
+    "@vaadin/side-nav": "24.5.0-alpha5",
+    "@vaadin/split-layout": "24.5.0-alpha5",
+    "@vaadin/tabs": "24.5.0-alpha5",
+    "@vaadin/tabsheet": "24.5.0-alpha5",
+    "@vaadin/text-area": "24.5.0-alpha5",
+    "@vaadin/text-field": "24.5.0-alpha5",
+    "@vaadin/time-picker": "24.5.0-alpha5",
+    "@vaadin/tooltip": "24.5.0-alpha5",
+    "@vaadin/upload": "24.5.0-alpha5",
+    "@vaadin/vaadin-lumo-styles": "24.5.0-alpha5",
+    "@vaadin/vaadin-material-styles": "24.5.0-alpha5",
+    "@vaadin/vaadin-themable-mixin": "24.5.0-alpha5",
+    "@vaadin/vertical-layout": "24.5.0-alpha5",
+    "@vaadin/virtual-list": "24.5.0-alpha5"
   },
   "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:"24.5.0-alpha4"});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:"24.5.0-alpha5"});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 */ '24.5.0-alpha4',\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"],
+  "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 */ '24.5.0-alpha5',\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",
   "names": ["_createComponent", "createComponent", "options", "elementClass"]
 }