@vaadin/react-components 24.8.0-alpha9 → 25.0.0-alpha2

package/Markdown.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement, type RefAttributes } from 'react';
+import { type MarkdownProps as _MarkdownProps, type MarkdownElement } from './generated/Markdown.js';
+export * from './generated/Markdown.js';
+export type MarkdownProps = Partial<Omit<_MarkdownProps, 'children' | 'content'>> & Readonly<{
+    children?: string | null;
+}>;
+declare const ForwardedMarkdown: (props: MarkdownProps & RefAttributes<MarkdownElement>) => ReactElement | null;
+export { ForwardedMarkdown as Markdown };
+//# sourceMappingURL=Markdown.d.ts.map

package/Markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["src/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,EAEL,KAAK,aAAa,IAAI,cAAc,EACpC,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAEjC,cAAc,yBAAyB,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC,GAC/E,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC,CAAC;AAML,QAAA,MAAM,iBAAiB,EAA2B,CAChD,KAAK,EAAE,aAAa,GAAG,aAAa,CAAC,eAAe,CAAC,KAClD,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,CAAC"}

package/Markdown.js

@@ -0,0 +1,2 @@
+export*from"@vaadin/markdown/vaadin-markdown.js";import{forwardRef as m}from"react";import{Markdown as n}from"@vaadin/markdown/vaadin-markdown.js";import*as a from"react";import{createComponent as p}from"./utils/createComponent.js";var d={},o=p({elementClass:n,events:d,react:a,tagName:"vaadin-markdown"});import{jsx as M}from"react/jsx-runtime";function w({children:r,...e},t){return M(o,{...e,ref:t,content:r??""})}var c=m(w);export{c as Markdown,n as MarkdownElement};
+//# sourceMappingURL=Markdown.js.map

package/Markdown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/Markdown.tsx", "src/generated/Markdown.ts"],
+  "sourcesContent": ["export * from \"@vaadin/markdown/vaadin-markdown.js\";\nimport { forwardRef, type ForwardedRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n  Markdown as _Markdown,\n  type MarkdownProps as _MarkdownProps,\n  type MarkdownElement,\n} from './generated/Markdown.js';\n\nexport * from './generated/Markdown.js';\n\nexport type MarkdownProps = Partial<Omit<_MarkdownProps, 'children' | 'content'>> &\n  Readonly<{\n    children?: string | null;\n  }>;\n\nfunction Markdown({ children, ...props }: MarkdownProps, ref: ForwardedRef<MarkdownElement>): ReactElement | null {\n  return <_Markdown {...props} ref={ref} content={children ?? ''}></_Markdown>;\n}\n\nconst ForwardedMarkdown = forwardRef(Markdown) as (\n  props: MarkdownProps & RefAttributes<MarkdownElement>,\n) => ReactElement | null;\n\nexport { ForwardedMarkdown as Markdown };\n", "import type {} from \"@lit/react\";\nimport { Markdown as MarkdownElement, } from \"@vaadin/markdown/vaadin-markdown.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MarkdownElement, };\nexport type MarkdownEventMap = Readonly<{}>;\nconst events = {} as MarkdownEventMap;\nexport type MarkdownProps = WebComponentProps<MarkdownElement, MarkdownEventMap>;\nexport const Markdown = createComponent({\n    elementClass: MarkdownElement, events, react: React, tagName: \"vaadin-markdown\"\n});\n"],
+  "mappings": "AAAA,WAAc,sCACd,OAAS,cAAAA,MAA4E,QCArF,OAAS,YAAYC,MAAwB,sCAC7C,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAWC,EAAgB,CACpC,aAAcC,EAAiB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,iBAClE,CAAC,EDMQ,cAAAC,MAAA,oBADT,SAASC,EAAS,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAkBC,EAAyD,CAChH,OAAOJ,EAACC,EAAA,CAAW,GAAGE,EAAO,IAAKC,EAAK,QAASF,GAAY,GAAI,CAClE,CAEA,IAAMG,EAAoBC,EAAWL,CAAQ",
+  "names": ["forwardRef", "MarkdownElement", "React", "createComponent", "events", "Markdown", "createComponent", "MarkdownElement", "React", "jsx", "Markdown", "children", "props", "ref", "ForwardedMarkdown", "forwardRef"]
+}

package/MasterDetailLayout.d.ts

@@ -3,16 +3,33 @@ import React from 'react';
 export * from './generated/MasterDetailLayout.js';
 type MasterProps = React.PropsWithChildren<{}>;
 type DetailProps = React.PropsWithChildren<{}>;
+declare const MasterDetailLayoutWithValidation: React.FC<React.ComponentProps<typeof _MasterDetailLayout>>;
 /**
- * Compares two sets of React children to detect meaningful changes, ignoring text nodes.
- * Compares by component type and key.
+ * `MasterDetailLayout` is a React component for building UIs with a master
+ * (or primary) area and a detail (or secondary) area that is displayed next to, or
+ * overlaid on top of, the master area, depending on configuration and viewport size.
  *
- * @param prevChildren Previous children
- * @param nextChildren Current children
- * @returns True if the non-text children are meaningfully different, false otherwise
+ * Content for each area should be wrapped into to the respective
+ * `MasterDetailLayout.Master` and `MasterDetailLayout.Detail` wrapper components.
+ * Using any other component as a child will throw an error. To ensure that view
+ * transitions are run properly, details content should be rendered conditionally
+ * into the `MasterDetailLayout.Detail` component.
+ *
+ * @example
+ * ```tsx
+ * const selectedProduct = useSignal<Product | null>(null);
+ *
+ * <MasterDetailLayout>
+ *   <MasterDetailLayout.Master>
+ *     <ProductList onSelect={(product) => { selectedProduct.value = product }} />
+ *   </MasterDetailLayout.Master>
+ *   <MasterDetailLayout.Detail>
+ *     { selectedProduct.value && <ProductDetail product={selectedProduct.value} /> }
+ *   </MasterDetailLayout.Detail>
+ * </MasterDetailLayout>
+ * ```
  */
