@vaadin/react-components 24.4.0-alpha3

package/renderers/useContextRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/renderers/useContextRenderer.ts"],
+  "sourcesContent": ["import type { ComponentType } from 'react';\nimport type { Slice } from './renderer.js';\nimport { useRenderer, type UseRendererResult } from './useRenderer.js';\n\nexport type ReactContextRendererProps<C, O extends HTMLElement> = Readonly<{\n  context: C;\n  original: O;\n}>;\n\nexport type WebComponentContextRenderer<C, O extends HTMLElement> = (\n  root: HTMLElement,\n  original: O,\n  context: C,\n) => void;\n\nexport function convertContextRendererArgs<C, O extends HTMLElement>([original, context]: Slice<\n  Parameters<WebComponentContextRenderer<C, O>>,\n  1\n>): ReactContextRendererProps<C, O> {\n  return { context, original };\n}\n\nexport function useContextRenderer<C, O extends HTMLElement>(\n  reactRenderer?: ComponentType<ReactContextRendererProps<C, O>> | null,\n): UseRendererResult<WebComponentContextRenderer<C, O>> {\n  return useRenderer(reactRenderer, convertContextRendererArgs);\n}\n"],
+  "mappings": "AAEA,OAAS,eAAAA,MAA2C,mBAa7C,SAASC,EAAqD,CAACC,EAAUC,CAAO,EAGnD,CAClC,MAAO,CAAE,QAAAA,EAAS,SAAAD,CAAS,CAC7B,CAEO,SAASE,EACdC,EACsD,CACtD,OAAOL,EAAYK,EAAeJ,CAA0B,CAC9D",
+  "names": ["useRenderer", "convertContextRendererArgs", "original", "context", "useContextRenderer", "reactRenderer"]
+}

package/renderers/useModelRenderer.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentType } from 'react';
+import type { Slice } from './renderer.js';
+import { type RendererConfig, type UseRendererResult } from './useRenderer.js';
+export type Model<I> = Readonly<{
+    item: I;
+}>;
+export type ReactModelRendererProps<I, M extends Model<I>, O extends HTMLElement> = Readonly<{
+    item: I;
+    model: M;
+    original: O;
+}>;
+export type WebComponentModelRenderer<I, M extends Model<I>, O extends HTMLElement> = (root: HTMLElement, original: O, model: M) => void;
+export declare function convertModelRendererArgs<I, M extends Model<I>, O extends HTMLElement>([original, model]: Slice<Parameters<WebComponentModelRenderer<I, M, O>>, 1>): ReactModelRendererProps<I, M, O>;
+export declare function useModelRenderer<I, M extends Model<I>, O extends HTMLElement>(reactRenderer?: ComponentType<ReactModelRendererProps<I, M, O>> | null, config?: RendererConfig): UseRendererResult<WebComponentModelRenderer<I, M, O>>;
+//# sourceMappingURL=useModelRenderer.d.ts.map

package/renderers/useModelRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModelRenderer.d.ts","sourceRoot":"","sources":["../src/renderers/useModelRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAe,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE5F,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI,QAAQ,CAAC;IAC9B,IAAI,EAAE,CAAC,CAAC;CACT,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,QAAQ,CAAC;IAC3F,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,CAAC;CACb,CAAC,CAAC;AAEH,MAAM,MAAM,yBAAyB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,CACpF,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,CAAC,KACL,IAAI,CAAC;AAEV,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,KAAK,CAC7G,UAAU,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAC9C,CAAC,CACF,GAAG,uBAAuB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAEnC;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,EAC3E,aAAa,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,EACtE,MAAM,CAAC,EAAE,cAAc,GACtB,iBAAiB,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAEvD"}

package/renderers/useModelRenderer.js

@@ -0,0 +1,2 @@
+import{useRenderer as n}from"./useRenderer.js";function o([r,e]){return{item:e.item,model:e,original:r}}function d(r,e){return n(r,o,e)}export{o as convertModelRendererArgs,d as useModelRenderer};
+//# sourceMappingURL=useModelRenderer.js.map

