@vaadin/react-components 25.2.7 → 25.3.0-alpha10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/react-components",
-  "version": "25.2.7",
+  "version": "25.3.0-alpha10",
   "publishConfig": {
     "access": "public"
   },
@@ -27,69 +27,70 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.7",
-    "@vaadin/a11y-base": "25.2.7",
-    "@vaadin/accordion": "25.2.7",
-    "@vaadin/app-layout": "25.2.7",
-    "@vaadin/avatar": "25.2.7",
-    "@vaadin/avatar-group": "25.2.7",
-    "@vaadin/badge": "25.2.7",
-    "@vaadin/breadcrumbs": "25.2.7",
-    "@vaadin/button": "25.2.7",
-    "@vaadin/card": "25.2.7",
-    "@vaadin/checkbox": "25.2.7",
-    "@vaadin/checkbox-group": "25.2.7",
-    "@vaadin/combo-box": "25.2.7",
-    "@vaadin/component-base": "25.2.7",
-    "@vaadin/confirm-dialog": "25.2.7",
-    "@vaadin/context-menu": "25.2.7",
-    "@vaadin/custom-field": "25.2.7",
-    "@vaadin/date-picker": "25.2.7",
-    "@vaadin/date-time-picker": "25.2.7",
-    "@vaadin/details": "25.2.7",
-    "@vaadin/dialog": "25.2.7",
-    "@vaadin/email-field": "25.2.7",
-    "@vaadin/field-base": "25.2.7",
-    "@vaadin/field-highlighter": "25.2.7",
-    "@vaadin/form-layout": "25.2.7",
-    "@vaadin/grid": "25.2.7",
-    "@vaadin/horizontal-layout": "25.2.7",
-    "@vaadin/icon": "25.2.7",
-    "@vaadin/icons": "25.2.7",
-    "@vaadin/input-container": "25.2.7",
-    "@vaadin/integer-field": "25.2.7",
-    "@vaadin/item": "25.2.7",
-    "@vaadin/list-box": "25.2.7",
-    "@vaadin/lit-renderer": "25.2.7",
-    "@vaadin/login": "25.2.7",
-    "@vaadin/markdown": "25.2.7",
-    "@vaadin/master-detail-layout": "25.2.7",
-    "@vaadin/menu-bar": "25.2.7",
-    "@vaadin/message-input": "25.2.7",
-    "@vaadin/message-list": "25.2.7",
-    "@vaadin/multi-select-combo-box": "25.2.7",
-    "@vaadin/notification": "25.2.7",
-    "@vaadin/number-field": "25.2.7",
-    "@vaadin/overlay": "25.2.7",
-    "@vaadin/password-field": "25.2.7",
-    "@vaadin/popover": "25.2.7",
-    "@vaadin/progress-bar": "25.2.7",
-    "@vaadin/radio-group": "25.2.7",
-    "@vaadin/scroller": "25.2.7",
-    "@vaadin/select": "25.2.7",
-    "@vaadin/side-nav": "25.2.7",
-    "@vaadin/slider": "25.2.7",
-    "@vaadin/split-layout": "25.2.7",
-    "@vaadin/tabs": "25.2.7",
-    "@vaadin/tabsheet": "25.2.7",
-    "@vaadin/text-area": "25.2.7",
-    "@vaadin/text-field": "25.2.7",
-    "@vaadin/time-picker": "25.2.7",
-    "@vaadin/tooltip": "25.2.7",
-    "@vaadin/upload": "25.2.7",
-    "@vaadin/vaadin-lumo-styles": "25.2.7",
-    "@vaadin/vaadin-themable-mixin": "25.2.7",
-    "@vaadin/vertical-layout": "25.2.7",
-    "@vaadin/virtual-list": "25.2.7"
+    "@vaadin/a11y-base": "25.3.0-alpha10",
+    "@vaadin/accordion": "25.3.0-alpha10",
+    "@vaadin/app-layout": "25.3.0-alpha10",
+    "@vaadin/avatar": "25.3.0-alpha10",
+    "@vaadin/avatar-group": "25.3.0-alpha10",
+    "@vaadin/badge": "25.3.0-alpha10",
+    "@vaadin/breadcrumbs": "25.3.0-alpha10",
+    "@vaadin/button": "25.3.0-alpha10",
+    "@vaadin/card": "25.3.0-alpha10",
+    "@vaadin/checkbox": "25.3.0-alpha10",
+    "@vaadin/checkbox-group": "25.3.0-alpha10",
+    "@vaadin/combo-box": "25.3.0-alpha10",
+    "@vaadin/component-base": "25.3.0-alpha10",
+    "@vaadin/confirm-dialog": "25.3.0-alpha10",
+    "@vaadin/context-menu": "25.3.0-alpha10",
+    "@vaadin/custom-field": "25.3.0-alpha10",
+    "@vaadin/date-picker": "25.3.0-alpha10",
+    "@vaadin/date-time-picker": "25.3.0-alpha10",
+    "@vaadin/details": "25.3.0-alpha10",
+    "@vaadin/dialog": "25.3.0-alpha10",
+    "@vaadin/email-field": "25.3.0-alpha10",
+    "@vaadin/field-base": "25.3.0-alpha10",
+    "@vaadin/field-highlighter": "25.3.0-alpha10",
+    "@vaadin/form-layout": "25.3.0-alpha10",
+    "@vaadin/grid": "25.3.0-alpha10",
+    "@vaadin/horizontal-layout": "25.3.0-alpha10",
+    "@vaadin/icon": "25.3.0-alpha10",
+    "@vaadin/icons": "25.3.0-alpha10",
+    "@vaadin/input-container": "25.3.0-alpha10",
+    "@vaadin/integer-field": "25.3.0-alpha10",
+    "@vaadin/item": "25.3.0-alpha10",
+    "@vaadin/list-box": "25.3.0-alpha10",
+    "@vaadin/lit-renderer": "25.3.0-alpha10",
+    "@vaadin/login": "25.3.0-alpha10",
+    "@vaadin/markdown": "25.3.0-alpha10",
+    "@vaadin/master-detail-layout": "25.3.0-alpha10",
+    "@vaadin/menu-bar": "25.3.0-alpha10",
+    "@vaadin/message-input": "25.3.0-alpha10",
+    "@vaadin/message-list": "25.3.0-alpha10",
+    "@vaadin/multi-select-combo-box": "25.3.0-alpha10",
+    "@vaadin/notification": "25.3.0-alpha10",
+    "@vaadin/number-field": "25.3.0-alpha10",
+    "@vaadin/overlay": "25.3.0-alpha10",
+    "@vaadin/password-field": "25.3.0-alpha10",
+    "@vaadin/popover": "25.3.0-alpha10",
+    "@vaadin/progress-bar": "25.3.0-alpha10",
+    "@vaadin/radio-group": "25.3.0-alpha10",
+    "@vaadin/scroller": "25.3.0-alpha10",
+    "@vaadin/select": "25.3.0-alpha10",
+    "@vaadin/side-nav": "25.3.0-alpha10",
+    "@vaadin/slider": "25.3.0-alpha10",
+    "@vaadin/split-layout": "25.3.0-alpha10",
+    "@vaadin/switch": "25.3.0-alpha10",
+    "@vaadin/tabs": "25.3.0-alpha10",
+    "@vaadin/tabsheet": "25.3.0-alpha10",
+    "@vaadin/text-area": "25.3.0-alpha10",
+    "@vaadin/text-field": "25.3.0-alpha10",
+    "@vaadin/time-picker": "25.3.0-alpha10",
+    "@vaadin/tooltip": "25.3.0-alpha10",
+    "@vaadin/upload": "25.3.0-alpha10",
+    "@vaadin/vaadin-lumo-styles": "25.3.0-alpha10",
+    "@vaadin/vaadin-themable-mixin": "25.3.0-alpha10",
+    "@vaadin/vertical-layout": "25.3.0-alpha10",
+    "@vaadin/virtual-list": "25.3.0-alpha10"
   },
   "author": "Vaadin Ltd.",
   "license": "Apache-2.0",