-export declare function areChildrenDifferent(prevChildren: React.ReactNode, nextChildren: React.ReactNode): boolean;
-declare const MasterDetailLayout: React.ComponentType<React.ComponentProps<typeof _MasterDetailLayout>> & {
+declare const MasterDetailLayout: typeof MasterDetailLayoutWithValidation & {
     Master: React.FC<MasterProps>;
     Detail: React.FC<DetailProps>;
 };

package/MasterDetailLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["src/MasterDetailLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,IAAI,mBAAmB,EAE1C,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,cAAc,mCAAmC,CAAC;AAElD,KAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAW/C;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,SAAS,GAAG,OAAO,CA2B1G;AA0ED,QAAA,MAAM,kBAAkB,EAA0B,KAAK,CAAC,aAAa,CACnE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CACjD,GAAG;IACF,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AAIF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["src/MasterDetailLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,IAAI,mBAAmB,EAE1C,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,cAAc,mCAAmC,CAAC;AAElD,KAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAoI/C,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAIhG,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,kBAAkB,EAAuC,OAAO,gCAAgC,GAAG;IACvG,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AAKF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/MasterDetailLayout.js

@@ -1,2 +1,2 @@
-export*from"@vaadin/master-detail-layout/vaadin-master-detail-layout.js";import{MasterDetailLayout as C}from"@vaadin/master-detail-layout/vaadin-master-detail-layout.js";import*as E from"react";import{createComponent as R}from"./utils/createComponent.js";var v={},d=R({elementClass:C,events:v,react:E,tagName:"vaadin-master-detail-layout"});import l,{useEffect as L,useLayoutEffect as P,useRef as c,useState as m}from"react";import{Fragment as b,jsx as f,jsxs as g}from"react/jsx-runtime";function x({children:e}){return e}function T(e,r){let n=l.Children.toArray(e).filter(t=>l.isValidElement(t)),s=l.Children.toArray(r).filter(t=>l.isValidElement(t));if(n.length!==s.length)return!0;for(let t=0;t<n.length;t++){let a=n[t],o=s[t];if(a.type!==o.type||a.key!==o.key)return!0}return!1}function A({children:e}){let r=c(null),n=c(0),s=c(null),t=n.current+1,[a,o]=m("idle"),[p,y]=m(e);return P(()=>{let u=r.current?.closest("vaadin-master-detail-layout");if(u){if(a==="idle"){let i=r.current.childElementCount>0;r.current.setAttribute("slot",i?"detail":"detail-hidden")}else if(a==="starting"){let i=r.current.childElementCount>0,M=s.current.childElementCount>0,h=i&&M?"replace":i?"remove":"add";u._startTransition(h,()=>{o("ready"),y(e),n.current=t})}else if(a==="ready"){let i=r.current.childElementCount>0;r.current.setAttribute("slot",i?"detail":"detail-hidden"),u._finishTransition().then(()=>{o("idle")})}}},[a]),L(()=>{a==="idle"&&(T(p,e)?o("starting"):y(e))},[a,e]),g(b,{children:[f("div",{ref:r,style:{display:"contents"},children:p},n.current),a==="starting"&&f("div",{ref:s,style:{display:"none"},children:e},t)]})}var D=d;D.Master=x;D.Detail=A;export{D as MasterDetailLayout,C as MasterDetailLayoutElement,T as areChildrenDifferent};
+export*from"@vaadin/master-detail-layout/vaadin-master-detail-layout.js";import{MasterDetailLayout as v}from"@vaadin/master-detail-layout/vaadin-master-detail-layout.js";import*as L from"react";import{createComponent as R}from"./utils/createComponent.js";var P={onBackdropClick:"backdrop-click",onDetailEscapePress:"detail-escape-press"},m=R({elementClass:v,events:P,react:L,tagName:"vaadin-master-detail-layout"});import s,{useEffect as k,useLayoutEffect as x,useRef as p,useState as f}from"react";import{Fragment as A,jsx as d,jsxs as N}from"react/jsx-runtime";function D({children:t}){return t}function b(t,e){let n=s.Children.toArray(t).filter(a=>s.isValidElement(a)),l=s.Children.toArray(e).filter(a=>s.isValidElement(a));if(n.length!==l.length)return!0;for(let a=0;a<n.length;a++){let r=n[a],i=l[a];if(r.type!==i.type||r.key!==i.key)return!0}return!1}function M({children:t}){let e=p(null),n=p(0),l=p(null),a=n.current+1,[r,i]=f("idle"),[c,y]=f(t);return x(()=>{let u=e.current?.closest("vaadin-master-detail-layout");if(u){if(r==="idle"){let o=e.current.childElementCount>0;e.current.setAttribute("slot",o?"detail":"detail-hidden")}else if(r==="starting"){let o=e.current.childElementCount>0,E=l.current.childElementCount>0,C=o&&E?"replace":o?"remove":"add";u._startTransition(C,()=>{i("ready"),y(t),n.current=a})}else if(r==="ready"){let o=e.current.childElementCount>0;e.current.setAttribute("slot",o?"detail":"detail-hidden"),u._finishTransition().then(()=>{i("idle")})}}},[r,c]),k(()=>{r==="idle"&&(b(c,t)?i("starting"):y(t))},[r,t]),N(A,{children:[d("div",{ref:e,style:{display:"contents"},children:c},n.current),r==="starting"&&d("div",{ref:l,style:{display:"none"},children:t},a)]})}function _(t){s.Children.forEach(t,e=>{if(s.isValidElement(e)&&e.type!==D&&e.type!==M)throw new Error("Invalid child in MasterDetailLayout. Only <MasterDetailLayout.Master> and <MasterDetailLayout.Detail> components are allowed. Check the component docs for proper usage.")})}var g=t=>(_(t.children),d(m,{...t})),h=g;h.Master=D;h.Detail=M;export{h as MasterDetailLayout,v as MasterDetailLayoutElement};
 //# sourceMappingURL=MasterDetailLayout.js.map

package/MasterDetailLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/MasterDetailLayout.tsx", "src/generated/MasterDetailLayout.ts"],
-  "sourcesContent": ["export * from \"@vaadin/master-detail-layout/vaadin-master-detail-layout.js\";\nimport {\n  MasterDetailLayout as _MasterDetailLayout,\n  MasterDetailLayoutElement,\n} from './generated/MasterDetailLayout.js';\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nexport * from './generated/MasterDetailLayout.js';\n\ntype MasterProps = React.PropsWithChildren<{}>;\ntype DetailProps = React.PropsWithChildren<{}>;\n\ntype MasterDetailLayoutElementWithInternalAPI = MasterDetailLayoutElement & {\n  _startTransition: (transitionType: 'add' | 'remove' | 'replace', callback: () => void) => void;\n  _finishTransition: () => Promise<void>;\n};\n\nfunction Master({ children }: MasterProps) {\n  return children;\n}\n\n/**\n * Compares two sets of React children to detect meaningful changes, ignoring text nodes.\n * Compares by component type and key.\n *\n * @param prevChildren Previous children\n * @param nextChildren Current children\n * @returns True if the non-text children are meaningfully different, false otherwise\n */\nexport function areChildrenDifferent(prevChildren: React.ReactNode, nextChildren: React.ReactNode): boolean {\n  // Convert to arrays and filter out text nodes\n  const prevArray = React.Children.toArray(prevChildren).filter((child) => React.isValidElement(child));\n  const nextArray = React.Children.toArray(nextChildren).filter((child) => React.isValidElement(child));\n\n  // If lengths are different, children have changed\n  if (prevArray.length !== nextArray.length) {\n    return true;\n  }\n\n  // Compare each element by type and key\n  for (let i = 0; i < prevArray.length; i++) {\n    const prevChild = prevArray[i] as React.ReactElement;\n    const nextChild = nextArray[i] as React.ReactElement;\n\n    // Compare by type\n    if (prevChild.type !== nextChild.type) {\n      return true;\n    }\n\n    // Compare by key (React.Children.toArray adds keys if missing)\n    if (prevChild.key !== nextChild.key) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction Detail({ children }: DetailProps) {\n  const currentDetailsRef = useRef<HTMLDivElement>(null);\n  const currentDetailsKey = useRef<number>(0);\n  const nextDetailsRef = useRef<HTMLDivElement>(null);\n  const nextDetailsKey = currentDetailsKey.current + 1;\n  const [state, setState] = useState('idle');\n  const [currentChildren, setCurrentChildren] = useState(children);\n\n  useLayoutEffect(() => {\n    const layout = currentDetailsRef.current?.closest(\n      'vaadin-master-detail-layout',\n    ) as MasterDetailLayoutElementWithInternalAPI;\n    if (!layout) {\n      return;\n    }\n\n    if (state === 'idle') {\n      // No transition in progress\n      // Just update slot name\n      const hasChildren = currentDetailsRef.current!.childElementCount > 0;\n      currentDetailsRef.current!.setAttribute('slot', hasChildren ? 'detail' : 'detail-hidden');\n    } else if (state === 'starting') {\n      // Transition is starting and old and (invisible) new details are rendered\n      // Determine the transition type based on old and new detail contents\n      const hasCurrentDetails = currentDetailsRef.current!.childElementCount > 0;\n      const hasNextDetails = nextDetailsRef.current!.childElementCount > 0;\n      const transitionType = hasCurrentDetails && hasNextDetails ? 'replace' : hasCurrentDetails ? 'remove' : 'add';\n      // Start transition to capture old DOM state\n      layout._startTransition(transitionType, () => {\n        // Once old DOM state is captured, render with new details only\n        setState('ready');\n        setCurrentChildren(children);\n        currentDetailsKey.current = nextDetailsKey;\n      });\n    } else if (state === 'ready') {\n      // Transition is ready and new details are rendered\n      // Update slot name to either show or hide the new details\n      const hasChildren = currentDetailsRef.current!.childElementCount > 0;\n      currentDetailsRef.current!.setAttribute('slot', hasChildren ? 'detail' : 'detail-hidden');\n      // Finish transition to animate to new DOM state\n      layout._finishTransition().then(() => {\n        // Transition is finished, reset state\n        setState('idle');\n      });\n    }\n  }, [state]);\n\n  useEffect(() => {\n    if (state !== 'idle') {\n      return;\n    }\n    if (areChildrenDifferent(currentChildren, children)) {\n      setState('starting');\n    } else {\n      setCurrentChildren(children);\n    }\n  }, [state, children]);\n\n  return (\n    <>\n      <div ref={currentDetailsRef} key={currentDetailsKey.current} style={{ display: 'contents' }}>\n        {currentChildren}\n      </div>\n      {state === 'starting' && (\n        <div ref={nextDetailsRef} key={nextDetailsKey} style={{ display: 'none' }}>\n          {children}\n        </div>\n      )}\n    </>\n  );\n}\n\nconst MasterDetailLayout = _MasterDetailLayout as React.ComponentType<\n  React.ComponentProps<typeof _MasterDetailLayout>\n> & {\n  Master: React.FC<MasterProps>;\n  Detail: React.FC<DetailProps>;\n};\nMasterDetailLayout.Master = Master;\nMasterDetailLayout.Detail = Detail;\n\nexport { MasterDetailLayout };\n", "import type {} from \"@lit/react\";\nimport { MasterDetailLayout as MasterDetailLayoutElement, } from \"@vaadin/master-detail-layout/vaadin-master-detail-layout.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MasterDetailLayoutElement, };\nexport type MasterDetailLayoutEventMap = Readonly<{}>;\nconst events = {} as MasterDetailLayoutEventMap;\nexport type MasterDetailLayoutProps = WebComponentProps<MasterDetailLayoutElement, MasterDetailLayoutEventMap>;\nexport const MasterDetailLayout = createComponent({\n    elementClass: MasterDetailLayoutElement, events, react: React, tagName: \"vaadin-master-detail-layout\"\n});\n"],
-  "mappings": "AAAA,WAAc,8DCCd,OAAS,sBAAsBA,MAAkC,8DACjE,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAqBC,EAAgB,CAC9C,aAAcC,EAA2B,OAAAH,EAAQ,MAAOI,EAAO,QAAS,6BAC5E,CAAC,EDLD,OAAOC,GAAS,aAAAC,EAAW,mBAAAC,EAAiB,UAAAC,EAAQ,YAAAC,MAAgB,QAgHhE,mBAAAC,EACE,OAAAC,EADF,QAAAC,MAAA,oBApGJ,SAASC,EAAO,CAAE,SAAAC,CAAS,EAAgB,CACzC,OAAOA,CACT,CAUO,SAASC,EAAqBC,EAA+BC,EAAwC,CAE1G,IAAMC,EAAYb,EAAM,SAAS,QAAQW,CAAY,EAAE,OAAQG,GAAUd,EAAM,eAAec,CAAK,CAAC,EAC9FC,EAAYf,EAAM,SAAS,QAAQY,CAAY,EAAE,OAAQE,GAAUd,EAAM,eAAec,CAAK,CAAC,EAGpG,GAAID,EAAU,SAAWE,EAAU,OACjC,MAAO,GAIT,QAASC,EAAI,EAAGA,EAAIH,EAAU,OAAQG,IAAK,CACzC,IAAMC,EAAYJ,EAAUG,CAAC,EACvBE,EAAYH,EAAUC,CAAC,EAQ7B,GALIC,EAAU,OAASC,EAAU,MAK7BD,EAAU,MAAQC,EAAU,IAC9B,MAAO,EAEX,CAEA,MAAO,EACT,CAEA,SAASC,EAAO,CAAE,SAAAV,CAAS,EAAgB,CACzC,IAAMW,EAAoBjB,EAAuB,IAAI,EAC/CkB,EAAoBlB,EAAe,CAAC,EACpCmB,EAAiBnB,EAAuB,IAAI,EAC5CoB,EAAiBF,EAAkB,QAAU,EAC7C,CAACG,EAAOC,CAAQ,EAAIrB,EAAS,MAAM,EACnC,CAACsB,EAAiBC,CAAkB,EAAIvB,EAASK,CAAQ,EAE/D,OAAAP,EAAgB,IAAM,CACpB,IAAM0B,EAASR,EAAkB,SAAS,QACxC,6BACF,EACA,GAAKQ,GAIL,GAAIJ,IAAU,OAAQ,CAGpB,IAAMK,EAAcT,EAAkB,QAAS,kBAAoB,EACnEA,EAAkB,QAAS,aAAa,OAAQS,EAAc,SAAW,eAAe,CAC1F,SAAWL,IAAU,WAAY,CAG/B,IAAMM,EAAoBV,EAAkB,QAAS,kBAAoB,EACnEW,EAAiBT,EAAe,QAAS,kBAAoB,EAC7DU,EAAiBF,GAAqBC,EAAiB,UAAYD,EAAoB,SAAW,MAExGF,EAAO,iBAAiBI,EAAgB,IAAM,CAE5CP,EAAS,OAAO,EAChBE,EAAmBlB,CAAQ,EAC3BY,EAAkB,QAAUE,CAC9B,CAAC,CACH,SAAWC,IAAU,QAAS,CAG5B,IAAMK,EAAcT,EAAkB,QAAS,kBAAoB,EACnEA,EAAkB,QAAS,aAAa,OAAQS,EAAc,SAAW,eAAe,EAExFD,EAAO,kBAAkB,EAAE,KAAK,IAAM,CAEpCH,EAAS,MAAM,CACjB,CAAC,CACH,EACF,EAAG,CAACD,CAAK,CAAC,EAEVvB,EAAU,IAAM,CACVuB,IAAU,SAGVd,EAAqBgB,EAAiBjB,CAAQ,EAChDgB,EAAS,UAAU,EAEnBE,EAAmBlB,CAAQ,EAE/B,EAAG,CAACe,EAAOf,CAAQ,CAAC,EAGlBF,EAAAF,EAAA,CACE,UAAAC,EAAC,OAAI,IAAKc,EAAmD,MAAO,CAAE,QAAS,UAAW,EACvF,SAAAM,GAD+BL,EAAkB,OAEpD,EACCG,IAAU,YACTlB,EAAC,OAAI,IAAKgB,EAAqC,MAAO,CAAE,QAAS,MAAO,EACrE,SAAAb,GAD4Bc,CAE/B,GAEJ,CAEJ,CAEA,IAAMU,EAAqBA,EAM3BA,EAAmB,OAASzB,EAC5ByB,EAAmB,OAASd",
-  "names": ["MasterDetailLayoutElement", "React", "createComponent", "events", "MasterDetailLayout", "createComponent", "MasterDetailLayoutElement", "React", "React", "useEffect", "useLayoutEffect", "useRef", "useState", "Fragment", "jsx", "jsxs", "Master", "children", "areChildrenDifferent", "prevChildren", "nextChildren", "prevArray", "child", "nextArray", "i", "prevChild", "nextChild", "Detail", "currentDetailsRef", "currentDetailsKey", "nextDetailsRef", "nextDetailsKey", "state", "setState", "currentChildren", "setCurrentChildren", "layout", "hasChildren", "hasCurrentDetails", "hasNextDetails", "transitionType", "MasterDetailLayout"]
+  "sourcesContent": ["export * from \"@vaadin/master-detail-layout/vaadin-master-detail-layout.js\";\nimport {\n  MasterDetailLayout as _MasterDetailLayout,\n  MasterDetailLayoutElement,\n} from './generated/MasterDetailLayout.js';\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nexport * from './generated/MasterDetailLayout.js';\n\ntype MasterProps = React.PropsWithChildren<{}>;\ntype DetailProps = React.PropsWithChildren<{}>;\n\ntype MasterDetailLayoutElementWithInternalAPI = MasterDetailLayoutElement & {\n  _startTransition: (transitionType: 'add' | 'remove' | 'replace', callback: () => void) => void;\n  _finishTransition: () => Promise<void>;\n};\n\nfunction Master({ children }: MasterProps) {\n  return children;\n}\n\n/**\n * Compares two sets of React children to detect meaningful changes, ignoring text nodes.\n * Compares by component type and key.\n *\n * @param prevChildren Previous children\n * @param nextChildren Current children\n * @returns True if the non-text children are meaningfully different, false otherwise\n */\nfunction areChildrenDifferent(prevChildren: React.ReactNode, nextChildren: React.ReactNode): boolean {\n  // Convert to arrays and filter out text nodes\n  const prevArray = React.Children.toArray(prevChildren).filter((child) => React.isValidElement(child));\n  const nextArray = React.Children.toArray(nextChildren).filter((child) => React.isValidElement(child));\n\n  // If lengths are different, children have changed\n  if (prevArray.length !== nextArray.length) {\n    return true;\n  }\n\n  // Compare each element by type and key\n  for (let i = 0; i < prevArray.length; i++) {\n    const prevChild = prevArray[i] as React.ReactElement;\n    const nextChild = nextArray[i] as React.ReactElement;\n\n    // Compare by type\n    if (prevChild.type !== nextChild.type) {\n      return true;\n    }\n\n    // Compare by key (React.Children.toArray adds keys if missing)\n    if (prevChild.key !== nextChild.key) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction Detail({ children }: DetailProps) {\n  const currentDetailsRef = useRef<HTMLDivElement>(null);\n  const currentDetailsKey = useRef<number>(0);\n  const nextDetailsRef = useRef<HTMLDivElement>(null);\n  const nextDetailsKey = currentDetailsKey.current + 1;\n  const [state, setState] = useState('idle');\n  const [currentChildren, setCurrentChildren] = useState(children);\n\n  useLayoutEffect(() => {\n    const layout = currentDetailsRef.current?.closest(\n      'vaadin-master-detail-layout',\n    ) as MasterDetailLayoutElementWithInternalAPI;\n    if (!layout) {\n      return;\n    }\n\n    if (state === 'idle') {\n      // No transition in progress\n      // Just update slot name\n      const hasChildren = currentDetailsRef.current!.childElementCount > 0;\n      currentDetailsRef.current!.setAttribute('slot', hasChildren ? 'detail' : 'detail-hidden');\n    } else if (state === 'starting') {\n      // Transition is starting and old and (invisible) new details are rendered\n      // Determine the transition type based on old and new detail contents\n      const hasCurrentDetails = currentDetailsRef.current!.childElementCount > 0;\n      const hasNextDetails = nextDetailsRef.current!.childElementCount > 0;\n      const transitionType = hasCurrentDetails && hasNextDetails ? 'replace' : hasCurrentDetails ? 'remove' : 'add';\n      // Start transition to capture old DOM state\n      layout._startTransition(transitionType, () => {\n        // Once old DOM state is captured, render with new details only\n        setState('ready');\n        setCurrentChildren(children);\n        currentDetailsKey.current = nextDetailsKey;\n      });\n    } else if (state === 'ready') {\n      // Transition is ready and new details are rendered\n      // Update slot name to either show or hide the new details\n      const hasChildren = currentDetailsRef.current!.childElementCount > 0;\n      currentDetailsRef.current!.setAttribute('slot', hasChildren ? 'detail' : 'detail-hidden');\n      // Finish transition to animate to new DOM state\n      layout._finishTransition().then(() => {\n        // Transition is finished, reset state\n        setState('idle');\n      });\n    }\n  }, [state, currentChildren]);\n\n  useEffect(() => {\n    if (state !== 'idle') {\n      return;\n    }\n    if (areChildrenDifferent(currentChildren, children)) {\n      setState('starting');\n    } else {\n      setCurrentChildren(children);\n    }\n  }, [state, children]);\n\n  return (\n    <>\n      <div ref={currentDetailsRef} key={currentDetailsKey.current} style={{ display: 'contents' }}>\n        {currentChildren}\n      </div>\n      {state === 'starting' && (\n        <div ref={nextDetailsRef} key={nextDetailsKey} style={{ display: 'none' }}>\n          {children}\n        </div>\n      )}\n    </>\n  );\n}\n\nfunction validateChildren(children: React.ReactNode) {\n  React.Children.forEach(children, (child) => {\n    // Ignore non-React elements\n    // We especially want to ignore text nodes to allow for whitespace resulting from formatting\n    if (React.isValidElement(child) && child.type !== Master && child.type !== Detail) {\n      throw new Error(\n        'Invalid child in MasterDetailLayout. Only <MasterDetailLayout.Master> and <MasterDetailLayout.Detail> components are allowed. Check the component docs for proper usage.',\n      );\n    }\n  });\n}\n\nconst MasterDetailLayoutWithValidation: React.FC<React.ComponentProps<typeof _MasterDetailLayout>> = (props) => {\n  validateChildren(props.children);\n\n  return <_MasterDetailLayout {...props} />;\n};\n\n/**\n * `MasterDetailLayout` is a React component for building UIs with a master\n * (or primary) area and a detail (or secondary) area that is displayed next to, or\n * overlaid on top of, the master area, depending on configuration and viewport size.\n *\n * Content for each area should be wrapped into to the respective\n * `MasterDetailLayout.Master` and `MasterDetailLayout.Detail` wrapper components.\n * Using any other component as a child will throw an error. To ensure that view\n * transitions are run properly, details content should be rendered conditionally\n * into the `MasterDetailLayout.Detail` component.\n *\n * @example\n * ```tsx\n * const selectedProduct = useSignal<Product | null>(null);\n *\n * <MasterDetailLayout>\n *   <MasterDetailLayout.Master>\n *     <ProductList onSelect={(product) => { selectedProduct.value = product }} />\n *   </MasterDetailLayout.Master>\n *   <MasterDetailLayout.Detail>\n *     { selectedProduct.value && <ProductDetail product={selectedProduct.value} /> }\n *   </MasterDetailLayout.Detail>\n * </MasterDetailLayout>\n * ```\n */\nconst MasterDetailLayout = MasterDetailLayoutWithValidation as typeof MasterDetailLayoutWithValidation & {\n  Master: React.FC<MasterProps>;\n  Detail: React.FC<DetailProps>;\n};\n\nMasterDetailLayout.Master = Master;\nMasterDetailLayout.Detail = Detail;\n\nexport { MasterDetailLayout };\n", "import type { EventName } from \"@lit/react\";\nimport { MasterDetailLayout as MasterDetailLayoutElement, type MasterDetailLayoutEventMap as _MasterDetailLayoutEventMap, } from \"@vaadin/master-detail-layout/vaadin-master-detail-layout.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MasterDetailLayoutElement, };\nexport type MasterDetailLayoutEventMap = Readonly<{\n    onBackdropClick: EventName<_MasterDetailLayoutEventMap[\"backdrop-click\"]>;\n    onDetailEscapePress: EventName<_MasterDetailLayoutEventMap[\"detail-escape-press\"]>;\n}>;\nconst events = { onBackdropClick: \"backdrop-click\", onDetailEscapePress: \"detail-escape-press\" } as MasterDetailLayoutEventMap;\nexport type MasterDetailLayoutProps = WebComponentProps<MasterDetailLayoutElement, MasterDetailLayoutEventMap>;\nexport const MasterDetailLayout = createComponent({\n    elementClass: MasterDetailLayoutElement, events, react: React, tagName: \"vaadin-master-detail-layout\"\n});\n"],
+  "mappings": "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",
+  "names": ["MasterDetailLayoutElement", "React", "createComponent", "events", "MasterDetailLayout", "createComponent", "MasterDetailLayoutElement", "React", "React", "useEffect", "useLayoutEffect", "useRef", "useState", "Fragment", "jsx", "jsxs", "Master", "children", "areChildrenDifferent", "prevChildren", "nextChildren", "prevArray", "child", "nextArray", "i", "prevChild", "nextChild", "Detail", "currentDetailsRef", "currentDetailsKey", "nextDetailsRef", "nextDetailsKey", "state", "setState", "currentChildren", "setCurrentChildren", "layout", "hasChildren", "hasCurrentDetails", "hasNextDetails", "transitionType", "validateChildren", "MasterDetailLayoutWithValidation", "props", "MasterDetailLayout"]
 }

package/css/lumo/mixins/RequiredField.css

@@ -56,7 +56,6 @@
 
   :host([required]) [part='required-indicator']::after {
     content: var(--lumo-required-field-indicator, '\\2022');
-    transition: opacity 0.2s;
     color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
     position: absolute;
     right: 0;

package/generated/Markdown.d.ts

@@ -0,0 +1,9 @@
+import { Markdown as MarkdownElement } from "@vaadin/markdown/vaadin-markdown.js";
+import * as React from "react";
+import { type WebComponentProps } from "../utils/createComponent.js";
+export * from "@vaadin/markdown/vaadin-markdown.js";
+export { MarkdownElement, };
+export type MarkdownEventMap = Readonly<{}>;
+export type MarkdownProps = WebComponentProps<MarkdownElement, MarkdownEventMap>;
+export declare const Markdown: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<MarkdownElement, Readonly<{}>>> & React.RefAttributes<MarkdownElement>) => React.ReactElement | null;
+//# sourceMappingURL=Markdown.d.ts.map

package/generated/Markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../src/generated/Markdown.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAG,MAAM,qCAAqC,CAAC;AACnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,eAAe,GAAG,CAAC;AAC5B,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC;AACjF,eAAO,MAAM,QAAQ,oLAEnB,CAAC"}

package/generated/MasterDetailLayout.d.ts

@@ -1,9 +1,16 @@
-import { MasterDetailLayout as MasterDetailLayoutElement } from "@vaadin/master-detail-layout/vaadin-master-detail-layout.js";
+import type { EventName } from "@lit/react";
+import { MasterDetailLayout as MasterDetailLayoutElement, type MasterDetailLayoutEventMap as _MasterDetailLayoutEventMap } from "@vaadin/master-detail-layout/vaadin-master-detail-layout.js";
 import * as React from "react";
 import { type WebComponentProps } from "../utils/createComponent.js";
 export * from "@vaadin/master-detail-layout/vaadin-master-detail-layout.js";
 export { MasterDetailLayoutElement, };
-export type MasterDetailLayoutEventMap = Readonly<{}>;
+export type MasterDetailLayoutEventMap = Readonly<{
+    onBackdropClick: EventName<_MasterDetailLayoutEventMap["backdrop-click"]>;
+    onDetailEscapePress: EventName<_MasterDetailLayoutEventMap["detail-escape-press"]>;
+}>;
 export type MasterDetailLayoutProps = WebComponentProps<MasterDetailLayoutElement, MasterDetailLayoutEventMap>;
-export declare const MasterDetailLayout: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<MasterDetailLayoutElement, Readonly<{}>>> & React.RefAttributes<MasterDetailLayoutElement>) => React.ReactElement | null;
+export declare const MasterDetailLayout: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<MasterDetailLayoutElement, Readonly<{
+    onBackdropClick: EventName<_MasterDetailLayoutEventMap["backdrop-click"]>;
+    onDetailEscapePress: EventName<_MasterDetailLayoutEventMap["detail-escape-press"]>;
+}>>> & React.RefAttributes<MasterDetailLayoutElement>) => React.ReactElement | null;
 //# sourceMappingURL=MasterDetailLayout.d.ts.map