package/renderers/useModelRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/renderers/useModelRenderer.ts"],
+  "sourcesContent": ["import type { ComponentType } from 'react';\nimport type { Slice } from './renderer.js';\nimport { useRenderer, type RendererConfig, type UseRendererResult } from './useRenderer.js';\n\nexport type Model<I> = Readonly<{\n  item: I;\n}>;\n\nexport type ReactModelRendererProps<I, M extends Model<I>, O extends HTMLElement> = Readonly<{\n  item: I;\n  model: M;\n  original: O;\n}>;\n\nexport type WebComponentModelRenderer<I, M extends Model<I>, O extends HTMLElement> = (\n  root: HTMLElement,\n  original: O,\n  model: M,\n) => void;\n\nexport function convertModelRendererArgs<I, M extends Model<I>, O extends HTMLElement>([original, model]: Slice<\n  Parameters<WebComponentModelRenderer<I, M, O>>,\n  1\n>): ReactModelRendererProps<I, M, O> {\n  return { item: model.item, model, original };\n}\n\nexport function useModelRenderer<I, M extends Model<I>, O extends HTMLElement>(\n  reactRenderer?: ComponentType<ReactModelRendererProps<I, M, O>> | null,\n  config?: RendererConfig,\n): UseRendererResult<WebComponentModelRenderer<I, M, O>> {\n  return useRenderer(reactRenderer, convertModelRendererArgs, config);\n}\n"],
+  "mappings": "AAEA,OAAS,eAAAA,MAAgE,mBAkBlE,SAASC,EAAuE,CAACC,EAAUC,CAAK,EAGlE,CACnC,MAAO,CAAE,KAAMA,EAAM,KAAM,MAAAA,EAAO,SAAAD,CAAS,CAC7C,CAEO,SAASE,EACdC,EACAC,EACuD,CACvD,OAAON,EAAYK,EAAeJ,EAA0BK,CAAM,CACpE",
+  "names": ["useRenderer", "convertModelRendererArgs", "original", "model", "useModelRenderer", "reactRenderer", "config"]
+}

package/renderers/useRenderer.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentType, type PropsWithChildren, type ReactElement, type ReactNode } from 'react';
+import type { Slice, WebComponentRenderer } from './renderer.js';
+export type UseRendererResult<W extends WebComponentRenderer> = readonly [
+    portals?: ReadonlyArray<ReactElement | null>,
+    renderer?: W
+];
+export type RendererConfig = {
+    renderSync?: boolean;
+};
+export declare function useRenderer<P extends {}, W extends WebComponentRenderer>(node: ReactNode, convert?: (props: Slice<Parameters<W>, 1>) => PropsWithChildren<P>, config?: RendererConfig): UseRendererResult<W>;
+export declare function useRenderer<P extends {}, W extends WebComponentRenderer>(reactRenderer: ComponentType<P> | null | undefined, convert: (props: Slice<Parameters<W>, 1>) => PropsWithChildren<P>, config?: RendererConfig): UseRendererResult<W>;
+//# sourceMappingURL=useRenderer.d.ts.map

package/renderers/useRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderer.d.ts","sourceRoot":"","sources":["../src/renderers/useRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAEjE,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,oBAAoB,IAAI,SAAS;IACvE,OAAO,CAAC,EAAE,aAAa,CAAC,YAAY,GAAG,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC;CACb,CAAC;AAWF,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,oBAAoB,EACtE,IAAI,EAAE,SAAS,EACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,iBAAiB,CAAC,CAAC,CAAC,EAClE,MAAM,CAAC,EAAE,cAAc,GACtB,iBAAiB,CAAC,CAAC,CAAC,CAAC;AACxB,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,oBAAoB,EACtE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,EAClD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,iBAAiB,CAAC,CAAC,CAAC,EACjE,MAAM,CAAC,EAAE,cAAc,GACtB,iBAAiB,CAAC,CAAC,CAAC,CAAC"}

package/renderers/useRenderer.js

@@ -0,0 +1,2 @@
+import{createElement as a,useCallback as l,useReducer as i}from"react";import{createPortal as m,flushSync as c}from"react-dom";const R=new Map;function W(e,[r,...t]){return new Map(e).set(r,t)}function f(e,r,t){const[d,o]=i(W,R),p=l((...n)=>{t?.renderSync?c(()=>o(n)):o(n)},[]);return e?[Array.from(d.entries()).map(([n,s])=>m(r?a(e,r(s)):e,n)),p]:[]}export{f as useRenderer};
+//# sourceMappingURL=useRenderer.js.map