@@ -188,6 +189,14 @@
       "types": "./ContextMenu.d.ts",
       "default": "./ContextMenu.js"
     },
+    "./ContextMenuItem.js": {
+      "types": "./ContextMenuItem.d.ts",
+      "default": "./ContextMenuItem.js"
+    },
+    "./ContextMenuListBox.js": {
+      "types": "./ContextMenuListBox.d.ts",
+      "default": "./ContextMenuListBox.js"
+    },
     "./CustomField.js": {
       "types": "./CustomField.d.ts",
       "default": "./CustomField.js"
@@ -372,6 +381,14 @@
       "types": "./Select.d.ts",
       "default": "./Select.js"
     },
+    "./SelectItem.js": {
+      "types": "./SelectItem.d.ts",
+      "default": "./SelectItem.js"
+    },
+    "./SelectListBox.js": {
+      "types": "./SelectListBox.d.ts",
+      "default": "./SelectListBox.js"
+    },
     "./SideNav.js": {
       "types": "./SideNav.d.ts",
       "default": "./SideNav.js"
@@ -388,6 +405,10 @@
       "types": "./SplitLayout.d.ts",
       "default": "./SplitLayout.js"
     },
+    "./Switch.js": {
+      "types": "./Switch.d.ts",
+      "default": "./Switch.js"
+    },
     "./Tab.js": {
       "types": "./Tab.d.ts",
       "default": "./Tab.js"
@@ -456,6 +477,8 @@
     "./ComboBox": "./ComboBox.js",
     "./ConfirmDialog": "./ConfirmDialog.js",
     "./ContextMenu": "./ContextMenu.js",
+    "./ContextMenuItem": "./ContextMenuItem.js",
+    "./ContextMenuListBox": "./ContextMenuListBox.js",
     "./CustomField": "./CustomField.js",
     "./DatePicker": "./DatePicker.js",
     "./DateTimePicker": "./DateTimePicker.js",
@@ -502,10 +525,13 @@
     "./RangeSlider": "./RangeSlider.js",
     "./Scroller": "./Scroller.js",
     "./Select": "./Select.js",
+    "./SelectItem": "./SelectItem.js",
+    "./SelectListBox": "./SelectListBox.js",
     "./SideNav": "./SideNav.js",
     "./SideNavItem": "./SideNavItem.js",
     "./Slider": "./Slider.js",
     "./SplitLayout": "./SplitLayout.js",
+    "./Switch": "./Switch.js",
     "./Tab": "./Tab.js",
     "./Tabs": "./Tabs.js",
     "./TabSheet": "./TabSheet.js",

package/utils/createComponent.d.ts

@@ -36,7 +36,7 @@ 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> & {
+export type ThemedWebComponentProps<I extends 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.
@@ -47,6 +47,18 @@ export type ThemedWebComponentProps<I extends ThemePropertyMixinClass & HTMLElem
 };
 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;
+/**
+ * The type of a React component created from a Vaadin web component.
+ */
+export type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;
+/**
+ * The type of a React component that always accepts a `theme` property, even if
+ * the underlying web component does not use `ThemableMixin` / does not expose
+ * `ThemePropertyMixinClass` in its type. Used for components that support theme
+ * variants through the `theme` attribute without the mixin.
+ */
+export type ThemedReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = (props: Partial<ThemedWebComponentProps<I, E>> & RefAttributes<I>) => React.ReactElement | null;
+export declare function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): ReactWebComponent<I, E>;
+export declare function createThemedComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): ThemedReactWebComponent<I, E>;
 export {};
 //# sourceMappingURL=createComponent.d.ts.map