package/generated/MasterDetailLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["../src/generated/MasterDetailLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,IAAI,yBAAyB,EAAG,MAAM,6DAA6D,CAAC;AAC/H,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6DAA6D,CAAC;AAC5E,OAAO,EAAE,yBAAyB,GAAG,CAAC;AACtC,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEtD,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,yBAAyB,EAAE,0BAA0B,CAAC,CAAC;AAC/G,eAAO,MAAM,kBAAkB,wMAE7B,CAAC"}
+{"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["../src/generated/MasterDetailLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,KAAK,0BAA0B,IAAI,2BAA2B,EAAG,MAAM,6DAA6D,CAAC;AAC/L,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6DAA6D,CAAC;AAC5E,OAAO,EAAE,yBAAyB,GAAG,CAAC;AACtC,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAC9C,eAAe,EAAE,SAAS,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC1E,mBAAmB,EAAE,SAAS,CAAC,2BAA2B,CAAC,qBAAqB,CAAC,CAAC,CAAC;CACtF,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,yBAAyB,EAAE,0BAA0B,CAAC,CAAC;AAC/G,eAAO,MAAM,kBAAkB;qBALV,SAAS,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,CAAC;yBACpD,SAAS,CAAC,2BAA2B,CAAC,qBAAqB,CAAC,CAAC;mFAMpF,CAAC"}

package/index.d.ts

@@ -9,12 +9,10 @@ export * from "./Button.js";
 export * from "./Card.js";
 export * from "./Checkbox.js";
 export * from "./CheckboxGroup.js";
-export * from "./ComboBoxLight.js";
 export * from "./ComboBox.js";
 export * from "./ConfirmDialog.js";
 export * from "./ContextMenu.js";
 export * from "./CustomField.js";
-export * from "./DatePickerLight.js";
 export * from "./DatePicker.js";
 export * from "./DateTimePicker.js";
 export * from "./DetailsSummary.js";
@@ -42,6 +40,7 @@ export * from "./Item.js";
 export * from "./ListBox.js";
 export * from "./LoginForm.js";
 export * from "./LoginOverlay.js";
+export * from "./Markdown.js";
 export * from "./MasterDetailLayout.js";
 export * from "./MenuBar.js";
 export * from "./MessageInput.js";

package/index.js

@@ -9,12 +9,10 @@ export * from "./Button.js";
 export * from "./Card.js";
 export * from "./Checkbox.js";
 export * from "./CheckboxGroup.js";
-export * from "./ComboBoxLight.js";
 export * from "./ComboBox.js";
 export * from "./ConfirmDialog.js";
 export * from "./ContextMenu.js";
 export * from "./CustomField.js";
-export * from "./DatePickerLight.js";
 export * from "./DatePicker.js";
 export * from "./DateTimePicker.js";
 export * from "./DetailsSummary.js";
@@ -42,6 +40,7 @@ export * from "./Item.js";
 export * from "./ListBox.js";
 export * from "./LoginForm.js";
 export * from "./LoginOverlay.js";
+export * from "./Markdown.js";
 export * from "./MasterDetailLayout.js";
 export * from "./MenuBar.js";
 export * from "./MessageInput.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/react-components",
-  "version": "24.8.0-alpha9",
+  "version": "25.0.0-alpha2",
   "publishConfig": {
     "access": "public"
   },
@@ -27,66 +27,66 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.7",
-    "@vaadin/a11y-base": "24.8.0-alpha9",
-    "@vaadin/accordion": "24.8.0-alpha9",
-    "@vaadin/app-layout": "24.8.0-alpha9",
-    "@vaadin/avatar": "24.8.0-alpha9",
-    "@vaadin/avatar-group": "24.8.0-alpha9",
-    "@vaadin/button": "24.8.0-alpha9",
-    "@vaadin/card": "24.8.0-alpha9",
-    "@vaadin/checkbox": "24.8.0-alpha9",
-    "@vaadin/checkbox-group": "24.8.0-alpha9",
-    "@vaadin/combo-box": "24.8.0-alpha9",
-    "@vaadin/component-base": "24.8.0-alpha9",
-    "@vaadin/confirm-dialog": "24.8.0-alpha9",
-    "@vaadin/context-menu": "24.8.0-alpha9",
-    "@vaadin/custom-field": "24.8.0-alpha9",
-    "@vaadin/date-picker": "24.8.0-alpha9",
-    "@vaadin/date-time-picker": "24.8.0-alpha9",
-    "@vaadin/details": "24.8.0-alpha9",
-    "@vaadin/dialog": "24.8.0-alpha9",
-    "@vaadin/email-field": "24.8.0-alpha9",
-    "@vaadin/field-base": "24.8.0-alpha9",
-    "@vaadin/field-highlighter": "24.8.0-alpha9",
-    "@vaadin/form-layout": "24.8.0-alpha9",
-    "@vaadin/grid": "24.8.0-alpha9",
-    "@vaadin/horizontal-layout": "24.8.0-alpha9",
-    "@vaadin/icon": "24.8.0-alpha9",
-    "@vaadin/icons": "24.8.0-alpha9",
-    "@vaadin/input-container": "24.8.0-alpha9",
-    "@vaadin/integer-field": "24.8.0-alpha9",
-    "@vaadin/item": "24.8.0-alpha9",
-    "@vaadin/list-box": "24.8.0-alpha9",
-    "@vaadin/lit-renderer": "24.8.0-alpha9",
-    "@vaadin/login": "24.8.0-alpha9",
-    "@vaadin/master-detail-layout": "24.8.0-alpha9",
-    "@vaadin/menu-bar": "24.8.0-alpha9",
-    "@vaadin/message-input": "24.8.0-alpha9",
-    "@vaadin/message-list": "24.8.0-alpha9",
-    "@vaadin/multi-select-combo-box": "24.8.0-alpha9",
-    "@vaadin/notification": "24.8.0-alpha9",
-    "@vaadin/number-field": "24.8.0-alpha9",
-    "@vaadin/overlay": "24.8.0-alpha9",
-    "@vaadin/password-field": "24.8.0-alpha9",
-    "@vaadin/popover": "24.8.0-alpha9",
-    "@vaadin/progress-bar": "24.8.0-alpha9",
-    "@vaadin/radio-group": "24.8.0-alpha9",
-    "@vaadin/scroller": "24.8.0-alpha9",
-    "@vaadin/select": "24.8.0-alpha9",
-    "@vaadin/side-nav": "24.8.0-alpha9",
-    "@vaadin/split-layout": "24.8.0-alpha9",
-    "@vaadin/tabs": "24.8.0-alpha9",
-    "@vaadin/tabsheet": "24.8.0-alpha9",
-    "@vaadin/text-area": "24.8.0-alpha9",
-    "@vaadin/text-field": "24.8.0-alpha9",
-    "@vaadin/time-picker": "24.8.0-alpha9",
-    "@vaadin/tooltip": "24.8.0-alpha9",
-    "@vaadin/upload": "24.8.0-alpha9",
-    "@vaadin/vaadin-lumo-styles": "24.8.0-alpha9",
-    "@vaadin/vaadin-material-styles": "24.8.0-alpha9",
-    "@vaadin/vaadin-themable-mixin": "24.8.0-alpha9",
-    "@vaadin/vertical-layout": "24.8.0-alpha9",
-    "@vaadin/virtual-list": "24.8.0-alpha9"
+    "@vaadin/a11y-base": "25.0.0-alpha2",
+    "@vaadin/accordion": "25.0.0-alpha2",
+    "@vaadin/app-layout": "25.0.0-alpha2",
+    "@vaadin/avatar": "25.0.0-alpha2",
+    "@vaadin/avatar-group": "25.0.0-alpha2",
+    "@vaadin/button": "25.0.0-alpha2",
+    "@vaadin/card": "25.0.0-alpha2",
+    "@vaadin/checkbox": "25.0.0-alpha2",
+    "@vaadin/checkbox-group": "25.0.0-alpha2",
+    "@vaadin/combo-box": "25.0.0-alpha2",
+    "@vaadin/component-base": "25.0.0-alpha2",
+    "@vaadin/confirm-dialog": "25.0.0-alpha2",
+    "@vaadin/context-menu": "25.0.0-alpha2",
+    "@vaadin/custom-field": "25.0.0-alpha2",
+    "@vaadin/date-picker": "25.0.0-alpha2",
+    "@vaadin/date-time-picker": "25.0.0-alpha2",
+    "@vaadin/details": "25.0.0-alpha2",
+    "@vaadin/dialog": "25.0.0-alpha2",
+    "@vaadin/email-field": "25.0.0-alpha2",
+    "@vaadin/field-base": "25.0.0-alpha2",
+    "@vaadin/field-highlighter": "25.0.0-alpha2",
+    "@vaadin/form-layout": "25.0.0-alpha2",
+    "@vaadin/grid": "25.0.0-alpha2",
+    "@vaadin/horizontal-layout": "25.0.0-alpha2",
+    "@vaadin/icon": "25.0.0-alpha2",
+    "@vaadin/icons": "25.0.0-alpha2",
+    "@vaadin/input-container": "25.0.0-alpha2",
+    "@vaadin/integer-field": "25.0.0-alpha2",
+    "@vaadin/item": "25.0.0-alpha2",
+    "@vaadin/list-box": "25.0.0-alpha2",
+    "@vaadin/lit-renderer": "25.0.0-alpha2",
+    "@vaadin/login": "25.0.0-alpha2",
+    "@vaadin/markdown": "25.0.0-alpha2",
+    "@vaadin/master-detail-layout": "25.0.0-alpha2",
+    "@vaadin/menu-bar": "25.0.0-alpha2",
+    "@vaadin/message-input": "25.0.0-alpha2",
+    "@vaadin/message-list": "25.0.0-alpha2",
+    "@vaadin/multi-select-combo-box": "25.0.0-alpha2",
+    "@vaadin/notification": "25.0.0-alpha2",
+    "@vaadin/number-field": "25.0.0-alpha2",
+    "@vaadin/overlay": "25.0.0-alpha2",
+    "@vaadin/password-field": "25.0.0-alpha2",
+    "@vaadin/popover": "25.0.0-alpha2",
+    "@vaadin/progress-bar": "25.0.0-alpha2",
+    "@vaadin/radio-group": "25.0.0-alpha2",
+    "@vaadin/scroller": "25.0.0-alpha2",
+    "@vaadin/select": "25.0.0-alpha2",
+    "@vaadin/side-nav": "25.0.0-alpha2",
+    "@vaadin/split-layout": "25.0.0-alpha2",
+    "@vaadin/tabs": "25.0.0-alpha2",
+    "@vaadin/tabsheet": "25.0.0-alpha2",
+    "@vaadin/text-area": "25.0.0-alpha2",
+    "@vaadin/text-field": "25.0.0-alpha2",
+    "@vaadin/time-picker": "25.0.0-alpha2",
+    "@vaadin/tooltip": "25.0.0-alpha2",
+    "@vaadin/upload": "25.0.0-alpha2",
+    "@vaadin/vaadin-lumo-styles": "25.0.0-alpha2",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha2",
+    "@vaadin/vertical-layout": "25.0.0-alpha2",
+    "@vaadin/virtual-list": "25.0.0-alpha2"
   },
   "author": "Vaadin Ltd.",
   "license": "Apache-2.0",