package/renderers/useRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/renderers/useRenderer.ts"],
+  "sourcesContent": ["import {\n  type ComponentType,\n  createElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useReducer,\n} from 'react';\nimport { createPortal, flushSync } from 'react-dom';\nimport type { Slice, WebComponentRenderer } from './renderer.js';\n\nexport type UseRendererResult<W extends WebComponentRenderer> = readonly [\n  portals?: ReadonlyArray<ReactElement | null>,\n  renderer?: W,\n];\n\nconst initialState = new Map();\n\nfunction rendererReducer<W extends WebComponentRenderer>(\n  state: Map<HTMLElement, Slice<Parameters<W>, 1>>,\n  [root, ...args]: Parameters<W>,\n): Map<HTMLElement, Slice<Parameters<W>, 1>> {\n  return new Map(state).set(root, args as Slice<Parameters<W>, 1>);\n}\n\nexport type RendererConfig = {\n  renderSync?: boolean;\n};\n\nexport function useRenderer<P extends {}, W extends WebComponentRenderer>(\n  node: ReactNode,\n  convert?: (props: Slice<Parameters<W>, 1>) => PropsWithChildren<P>,\n  config?: RendererConfig,\n): UseRendererResult<W>;\nexport function useRenderer<P extends {}, W extends WebComponentRenderer>(\n  reactRenderer: ComponentType<P> | null | undefined,\n  convert: (props: Slice<Parameters<W>, 1>) => PropsWithChildren<P>,\n  config?: RendererConfig,\n): UseRendererResult<W>;\nexport function useRenderer<P extends {}, W extends WebComponentRenderer>(\n  reactRendererOrNode: ReactNode | ComponentType<P> | null | undefined,\n  convert?: (props: Slice<Parameters<W>, 1>) => PropsWithChildren<P>,\n  config?: RendererConfig,\n): UseRendererResult<W> {\n  const [map, update] = useReducer<typeof rendererReducer<W>>(rendererReducer, initialState);\n  const renderer = useCallback(\n    ((...args: Parameters<W>) => {\n      if (config?.renderSync) {\n        flushSync(() => update(args));\n      } else {\n        update(args);\n      }\n    }) as W,\n    [],\n  );\n\n  return reactRendererOrNode\n    ? [\n        Array.from(map.entries()).map(([root, args]) =>\n          createPortal(\n            convert\n              ? createElement<P>(reactRendererOrNode as ComponentType<P>, convert(args))\n              : (reactRendererOrNode as ReactNode),\n            root,\n          ),\n        ),\n        renderer,\n      ]\n    : [];\n}\n"],
+  "mappings": "AAAA,OAEE,iBAAAA,EAIA,eAAAC,EACA,cAAAC,MACK,QACP,OAAS,gBAAAC,EAAc,aAAAC,MAAiB,YAQxC,MAAMC,EAAe,IAAI,IAEzB,SAASC,EACPC,EACA,CAACC,EAAM,GAAGC,CAAI,EAC6B,CAC3C,OAAO,IAAI,IAAIF,CAAK,EAAE,IAAIC,EAAMC,CAA+B,CACjE,CAgBO,SAASC,EACdC,EACAC,EACAC,EACsB,CACtB,KAAM,CAACC,EAAKC,CAAM,EAAIb,EAAsCI,EAAiBD,CAAY,EACnFW,EAAWf,EACd,IAAIQ,IAAwB,CACvBI,GAAQ,WACVT,EAAU,IAAMW,EAAON,CAAI,CAAC,EAE5BM,EAAON,CAAI,CAEf,EACA,CAAC,CACH,EAEA,OAAOE,EACH,CACE,MAAM,KAAKG,EAAI,QAAQ,CAAC,EAAE,IAAI,CAAC,CAACN,EAAMC,CAAI,IACxCN,EACES,EACIZ,EAAiBW,EAAyCC,EAAQH,CAAI,CAAC,EACtEE,EACLH,CACF,CACF,EACAQ,CACF,EACA,CAAC,CACP",
+  "names": ["createElement", "useCallback", "useReducer", "createPortal", "flushSync", "initialState", "rendererReducer", "state", "root", "args", "useRenderer", "reactRendererOrNode", "convert", "config", "map", "update", "renderer"]
+}