package/utils/createComponent.d.ts.map

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

package/utils/createComponent.js

@@ -1,2 +1,2 @@
-import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.2.7"});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.3.0-alpha10"});function o(e){const{elementClass:t}=e;return n("_properties"in t?{...e,elementClass:{name:t.name,prototype:{...t._properties,hidden:Boolean}}}:e)}function r(e){return o(e)}export{o as createComponent,r as createThemedComponent};
 //# sourceMappingURL=createComponent.js.map

package/utils/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/utils/createComponent.ts"],
-  "sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n  interface VaadinRegistration {\n    is: string;\n    version: string;\n  }\n\n  interface Vaadin {\n    registrations?: VaadinRegistration[];\n  }\n\n  interface Window {\n    // @ts-expect-error: Different declaration from one of the dependencies.\n    Vaadin?: Vaadin;\n  }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n  is: '@vaadin/react-components',\n  version: /* updated-by-script */ '25.2.7',\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,QACnC,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"]
+  "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.3.0-alpha10',\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<I extends HTMLElement, E extends EventNames = {}> = 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/**\n * The type of a React component created from a Vaadin web component.\n */\nexport type ReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = (\n  props: WebComponentProps<I, E> & RefAttributes<I>,\n) => React.ReactElement | null;\n\n/**\n * The type of a React component that always accepts a `theme` property, even if\n * the underlying web component does not use `ThemableMixin` / does not expose\n * `ThemePropertyMixinClass` in its type. Used for components that support theme\n * variants through the `theme` attribute without the mixin.\n */\nexport type ThemedReactWebComponent<I extends HTMLElement, E extends EventNames = {}> = (\n  props: Partial<ThemedWebComponentProps<I, E>> & RefAttributes<I>,\n) => React.ReactElement | null;\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): ReactWebComponent<I, E>;\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\n// A separate declaration is needed here for the same reason as `createComponent`.\nexport function createThemedComponent<I extends HTMLElement, E extends EventNames = {}>(\n  options: Options<I, E>,\n): ThemedReactWebComponent<I, E>;\n\n// Creates a React component that always accepts a `theme` property, regardless of\n// whether the underlying web component uses `ThemableMixin`. This only widens the\n// type: the runtime is identical to `createComponent`. `@lit/react` already forwards\n// any prop that is not defined on the element prototype (such as `theme` on a\n// non-`ThemableMixin` element) to the DOM as an attribute, so no runtime change is\n// needed \u2014 this function exists purely to expose `theme` at the type level.\nexport function createThemedComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): any {\n  return createComponent(options);\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,gBACnC,CAAC,EAyEM,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,CAaO,SAASE,EAAwEF,EAA6B,CACnH,OAAOD,EAAgBC,CAAO,CAChC",
+  "names": ["_createComponent", "createComponent", "options", "elementClass", "createThemedComponent"]
 }