@@ -165,10 +165,6 @@
       "types": "./ComboBox.d.ts",
       "default": "./ComboBox.js"
     },
-    "./ComboBoxLight.js": {
-      "types": "./ComboBoxLight.d.ts",
-      "default": "./ComboBoxLight.js"
-    },
     "./ConfirmDialog.js": {
       "types": "./ConfirmDialog.d.ts",
       "default": "./ConfirmDialog.js"
@@ -185,10 +181,6 @@
       "types": "./DatePicker.d.ts",
       "default": "./DatePicker.js"
     },
-    "./DatePickerLight.js": {
-      "types": "./DatePickerLight.d.ts",
-      "default": "./DatePickerLight.js"
-    },
     "./DateTimePicker.js": {
       "types": "./DateTimePicker.d.ts",
       "default": "./DateTimePicker.js"
@@ -297,6 +289,10 @@
       "types": "./LoginOverlay.d.ts",
       "default": "./LoginOverlay.js"
     },
+    "./Markdown.js": {
+      "types": "./Markdown.d.ts",
+      "default": "./Markdown.js"
+    },
     "./MasterDetailLayout.js": {
       "types": "./MasterDetailLayout.d.ts",
       "default": "./MasterDetailLayout.js"
@@ -420,12 +416,10 @@
     "./Checkbox": "./Checkbox.js",
     "./CheckboxGroup": "./CheckboxGroup.js",
     "./ComboBox": "./ComboBox.js",
-    "./ComboBoxLight": "./ComboBoxLight.js",
     "./ConfirmDialog": "./ConfirmDialog.js",
     "./ContextMenu": "./ContextMenu.js",
     "./CustomField": "./CustomField.js",
     "./DatePicker": "./DatePicker.js",
-    "./DatePickerLight": "./DatePickerLight.js",
     "./DateTimePicker": "./DateTimePicker.js",
     "./Details": "./Details.js",
     "./DetailsSummary": "./DetailsSummary.js",
@@ -453,6 +447,7 @@
     "./ListBox": "./ListBox.js",
     "./LoginForm": "./LoginForm.js",
     "./LoginOverlay": "./LoginOverlay.js",
+    "./Markdown": "./Markdown.js",
     "./MasterDetailLayout": "./MasterDetailLayout.js",
     "./MenuBar": "./MenuBar.js",
     "./Message": "./Message.js",
@@ -494,16 +489,6 @@
     "./css/lumo/Typography.css": "./css/lumo/Typography.css",
     "./css/lumo/UserColors.css": "./css/lumo/UserColors.css",
     "./css/lumo/Utility.module.css": "./css/lumo/Utility.module.css",
-    "./css/Material.css": "./css/Material.css",
-    "./css/material/Color.css": "./css/material/Color.css",
-    "./css/material/ColorBase.css": "./css/material/ColorBase.css",
-    "./css/material/ColorDark.css": "./css/material/ColorDark.css",
-    "./css/material/ColorLight.css": "./css/material/ColorLight.css",
-    "./css/material/Font.css": "./css/material/Font.css",
-    "./css/material/FontIcons.css": "./css/material/FontIcons.css",
-    "./css/material/Shadow.css": "./css/material/Shadow.css",
-    "./css/material/Typography.css": "./css/material/Typography.css",
-    "./css/material/UserColors.css": "./css/material/UserColors.css",
     "./utils/createComponent.d.ts": "./utils/createComponent.d.ts",
     "./utils/createComponent.d.ts.map": "./utils/createComponent.d.ts.map",
     "./utils/createComponent.js": "./utils/createComponent.js",

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.8.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.0.0-alpha2"});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.8.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"],
+  "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.0.0-alpha2',\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"]
 }