package/renderers/useSimpleOrChildrenRenderer.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentType, ReactNode } from 'react';
+import type { RendererConfig, UseRendererResult } from './useRenderer.js';
+import { type ReactSimpleRendererProps, type WebComponentSimpleRenderer } from './useSimpleRenderer.js';
+export declare function useSimpleOrChildrenRenderer<O extends HTMLElement>(fnRenderer?: ComponentType<ReactSimpleRendererProps<O>> | null, children?: ReactNode | ComponentType<ReactSimpleRendererProps<O>>, config?: RendererConfig): UseRendererResult<WebComponentSimpleRenderer<O>>;
+//# sourceMappingURL=useSimpleOrChildrenRenderer.d.ts.map

package/renderers/useSimpleOrChildrenRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSimpleOrChildrenRenderer.d.ts","sourceRoot":"","sources":["../src/renderers/useSimpleOrChildrenRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,0BAA0B,EAChC,MAAM,wBAAwB,CAAC;AAEhC,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,WAAW,EAC/D,UAAU,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAC9D,QAAQ,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,EACjE,MAAM,CAAC,EAAE,cAAc,GACtB,iBAAiB,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAmBlD"}

package/renderers/useSimpleOrChildrenRenderer.js

@@ -0,0 +1,2 @@
+import{useRenderer as l}from"./useRenderer.js";import{useSimpleRenderer as m}from"./useSimpleRenderer.js";function u(p,r,o){let n,e,t=!1;typeof r=="function"?(n=void 0,e=r,t=!0):(n=r,e=p,t=!!e);const d=l(n,void 0,o),R=m(e,o);return t?R:d}export{u as useSimpleOrChildrenRenderer};
+//# sourceMappingURL=useSimpleOrChildrenRenderer.js.map

package/renderers/useSimpleOrChildrenRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/renderers/useSimpleOrChildrenRenderer.ts"],
+  "sourcesContent": ["import type { ComponentType, ReactNode } from 'react';\nimport { useRenderer } from './useRenderer.js';\nimport type { RendererConfig, UseRendererResult } from './useRenderer.js';\nimport {\n  type ReactSimpleRendererProps,\n  useSimpleRenderer,\n  type WebComponentSimpleRenderer,\n} from './useSimpleRenderer.js';\n\nexport function useSimpleOrChildrenRenderer<O extends HTMLElement>(\n  fnRenderer?: ComponentType<ReactSimpleRendererProps<O>> | null,\n  children?: ReactNode | ComponentType<ReactSimpleRendererProps<O>>,\n  config?: RendererConfig,\n): UseRendererResult<WebComponentSimpleRenderer<O>> {\n  let _children: ReactNode | undefined;\n  let _fnRenderer: ComponentType<ReactSimpleRendererProps<O>> | null | undefined;\n  let shouldUseSimpleRendererResult = false;\n\n  if (typeof children === 'function') {\n    _children = undefined;\n    _fnRenderer = children;\n    shouldUseSimpleRendererResult = true;\n  } else {\n    _children = children;\n    _fnRenderer = fnRenderer;\n    shouldUseSimpleRendererResult = !!_fnRenderer;\n  }\n\n  const useChildrenRendererResult = useRenderer(_children, undefined, config);\n  const useSimpleRendererResult = useSimpleRenderer(_fnRenderer, config);\n\n  return shouldUseSimpleRendererResult ? useSimpleRendererResult : useChildrenRendererResult;\n}\n"],
+  "mappings": "AACA,OAAS,eAAAA,MAAmB,mBAE5B,OAEE,qBAAAC,MAEK,yBAEA,SAASC,EACdC,EACAC,EACAC,EACkD,CAClD,IAAIC,EACAC,EACAC,EAAgC,GAEhC,OAAOJ,GAAa,YACtBE,EAAY,OACZC,EAAcH,EACdI,EAAgC,KAEhCF,EAAYF,EACZG,EAAcJ,EACdK,EAAgC,CAAC,CAACD,GAGpC,MAAME,EAA4BT,EAAYM,EAAW,OAAWD,CAAM,EACpEK,EAA0BT,EAAkBM,EAAaF,CAAM,EAErE,OAAOG,EAAgCE,EAA0BD,CACnE",
+  "names": ["useRenderer", "useSimpleRenderer", "useSimpleOrChildrenRenderer", "fnRenderer", "children", "config", "_children", "_fnRenderer", "shouldUseSimpleRendererResult", "useChildrenRendererResult", "useSimpleRendererResult"]
+}

package/renderers/useSimpleRenderer.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentType } from 'react';
+import { type RendererConfig, type UseRendererResult } from './useRenderer.js';
+export type ReactSimpleRendererProps<O extends HTMLElement> = Readonly<{
+    original: O;
+}>;
+export type WebComponentSimpleRenderer<O extends HTMLElement> = (root: HTMLElement, original: O) => void;
+export declare function useSimpleRenderer<O extends HTMLElement>(reactRenderer?: ComponentType<ReactSimpleRendererProps<O>> | null, config?: RendererConfig): UseRendererResult<WebComponentSimpleRenderer<O>>;
+//# sourceMappingURL=useSimpleRenderer.d.ts.map

package/renderers/useSimpleRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSimpleRenderer.d.ts","sourceRoot":"","sources":["../src/renderers/useSimpleRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAe,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE5F,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,WAAW,IAAI,QAAQ,CAAC;IACrE,QAAQ,EAAE,CAAC,CAAC;CACb,CAAC,CAAC;AACH,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,WAAW,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;AASzG,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EACrD,aAAa,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EACjE,MAAM,CAAC,EAAE,cAAc,GACtB,iBAAiB,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAElD"}

package/renderers/useSimpleRenderer.js

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

package/renderers/useSimpleRenderer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/renderers/useSimpleRenderer.ts"],
+  "sourcesContent": ["import type { ComponentType, PropsWithChildren } from 'react';\nimport type { Slice } from './renderer.js';\nimport { useRenderer, type RendererConfig, type UseRendererResult } from './useRenderer.js';\n\nexport type ReactSimpleRendererProps<O extends HTMLElement> = Readonly<{\n  original: O;\n}>;\nexport type WebComponentSimpleRenderer<O extends HTMLElement> = (root: HTMLElement, original: O) => void;\n\nfunction convertSimpleRendererArgs<O extends HTMLElement>([original]: Slice<\n  Parameters<WebComponentSimpleRenderer<O>>,\n  1\n>): PropsWithChildren<ReactSimpleRendererProps<O>> {\n  return { original };\n}\n\nexport function useSimpleRenderer<O extends HTMLElement>(\n  reactRenderer?: ComponentType<ReactSimpleRendererProps<O>> | null,\n  config?: RendererConfig,\n): UseRendererResult<WebComponentSimpleRenderer<O>> {\n  return useRenderer(reactRenderer, convertSimpleRendererArgs, config);\n}\n"],
+  "mappings": "AAEA,OAAS,eAAAA,MAAgE,mBAOzE,SAASC,EAAiD,CAACC,CAAQ,EAGhB,CACjD,MAAO,CAAE,SAAAA,CAAS,CACpB,CAEO,SAASC,EACdC,EACAC,EACkD,CAClD,OAAOL,EAAYI,EAAeH,EAA2BI,CAAM,CACrE",
+  "names": ["useRenderer", "convertSimpleRendererArgs", "original", "useSimpleRenderer", "reactRenderer", "config"]
+}

package/utils/createComponent.d.ts