package/ComboBoxLight.d.ts

@@ -1,11 +0,0 @@
-import type { ComboBoxDefaultItem } from '@vaadin/combo-box';
-import { type ComponentType, type ReactElement, type RefAttributes } from 'react';
-import { type ComboBoxLightElement, type ComboBoxLightProps as _ComboBoxLightProps } from './generated/ComboBoxLight.js';
-import type { ComboBoxReactRendererProps } from './renderers/combobox.js';
-export * from './generated/ComboBoxLight.js';
-export type ComboBoxLightProps<TItem> = Partial<Omit<_ComboBoxLightProps<TItem>, 'renderer'>> & Readonly<{
-    renderer?: ComponentType<ComboBoxReactRendererProps<TItem>> | null;
-}>;
-declare const ForwardedComboBoxLight: <TItem = ComboBoxDefaultItem>(props: ComboBoxLightProps<TItem> & RefAttributes<ComboBoxLightElement<TItem>>) => ReactElement | null;
-export { ForwardedComboBoxLight as ComboBoxLight };
-//# sourceMappingURL=ComboBoxLight.d.ts.map

package/ComboBoxLight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBoxLight.d.ts","sourceRoot":"","sources":["src/ComboBoxLight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,KAAK,aAAa,EAAc,KAAK,YAAY,EAAE,KAAK,aAAa,EAAqB,MAAM,OAAO,CAAC;AACjH,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,IAAI,mBAAmB,EAC/C,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAG1E,cAAc,8BAA8B,CAAC;AAE7C,MAAM,MAAM,kBAAkB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,GAC3F,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;CACpE,CAAC,CAAC;AAgBL,QAAA,MAAM,sBAAsB,EAAgC,CAAC,KAAK,GAAG,mBAAmB,EACtF,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,KAC1E,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,sBAAsB,IAAI,aAAa,EAAE,CAAC"}

package/ComboBoxLight.js

@@ -1,2 +0,0 @@
-export*from"@vaadin/combo-box/vaadin-combo-box-light.js";import{forwardRef as d}from"react";import{ComboBoxLight as a}from"@vaadin/combo-box/vaadin-combo-box-light.js";import*as r from"react";import{createComponent as i}from"./utils/createComponent.js";var p={onValidated:"validated",onChange:"change",onCustomValueSet:"custom-value-set",onSelectedItemChanged:"selected-item-changed",onValueChanged:"value-changed",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onFilterChanged:"filter-changed"},o=i({elementClass:a,events:p,react:r,tagName:"vaadin-combo-box-light"});import{useModelRenderer as g}from"./renderers/useModelRenderer.js";import{jsxs as C}from"react/jsx-runtime";function h(e,t){let[n,m]=g(e.renderer);return C(o,{...e,ref:t,renderer:m,children:[e.children,n]})}var v=d(h);export{v as ComboBoxLight,a as ComboBoxLightElement};
-//# sourceMappingURL=ComboBoxLight.js.map

package/ComboBoxLight.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["src/ComboBoxLight.tsx", "src/generated/ComboBoxLight.ts"],
-  "sourcesContent": ["export * from \"@vaadin/combo-box/vaadin-combo-box-light.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n  ComboBoxLight as _ComboBoxLight,\n  type ComboBoxLightElement,\n  type ComboBoxLightProps as _ComboBoxLightProps,\n} from './generated/ComboBoxLight.js';\nimport type { ComboBoxReactRendererProps } from './renderers/combobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/ComboBoxLight.js';\n\nexport type ComboBoxLightProps<TItem> = Partial<Omit<_ComboBoxLightProps<TItem>, 'renderer'>> &\n  Readonly<{\n    renderer?: ComponentType<ComboBoxReactRendererProps<TItem>> | null;\n  }>;\n\nfunction ComboBoxLight<TItem = ComboBoxDefaultItem>(\n  props: ComboBoxLightProps<TItem>,\n  ref: ForwardedRef<ComboBoxLightElement<TItem>>,\n): ReactElement | null {\n  const [portals, renderer] = useModelRenderer(props.renderer);\n\n  return (\n    <_ComboBoxLight<TItem> {...props} ref={ref} renderer={renderer}>\n      {props.children}\n      {portals}\n    </_ComboBoxLight>\n  );\n}\n\nconst ForwardedComboBoxLight = forwardRef(ComboBoxLight) as <TItem = ComboBoxDefaultItem>(\n  props: ComboBoxLightProps<TItem> & RefAttributes<ComboBoxLightElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedComboBoxLight as ComboBoxLight };\n", "import type { EventName } from \"@lit/react\";\nimport { ComboBoxLight as ComboBoxLightElement, type ComboBoxLightEventMap as _ComboBoxLightEventMap, } from \"@vaadin/combo-box/vaadin-combo-box-light.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ComboBoxLightElement, };\nexport type ComboBoxLightEventMap<T1> = Readonly<{\n    onValidated: EventName<_ComboBoxLightEventMap<T1>[\"validated\"]>;\n    onChange: EventName<_ComboBoxLightEventMap<T1>[\"change\"]>;\n    onCustomValueSet: EventName<_ComboBoxLightEventMap<T1>[\"custom-value-set\"]>;\n    onSelectedItemChanged: EventName<_ComboBoxLightEventMap<T1>[\"selected-item-changed\"]>;\n    onValueChanged: EventName<_ComboBoxLightEventMap<T1>[\"value-changed\"]>;\n    onInvalidChanged: EventName<_ComboBoxLightEventMap<T1>[\"invalid-changed\"]>;\n    onOpenedChanged: EventName<_ComboBoxLightEventMap<T1>[\"opened-changed\"]>;\n    onFilterChanged: EventName<_ComboBoxLightEventMap<T1>[\"filter-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onCustomValueSet: \"custom-value-set\", onSelectedItemChanged: \"selected-item-changed\", onValueChanged: \"value-changed\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-changed\" } as ComboBoxLightEventMap<any>;\nexport type ComboBoxLightProps<T1> = WebComponentProps<ComboBoxLightElement<T1>, ComboBoxLightEventMap<T1>>;\nexport const ComboBoxLight = createComponent({\n    elementClass: ComboBoxLightElement, events, react: React, tagName: \"vaadin-combo-box-light\"\n}) as <T1>(props: ComboBoxLightProps<T1> & React.RefAttributes<ComboBoxLightElement<T1>>) => React.ReactElement | null;\n"],
-  "mappings": "AAAA,WAAc,8CAEd,OAA6B,cAAAA,MAA4E,QCDzG,OAAS,iBAAiBC,MAAmF,8CAC7G,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAYxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,iBAAkB,mBAAoB,sBAAuB,wBAAyB,eAAgB,gBAAiB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,gBAAiB,gBAAiB,EAEnRC,EAAgBC,EAAgB,CACzC,aAAcC,EAAsB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,wBACvE,CAAC,EDVD,OAAS,oBAAAC,MAAwB,kCAgB7B,eAAAC,MAAA,oBAPJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIN,EAAiBG,EAAM,QAAQ,EAE3D,OACEF,EAACC,EAAA,CAAuB,GAAGC,EAAO,IAAKC,EAAK,SAAUE,EACnD,UAAAH,EAAM,SACNE,GACH,CAEJ,CAEA,IAAME,EAAyBC,EAAWN,CAAa",
-  "names": ["forwardRef", "ComboBoxLightElement", "React", "createComponent", "events", "ComboBoxLight", "createComponent", "ComboBoxLightElement", "React", "useModelRenderer", "jsxs", "ComboBoxLight", "props", "ref", "portals", "renderer", "ForwardedComboBoxLight", "forwardRef"]
-}

package/DatePickerLight.d.ts

@@ -1,2 +0,0 @@
-export * from './generated/DatePickerLight.js';
-//# sourceMappingURL=DatePickerLight.d.ts.map

package/DatePickerLight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerLight.d.ts","sourceRoot":"","sources":["src/DatePickerLight.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}

package/DatePickerLight.js

@@ -1,2 +0,0 @@
-export*from"@vaadin/date-picker/vaadin-date-picker-light.js";import{DatePickerLight as e}from"@vaadin/date-picker/vaadin-date-picker-light.js";import*as t from"react";import{createComponent as a}from"./utils/createComponent.js";var n={onValidated:"validated",onChange:"change",onOpenedChanged:"opened-changed",onValueChanged:"value-changed",onInvalidChanged:"invalid-changed"},r=a({elementClass:e,events:n,react:t,tagName:"vaadin-date-picker-light"});export{r as DatePickerLight,e as DatePickerLightElement};
-//# sourceMappingURL=DatePickerLight.js.map

package/DatePickerLight.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["src/DatePickerLight.ts", "src/generated/DatePickerLight.ts"],
-  "sourcesContent": ["export * from \"@vaadin/date-picker/vaadin-date-picker-light.js\";\nexport * from './generated/DatePickerLight.js';\n", "import type { EventName } from \"@lit/react\";\nimport { DatePickerLight as DatePickerLightElement, type DatePickerLightEventMap as _DatePickerLightEventMap, } from \"@vaadin/date-picker/vaadin-date-picker-light.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DatePickerLightElement, };\nexport type DatePickerLightEventMap = Readonly<{\n    onValidated: EventName<_DatePickerLightEventMap[\"validated\"]>;\n    onChange: EventName<_DatePickerLightEventMap[\"change\"]>;\n    onOpenedChanged: EventName<_DatePickerLightEventMap[\"opened-changed\"]>;\n    onValueChanged: EventName<_DatePickerLightEventMap[\"value-changed\"]>;\n    onInvalidChanged: EventName<_DatePickerLightEventMap[\"invalid-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onOpenedChanged: \"opened-changed\", onValueChanged: \"value-changed\", onInvalidChanged: \"invalid-changed\" } as DatePickerLightEventMap;\nexport type DatePickerLightProps = WebComponentProps<DatePickerLightElement, DatePickerLightEventMap>;\nexport const DatePickerLight = createComponent({\n    elementClass: DatePickerLightElement, events, react: React, tagName: \"vaadin-date-picker-light\"\n});\n"],
-  "mappings": "AAAA,WAAc,kDCCd,OAAS,mBAAmBA,MAAyF,kDACrH,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,gBAAiB,iBAAkB,eAAgB,gBAAiB,iBAAkB,iBAAkB,EAE1JC,EAAkBC,EAAgB,CAC3C,aAAcC,EAAwB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,0BACzE,CAAC",
-  "names": ["DatePickerLightElement", "React", "createComponent", "events", "DatePickerLight", "createComponent", "DatePickerLightElement", "React"]
-}

package/css/Material.css

@@ -1,13 +0,0 @@
-/* Generated file, do not edit */
-
-@import url(./material/FontIcons.css);
-
-@import url(./material/ColorBase.css);
-
-@import url(./material/Font.css);
-
-@import url(./material/Typography.css);
-
-@import url(./material/Shadow.css);
-
-@import url(./material/UserColors.css);

package/css/material/Color.css

@@ -1,7 +0,0 @@
-/* Generated file, do not edit */
-
-@import url(./ColorLight.css);
-
-@import url(./ColorDark.css);
-
-@import url(./ColorBase.css);

package/css/material/ColorBase.css