@@ -0,0 +1,52 @@
+import { type EventName } from '@lit/react';
+import type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
+import type React from 'react';
+import type { RefAttributes } from 'react';
+declare global {
+    interface VaadinRegistration {
+        is: string;
+        version: string;
+    }
+    interface Vaadin {
+        registrations?: VaadinRegistration[];
+    }
+    interface Window {
+        Vaadin?: Vaadin;
+    }
+}
+export type EventNames = Record<string, EventName | string>;
+type Constructor<T> = {
+    new (): T;
+    name: string;
+};
+type PolymerConstructor<T> = Constructor<T> & {
+    _properties: Record<string, unknown>;
+};
+type Options<I extends HTMLElement, E extends EventNames = {}> = Readonly<{
+    displayName?: string;
+    elementClass: Constructor<I> | PolymerConstructor<I>;
+    events?: E;
+    react: typeof window.React;
+    tagName: string;
+}>;
+type EventListeners<R extends EventNames> = {
+    [K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;
+};
+type ElementProps<I> = Partial<Omit<I, keyof HTMLElement>> & {
+    autofocus?: boolean;
+};
+type ComponentProps<I, E extends EventNames = {}> = Omit<React.HTMLAttributes<I>, keyof E | keyof ElementProps<I>> & EventListeners<E> & ElementProps<I>;
+export type ThemedWebComponentProps<I extends ThemePropertyMixinClass & HTMLElement, E extends EventNames = {}> = ComponentProps<I, E> & {
+    /**
+     * Attribute that can be used by the component to apply built-in style variants,
+     * or to propagate its value to the sub-components in Shadow DOM.
+     *
+     * @see ThemePropertyMixinClass#_theme
+     */
+    theme?: string;
+};
+type AllWebComponentProps<I extends HTMLElement, E extends EventNames = {}> = I extends ThemePropertyMixinClass ? ThemedWebComponentProps<I, E> : ComponentProps<I, E>;
+export type WebComponentProps<I extends HTMLElement, E extends EventNames = {}> = Partial<AllWebComponentProps<I, E>>;
+export declare function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;
+export {};
+//# sourceMappingURL=createComponent.d.ts.map

package/utils/createComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/utils/createComponent.ts"],"names":[],"mappings":"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"}

package/utils/createComponent.js

@@ -0,0 +1,2 @@
+import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"24.4.0-alpha3"});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

@@ -0,0 +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.4.0-alpha3',\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/utils/createComponentWithOrderedProps.d.ts

@@ -0,0 +1,3 @@
+import { type ForwardedRef, type FC } from 'react';
+export default function createComponentWithOrderedProps<P extends {}, E extends HTMLElement>(component: FC<P>, ...names: ReadonlyArray<keyof P>): (props: P, ref: ForwardedRef<E>) => import("react").FunctionComponentElement<P>;
+//# sourceMappingURL=createComponentWithOrderedProps.d.ts.map

package/utils/createComponentWithOrderedProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponentWithOrderedProps.d.ts","sourceRoot":"","sources":["../src/utils/createComponentWithOrderedProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,YAAY,EAAsB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtF,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,WAAW,EACzF,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,EAChB,GAAG,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,WAEjB,CAAC,OAAO,aAAa,CAAC,CAAC,iDAmBvC"}

package/utils/createComponentWithOrderedProps.js

@@ -0,0 +1,2 @@
+import{createElement as a}from"react";function d(f,...o){return(t,n)=>{const r={};for(const e of Object.keys(t))o.includes(e)||(r[e]=t[e]);for(const e of o)t.hasOwnProperty(e)&&(r[e]=t[e]);return r.ref=n,a(f,r)}}export{d as default};
+//# sourceMappingURL=createComponentWithOrderedProps.js.map

package/utils/createComponentWithOrderedProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utils/createComponentWithOrderedProps.ts"],
+  "sourcesContent": ["import { createElement, type ForwardedRef, type RefAttributes, type FC } from 'react';\n\nexport default function createComponentWithOrderedProps<P extends {}, E extends HTMLElement>(\n  component: FC<P>,\n  ...names: ReadonlyArray<keyof P>\n) {\n  return (props: P, ref: ForwardedRef<E>) => {\n    const orderedProps: Partial<P> & RefAttributes<E> = {};\n\n    for (const name of Object.keys(props) as Array<keyof P>) {\n      if (!names.includes(name)) {\n        orderedProps[name] = props[name];\n      }\n    }\n\n    for (const name of names) {\n      if (props.hasOwnProperty(name)) {\n        orderedProps[name] = props[name];\n      }\n    }\n\n    orderedProps.ref = ref;\n\n    return createElement(component, orderedProps as Required<P & RefAttributes<E>>);\n  };\n}\n"],
+  "mappings": "AAAA,OAAS,iBAAAA,MAAqE,QAE/D,SAARC,EACLC,KACGC,EACH,CACA,MAAO,CAACC,EAAUC,IAAyB,CACzC,MAAMC,EAA8C,CAAC,EAErD,UAAWC,KAAQ,OAAO,KAAKH,CAAK,EAC7BD,EAAM,SAASI,CAAI,IACtBD,EAAaC,CAAI,EAAIH,EAAMG,CAAI,GAInC,UAAWA,KAAQJ,EACbC,EAAM,eAAeG,CAAI,IAC3BD,EAAaC,CAAI,EAAIH,EAAMG,CAAI,GAInC,OAAAD,EAAa,IAAMD,EAEZL,EAAcE,EAAWI,CAA8C,CAChF,CACF",
+  "names": ["createElement", "createComponentWithOrderedProps", "component", "names", "props", "ref", "orderedProps", "name"]
+}

package/utils/mapItemsWithComponents.d.ts

@@ -0,0 +1,19 @@
+import { type ReactElement, type ReactPortal } from 'react';
+type ItemWithReactElementComponent<T> = T & {
+    component?: ReactElement | string;
+    children?: Array<ItemWithReactElementComponent<T>>;
+};
+type ItemWithHTMLElementComponent<T> = T & {
+    component?: HTMLElement | string;
+    children?: Array<ItemWithHTMLElementComponent<T>>;
+};
+/**
+ * This function transforms a hierarchical list of items, where each item may contain a React component,
+ * into a list of items where each React component is replaced with an HTMLElement.
+ *
+ * The React components are not simply removed, but are instead rendered into portals.
+ * The HTMLElements created for the portals have the given tag name.
+ */
+export declare function mapItemsWithComponents<T>(items?: Array<ItemWithReactElementComponent<T>>, wrapperTagName?: string): [Array<ReactPortal>, Array<ItemWithHTMLElementComponent<Omit<T, 'children' | 'component'>>> | undefined];
+export {};
+//# sourceMappingURL=mapItemsWithComponents.d.ts.map

package/utils/mapItemsWithComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapItemsWithComponents.d.ts","sourceRoot":"","sources":["../src/utils/mapItemsWithComponents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAG5D,KAAK,6BAA6B,CAAC,CAAC,IAAI,CAAC,GAAG;IAC1C,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC;CACpD,CAAC;AAEF,KAAK,4BAA4B,CAAC,CAAC,IAAI,CAAC,GAAG;IACzC,SAAS,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,KAAK,CAAC,EAAE,KAAK,CAAC,6BAA6B,CAAC,CAAC,CAAC,CAAC,EAC/C,cAAc,SAAQ,GACrB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CA+B1G"}

package/utils/mapItemsWithComponents.js

@@ -0,0 +1,2 @@
+import"react";import{createPortal as h}from"react-dom";function s(c,n="div"){const e=[],i=c?.map(l=>{const{component:t,children:p,...o}=l,[a,m]=s(p,n);if(e.push(...a),t&&typeof t!="string"){const r=document.createElement(n);return e.push(h(t,r)),{...o,component:r,children:m}}else return{...o,component:t,children:m}});return[e,i]}export{s as mapItemsWithComponents};
+//# sourceMappingURL=mapItemsWithComponents.js.map