@@ -1,26 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    /* Text colors */
-    --material-body-text-color: var(--light-theme-text-color, rgba(0, 0, 0, 0.87));
-    --material-secondary-text-color: var(--light-theme-secondary-color, rgba(0, 0, 0, 0.54));
-    --material-disabled-text-color: var(--light-theme-disabled-color, rgba(0, 0, 0, 0.38));
-
-    /* Primary colors */
-    --material-primary-color: var(--primary-color, #6200ee);
-    --material-primary-contrast-color: var(--dark-theme-base-color, #fff);
-    --material-primary-text-color: var(--material-primary-color);
-
-    /* Error colors */
-    --material-error-color: var(--error-color, #b00020);
-    --material-error-text-color: var(--material-error-color);
-
-    /* Background colors */
-    --material-background-color: var(--light-theme-background-color, #fff);
-    --material-secondary-background-color: var(--light-theme-secondary-background-color, #f5f5f5);
-    --material-disabled-color: rgba(0, 0, 0, 0.26);
-
-    /* Divider colors */
-    --material-divider-color: rgba(0, 0, 0, 0.12);
-  }

package/css/material/ColorDark.css

@@ -1,47 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    /* Text colors */
-    --material-body-text-color: var(--dark-theme-text-color, rgba(255, 255, 255, 1));
-    --material-secondary-text-color: var(--dark-theme-secondary-color, rgba(255, 255, 255, 0.7));
-    --material-disabled-text-color: var(--dark-theme-disabled-color, rgba(255, 255, 255, 0.5));
-
-    /* Primary colors */
-    --material-primary-color: var(--light-primary-color, #7e3ff2);
-    --material-primary-text-color: #b794f6;
-
-    /* Error colors */
-    --material-error-color: var(--error-color, #de2839);
-    --material-error-text-color: var(--material-error-color);
-
-    /* Background colors */
-    --material-background-color: var(--dark-theme-background-color, #303030);
-    --material-secondary-background-color: var(--dark-theme-secondary-background-color, #3b3b3b);
-    --material-disabled-color: rgba(255, 255, 255, 0.3);
-
-    /* Divider colors */
-    --material-divider-color: rgba(255, 255, 255, 0.12);
-
-    /* Undocumented internal properties (prefixed with three dashes) */
-
-    /* Text field tweaks */
-    --_material-text-field-input-line-background-color: #fff;
-    --_material-text-field-input-line-opacity: 0.7;
-    --_material-text-field-input-line-hover-opacity: 1;
-    --_material-text-field-focused-label-opacity: 1;
-
-    /* Button tweaks */
-    --_material-button-raised-background-color: rgba(255, 255, 255, 0.08);
-    --_material-button-outline-color: rgba(255, 255, 255, 0.2);
-
-    /* Grid tweaks */
-    --_material-grid-row-hover-background-color: rgba(255, 255, 255, 0.08);
-    --_material-grid-row-selected-overlay-opacity: 0.16;
-
-    /* Split layout tweaks */
-    --_material-split-layout-splitter-background-color: rgba(255, 255, 255, 0.8);
-
-    background-color: var(--material-background-color);
-    color: var(--material-body-text-color);
-  }

package/css/material/ColorLight.css

@@ -1,96 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    /* Text colors */
-    --material-body-text-color: var(--light-theme-text-color, rgba(0, 0, 0, 0.87));
-    --material-secondary-text-color: var(--light-theme-secondary-color, rgba(0, 0, 0, 0.54));
-    --material-disabled-text-color: var(--light-theme-disabled-color, rgba(0, 0, 0, 0.38));
-
-    /* Primary colors */
-    --material-primary-color: var(--primary-color, #6200ee);
-    --material-primary-contrast-color: var(--dark-theme-base-color, #fff);
-    --material-primary-text-color: var(--material-primary-color);
-
-    /* Error colors */
-    --material-error-color: var(--error-color, #b00020);
-    --material-error-text-color: var(--material-error-color);
-
-    /* Background colors */
-    --material-background-color: var(--light-theme-background-color, #fff);
-    --material-secondary-background-color: var(--light-theme-secondary-background-color, #f5f5f5);
-    --material-disabled-color: rgba(0, 0, 0, 0.26);
-
-    /* Divider colors */
-    --material-divider-color: rgba(0, 0, 0, 0.12);
-
-    /* Undocumented internal properties (prefixed with three dashes) */
-
-    /* Text field tweaks */
-    --_material-text-field-input-line-background-color: initial;
-    --_material-text-field-input-line-opacity: initial;
-    --_material-text-field-input-line-hover-opacity: initial;
-    --_material-text-field-focused-label-opacity: initial;
-
-    /* Button tweaks */
-    --_material-button-raised-background-color: initial;
-    --_material-button-outline-color: initial;
-
-    /* Grid tweaks */
-    --_material-grid-row-hover-background-color: initial;
-
-    /* Split layout tweaks */
-    --_material-split-layout-splitter-background-color: initial;
-
-    background-color: var(--material-background-color);
-    color: var(--material-body-text-color);
-  }
-
-  [theme~='dark'] {
-    /* Text colors */
-    --material-body-text-color: var(--dark-theme-text-color, rgba(255, 255, 255, 1));
-    --material-secondary-text-color: var(--dark-theme-secondary-color, rgba(255, 255, 255, 0.7));
-    --material-disabled-text-color: var(--dark-theme-disabled-color, rgba(255, 255, 255, 0.5));
-
-    /* Primary colors */
-    --material-primary-color: var(--light-primary-color, #7e3ff2);
-    --material-primary-text-color: #b794f6;
-
-    /* Error colors */
-    --material-error-color: var(--error-color, #de2839);
-    --material-error-text-color: var(--material-error-color);
-
-    /* Background colors */
-    --material-background-color: var(--dark-theme-background-color, #303030);
-    --material-secondary-background-color: var(--dark-theme-secondary-background-color, #3b3b3b);
-    --material-disabled-color: rgba(255, 255, 255, 0.3);
-
-    /* Divider colors */
-    --material-divider-color: rgba(255, 255, 255, 0.12);
-
-    /* Undocumented internal properties (prefixed with three dashes) */
-
-    /* Text field tweaks */
-    --_material-text-field-input-line-background-color: #fff;
-    --_material-text-field-input-line-opacity: 0.7;
-    --_material-text-field-input-line-hover-opacity: 1;
-    --_material-text-field-focused-label-opacity: 1;
-
-    /* Button tweaks */
-    --_material-button-raised-background-color: rgba(255, 255, 255, 0.08);
-    --_material-button-outline-color: rgba(255, 255, 255, 0.2);
-
-    /* Grid tweaks */
-    --_material-grid-row-hover-background-color: rgba(255, 255, 255, 0.08);
-    --_material-grid-row-selected-overlay-opacity: 0.16;
-
-    /* Split layout tweaks */
-    --_material-split-layout-splitter-background-color: rgba(255, 255, 255, 0.8);
-
-    background-color: var(--material-background-color);
-    color: var(--material-body-text-color);
-  }
-
-  a {
-    color: inherit;
-  }

package/css/material/Font.css

@@ -1,22 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    /* Font family */
-    --material-font-family: 'Roboto', sans-serif;
-
-    /* Font sizes */
-    --material-h1-font-size: 6rem;
-    --material-h2-font-size: 3.75rem;
-    --material-h3-font-size: 3rem;
-    --material-h4-font-size: 2.125rem;
-    --material-h5-font-size: 1.5rem;
-    --material-h6-font-size: 1.25rem;
-    --material-body-font-size: 1rem;
-    --material-small-font-size: 0.875rem;
-    --material-button-font-size: 0.875rem;
-    --material-caption-font-size: 0.75rem;
-
-    /* Icon size */
-    --material-icon-font-size: 20px;
-  }

package/css/material/FontIcons.css

@@ -1,28 +0,0 @@
-/* Generated file, do not edit */
-
-
-  @font-face {
-    font-family: 'material-icons';
-    src: url(data:application/font-woff;charset=utf-8;base64,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)
-      format('woff');
-    font-weight: normal;
-    font-style: normal;
-  }
-
-  html {
-    --material-icons-arrow-downward: '\ea01';
-    --material-icons-arrow-upward: '\ea02';
-    --material-icons-calendar: '\ea03';
-    --material-icons-check: '\ea04';
-    --material-icons-chevron-left: '\ea05';
-    --material-icons-chevron-right: '\ea06';
-    --material-icons-clear: '\ea07';
-    --material-icons-clock: '\ea08';
-    --material-icons-dropdown: '\ea09';
-    --material-icons-error: '\ea0a';
-    --material-icons-eye: '\ea0b';
-    --material-icons-eye-disabled: '\ea0c';
-    --material-icons-play: '\ea0d';
-    --material-icons-reload: '\ea0e';
-    --material-icons-upload: '\ea0f';
-  }

package/css/material/Shadow.css

@@ -1,15 +0,0 @@
-/* Generated file, do not edit */
-
-
-  /* prettier-ignore */
-  html {
-    /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */
-    --material-shadow-elevation-2dp: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-    --material-shadow-elevation-3dp: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
-    --material-shadow-elevation-4dp: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
-    --material-shadow-elevation-6dp: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
-    --material-shadow-elevation-8dp: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
-    --material-shadow-elevation-12dp: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4);
-    --material-shadow-elevation-16dp: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
-    --material-shadow-elevation-24dp: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.4);
-  }

package/css/material/Typography.css

@@ -1,80 +0,0 @@
-/* Generated file, do not edit */
-
-@import url(./Font.css);
-
-
-  body,
-  html {
-    font-family: var(--material-font-family);
-    font-size: var(--material-body-font-size);
-    line-height: 1.4;
-    -webkit-text-size-adjust: 100%;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: inherit;
-    line-height: 1.1;
-    margin-top: 1.5em;
-  }
-
-  h1 {
-    font-size: var(--material-h3-font-size);
-    font-weight: 300;
-    letter-spacing: -0.015em;
-    margin-bottom: 1em;
-    text-indent: -0.07em;
-  }
-
-  h2 {
-    font-size: var(--material-h4-font-size);
-    font-weight: 300;
-    letter-spacing: -0.01em;
-    margin-bottom: 0.75em;
-    text-indent: -0.07em;
-  }
-
-  h3 {
-    font-size: var(--material-h5-font-size);
-    font-weight: 400;
-    margin-bottom: 0.75em;
-    text-indent: -0.05em;
-  }
-
-  h4 {
-    font-size: var(--material-h6-font-size);
-    font-weight: 400;
-    letter-spacing: 0.01em;
-    margin-bottom: 0.75em;
-    text-indent: -0.05em;
-  }
-
-  h5 {
-    font-size: var(--material-body-font-size);
-    font-weight: 500;
-    margin-bottom: 0.5em;
-    text-indent: -0.025em;
-  }
-
-  h6 {
-    font-size: var(--material-small-font-size);
-    font-weight: 500;
-    letter-spacing: 0.01em;
-    margin-bottom: 0.25em;
-    text-indent: -0.025em;
-  }
-
-  a,
-  b,
-  strong {
-    font-weight: 500;
-  }
-
-@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic);
-@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic);

package/css/material/UserColors.css

@@ -1,22 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    --vaadin-user-color-0: #ab47bc;
-    --vaadin-user-color-1: #546e7a;
-    --vaadin-user-color-2: #2e7d32;
-    --vaadin-user-color-3: #6d4c41;
-    --vaadin-user-color-4: #1976d2;
-    --vaadin-user-color-5: #00838f;
-    --vaadin-user-color-6: #827717;
-  }
-
-  [theme~='dark'] {
-    --vaadin-user-color-0: #9fa8da;
-    --vaadin-user-color-1: #00bcd4;
-    --vaadin-user-color-2: #ffeb3b;
-    --vaadin-user-color-3: #a1887f;
-    --vaadin-user-color-4: #2196f3;
-    --vaadin-user-color-5: #4caf50;
-    --vaadin-user-color-6: #ff9800;
-  }

package/css/material/mixins/FieldButton.css

@@ -1,34 +0,0 @@
-/* Generated file, do not edit */
-
-
-  [part$='button'] {
-    flex: none;
-    width: 24px;
-    height: 24px;
-    padding: 4px;
-    color: var(--material-secondary-text-color);
-    font-size: var(--material-icon-font-size);
-    line-height: 24px;
-    text-align: center;
-  }
-
-  html(:not([readonly])) [part$='button'] {
-    cursor: pointer;
-  }
-
-  :host(:not([readonly])) [part$='button']:hover {
-    color: var(--material-text-color);
-  }
-
-  :host([disabled]) [part$='button'],
-  :host([readonly]) [part$='button'] {
-    color: var(--material-disabled-text-color);
-  }
-
-  :host([disabled]) [part='clear-button'] {
-    display: none;
-  }
-
-  [part$='button']::before {
-    font-family: 'material-icons';
-  }

package/css/material/mixins/Overlay.css

@@ -1,36 +0,0 @@
-/* Generated file, do not edit */
-
-
-  html {
-    top: 16px;
-    right: 16px;
-    /* TODO (@jouni): remove unnecessary multiplication after https://github.com/vaadin/vaadin-overlay/issues/90 is fixed */
-    bottom: calc(1px * var(--vaadin-overlay-viewport-bottom) + 16px);
-    left: 16px;
-  }
-
-  [part='overlay'] {
-    background-color: var(--material-background-color);
-    border-radius: 4px;
-    box-shadow: var(--material-shadow-elevation-4dp);
-    color: var(--material-body-text-color);
-    font-family: var(--material-font-family);
-    font-size: var(--material-body-font-size);
-    font-weight: 400;
-  }
-
-  [part='content'] {
-    padding: 8px 0;
-  }
-
-  [part='backdrop'] {
-    opacity: 0.2;
-    animation: 0.2s vaadin-overlay-backdrop-enter;
-    will-change: opacity;
-  }
-
-  @keyframes vaadin-overlay-backdrop-enter {
-    0% {
-      opacity: 0;
-    }
-  }

package/css/material/mixins/RequiredField.css

@@ -1,60 +0,0 @@
-/* Generated file, do not edit */
-
-
-  [part='label'] {
-    display: block;
-    position: absolute;
-    top: 8px;
-    font-size: 1em;
-    line-height: 1;
-    height: 20px;
-    margin-bottom: -4px;
-    white-space: nowrap;
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-    color: var(--material-secondary-text-color);
-    transform-origin: 0 75%;
-    transform: scale(0.75);
-  }
-
-  html([required]) [part='required-indicator']::after {
-    content: ' *';
-    color: inherit;
-  }
-
-  :host([invalid]) [part='label'] {
-    color: var(--material-error-text-color);
-  }
-
-  [part='error-message'] {
-    font-size: 0.75em;
-    line-height: 1;
-    color: var(--material-error-text-color);
-  }
-
-  :host([has-error-message]) [part='error-message']::before {
-    content: '';
-    display: block;
-    height: 6px;
-  }
-
-  :host(:not([invalid])) [part='error-message'] {
-    margin-top: 0;
-    max-height: 0;
-    overflow: hidden;
-  }
-
-  :host([invalid]) [part='error-message'] {
-    animation: reveal 0.2s;
-  }
-
-  @keyframes reveal {
-    0% {
-      opacity: 0;
-    }
-  }
-
-  /* RTL specific styles */
-  :host([dir='rtl']) [part='label'] {
-    transform-origin: 100% 75%;
-  }

package/generated/ComboBoxLight.d.ts

@@ -1,19 +0,0 @@
-import type { EventName } from "@lit/react";
-import { ComboBoxLight as ComboBoxLightElement, type ComboBoxLightEventMap as _ComboBoxLightEventMap } from "@vaadin/combo-box/vaadin-combo-box-light.js";
-import * as React from "react";
-import { type WebComponentProps } from "../utils/createComponent.js";
-export * from "@vaadin/combo-box/vaadin-combo-box-light.js";
-export { ComboBoxLightElement, };
-export type ComboBoxLightEventMap<T1> = Readonly<{
-    onValidated: EventName<_ComboBoxLightEventMap<T1>["validated"]>;
-    onChange: EventName<_ComboBoxLightEventMap<T1>["change"]>;
-    onCustomValueSet: EventName<_ComboBoxLightEventMap<T1>["custom-value-set"]>;
-    onSelectedItemChanged: EventName<_ComboBoxLightEventMap<T1>["selected-item-changed"]>;
-    onValueChanged: EventName<_ComboBoxLightEventMap<T1>["value-changed"]>;
-    onInvalidChanged: EventName<_ComboBoxLightEventMap<T1>["invalid-changed"]>;
-    onOpenedChanged: EventName<_ComboBoxLightEventMap<T1>["opened-changed"]>;
-    onFilterChanged: EventName<_ComboBoxLightEventMap<T1>["filter-changed"]>;
-}>;
-export type ComboBoxLightProps<T1> = WebComponentProps<ComboBoxLightElement<T1>, ComboBoxLightEventMap<T1>>;
-export declare const ComboBoxLight: <T1>(props: ComboBoxLightProps<T1> & React.RefAttributes<ComboBoxLightElement<T1>>) => React.ReactElement | null;
-//# sourceMappingURL=ComboBoxLight.d.ts.map

package/generated/ComboBoxLight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBoxLight.d.ts","sourceRoot":"","sources":["../src/generated/ComboBoxLight.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,6CAA6C,CAAC;AAC3J,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,oBAAoB,GAAG,CAAC;AACjC,MAAM,MAAM,qBAAqB,CAAC,EAAE,IAAI,QAAQ,CAAC;IAC7C,WAAW,EAAE,SAAS,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1D,gBAAgB,EAAE,SAAS,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC5E,qBAAqB,EAAE,SAAS,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IACtF,cAAc,EAAE,SAAS,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;IACvE,gBAAgB,EAAE,SAAS,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC3E,eAAe,EAAE,SAAS,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACzE,eAAe,EAAE,SAAS,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;CAC5E,CAAC,CAAC;AAEH,MAAM,MAAM,kBAAkB,CAAC,EAAE,IAAI,iBAAiB,CAAC,oBAAoB,CAAC,EAAE,CAAC,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5G,eAAO,MAAM,aAAa,EAEpB,CAAC,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/generated/DatePickerLight.d.ts

@@ -1,22 +0,0 @@
-import type { EventName } from "@lit/react";
-import { DatePickerLight as DatePickerLightElement, type DatePickerLightEventMap as _DatePickerLightEventMap } from "@vaadin/date-picker/vaadin-date-picker-light.js";
-import * as React from "react";
-import { type WebComponentProps } from "../utils/createComponent.js";
-export * from "@vaadin/date-picker/vaadin-date-picker-light.js";
-export { DatePickerLightElement, };
-export type DatePickerLightEventMap = Readonly<{
-    onValidated: EventName<_DatePickerLightEventMap["validated"]>;
-    onChange: EventName<_DatePickerLightEventMap["change"]>;
-    onOpenedChanged: EventName<_DatePickerLightEventMap["opened-changed"]>;
-    onValueChanged: EventName<_DatePickerLightEventMap["value-changed"]>;
-    onInvalidChanged: EventName<_DatePickerLightEventMap["invalid-changed"]>;
-}>;
-export type DatePickerLightProps = WebComponentProps<DatePickerLightElement, DatePickerLightEventMap>;
-export declare const DatePickerLight: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<DatePickerLightElement, Readonly<{
-    onValidated: EventName<_DatePickerLightEventMap["validated"]>;
-    onChange: EventName<_DatePickerLightEventMap["change"]>;
-    onOpenedChanged: EventName<_DatePickerLightEventMap["opened-changed"]>;
-    onValueChanged: EventName<_DatePickerLightEventMap["value-changed"]>;
-    onInvalidChanged: EventName<_DatePickerLightEventMap["invalid-changed"]>;
-}>>> & React.RefAttributes<DatePickerLightElement>) => React.ReactElement | null;
-//# sourceMappingURL=DatePickerLight.d.ts.map

package/generated/DatePickerLight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerLight.d.ts","sourceRoot":"","sources":["../src/generated/DatePickerLight.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,KAAK,uBAAuB,IAAI,wBAAwB,EAAG,MAAM,iDAAiD,CAAC;AACvK,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iDAAiD,CAAC;AAChE,OAAO,EAAE,sBAAsB,GAAG,CAAC;AACnC,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC3C,WAAW,EAAE,SAAS,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxD,eAAe,EAAE,SAAS,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvE,cAAc,EAAE,SAAS,CAAC,wBAAwB,CAAC,eAAe,CAAC,CAAC,CAAC;IACrE,gBAAgB,EAAE,SAAS,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,CAAC,CAAC;CAC5E,CAAC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAC;AACtG,eAAO,MAAM,eAAe;iBARX,SAAS,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC;cACnD,SAAS,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;qBACtC,SAAS,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;oBACtD,SAAS,CAAC,wBAAwB,CAAC,eAAe,CAAC,CAAC;sBAClD,SAAS,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;gFAM1E,CAAC"}