package/utils/mapItemsWithComponents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utils/mapItemsWithComponents.ts"],
+  "sourcesContent": ["import { type ReactElement, type ReactPortal } from 'react';\nimport { createPortal } from 'react-dom';\n\ntype ItemWithReactElementComponent<T> = T & {\n  component?: ReactElement | string;\n  children?: Array<ItemWithReactElementComponent<T>>;\n};\n\ntype ItemWithHTMLElementComponent<T> = T & {\n  component?: HTMLElement | string;\n  children?: Array<ItemWithHTMLElementComponent<T>>;\n};\n\n/**\n * This function transforms a hierarchical list of items, where each item may contain a React component,\n * into a list of items where each React component is replaced with an HTMLElement.\n *\n * The React components are not simply removed, but are instead rendered into portals.\n * The HTMLElements created for the portals have the given tag name.\n */\nexport function mapItemsWithComponents<T>(\n  items?: Array<ItemWithReactElementComponent<T>>,\n  wrapperTagName = 'div',\n): [Array<ReactPortal>, Array<ItemWithHTMLElementComponent<Omit<T, 'children' | 'component'>>> | undefined] {\n  const itemPortals: ReactPortal[] = [];\n\n  const webComponentItems = items?.map((item) => {\n    const { component, children, ...rest } = item;\n\n    // Recursively map children\n    const [childPortals, webComponentChildren] = mapItemsWithComponents(children, wrapperTagName);\n    itemPortals.push(...childPortals);\n\n    if (component && typeof component !== 'string') {\n      // Component is a React element, create a portal for it\n      const root = document.createElement(wrapperTagName);\n      itemPortals.push(createPortal(component, root));\n\n      return {\n        ...rest,\n        component: root,\n        children: webComponentChildren,\n      };\n    } else {\n      return {\n        // Component is a string, or undefined, add it as such\n        ...rest,\n        component,\n        children: webComponentChildren,\n      };\n    }\n  });\n\n  return [itemPortals, webComponentItems];\n}\n"],
+  "mappings": "AAAA,MAAoD,QACpD,OAAS,gBAAAA,MAAoB,YAmBtB,SAASC,EACdC,EACAC,EAAiB,MACyF,CAC1G,MAAMC,EAA6B,CAAC,EAE9BC,EAAoBH,GAAO,IAAKI,GAAS,CAC7C,KAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAK,EAAIH,EAGnC,CAACI,EAAcC,CAAoB,EAAIV,EAAuBO,EAAUL,CAAc,EAG5F,GAFAC,EAAY,KAAK,GAAGM,CAAY,EAE5BH,GAAa,OAAOA,GAAc,SAAU,CAE9C,MAAMK,EAAO,SAAS,cAAcT,CAAc,EAClD,OAAAC,EAAY,KAAKJ,EAAaO,EAAWK,CAAI,CAAC,EAEvC,CACL,GAAGH,EACH,UAAWG,EACX,SAAUD,CACZ,CACF,KACE,OAAO,CAEL,GAAGF,EACH,UAAAF,EACA,SAAUI,CACZ,CAEJ,CAAC,EAED,MAAO,CAACP,EAAaC,CAAiB,CACxC",
+  "names": ["createPortal", "mapItemsWithComponents", "items", "wrapperTagName", "itemPortals", "webComponentItems", "item", "component", "children", "rest", "childPortals", "webComponentChildren", "root"]
+}

package/utils/useMergedRefs.d.ts

@@ -0,0 +1,3 @@
+import { type ForwardedRef, type RefCallback } from 'react';
+export default function useMergedRefs<T extends HTMLElement>(...refs: ReadonlyArray<ForwardedRef<T>>): RefCallback<T>;
+//# sourceMappingURL=useMergedRefs.d.ts.map

package/utils/useMergedRefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedRefs.d.ts","sourceRoot":"","sources":["../src/utils/useMergedRefs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAe,MAAM,OAAO,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAUpH"}

package/utils/useMergedRefs.js

@@ -0,0 +1,2 @@
+import{useCallback as t}from"react";function o(...a){return t(r=>{a.forEach(e=>{typeof e=="function"?e(r):e&&(e.current=r)})},a)}export{o as default};
+//# sourceMappingURL=useMergedRefs.js.map

package/utils/useMergedRefs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/utils/useMergedRefs.ts"],
+  "sourcesContent": ["import { type ForwardedRef, type RefCallback, useCallback } from 'react';\n\nexport default function useMergedRefs<T extends HTMLElement>(...refs: ReadonlyArray<ForwardedRef<T>>): RefCallback<T> {\n  return useCallback((element: T) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        ref(element);\n      } else if (!!ref) {\n        ref.current = element;\n      }\n    });\n  }, refs);\n}\n"],
+  "mappings": "AAAA,OAA8C,eAAAA,MAAmB,QAElD,SAARC,KAAyDC,EAAsD,CACpH,OAAOF,EAAaG,GAAe,CACjCD,EAAK,QAASE,GAAQ,CAChB,OAAOA,GAAQ,WACjBA,EAAID,CAAO,EACAC,IACXA,EAAI,QAAUD,EAElB,CAAC,CACH,EAAGD,CAAI,CACT",
+  "names": ["useCallback", "useMergedRefs", "refs", "element", "ref"]
+}